/*Frantisek Ondrus - FERIX - Programming and Design, SEO optimalization, XHTML code - css style file */

body {width:100%;  text-align:center; margin:0px; padding:0px; font-family: Arial; font-size:12px; margin-left:auto; margin-right:auto;	 
	background:#807EA3 url("bcg.jpg") repeat; color:#807EA3;}	
	
	
#ferix {	width:100%;	height:auto; margin:auto; padding:10px 0 0 0;}
img{border:0px;}

/*========================== banner =============================*/	
#banner{width:900px; height:106px; margin:auto; padding:0px; position:relative; background: #FFFFFF url("../pictures/bcg_banner.jpg") no-repeat top center;}
img.logo{float:left; position:relative; left:60px; top:10px;}
img.akcia{position:absolute; right:-148px;}

#menu {position:relative; float:left; width:250px; font-size:12px; background-color:#E67817; font-family:Arial; padding:40px 0 40px 0;}
#menu ul {list-style-type:none; margin:0; padding:0;}
#menu ul li {list-style-type:none; padding:0; float:left; width:250px; padding:10px 0 10px 0;}
#menu ul li a {display:block; float:left; text-decoration:none; text-align:left; color:#FFFFFF; font-weight:bold;}
#menu ul li a.activ {display:block; float:left; text-decoration:none; text-align:right; color:#807FA1;}
#menu ul li a:hover {display:block; float:left; text-decoration:none; text-align:right; color:#807FA1; }

#menu ul li.dva {list-style-type:none; float:right; width:160px; padding:10px 0 10px 40px;}
#menu ul li.dva a {display:block; float:right; text-decoration:none; text-align:left; color:#FFFFFF; font-weight:bold;}
#menu ul li.dva a.activ {display:block; float:right; text-decoration:none; text-align:right; color:#807FA1;}
#menu ul li.dva a:hover {display:block; float:right; text-decoration:none; text-align:right; color:#807FA1; }

#menu ul li.tri {list-style-type:none; float:right; width:220px; padding:10px 0 10px 30px;}
#menu ul li.tri a {display:block; float:right; text-decoration:none; text-align:left; color:#FFFFFF; font-weight:bold;}
#menu ul li.tri a.activ {display:block; float:right; text-decoration:none; text-align:right; color:#807FA1;}
#menu ul li.tri a:hover {display:block; float:right; text-decoration:none; text-align:right; color:#807FA1; }

.jazyk{position:relative; float:right; right:42px; top:-20px;  background-color:#E67817; }
.jazyk a{margin-right:25px;}

p.xs a{color:#F50B0C;}
p.xs a:hover{text-decoration:none;}

/*========================== STRED =============================*/	
#stred{width:900px; height:auto; margin:auto; padding:0px; background:#FFFFFF url("../pictures/bcg_stred.jpg") bottom repeat-y;}


/*==========================  lava strana  =============================*/	
#lavy{width:260px; height:auto; margin:auto; padding:0px; float:left; text-align:left; position:relative;}
#info {position:relative; width:250px; height:350px; float:left; font-size:12px; background: #807EA3 url("../pictures/bcg_auto.jpg") repeat-x; font-family:Arial; color:#FFFFFF;}
.datum{position:absolute; left:42px; top:10px; font-size:10px;}
.den{position:relative; left:16px; top:19px; font-size:10px; font-weight:bold;  color:#807EA3;}
img.animacka{position:absolute; bottom:130px; left:30px;}
#flash2{position:absolute; bottom:20px; right:7px;}
.pocitadlo{position:absolute; bottom:30px; left:70px;}
.pocitadlo2{position:absolute; bottom:100px; left:30px;}

/*========================== prava strana  =============================*/	
#pravy_vrch{width:640px; height:40px; margin:auto; position:relative; padding:0px; float:right; text-align:left; background: #FFD2AB; color:#000000;}
.hodinky{position:absolute; top:10px; left:20px; color:#FFFFFF; width:60px; height:auto;}
.hodinky input{padding-left:25px; color:#FFFFFF; background:#807EA3 url("../pictures/bcg_hodiny.jpg") no-repeat; height:17px; line-height:17px; border:0px;}

#menu2 {position:relative; top:10px; right:20px; float:right; font-size:11px; font-family:Arial;}
#menu2 ul {list-style-type:none; margin:0; padding:0;}
#menu2 ul li {list-style-type:none; margin-left:5px; float:left; line-height:21px;}
#menu2 ul li a {display:block; float:left; width:85px; height:21px; line-height:21px; text-decoration:none; text-align:left; color:#FFFFFF; background: url("../pictures/bcg_menu_right.jpg") no-repeat; }
#menu2 ul li a.activ {display:block; float:left; text-decoration:none; color:#FFFFFF; background: url("../pictures/bcg_menu_right_a.jpg") no-repeat; }
#menu2 ul li a:hover {display:block; float:left; text-decoration:none; color:#E67817; background: url("../pictures/bcg_menu_right_b.jpg") no-repeat; }


/*========================== prava strana  =============================*/
#pravy_spod{width:640px; height:auto; margin:auto; padding:0px; float:right; text-align:left; background: #FFD2AB; color:#000000; }
.text{padding:40px 40px 20px 40px; color:#000000; width:560px; text-align:justify; line-height:18px;}
.text a{text-decoration:none; color:#EA7713; border-bottom:#EA7713 dotted 1px; font-weight:bold;}
.text a:hover{text-decoration:none; color:#EA7713; border-bottom:#EA7713 solid 2px; font-weight:bold;}
.text a.xs{text-decoration:none; color:#F50B0C; border-bottom:#F50B0C dotted 1px; font-weight:bold;}
.text a.xs:hover{text-decoration:none; color:#F50B0C; border-bottom:#F50B0C solid 2px; font-weight:bold;}
.text2 a.xs{text-decoration:none; color:#F50B0C; border-bottom:#F50B0C dotted 1px; font-weight:bold;}
.text2 a.xs:hover{text-decoration:none; color:#F50B0C; border-bottom:#F50B0C solid 2px; font-weight:bold;}
.text5{padding:140px 140px 10px 40px; color:#000000; width:560px; text-align:center; line-height:18px;}
.text2 a{text-decoration:none; color:#EA7713; border-bottom:#EA7713 dotted 1px; font-weight:bold;}
.text2 a:hover{text-decoration:none; color:#EA7713; border-bottom:#EA7713 solid 2px; font-weight:bold;}
.h1{color:#000000; font-size:14px; font-weight:bold;}
.h3{color:#000000; font-size:13px; font-weight:bold;}
.h5{color:#E77006; font-size:13px; font-weight:bold; margin-left:50px;}
.h6{color:#E77006; font-size:13px; font-weight:bold;}
.h4{color:#000000; font-size:13px; font-weight:bold; text-align:center;}
.h2{color:#888596; font-size:13px; font-weight:bold;}
.h2x{color:#E77006; font-size:13px; font-weight:bold;}
hr{color:#8781A7;}
.text2{padding:10px 0 140px 40px; color:#000000; width:450px; text-align:left; line-height:18px; position:relative; height:210px;}
ul.xx{list-style-image: url("../pictures/bcg_ul.jpg"); margin-left:0px;}
ul li.x{margin-left:20px;}
ul li.x2{margin-left:120px;}
ul li.xxx{margin-left:50px;}
.text3{height:120px;}
ol.rekl{width:560px; position:relative; right:30px; font-size:11px;}





td.aa{width:450px;}




table.cennik{width:100%; border:1px solid #CCCED1; background:#F0EFF5; margin-top:15px;}
table.xcennik{width:100%; border:1px solid #CCCED1; background:#F0EFF5; margin-top:15px;}
table.cennik  td{width:250px;}
tr{text-align:center; border:1px solid #CCCED1; background:#FFD2AB;}
tr.left{text-align:left;}
tr.nadpisy{background:#CCCED1; font-weight:bold; text-align:center; border:1px solid #CCCED1;}


td.right{text-align:right; padding-right:3px;}
td.righta{text-align:right; padding-right:3px; width:200px;}
td.right2{text-align:right; padding-right:70px;}
td.left{text-align:left; padding-left:3px;}
td.left2{text-align:left; padding-left:70px;}
td.leftx{text-align:left; width:200px;}
td.leftxc{text-align:left; width:300px;}
td.leftxx{text-align:left; width:150px; font-size:11px;}
td.leftxxx{text-align:left; width:200px; font-size:11px;}
td.kontakt{width:auto; text-align:left;}
td.bb{font-weight:normal; width:60px; font-size:10px; }
td.bx{font-weight:bold; width:60px;}
td.ssx{font-size:11px; width:80px; padding:2px; font-weight:normal;}
td.ss{font-size:11px;}
td.ssx{font-size:11px; width:180px;}
td.sxs{font-size:11px; width:25px;}
td.rr{text-align:left;}
td.xs{font-weight:bold;}

td a{text-decoration:none; color:#EA7713; border-bottom:#EA7713 dotted 1px; font-weight:bold;}
td a:hover{text-decoration:none; color:#EA7713; border-bottom:#EA7713 solid 2px; font-weight:bold;}

p.foto{float:left; height:auto; padding:0px 0 50px 0;}
img.galeria{border:2px solid #E77006; float:left; height:90px; width:auto; margin:5px; }
img.galeria2{border:2px solid #FFD2AB; float:left; height:90px; width:auto; margin:2px; }



table.cenniky td{width:250px;}
span.sk{font-size:11px; }
span.skk{font-size:10px; }
span.small{font-size:10px; }

table.cennik td.bs{width:10px;}

p.kurz{text-align:right; font-size:10px;}


/*========================== CISTIC =============================*/	
#cistic{width:900px; height:0px; clear:both; }



/*========================== PATICKA =============================*/	
#paticka{width:900px; height:35px; text-align:left; margin:auto; padding:0px; font-size:11px; position:relative; background: url("../pictures/bcg_paticka.jpg") repeat-x;}
#flash{position:absolute; float:right; bottom:22px; right:7px;}
#flash3{position:absolute; float:right; bottom:40px; right:7px;}
img.zenska{position:absolute; float:right; bottom:22px; right:7px;}
p.copyright{position:absolute; top:8px; left:20px; color:#807EA3; width:auto; height:auto; float:left;}
p.realizacia{position:relative; float:right; top:8px; right:20px; color:#807EA3; width:auto;}
p.realizacia a{color:#FC6104; border-bottom: 1px dotted #FC6104;  text-decoration:none;}
p.realizacia a:hover{color:#FC6104; text-decoration:none; border-bottom: 2px solid #FC6104;  }


/*========================== FORMULAR =============================*/	
table.formular{width:240px; font-size:12px; color:#000000; background:none; text-align:left; position:absolute; left:15px;}
table.formular2{width:240px; font-size:12px; color:#000000; background:none; text-align:left;  position:absolute; right:-25px;}
.bunka1{text-align:right; font-weight:bold; background:none; padding:2px; width:120px;  font-weight:bold;}
.bunka2{background:none; width:120px; padding:5px; float:left; text-align:left; font-size:100%; font-weight:bold; }
.bunka3{background:none; width:120px; padding:1px; float:left; font-size:90%; font-weight:bold;}
.bunka2 input, .bunka2 textarea, .bunka2 select{font-size:1em; border:3px solid #E77006; background:#FFD2AB; color:#811426; font-weight:bold;}
.bunka2 input.image{font-size:1em; border:1px solid #E77006; background:#FFD2AB; color:#811426; font-weight:bold;}
.bunka2 textarea{font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; background:#FFD2AB;}
fieldset.form2{border:0px; background:none;}

table.kontakt{text-align:left; padding:15px 0;}
table.kontakt td{padding:0 10px;}

/*========================== LIGHTBOX =============================*/
#lightbox{position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;	background-color:#FC6104; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url("../images/prevlabel.gif") left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url("../images/nextlabel.gif") right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#FC6104; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{width:150px; float:right; padding-bottom:0.7em;}	
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:150px; background-color: #000;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}