/* Globalni nastaveni - zacatek*/

h4  { 
 margin: 0px; padding: 0px; font-size: 100%;
}

h3  { 
 padding: 0px; margin: 0px; font-size: 155%; font-weight: normal; color: #669900;
}

h2  { 
 font-size: 170%; font-weight: normal; margin: 0px; 
}

div#telo h2  { 
 font-size: 170%; font-weight: normal; margin: 0px; padding: 0px; color: #336699;
}

h1  { 
 font-size: 180%  ; font-weight: normal; margin: 0px;
}

p   {
 text-indent: 15px; margin: 0px 0px 5px 0px; padding: 0px;
}

ul  {
 padding: 0px; margin: 10px 0px 10px 40px; list-style-image:url("/layout-grafika/odrazka.gif"); text-align: left; 
}


a  {text-decoration: underline; color: #3366CC;}
a:visitedk  {text-decoration: underline;}
a:hover {color: blue;}

.oddelovac  {

 font-size: 1%;
 height: 1px;
 border: 0px;
 border-top: 1px dashed #999999;
 background-color: #FFFFFF; 
 color: #FFFFFF;
 margin: 0px 0px 5px 0px;
 padding: 0px;
}

html>body .oddelovac {
 margin: 10px 0 10px 0px;
}

.odrazka   {
 padding-left: 10px;
 border-left: 6px solid #F7931D;
}

dfn  {
 border-bottom: 1px dashed #339933;
 font-style: normal;
 font-weight: bold;
 cursor: help;  
}

div#podklad {
 position: absolute; top:0px; left: 0px;
 width: 100%;
 height:400px;
 background-image: url(layout-grafika/podklad.png);
}

/* Telo stranky - zakladni nastaveni - zacatek*/

body {
 margin: 0px auto;
 padding: 0px;
 background-color: #336699;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 color: #333333;
 font-size: 71%;
 background-image: url(layout-grafika/modra.png);

}

div#hlavni{
 position: relative;
 margin: 0px auto;
 width: 750px;
  z-index: 1;
 text-align: left;
 background-color: #FFFFFF;
 border-right: 5px solid #FFFFFF;
 border-left: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}

div#horni{
 position: relative;
 margin: 0px auto;
 width: 750px;
 height: 101px;
 background-color: #3399cc;

}


/* Definice horni lista - zacatek*/

div#horni_lista{
 position: relative;

 width: 750px;
 line-height: 30px;
 font-weight: bold;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 text-align: right;
 text-transform: uppercase;
 color: #FFFFFF;
 font-size: 110%;
}

div#horni_lista a{
 color: #FFFFFF;
 text-decoration: none;
}

div#horni_lista a:hover{
 text-decoration: underline;
}

div#horni span{
 background-position: left center;
 line-height: 30px;
 padding-left: 25px;
 padding-right: 10px;
 background-repeat: no-repeat;
 margin-right: 10px;
}  
  
.horni_mapa{
 background-image: url(layout-grafika/mapa2.gif);
 border-right: 1px solid #FFFFCC;
}

.horni_kontakt{
 background-image: url(layout-grafika/kontakt2.gif);
border-right: 1px solid #FFFFCC;
}

.horni_login{
 background-image: url(layout-grafika/login2.gif);
}

/* Definice loga - zacatek*/
div#logo{ 
 position: absolute; top:10px; left: 15px;
 color: #FFFFFF;

}

div#logo img{
 border: 0px;
 width: 300px;
 height: 80px;
 
}

div#logo a{
 color: #FFFFFF;
 text-decoration: none;
 border: 0px;
}


/* Definice horni menu - zacatek*/

div#oblast_menu{
 position: relative;
 background-color: #3399CC;
 width: 750px;
 background-image: url(/layout-grafika/horni_podklad.jpg);
 margin-bottom: 2px;
 margin-top: 4px;
}

.oblastmenuspan{
 position: absolute; top: 0px; left: 0px;
 border-top: 1px solid #FFFFFF;
 font-size: 1px;
 height: 1px;
 width: 750px;
}


div#horni_menu{
 float: left;
 width: 159px;
 font-size: 110%;
 border-right: 1px solid #FFFFFF;
}

div#horni_menu p{
 margin: 0px;
 text-indent: 0px;
}

div#horni_menu a{
line-height: 29px;
 color: #333333;
 width: 138px;
 text-decoration: none;
 padding-left: 15px;
 display: block;

 margin-top: 1px;
}

.horni_menu{
 border-left: 6px solid #F7931D;
  background-color: #EEEEEE;
}

.horni_menu_set {
 border-left: 6px solid #3399CC;
 background-color: #E9EBFF;
}

.horni_menu:hover {
 border-left: 6px solid #3399CC;
 background-color: #E9EBFF;
}

/* Definice horni upoutavka - zacatek*/

div#horni_pozadi{
 position: relative;
 float: left;
 width: 300px;
 height: 179px;
 color: #FFFFFF;
 background-image: url(layout-grafika/horni_pozadi.jpg);
}

.necekejte{
 position: absolute; top: 17px; left: 15px;
 font-size: 140%;
}

.necekejte strong{
 display: block;
 font-size: 135%;
 font-weight: normal;
 margin-bottom: 15px;
}


/* Definice horni topic - zacatek*/

div#horni_topic{
  float:right; 
 width: 269px;
 padding: 10px;
 padding-top: 20px;
 padding-bottom: 0px;
 color: #FFFFFF;
 text-align: justify;
 line-height: 120%;
}



div#horni_topic h2{
 color: #FFFFFF;
}

div#horni_paticka{
 font-size: 1%;
 clear: both;
}


/* Definice navigace - zacatek*/

div#navigace {
margin-bottom: 15px;
 border-bottom: 1px solid #EEEEEE;
 color: #333333;
 text-indent: 0px;
 padding-bottom: 5px;
}

div#navigace P{ 
 margin: 0px;
 text-indent: 0px;
}

div#navigace a { 
 color: #339933;
}

 /*Rozdeleni tela */

div#telo{
 background-image: url(/layout-grafika/telo_podklad.png);
 border-top: 5px solid #FFFFFF;

}

div#leva_cast {
 width: 520px;
 float: left;
 padding: 0px 10px 0px 10px;
 text-align: justify;
}

div#leva_cast h3{
 border-bottom: 0px solid #EEEEEE;
 margin-bottom: 10px;
 padding-bottom: 3px;
}

div#prava_cast {
 width: 185px;
 float: right;
 margin-left: 15px;
}

div#prava_cast hr{
 width: 100%;
 font-size: 1%;
 height: 1px;
 border: 0px;
 border-top: 1px solid #EEEEEE;
 background-color: #FFFFFF; 
 color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

html>body div#prava_cast hr{
 margin: 5px 0px 5px 0px;
}


div#prava_cast a{
color: #CC3300;
text-decoration: underline;
}

div#prava_cast a:hover{
color: #006699;
}

div#prava_cast h3{
 margin: 10px 0px 10px 0px;
 padding: 0px;
 line-height: 120%; 
 color: #3399CC;  
}

div#prava_cast h3 a{
 color: #3399CC;  
 text-decoration: none;
 border-bottom: 1px solid #CC3300;
}

div#prava_cast ul  {
 padding: 0px; margin: 0px 0px 10px 10px;  text-align: left; line-height: 180%; list-style-type: none; list-style-image:url("");
}

div#prava_cast ul a{
 background-image: url("/layout-grafika/odrazka2.gif");
 background-repeat: no-repeat;
 padding-left: 15px;
}

.menu_odkaz_set{
 font-weight: bold;
}

div#prava_cast p{
 text-align: justify;
 padding-right: 5px;
 text-indent: 0px;
}

div#prava_cast img{
 border: 1px solid #3399CC;
 width: 160px;
 height: 128px;
 margin: 0px 9px 9px 10px;
}

 /* Menu */
.menu_odkaz{
font-size: 110%; color: #CC3300;
}

.menu_odkaz_set{
font-size: 110%; color: #CC3300;
}


.menu_odkaz:hover{
font-size: 110%;
font-weight: bold;
}


/* Paticka stranky - zacatek*/

div#paticka{
 clear: both;
 width: 750px;
 background-color: #3399CC; 
 line-height: 25px;
 color: #FFFFFF;
 text-indent: 25px;
 border-top: 5px solid #FFFFFF;
}

div#paticka a{
 margin-right: 15px;
 color: #FFFFFF;
}

div#paticka a:hover{
 text-decoration: underline;
}

div#paticka2 {
 position: relative;
 margin: 0px auto;
 border-top: 0px dashed #CCCCCC;
 color: #CCCCCC;
 height: 20px;
 line-height: 20px;
 margin-top: 5px;
}

div#paticka2 a{
 color: #CCCCCC;
}

div#paticka2 a:hover{
 color: #FFFFFF;
}

.odstavec2{
 text-align: justify;
 background-color: #FDFDEA;
 margin: 10px 30px 10px 30px;
 padding: 15px; 
 text-indent: 0px;
}

.odstavec3{
 text-align: justify;
 margin: 0px 20px 0px 20px;
 padding: 5px; 
 text-indent: 0px;

}

/* Reference */

.reference{
 position: relative;
 display: block;
 padding: 5px;
 border-top: 1px solid #EEEEEE;
 margin-bottom: 10px;
 width: 100%;
}



.reference_leva{
 float: left;
 width: 175px;
}

.reference_prava{
 float: right;
 width: 340px;
}

html>body .reference_prava{
 width: 345px;
}

.reference_paticka{
 clear: both;

}

.reference img{
 border: 1px solid #9966cc; 
 margin-right: 15px;
 width: 160px;
 height: 128px;
}


.reference p{
 text-indent: 0px;
 margin: 5px 0 0 0;
}

.reference h3{
 margin: 0px;
 padding: 0px;
}

div#nadpis{
 background-color: #E9EBFF;
 border: 1px solid #9966cc;
 line-height: 45px;
}

.starsi {
 width: 530px;
 text-align: right;
 line-height: 30px;
 border-top: 4px solid #EEEEEE;
}

/* Objednavka */

form {
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

fieldset {
 margin: 10px 20px  0px 20px;
 border: 1px solid #9966CC;

 padding: 10px 0px 10px 10px;
}

fieldset table{
 margin-top: 15px;
 color: #996600;
}

html>body fieldset table{
 margin-top: 0px;
}

fieldset legend{
 font-size: 120%;
 color: #333333;
 font-weight: bold;
 padding: 3px;  
}

select {
 width: 215px;
}

fieldset input{
 width: 210px;
}

.bunka_label{
 width: 130px;
 vertical-align: top;
 font-size: 110%;
 color: #333333;
}

textarea  {
 width: 300px;
 height: 180px;
}

p#odeslat{
 width: 520px;
 text-align: right;
}

.cervena{
text-align: center;
font-size: 120%;
color: red;
border: 1px solid #333333;
margin: 20px;
background-color: #FFFFCC;
line-height: 50px;
}

/* Novinky */

div#novinky{
 margin: 0px 30px 0px 30px;
}

div#novinky p{
 text-indent: 0px; 
}

div#neviditelne {
 display: none;
}

.ghosting{
width: 520px;
height: 393px;
border: 0px;
}