/* CSS Document */

*{margin: 0 ; padding: 0 ;}    
body {
  font: 85% 'DaxProRegular', Tahoma, Arial, Helvetica, sans-serif;
 	background: #fff;
  color: #999999;
  text-align: center;  
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../hIEfix.png,sizingMethod=crop);zoom:1;
  padding: 0 -60px;
}
h1, h2, h3, h4, h5, h6 {
  margin: 25px 25px 25px 60px;
  padding: 0 ;
  color: #9f9f9f;
  font-weight: normal;
  line-height: 170%;
}
 h2, h3, h4, h5, h6, p, ul, table, dl, a {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../hIEfix.png,sizingMethod=crop);zoom:1;
}
h1{font-size: 2.2em;}
h2{font-size: 2.2em; }
h3{font-size: 1.6em;}
h4{font-size: 1.2em; }
h5{font-size: 1em;}
h6{font-size: 0.8em;}
  
p{line-height: 150%; margin:20px 20px 20px 60px; font-size: 1.1em;    }
ul{margin:25px 0 25px 60px ; list-style: square ; line-height: 150%;}
ul.extra li{list-style: none; background: url(../img/li.gif) no-repeat 0 2px ;  padding-left: 26px;line-height:20px;}
ol{margin: 35px 0 25px 60px ; line-height: 140%; }
li{margin: 10px 0;}
dl{margin:20px 20px 20px 60px;line-height: 140%;}
dt{font-weight: bold;color: #e31920;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }  

address{ line-height: 140%;	margin: 15px 0px 20px 0px; font-style: normal; }
big{font-size: 1.2em;line-height: 140%; }  
small{font-size: 0.8em;}
  
a:link {text-decoration: underline; color: #8783c0;}
a:visited {text-decoration: underline; color: #8783c0;}
a:active {text-decoration: underline; color: #333;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #d1e1ec;}

  
hr {display: none;}

/*		table		*/
table{ 
margin:0 25px 0 60px; 
border:1px solid #dddddd;
border-collapse:collapse; 
font-size:1.0em;
}
th{
margin:0;
padding: 4px 8px ; 
text-align: left; 
color:#7d81be; 
border:1px solid #dddddd;
}
td{
padding: 4px 8px ;
border:1px solid #dddddd;
}


/* Form fields
-------------------------------------------------------------- */
div.formular{width:600px;clear:both;margin: 45px 25px 25px 60px;border:1px solid #e9e9e9;background:#f9f9f9;font-size:0.9em;}

ul.form{margin:0;padding:0 0 20px 20px;list-style:none;}
ul.form li{padding:6px 20px 6px 0 !important;width:540px;background:none !important;margin:0 !important;}
ul.form li strong{color:#00285e;}
ul.form li.textarea label{width:auto;}

ul.form li span, ul.form li strong{
float:left;
}
input.product{width:35px;float:left;margin:-3px 20px 0 20px ;}

ul.form li h3{
margin:0;
font-size:1.1em;
font-weight:bold;
clear:both;
border-bottom:1px solid #e9e9e9;
padding:0 0 10px 5px;
}

h3.form_nazev{margin:0;font-size:1.1em;font-weight:bold;position:relative;top:-10px;left:20px;color:black;}
h3.form_nazev span{border:1px solid #e9e9e9; background: #fff;padding:3px 20px;}

input, textarea, select{background: #fff;border:1px solid #e9e9e9;padding:3px 5px;font-weight:normal;}
label{width:210px;float:left;color:#00285e;margin-right:10px;font-weight:bold;}
input{font-size:1.0em;width:305px;}
textarea{font-size:1.0em;width:525px;margin-top:5px;}
select{font-size:1.0em;width:300px;}

input.submit{width:130px;font-weight:bold;padding:3px 0;font-size: 1.2em;position:relative;left:408px;background:#3c8236;color:white;border:none;}
input.reset{width:130px;font-weight:bold;padding:3px 0;font-size: 1.2em;margin-bottom:20px;position:relative;background:#bd0000;color:white;border:none;float:left;}
ul.form li.form-submit input.submit{
left:280px;
}

label.f_radio{
width:auto;
float:none;
display:block;
clear:both;
margin:0 0 5px 0;
}

/* FancyForm styles */
.f_checkbox,.f_radio{height:16px;display:block;cursor:pointer;cursor:hand;line-height:120%}
.checked,.selected{color:#3c8236;}
.f_radio:hover,.f_checkbox:hover{color:#999!important}
.f_radio{padding:10px 34px}
.f_checkbox{padding:0.5em 24px}
.unselected{background:#f0efef url(../img/rdo_off.png)no-repeat 10px center;border:1px solid #e9e9e9;}
.selected{background:#e9e9e9 url(../img/rdo_on.png)no-repeat 10px center;border:1px solid #e9e9e9;}


/*  ID  */
.tabs{ position: absolute; left: -9999px;}
#page{
  width:1015px;
  text-align:left;
  margin: 0 auto ;
  position:relative;
  background: #fff url(../img/bg_header.jpg) no-repeat 0 0;  
}

#header{
  height: 163px ;
  position: relative;
  z-index: 9999;
}
#header h1{
  margin:0;
  font-weight:bold;
  font-size: 1em;
  z-index:99999;
  position:relative;

}
#header h1 a{
  display: block;
  text-decoration: none;
  color:#fff;
  width: 270px;
  height: 70px;
  line-height:70px;
  text-align: center;
  position: absolute;
  top: 63px;
  left: 31px;
}
#header h1 a img{
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#header span{
position:absolute;
top:64px;
left:365px;
font-size:1.4em;
color:#b8b8b9;
z-index:999;
}
#header.sk span{
left:705px;
}
#header span strong{
padding-left:20px;
font-weight:normal;
}

#header a.why{
background:url(../img/a_why_head.jpg) no-repeat 0px 0px;
position:absolute;
top:9px;
display:block;
padding:50px 20px;
height:60px;
width:152px;
right:40px;
text-align:center;
color:#fff; 
text-decoration:none;
font-size:1.5em;
z-index:9999;
}
#header a.why:hover{
background:url(../img/a_why_head.jpg) no-repeat -192px 0px;
} 


/* Index */
.flash{position: relative;z-index: 30; }
#flashcontent{
margin:-133px 0 0 0;
}
#flashcontent.sk{
margin:-163px 0 0 0;
}

#ixIntro ul{
margin:0;
list-style:none;
position: relative;
z-index: 50;
}
#ixIntro ul li{
margin:0;
float:left;
width:490px;
}
#ixIntro ul li a{
display:block;
color:#fff;
font-size: 28px;
text-decoration:none;
line-height:35px;
}
#ixIntro ul li a span{
display:block;
padding:195px 0 0 45px;
}


#ixIntro ul li.complete{
padding-top:400px;
background: #fff url(../img/intro_complete.jpg) no-repeat 0 63px;
}
#ixIntro ul li.complete a{
height:300px;
}
#ixIntro ul li.complete a:hover{color: black;}


#ixIntro.sk ul li.complete{
padding-top:370px;
background: #fff url(../img/intro_complete_sk.jpg) no-repeat 0 0px;
}
#ixIntro.sk ul li.complete span{
text-align:right;
padding:205px 45px 0 45px;
}



#ixIntro ul li.skin{
background: #fff url(../img/intro_skin.jpg) no-repeat 0 0px;
padding-top:400px;
}
#ixIntro ul li.skin a{
height:300px;
}
#ixIntro ul li.skin a:hover{color: black;

}

#ixIntro.sk ul li.skin{
background: #fff url(../img/intro_skin_sk.jpg) no-repeat 0 0px;
padding-top:370px;
}
#ixIntro.sk ul li.skin span{
padding:205px 45px 0 45px;
}


#ixIntro.sk{
  height: 680px;
}



#ixIntro a.why{
background:url(../img/a_why.jpg) no-repeat 0px 0px;
position:absolute;
top:134px;
display:block;
padding:50px 20px;
height:92px;
width:152px;
left:380px;
text-align:center;
color:#fff; 
text-decoration:none;
font-size:1.5em;
z-index: 1000;
}
#ixIntro.sk a.why{
left:700px;
top:173px;
z-index:999;
}
#ixIntro a.why:hover{
background:url(../img/a_why.jpg) no-repeat -192px 0px;
}

/* Stranky */
#content_complete, #content_skin, #content_infostranka, #content_proc{
background:url(../img/content_sekce.jpg) no-repeat 0 0;
position:relative;
top: -30px;
margin-bottom: -30px;
color: #666666;
}
#content_complete .maincontent, #content_skin .maincontent{
background:url(../img/maincontent.jpg) no-repeat left bottom;
padding-bottom:37px;
}
#content_infostranka .maincontent{
background:url(../img/maincontent.jpg) no-repeat left bottom;
padding:60px 60px 67px 60px;
}
#content_infostranka .maincontent h2{
margin-top:0px;
}
#content_proc .maincontent{
background:url(../img/maincontent.jpg) no-repeat left bottom;
padding:0 40px 37px 240px;
}
#content_proc .in_complete{
background: url(../img/panel1.jpg) no-repeat right bottom ;
}
#content_proc ul{
font-size:1.1em;
list-style: none; 
}
#content_proc li{
background: url(../img/li.gif) no-repeat 0 2px ;  padding-left: 28px;line-height:20px;
}

h2.slider-first{
background:#8783c0;
position:absolute;
top:37px;
left:0px;
width:240px;
height:100px;
line-height:100px;
color:#fff;
z-index:9999;
margin:0;
font-size:1.6em;
text-align:center;
}
#content_skin h2.slider-first{
background:#e06c97;
}
#content_proc h2.slider-first{
height:273px;
line-height:273px;
}
#content_proc h2.slider-first a{
display:block;
color:#fff;
text-decoration:none;
}
#content_proc h2.slider-first a:hover{
background:#9b98cb;
}

h2.slider-last{
background:#e06c97;
position:absolute;
top:480px;
left:0px;
width:240px;
height:100px;
line-height:100px;
z-index:9999;
margin:0;
font-size:1.6em;
text-align:center;
}
#content_skin h2.slider-last{
background:#8783c0;
}
#content_proc h2.slider-last{
height:272px;
line-height:272px;
top:310px;
}
#content_proc h2.slider-last a{
display:block;
color:#fff;
text-decoration:none;
}
#content_proc h2.slider-last a:hover{
background:#ea8eb0;
}

h2.slider-last a{
color:#fff;
text-decoration:none;
}
h2.slider-last a:hover{
color:#000;
}


h2.first{
margin-top:0;
padding-top: 70px;
}

.column_30{
float:left;
width:210px;
margin:0;
padding-left:20px;
}
.column_30 img{
margin:0 80px 0 0;
}
.pl60{
padding-left:60px;
}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
 padding: 0px 0 0 12px;
 margin:0 25px 0 40px;
 list-style:none;
 height: 40px;
}
.tabs-nav li {
background: none !important;
height:36px;
padding:0px !important;
margin:5px 5px 0 0px;
float:left;
}

.tabs-nav a {
color:#8783c0;
text-decoration:none;
padding:0 8px 0 8px;
margin:0;
line-height: 36px; 
display:block;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
color:#081f5a;
}

#intro{
padding:0;
margin:-25px 0 0 0;
overflow:hidden;
height:400px;
position:relative;
}


#intro h3{
/*padding-top:30px;*/
margin: 20px 0 0 60px;
}
#pupalka, #kremik, #methionin, #biotin, #niacin, #zinek, #med, #e, #a, #kyselina, #koenzym, #medus {
padding:0;
margin:0 25px 0 0px;
clear:both;
border-top:none; 
background:#fff;
}

/* akce */
#akce{
background:#fff url(../img/bg_akce.jpg) no-repeat left bottom;
height:120px;
overflow:hidden;
padding:20px 0 20px 45px;
}
#akce img{
float:left;
margin-right:20px;
}
#akce h2{
margin:0;
line-height:120%;
padding:5px 0 0 0;
font-weight:normal;
}
#akce h2 a{
color: #9f9f9f;
text-decoration:none;
}
#akce h2 a:hover{
color:#000;
}
#akce p{
margin:0;
font-size:1.2em;
}
#akce span{
display:block;
padding-top:5px;
}
#akce span a{
color:#e06c97;
}
#akce span a:hover{
color:#000;
}

.breakmargin{clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 0 -27px 0 ;}
/* footer */
#footer{
  clear: both;
  background:#fff;
  font-size: 1.1em;
}
#footer a {
color:#a2a2a2}  
#footer p{
  margin: 0;
  line-height:130px;
  float:left;
  padding-left:40px;
  font-size: 1em;
}
#footer ul{
margin:0 80px 0 0;
list-style:none;
float:right;
padding-top:55px;
}
#footer ul li{
float:left;
margin:0;
padding-left:25px;
}
#footer ul li a{
float:left;
}
.lt_end{
margin: 25px 25px 25px 60px;
padding:35px 0;
border-top: 1px solid #f3f2f9; 
}
.lt_end ul{
margin:0;
list-style:none;
}
.lt_end li{
float:left;
margin:0;
padding-right:15px;
}
.lt_end li.wlm{
padding-right:70px;
}
.lt_end li a{
float:left;
color:#a2a2a2;
}

/*  class   */
.bold{font-weight: bold;}
.noscreen{display: none;}
.blank{border: none ; background: none; list-style: none ; }
.separ {border-bottom: 1px solid #f3f2f9; line-height: 1px; font-size: 1px; height: 1px;margin: 25px 25px 25px 60px;}
.break {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.mt0{margin-top:0px;}
.mt50{margin-top:50px;}
.fl { float: left;}
.fr { float: right;}
.slozeni {margin-top: -50px;}
#akce h2 a.soutez {color: Black; }
#akce h2 a:hover.soutez {color:  #9f9f9f; }




div.nextLink  a {
color: white;
display: block;
text-align: right;
line-height: 20px;
text-decoration: none;
font-size: 1.2em;
padding: 5px 45px 5px 0px;
background: url(../img/nav_li.gif) no-repeat 210px 11px;
width: 195px;
}

#content_complete div.nextLink  a:hover {
background: #928FC5 url(../img/nav_li.gif) no-repeat 210px 12px;
}

#content_skin div.nextLink  a:hover {
background: #E676A0 url(../img/nav_li.gif) no-repeat 210px 12px;
}