/********************************************************************
* Webove stranky spolecnosti PEAR s.r.o.                            *
*                                                                   *
*                                                                   *
* Autor:  PEAR s.r.o.                                               *
*         Petr Hanuš                                                *
*                                                                   *
* Datum:  02.08.2007                                                *
*********************************************************************/


/*********************************************************************
ZAKLADNI NASTAVENI A POZICOVANI STRANKY
*********************************************************************/


/*  
Nastaveni stylu pro BODY 
*/
body {
    background-color    : #E9E7D9;                          /*  nastaveni barvy pozadni */
    background-image    : url('../images/pozadi_cara.jpg');   /*  obrazek pozadi */
    background-repeat   : repeat-x;                         /*  opakovani pozadi */
    text-align          : center;                           /*  zarovnani na stred stranky*/
}

/*
dokumentace na nove strance
*/
body.dokumentaceZobrazeniNaNoveStrance
{
    background-color    : White;
    background-image    : none;
    text-align          : left;
}


/*
Zakladni umisteni stranky 
Zde se umistuje stranka na stred prohlizece    
*/
.zakladniUmisteniStranky {
    margin-top          : 10px;                     /*  odsazeni shora */
    margin-left         : auto;                     /*  odsazeni zleva */
    margin-right        : auto;                     /*  odsazeni zprava */
    width               : 900px;                    /*  sirka stranky */
    height              : auto;
    overflow            : hidden;                   /*  pro Mozilla Firefox - roztahovani DIV v zavislosti na jeho obsahu   */
    background-color    : White;                    /* barva pozadi*/
}


/*
Horni ohraniceni stranky
Je to kousek okraje co ma zaoblene rohy
*/
.horniOhraniceniStranky  {
    font-size           : 0px;                      /*  nastaveni male velikosti pisma kuli dobremu zobrazeni na IE */
    width               : 900px;                    /*  sirka stranky */
    height              : 16px;                     /*  vyska stranky */
    background-image    : url('../images/pozadi_horni_cara.jpg'); /*  obrazek na pozadi stranky*/
}


/*
nastaveni zobrazeni prvni hlavicky na strance
hlavicka obsahuje nazev spolecnosti a adresu
*/
.horniPrvniHlavickaStranky 
{
        height  : 50px;                     /* vyska bloku*/
}


/*
zobrazeni nazvu a adresy firmy
*/
.nazevAAdresaFirmy 
{
    height              : auto;
    vertical-align      : middle;       
    margin-left         : 10px;             /* odsazeni ikon zleva */            
    text-align          : left;             /* zarovnani doleva */
    background-color    : White;            /* nastaveni pozadi */    
    float               : left;             /* spojeni dvou DIVu vedle sebe*/
}


/*
zobrazeni nazvu firmy
*/
.nazev_firmy_v_prvni_hlavicce 
{    
    font-family         : Arial;                /* nastaveni pisma */
    font-size           : 21px;                 /* nastaveni velikosti pisma */
    color               : #9C0101;              /* nastaveni barvy pisma */
}


/*
zobrazeni adresy a dalsich informaci
*/
.kontakty_v_hlavicce 
{
    font-family     : Arial;                /* nastaveni pisma */    
    font-size       : 12px;                 /* nastaveni velikosti pisma*/
    color           : #9C0101;              /* nastaveni barvy pisma */
}


/*
zobrazeni ikon v rychle volbe
*/
.ikonyVRychleVolbe 
{
    margin-right        : 10px;             /* odsazeni ikon zprava*/
    vertical-align      : top;              /* narovnani na TOP */
    float               : right;            /* spojeni dvou DIVu vedle sebe*/   
}

/*
zobrazeni horni druhe hlavicky. Je to ta jak se v ni zobrazuje
logo + obrazky k aktivni sekci
*/
.horniDruhaHlavickaStranky
{
    width               : 898px;                /* sirka druhe hlavicky */
    height              : 225px;                /* vyska druhe hlavicky */
    border-left         : solid white 1px;      /* levy bily prouzek */
    border-right        : solid white 1px;      /* pravy bily prouzek*/
    background-image    : url('../images/pozadi_hlavicka.jpg');   /* pozadi*/
    background-repeat   : repeat-x;             /* opakovani pozadi */
    text-align          : left;                 /* zarovnani v ramci bloku doleva */    
}


/*
nastaveni zobrazeni loga
*/
.logo
{
    width               : 480px;                    /* nastaveni sirky bloku*/
    text-align          : left;                     /* zarovnani v bloku*/    
    float               : left;                     /* spojeni dvou bloku */
}


/*
zobrazeni hrusky
*/
.logoHruska
{
    float   : left;         /*spojeni dvou bloku*/
}


/*
zobrazeni textu
*/
.logoText
{
    float   : right;         /*spojeni dvou bloku*/
}

/*
logo co meni motiv
*/
.logoMeniciMotiv
{
    float   : right;
    height  : 200px;
    width   : 300px;
}


/*
blok na zarovnani menu
*/
.hlavniMenu
{
    text-align          : left;                 /* zarovnani menu doleva*/
    width               : 898px;                /* nastaveni sirky menu - musi byt pres celou stranku*/
    height              : auto;                 /* nastaveni vysky menu*/
    border-left         : solid white 1px;      /* levy bily prouzek */
    border-right        : solid white 1px;      /* pravy bily prouzek*/
    background-color    : #9C0101;              /* nastaveni barvy pozadi*/
}

/*
Obsah stranky zobrazeno leve menu + obsah stranky
*/

.obsahStranky
{
    width           : 100%;
    text-align      : left; 
}

/*
menuAObsah
*/
.menuAObsah
{
    width           : 600px;
    float           : left;
}


/*
zobrazovani polozek menu
*/
.zobrazeniMenu
{
    float            : left;    
    background-color : #F2F1E9;
    height            : 100%;   
}


/*
nastaveni obsahu stranky
*/
table.obsahStranky
{
    
}


/*
leve menu
*/
td.td_leveMenu
{
    background-color    : #F2F1E9;  
    vertical-align      : top;  
}

/*
obsah stranky
*/
td.td_obsahStranky
{
    width               : 480px;    
    padding             : 15px;
}


/*
tecky oddelujici obsah a pravy panel stranky
*/
td.td_tecky
{    
    background-image    : url('../images/tecka.jpg');
    width   : 8px;
}

/*
pravy panel stranky
*/
td.td_pravyPanelStranky
{     
     width  : 170px;
     background-color : White; 
}


/*
Pata stranky
*/
.pataStranky
{
    width   : 900px;
    height  : 70px;    
    background-image    : url('../images/pozadi_dolni_cara.jpg');
}

/*
Odkazy cestovnich kancelari v paticce stranky
*/
.ck_odkazy
{
   position:relative; 
   top: 10px;
   left: -15 px;
   font-size: 11px;
}

/*
tecky v levem panelu
*/
.teckyVLevemPanelu
{
    font-size   : 1px;
    width   : 100%;
    height  : 8px;
    background-image : url('../images/rychla_volba_tecky.jpg');
    background-repeat : repeat-x;
}


/*********************************************************************
NASTAVENI FORMATU PISMA A ODKAZU 
*********************************************************************/

/*
nastaveni formatu odkazu v rychle volbe
*/
a.a_rychla_volba 
{
    font-family     : Arial;                /* nastaveni pisma */    
    font-size       : 12px;                 /* nastaveni velikosti pisma*/
    color           : #9C0101;              /* nastaveni barvy pisma */   
    font-weight     : bold; 
}

/*
nastaveni formatu odkazu(email) v kontaktech v prvni hlavicce
*/
a.a_kontakty_v_hlavicce 
{
    font-family     : Arial;                /* nastaveni pisma */    
    font-size       : 12px;                 /* nastaveni velikosti pisma*/
    color           : #9C0101;              /* nastaveni barvy pisma */   
    font-weight     : bold; 
}

a
{
    font-family     : Arial;                /* nastaveni pisma */    
    font-size       : 12px;                 /* nastaveni velikosti pisma*/
    color           : #9C0101;              /* nastaveni barvy pisma */   
    font-weight     : bold; 
}
 
a.a_menu
{
    display             : block;
    border              : 0px;
    padding-left        : 5px;
    padding-right       : 5px;
    padding-top         : 15px;
    padding-bottom      : 5px;
    text-decoration     : none;
    background-image    : url('../images/pozadi_menu_off.jpg');
    font-family         : Arial;
    font-weight         : bold;
    color               : White;
}
 
 
a.a_menu:hover
{
    font-family         : Arial;
    font-style          : normal;
    color               : #FCC904;
    text-decoration     : none;
    font-weight         : bold;
    background-image    : url('../images/pozadi_menu_on.jpg');
    background-repeat   : repeat-x;
}

td.td_menu
{
    border-right    : Solid Silver 1px;
    
}


.nadpisVMenu
{
    font-family         : Arial;
    font-size           : 16px;
    color               : #9C0101;
    font-weight         : bold;
    margin-left         : 3px;
    margin-top          : 15px;
    margin-bottom       : 15px;
    text-align          : left;
}

a.a_polozkaMenu
{
    display             : block;
    background-image    : url('../images/pozadi_menu_polozka.jpg');
    background-repeat   : no-repeat;
    padding-top         : 5px;
    padding-bottom      : 5px;
    vertical-align      : middle;
    font-family         : Arial;
    font-weight         : bold;
    color               : #433E2A;
    font-size           : 12px;
    text-align          : left;   
    background-color    : #DBD8C8;
    width               : 200px;
    border-top          : Solid white 1px;
    padding-left        : 18px;
    text-decoration     : none;
}



a.a_polozkaMenu:hover
{
    text-decoration     : none;
    color               : #9C0101;
}

a.a_servis
{    
    display     : block;
    width       : 170px;
    height      : 50px;
    background-image : url('../images/tl_servis.jpg');
}

a.a_servis:hover
{
    display     : block;
    width       : 170px;
    height      : 50px;
    background-image : url('../images/tl_servis_on.jpg');
}

h1
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 16px;
    color               : #9C0101;
    font-weight         : bold;
}

h2
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 14px;
    color               : #9C0101;
    font-weight         : bold;
}

h3
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : #9C0101;
    font-weight         : bold;
}

p
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;   
    text-align          : justify; 
}

li
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;   
    text-align          : justify; 
}


td.td_kontakty_nadpis
{
    width               : 60px;
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : #9C0101;
    font-weight         : bold;
    vertical-align      : top;
}

td.td_dotazy_nadpis
{
    width               : 60px;
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : #9C0101;
    font-weight         : bold;
    vertical-align      : top;
}

td.td_dotazy_text
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;
}

td.td_kontakty_text,td.td_certifikace
{
    font-family         : Arial;
    font-style          : normal;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;
}



/*
ostatni
*/

img.mapa
{
    border: solid black 1px;    
}

input.input_dotazy
{
    border  : Solid #9C0101 1px;
    color   : black;
    width   : 300px;
    margin-bottom  : 5px;
}

textarea.textarea_dotazy
{
    border  : Solid #9C0101 1px;
    color   : black;
    width   : 300px;
    height  : 100px;
    margin-bottom  : 2px;    
}

td.td_dotazy_nadpis_form
{
    vertical-align:middle;    
}

td.td_tlacitka
{
    width   : 300px;
    height  : 50px;
}


li.reference,li.rezervacni_terminal,li.li_statis,li.li_kalkulace,
li.li_webove_prezentace,li.li_codomabox,li.li_mapaStranek
{
    list-style-image    : url('../images/li_seznam.gif');            
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;
}

li.li_mapaStranek_zanoreni
{
    list-style-image    : url('../images/li_seznam_zanoreny.gif');            
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;    
}

img.reference
{
    border              : solid black 1px;   
    margin-top          : 5px;
    margin-bottom       : 30px; 
}

td.td_codomabox_nadpis
{
    font-family         : Arial;
    font-size           : 14px;
    color               : white;
    font-weight         : bold;
    background-color    : #9C0101;
    vertical-align      : middle;
    padding             : 5px;
}

td.td_codomabox_parametr
{
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : bold;
    background-color    : White;
    padding             : 5px;    
}

td.td_codomabox_popis
{
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    font-style          : italic;
    background-color    : White;
    padding             : 5px;
    text-align          : left; 
}

hr.codomabox_oddelovac
{
    margin-top : 20px;
    margin-bottom : 20px;
    color   : Gray;    
}

a.a_certifikaty
{
    color:White;
    border-color:White;
}

img.img_certifikaty
{
    color:White;   
    border-color:White;
}


/*
Novinky - nadpis
*/

.nadpis_novinky
{
    font-family         : Arial;            /*  trida pisem */
    font-size           : 12px;             /*  velikost pisma */
    color               : #9C0101;          /*  barva pisma */
    font-weight         : normal;           /*  styl pisma  */
}
/*
Novinky - oddelovac
*/
.nadpis_novinky_oddelovac
{
    font-family         : Arial;            /*  trida pisem */
    font-size           : 12px;             /*  velikost pisma */
    color               : Black;            /*  barva pisma */
    font-weight         : bold;             /*  styl pisma  */
    
}

/*
Novinky - seznam
*/
li.li_novinky
{
    list-style-image    : url('../images/li_seznam.gif');       
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;   
}

/*
Novinky - text
*/
.novinky_text
{
    list-style-image    : url('../images/li_seznam.gif');       
    font-family         : Arial;
    font-size           : 12px;
    color               : Black;
    font-weight         : normal;
    vertical-align      : top;
    padding-top         : 5px;
    padding-bottom      : 10px;
}

/*
ikonka webu - hlavni strana
*/
.image_web
{
	width: 100px;
	border: 1px solid #666666;
	}

.refer_nadpis
{
	color: #9C0101;
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	}

.tmave_cerveny_text_tucny
{
	color: #9C0101;
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
	}


.cerny_text_zakladni
{
	color: black;
	font-family:Arial;
	font-size: 11px;
	font-weight: normal;
	}