html
{
    
}
body   
{
    
    font-size: .80em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    /* background: url('../gif/uvod.jpg') 50% 10px no-repeat;*/

}
.tbox {
    position: relative;
    top: -6px;
    height: 17px;
    width: 100px;
    background: transparent;
    color: white;
}
a:link, a:visited
{
    color: #3888DA;
    text-decoration: none;
}

a:hover, .dolni_odkazy a:hover
{
    color: #3888DA;
    text-decoration: underline;
    
}

a:active
{
    color: #3888DA;
}

.odsad
{
    margin-left: 2em;
}
.obrr
{
float: left;
border:0;
}
.ii
{
 font-style:italic;
 font-size: smaller;
 text-align:right;
 margin: 0 0 1em 1em;
 float: right;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: .9em;
    text-transform: uppercase;
    
    font-weight:bold;
    margin-bottom: 0px;
    
}
h1
{
    font-size: 1.3em;

    
}



/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.uvod h2
{
    font-variant:normal;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.tab{ margin: 1em 0 1em 0;}
.tab td, .tab2 td, .tab img
{
    text-align:center;
    font-weight:bold;
    font-style:italic; 
}
#dlogo a img, .ii a img
{
    border:0;
}

.bezbor a img, .fram
{
    border:1px solid  #3888DA;
}
.bezbor iframe {
    margin-top:1em;
    width:100%;
   height:calc(100vw * 0.28);
   border:0;
}

#dlogo
{
    margin: 185px 0 0 115px;
    width: 520px;
    border: 0;
    text-align:left;

}
#ctl00_tbHledat {
    padding-top: 8px;
}
.odsad2
{
    border:1px solid  #3888DA;
    margin-left: 100px;
    margin-right: 20px;
vertical-align:top;
    margin-top: 93px;
}
#Pridat, #Pridat2 {
    margin-left: 153px;
    width: 150px;

      font-size: 1.2em;
      height: 30px;  
      line-height: 30px;
      padding: 0;
}
#Pridat2 {
    width: 200px;
    margin-left: 52px;
    
}
.nadpistext {
     margin: 20px 0 0 110px;
     font-size: 1.2em;
}
#Pridat a, .nadpistext {
    color: white;
    font-weight:bold;
}
.page, .footer, #hlista3, .header
{
    width: 908px;
    margin: 0 auto 0 auto;
    /*background: #cdcdcd url('../gif/horni_lista.gif') repeat-y 0 0;*/


}
.page
{
   
    margin-top: 0;

}
#hlista3
{

    display:block;
    margin-top: 28px;
    border:1px solid  #3888DA;
   
}

.footer
{
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 2px;
    background: #cdcdcd url('../gif/dolni_lista2.gif') repeat-x 0 0;
    height: 20px;
    text-align:center;
color: White;
}

.header
{
    margin-top:1em;
    height:265px;
    background: url('../gif/uvod2.jpg') 0 0 no-repeat;
    border-bottom:0;
 border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
}
#pozadi
{

    height:265px;
    background: url('../gif/sjlogo.png') 0 0 no-repeat;

}
.main
{
    padding: 36px 0;
width: 650px;
}
    .main h2 {
        padding:.9em 0;
    }
.obrazky h2 {
        padding:.9em 0;
    }
.mail table
{
    width: 90%;
}
.obrazky img
{
 display:block;
 margin: 1em;
}

.rightCol
{

width: 220px;
margin: 36px 0 36px 14px;

    float:right;

}
.nd, .nd2 {background-color:#efefef;
   text-align:center;

 font-weight: bold;
 border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;

margin-bottom: 5px;
line-height: 36px;
    }
.nd3 {

    background-color: #3888DA;

   border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
color: #3888DA;
margin-bottom: 1em;
line-height: initial;
text-align:center;
height:36px;
}
.nd2 {
    margin-top: 35px;
}
  .nd2, .nd2 a {
        background-color: #3888DA;
        color:white;
    }
.nd3 input {
    text-align: center;
font-weight: bold;
margin-top:8px;
border: 0;
font-size: 0.9em;
font-family: Arial;

}
.plus_hledat {
    float:right;
    margin: 6px 8px 0 0;
}

.ram { 
    display: table;


}
#clanky {
    padding: 6px 24px;
}
.obrr
{
padding-right: 24px;
}
    .inner, .innertext
{
        display: table-cell;

vertical-align: top;
padding-right: 24px;

}
.inner {
width: 115px;
padding-right: 24px;
}
    .innertext2
{
padding-bottom: 12px;

}
  .inner  img
{

width: 100%;
    display: block;
    margin-bottom: 12px;
}

.lii, .hlbox, .lii2, #menu
{
    border:3px solid #efefef;
    padding:24px 24px 14px 24px;
    background: #efefef;
     border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;

    
}
.box, box2 {
    margin-bottom: 2em;

}

.hlbox, #pocet_j
{
    width: 90%;
   line-height: 1.4em;
   padding: 0.4em;
    font-weight:bold;
}
#pocet_j
{ text-align:center;
  color:white;
  padding-top: 60px;
    }

#ctl00_pocet {
 font-size:2em;
}
.obrl
{
    float:left;
    padding-right: 0.4em;
}
.lii ul, .lii2 ul 
{

    list-style:none;
padding: 0;
margin: 0;
 }
.innertext ul {
    list-style-image: url('../gif/sipka.gif');
    padding-top: 10px;
}
.innertext li {
    margin-left: 10px;
}



.ulodkaz, .lii2 ul li a
{display:block;padding:2px 0 2px 15px;height:100%;background:url('../gif/sipka.gif') 5px .6em no-repeat;}
.druheul
{
    display:block;height:100%;
    padding-left: 20px;
}
.lii2 input
{
    margin: 0.5em 0 1em 3px;
}
.lii2 img {
    padding-bottom: 24px;
}
.lii2 .inner img {
    padding:0;
}
#horni_text {
    padding: 24px 0 0 24px;
    
}
.box2 img, .box3 img
{
    border: 0;
    margin: 1em 0em;
}
.box2
{

    text-align:center;
}
/*
.footer
{
    color: #CC9900;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
*/

/* TAB MENU   
---------------------------------------------------------*/

#menu div
{
    
}

#menu select
{

    width:  165px;
      
      margin: 3px 5px 10px 0px;
}

#menu
{

  color: Black;
  font-weight:bold;
  
}


.clear
{
    clear: both;

    height:1px;
}
.clear_leva
{
    clear: left;

    height:1px;
}

.chyba
{
	color:Red;
	
}
.bold, .chyba
{
    font-weight: bold;
}
.hlaska
{
	font-size:150%;
	font-weight:bold;
	color:Red;
	text-align:center;
	padding-top:2em;
	
}
.dolni_odkazy
{
	border:0;
	padding:0;
}

.dolni_odkazy td
{
    background-color:#efefef;
	
	text-align:center;
	height: 2.5em;
	
}
.dolni_odkazy td a
{
	display: block; width: 100%;
}
.tab2 table
{
    margin-top: 10px;
}
.tab2
{
    width: 600px;
    font-size: 90%;
    text-align:left;
    margin: 1em 0 1em 0
    
}
.tab2 td
{
    vertical-align:top;
    table-layout:auto;
}
.trad2
{
    background-color: #efefef;
}
.tnad
{

    text-transform:uppercase;
    font-weight:bold;
}
#hledani li {
padding-bottom:1em;
}

.nd3 input::-webkit-input-placeholder {
  color: white;
}
.nd3 input:-moz-placeholder {
  color: white;
}
.nd3 input::-moz-placeholder {
  color: white;
}
.nd3 input:-ms-input-placeholder {
  color: white;
}
#tbHledat{
    top:0;
width:70px;
}