@media print
{

}
@media screen
{ 
.clanek h4{
      color: #307D82;
      font-size: 0.9em;
      margin: -5px 0px 10px 0px;
}
#page h2.forget{
font-size: 1.5em;
}
   *{
      margin: 0;
      padding: 0;
   }
   html {
      font-family: Verdana;
      font-size: 0.85em;
      text-align:center;
      background: white;  
   }
   body {
      text-align:center;
      color: black;  
   }
   #page { 
      position: relative; 
      text-align: justify; 
      width: 1024px;
      margin: 0 auto;
   }
   #podklad {
     background: url(../images/podklad.gif) no-repeat;
     z-index: -3;
     height: 146px; 
   }
   #podklad2 {
     position: relative;
   }
   
   #header {
     height: 311px;
     width: 100%;
     float: left;
     background: url(../images/header.gif) no-repeat; 
   }

   #logo {
      width: 572px;
      height: 176px;
      background-image: url(../images/head_image.gif) no-repeat;
      position: relative;
      top: 0px;
      left: 201px;
   }
   #logo img{
      border: 0;
   }
   #logo span{
	  display: none;
	}
   /* ======================== vrsek ==================================== */
   /* ======================== prostredek ==================================== */	
   	
   #main_box {
      background: url(../images/line.gif) repeat-y;                       
      float: left;
      width: 100%;
   }
   
   #menu_main {
      position: relative;
      margin-top: -151px;
      float: left;
      width: 215px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: right;
      z-index: 3;
   }
   
   #menu_main .stat{
      float: left;
      text-align: left;
      padding-left: 10px;
      margin-top: 10px;
   }
   
   #textove_okno {
      position: relative;
      margin-top: -160px;
      float: left;
      width: 550px;
      margin-right: 10px;
      z-index: 3;
   }
   #textove_okno pre{
      float: left;
      width: 100%;
      font-size: 12px;
   }
   div.okno_uvod {
      border-bottom: 1px black solid;
   }
   div.okno_uvod a{
      color: #09686A;
      text-decoration: underline;
   }
   
   div.okno_uvod a:hover{
      color: #E77843;
   }
   
   
   #textove_okno h2{
      color: #307D82;
      font-size: 1.8em;
      margin: 3px 0px 10px 0px;
   }
   
   .uvod {
      color: #307D82;
      font-weight: bold;
   }
   
   
   div.clanek h3 {
      width: 385px;
      color: #307D82;
      font-size: 1.3em;
      margin: 20px 0px 10px 0px;
      border-bottom: 1px black solid;
   }
   
   div#other_info  h3 {
      color: #307D82;
      font-size: 1.1em;
      margin: 20px 0px 10px 0px;
   }
   div.clanek_left{
      float: left;
      width: 370px;
      margin-top: 10px;
   }
   div.clanek_right {
      float: right;
      width: 150px;
      margin-top: -25px;
      text-align: center;
   }
   
   div.clanek_right img {
     border: 1px black solid;
     padding: 2px 2px 2px 2px;
     margin-bottom: 15px;
     background-color: white;
   }
   
   div.clanek_right2 {
     margin-top: -210px;
   }
   
   .red {
     color: rgb(237,0,0);
     font-size: 1.4em;
     
   }
   
   
   
   
   #menu_login {
      margin-top: -151px;
      position: relative;
      float: right;
      width: 220px;
      z-index: 3;
      margin-left: 20px;
   }
   
   div#menu_login a{
      color: #09686A;
      text-decoration: none;  
clear: both;
float: left;
width: 100%;
   }
   
   div#menu_login a:hover{
      color: white;
      text-decoration: underline;
   }
   
   div.hodnoceni {
     padding-bottom: 15px;
     padding-top: 5px;
   }
   
   div.hodnoceni a{
     padding: 8px;
     text-decoration: none;  
   }
   div.hodnoceni p{
     padding: 14px;
   }
   div.hodnoceni a:hover{
     color: white !important;
     background-color: #307D82;
     text-decoration: none;
   }
   
   #menu_login strong{
      float: left;
      margin-top: 4px;
      margin-bottom: 4px;
      width: 100%;
   }   
   
   #menu_login label{
     width: 76px;
     text-align: left;
     float: left;
     margin-bottom: 0px;
     margin-left: 0px;
   }
   
   #menu_login input{
      width: 110px;
      text-align: left;
      margin-bottom: 4px;
      float: left;
      
   }
   
   #menu_login input.prihl{
      text-align: center; 
      float: left;
      width: 135px;
      background-opacity: 0.5; 
      margin-left: 66px;
      border: 2px outset white;
      -moz-border-radius: 5px 5px 5px 5px;
   } 
   #menu_login input.prihl:hover{
      border: 2px inset white;
      cursor: pointer;
   }
   #menu_login select {
      width: 110px;
      text-align: left;
      margin-bottom: 4px;
   }
   
   #new_registrace select {
   
     width: 120px;
     _width: 105px;
     text-align: left;
     margin-bottom: 3px;
   }
   
   #new_registrace .p1{
      margin: 5px 0px 5px 0px;
   }
   
   
   #new_registrace label {
     width: 140px;
     _width: 140px;
     text-align: right;
     float: left;
     margin-bottom: 3px;
   }
   
   #new_registrace input{   
     width: 320px;
     _width: 320px;
     text-align: left;
     margin-bottom: 3px;
     border: 1px rgb(204,204,204) solid;
   }

   .mensi_pismo {
     font-size: 0.8em;
   }
   .top5{
     float: left;
     width: 210px;
   }
   .top5 h3{
     margin-top: 10px;
     clear: both;
     font-size: 0.8em;
   }
   #menu_login .top5 .t5 a{
     color: black;
     margin-top: 5px;
     font-size: 0.8em;
   }
#textove_okno .check{
float: left;
margin: 6px;
clear: both;
width: 315px;
}

.formik{
float: left;
width: 550px;
clear: both;
}
.formik label{
clear: both;
float: left;
width: 150px;
}
.formik select{
float: left;
width: 300px;
}

#textove_okno .formik input{
float: left;
margin-top: 3px;
width: 120px;
}
#textove_okno .formik .check input{
width: 10px;
margin-right: 10px;
}
   /* ======================== prostredek ==================================== */	
   
   /* ======================== zapati ==================================== */
   #the_end {
   width: 100%;
   float: left;
     height: 169px;
     background: url(../images/bottom.gif) no-repeat;
   }
   
   #footer_text {
     position: relative;
     top: 4px;
     left: 235px;
     width: 510px;
   }
   
   #footer_text_loga {
     float: left;
     width: 200px;
     padding-top: 87px;
   }
   #the_end img{
      border: 0;
   }
   #footer_text_info {
     float: right;
     width: 310px;
     text-align: right;
     padding-top: 85px;
    
   }
   #the_end .foot_tribun{
      padding-left: 20px;
   }
   div#footer_text a{
      color: #09686A;
      text-decoration: underline;
      
   }
   
   div#footer_text a:hover{
      color: #E77843;
      
   }
   
   div#other_info  a{
      color: #09686A;
      text-decoration: underline;
      
   }
   
   div#other_info  a:hover{
      color: #E77843;
      
   }
   
   
   
   /* ======================== zapati ==================================== */
   
   
   /* menu */
   #navcontainer { 
    float: left;
     _position: relative;
     _top: 0px;
     margin-left: 0px;
     text-align: right;
     }
   
   #navcontainer ul
   {
   margin: 0px;
   padding: 0;
   list-style-type: none;
   font-family: verdana, arial, sans-serif;
   }
   
   #navcontainer li { margin: 0; }
   
   #navcontainer a
   {
   display: block;
   color: white;
   width: 170px;
   text-decoration: none;
   border: 1px solid white;
   border-left: none;
   font-weight:bolder;
   _font-weight:normal;
   border-right: 4px white solid;
   padding:3px 10px 3px 0px;
   }
   
   #navcontainer a:hover
   {
   border-right: 4px #307D82 solid;
   color:#307D82;
   }
   #navcontainer ul ul{
   text-align: left;
   }
   #navcontainer ul ul a{
   text-align: right;
   display: block;
   color: white;
   width: 160px;
   text-decoration: none;
   border: 1px solid white;
   border-left: none;
   font-weight:bolder;
   _font-weight:normal;
   border-right: 4px white solid;
   padding:3px 10px 3px 0px;
   margin-left: 0px;
   }
   /* menu */
   
   
   div.clanek a {
       color: black ;
       text-decoration: none;
   }
   
   div.clanek a:hover {
       color: #307D82;
       text-decoration: underline;
   }
   
   div.smerovnik a {
       color: #307D82 ;
       text-decoration: none;
       padding-bottom: 10px;
   }
   div.profil_atribut {
     float: left;
     text-align: right;
     width: 150px;
     border: 1px black solid;
     border-top:none;
     border-left:none; 
     margin-top: 10px;
   }
   
   div.profil_info {
     float: right;
     margin-top: 10px;
     width: 360px;
   _width: 350px;
   }
   
   div.listovani {
     width: 100%;
     text-align: center;
   }
   
   div.listovani a{
     color: black;
     background-color: rgb(204,204,255);
     border: 1px black solid; 
     padding: 1px 1px 1px 1px;
     text-decoration: none;
     font-size: 0.9em;  
   }
   
   div.listovani a:hover{
     color: white !important;
     background-color: #307D82;
     text-decoration: none;
   }
   
     
   #prerex {
     height: 200px;
   }
   
   div.partneri {
     text-align: center;
   }
   
   .tr_first_line {
      /* background-color: #85C226;  */
      background-color: #09686A;
      color: white;
   }
   
   .tr_cell {
     text-align: right;
   }
   
   .tr_cell, .tr_cell2 {
     border: 1px black solid;
   }
   .artilce_text{
     font-size:11px;
   }
   /* ======================== pomocna funkce ==================================== */
   #listicka {
   float: left;
   width: 100%;
       border-top: 1px #09686A solid;
       border-bottom: 1px #09686A solid;
       padding: 0px 0px 1px 0px;
       margin-bottom: 7px;
       margin-top: 0px;
   }
   
   #listicka a{
       font-size: 0.8em;    
       color: #09686A;
       text-decoration: none;
       padding-right: 10px;
   }
   
   #listicka a:hover{ 
       color: #E77843;
   }
   
   .clear {
       clear: both;
       
   }
   
   p {
       text-indent: 0px;
   }
   
   .p1 {
     text-indent: 20px;
   }
   
   img {
     border: none;
   }
}