/*  www.varixinal.cz  by creative.cz*/

*{margin: 0 ; padding: 0 ;}    
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background: #e5f1f9 url(../img/bg_body.jpg) repeat-x  ;
  color: #333333;
  text-align: center;
  }
h1, h2, h3, h4, h5, h6 {
  margin: 20px 0  5px;
  color: #006cb7; 
  font-weight: bold;
   }
h1{font-size: 2.4em;}
h2{font-size: 2.4em; margin-bottom:20px;}
h3{font-size: 1.3em;  }
h4{font-size: 1em; }
h5{font-size: 0.9em; color: #333333;}
h6{font-size: 0.8em; color: #333333;}

h2 sup{font-size: 0.6em; _position: relative; top: -9px;}  
  
p{line-height: 150%; margin: 10px 0px 20px 0px; }
ul{margin: 10px 0 20px 40px ; list-style: square; line-height: 150%; }
ol{margin: 10px 0 20px 40px ; line-height: 150%; }
img{border: 0 }  
big{font-size: 1.2em;}  
  
a:link {text-decoration: underline;   color: #006cb7; }
a:visited {text-decoration: underline;   color: #006cb7; }
a:active {text-decoration: underline; color: #666;}
a:hover {text-decoration: none; color: #333;}
  
hr {display: none;}

/*		table		*/
table{ 
  width: 100%; 
  margin: 10px 0; 
  border: 3px solid #ccc;
  border-collapse: separate;
  background-color: #fff; 
  font-size: 1em; 
  }
th,td{
  border: 1px solid #999; 
  border-left: 1px solid #fff; 
  border-top: 1px solid #fff; 
  padding:6px 10px;
  }
th{
  background-color: #666; 
  padding: 5px 10px; 
  color: white;
  font-size: 1.1em;
  text-align: center;
  }
.note {background-color: #F1F2EB;}

/*		forms		*/
fieldset{border: 1px solid #ccc;	padding: 20px;	margin:15px 0; }
legend{border: 1px solid #ccc;	padding:3px 20px;	margin-bottom:25px;	color: #999; }
label{	
  display: block;	
  float: left;	
  width: 25%;	
  padding: 0px 0.6em;
margin-bottom: 12px;
line-height: 18px;
  text-align: right;	
  vertical-align: top; 
  clear: both; }
input,select,textarea{
  font-size: 1.1em ; 
  width: 17em;	
  font-family: arial ce, arial, helvetica ce, helvetica, sans-serif; 
  background: #fff; 
margin-bottom: 10px;
  border-width: 2px ; 
  vertical-align: middle;}
.button{padding: 3px 10px ;_padding: 1px ; margin: 3px; width: auto; font-weight: bold; }


/*  ID  */
#page{
  width: 770px;
  text-align: left;
  margin: 0 auto ;
  background: #fff url(../img/bg_page.gif) repeat-x ;
}
#lang {position:absolute; top:0px; z-index:100; font-size:80%; line-height:18px;}
#lang a {color:#e5f1f9; padding: 1px 2px; margin-left: 5px; font-weight:bold; text-decoration: none;}
#header{
  position: relative;
  height: 160px;
  background: #1568ad url(../img/bg_page.gif) repeat-x ;

}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;  
  height: 160px;
  background: url(../img/nohy.jpg) no-repeat 95% 0 ;
}
#header h1 a{
  display: block;
  width: 280px;
  height: 87px;  
  line-height: 100px;
  text-align: center;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.4em;
  letter-spacing: -1px;
}
#header h1 sup{
  font-size: 0.5em;
  letter-spacing: 20px;
  position: relative;
  top: -10px;
  left: 1px;
}
#header h2{
  margin: 0 ;
  padding: 0 ;
  border: none; 
  width: 450px;
  height: 80px;
ext-align: center;  
  color: #1568ad;
  font-weight: normal;
  font-size: 1.8em;
  background: #fcfdfe url(../img/bg_title.gif) repeat-x ;  
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 1;
}
#header h2 span{
  display: block;
  padding: 35px 0 0 43px;
  background: url(../img/bg_title_right.jpg) no-repeat top right ;  
}

  
/*  navigation */

#navigation{
  background:  #e5f1f9;
  width: 195px;
  padding: 0 0 0 0;
  float: left;

 }
#navigation ul {
  margin: 0  ;
  padding: 0 0 40px 0  ;
  list-style: none;  
  border-left: 4px solid white;  
  border-right: 4px solid white;
}
#navigation li {
  margin: 0 0 0 0;
  padding: 2px 0;
  background: url(../img/bg_nav_li.gif) repeat-x 0% 100%;
}
#navigation li.no_bg {background: none;}
#navigation a {
  margin: 0 ;
  padding: 0 ;
  display: block;
eight: 100%;
   color: #0063b1;
  text-decoration: none;
  font-weight: bold;
  background:  url(../img/bg_nav_ico_on.gif) no-repeat 3px 5px ;
}
/**/
#navigation .n_tablety a{    background-position: 3px 5px ;}
#navigation .n_tablety a span{    background-position: 3px 5px ;}

#navigation .n_gel a{         background-position: 3px -43px ;}
#navigation .n_gel a span{    background-position: 3px -43px ;}

#navigation .n_zilni a{         background-position: 3px -83px ;}
#navigation .n_zilni a span{    background-position: 3px -83px ;}

#navigation .n_sledovani a{         background-position: 3px -138px ;}
#navigation .n_sledovani a span{    background-position: 3px -138px ;}

#navigation .n_rady a{         background-position: 3px -204px ;}
#navigation .n_rady a span{    background-position: 3px -204px ;}

#navigation .n_dopisy a{         background-position: 3px -247px ;}
#navigation .n_dopisy a span{    background-position: 3px -247px ;}

#navigation .n_dopisy_sk a{         background-position: 3px -240px ;}
#navigation .n_dopisy_sk a span{    background-position: 3px -240px ;}

#navigation .n_eshop a{         background-position: 3px -296px ;}
#navigation .n_eshop a span{    background-position: 3px -296px ;}

#navigation .n_vyhraj a{         background-position: 3px -340px ;}
#navigation .n_vyhraj a span{    background-position: 3px -340px ;}

#navigation .n_dotaznik a{         background-position: 3px -384px ;}
#navigation .n_dotaznik a span{    background-position: 3px -384px ;}

#navigation .n_zilni_system a{         background-position: 3px -424px ;}
#navigation .n_zilni_system a span{    background-position: 3px -424px ;}

#navigation .n_podmenu a{ 			background:none;}
#navigation .n_podmenu a span{		background:none; padding-top:3px; padding-bottom:1px; font-weight:normal; border-top: 1px solid white;}

#navigation .n_tvspot a{         background-position: -100px 0px ;}

#navigation .n_reklama{         text-align:center; padding-top:10px; padding-bottom:10px; color:#999999;}
/**/

#navigation a span{
  display: block;
  padding: 10px 10px 10px 45px ;    
  background:  url(../img/bg_nav_ico_off.gif) no-repeat 3px 5px ;
}
#navigation a:hover{
  color: black;
}  
#navigation a:hover span{
  color: black;
  background: none ;
}  
   
/* content */  
#content{
  padding: 5px 35px 20px 220px ;
  background: url(../img/bg_content.gif) repeat-y ;
  border-bottom: 4px solid white ;
  }  
#content.index{
  padding: 25px 13px 0 220px ;
  }  

.introText{
  width:280px; 
  margin: 0; 
  float:left; 
  font-size:1.2em;
}
.introText h2{ margin-top: 0px;}
.introText p{ margin-bottom: 20px;}

.introBox{
  float: right;
  margin: 10px 0;
  width: 235px;
  border: 1px solid #ebebec ;
  background-color: #dff1f9;
  font-size: 0.9em;
}
.introBox{
  _margin: 0;
}
.introBox div{
  border: 4px solid white ;
  padding: 8px 10px;
}
.introBox h3{
  margin-top:0px;
}
.introBox ul{
  margin: 10px 0 10px 30px;
  line-height: 160%;
}
.introBox p{
  margin: 10px 0 5px 0 ;
  line-height: 160%;
}

.note{  
  border: 1px solid #ebebec ;
  }
.note span{ 
  display: block; 
  border: 3px solid white ;
  background-color: #f6f9fc;
  padding: 10px 15px ;
  }  
.rady{font-weight: bold;  list-style: none; margin-left: 13px; margin-top: 20px;}  
.rady li{ _height: 24px; min-height: 24px; margin-bottom: 7px; padding-top: 3px;}  
.rady li img{vertical-align: bottom; margin: -3px 6px 0 0; float: left; ;} 
 
/* footer */
#footer{
  clear: both;
  height: 62px;  
  font-size: 0.9em;
  text-align: right; 
  font-weight: bold; 
  background: #fff url(../img/bg_footer.gif) repeat-x ;
  border-top: 4px solid #e5f1f9 ;
  color: #036;
  }  
#footer .float-l{  padding: 17px 25px ;}  
#footer .float-r{   padding: 3px 5px ; }  
#footer p{ margin: 0 ;  } 
#footer strong{color: white; font-size: 1.3em;  } 
#footer strong img{
  padding: 0px 5px;
  vertical-align: middle;
  } 
#footer a{ color: #036;  } 

/*  class   */
.blue{color: #0066aa;}
.none{display: none;}
.separator {background-color: #ccc; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify { text-align: justify;}
.float-l, .fl { float: left;}
.float-r, .fr { float: right;}
.orange{color: #FF9900;}
img.fr {margin-left:10px;}
img.fl{margin-right: 1.3em; margin-bottom: 0.5em; }
/*  zilni onemocneni  */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#seo{text-align:center;padding:20px 0px;clear:both;}   
#seo a {display:inline-block; width:23%;}