/*Miroslav Čurilla - CABIK - Programming and Design, SEO optimalization, XHTML code - css style file */

body{width:760px;  text-align:left; margin:1px; padding:0px; 
	font-family: Tahoma, Verdana; font-size:0.9em; background:#000000 url("../pozadie.jpg") no-repeat; margin-left:auto; margin-right:auto; margin-top:auto;}

	
/*========================== banner =============================*/	
#banner{width:760px; height:132px; float:left; margin-top:0px; clear:both;background: url("../img/banner.png") no-repeat;}
img{border:0px;}
img.banner{position:relative; left:228px;}

/*========================== STRED =============================*/	
#stred{width:760px; height:auto;  background: url("../img/lava.png")  repeat-y;}
#stred2{width:760px; height:auto;  background: url("../img/lava2.png")  repeat-y;}
osvedcenie {position:relative; left:15px;}

/*==========================  lava strana  =============================*/	
#lavy{width:167px; height:326px; float:left; background: url("../img/menu.png") no-repeat; float:left; text-align:left;}
#gif{margin-left:37px; margin-top:1px; color:#FF3C17; font-family:Arial; font-size:120%;}

/*========================== prava strana  =============================*/	
#pravy{width:510px; height:auto; float:left; text-align:left;}
#pravy1{width:210px; height:auto;margin-left:27px; font-size:12px;  font-family:Arial;  font-weight:bold; float:left; text-align:left;}
#pravy2{width:210px; height:auto;margin-left:27px; font-size:12px;  font-family:Arial;  font-weight:bold; float:left; text-align:left;}
#pravy3{width:250px; height:auto;margin-left:20px; font-size:11px; font-family:Arial;  font-weight:bold; float:left; text-align:left;}
#pravy4{width:210px; height:auto;margin-left:20px; margin-top:20px;  font-size:11px; font-family:Arial;  font-weight:bold; float:left; text-align:left;}

.ramcek{ border:2px solid rgb(255,128,0); }

.ramcek2{ border:4px solid rgb(255,128,0); }
.ramcek2 td:hover{ border:8px solid #FDE307; }

img.mapka{position:relative; top:0px;}
ul li.sluzby {list-style-image: url("../pictures/ul_sipka.png");}
img.obr{border:2px solid #FF3C17; margin:3px;}
img.osvedcenia{border:1px solid #FF3C17; margin-left:30px; float:left; text-align:center;}
p.osvedcenia{padding:10px; height:300px;}
strong.pristroj{border-bottom:2px solid #FF3C17; color:#FF3C17; font-weight:bold;}


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


/*========================== PATICKA =============================*/	
#paticka{width:760px; height:93px; text-align:center; clear:both; background : #FFFFFF url("../img/peticka.png"); font-size:10px; color:#ffffff; font-family: Verdana;}
.flash_paticka{margin-left:465px; margin-top:-5px; height:30px;}
.dolnemenu{position:relative; right:30px; top:40px; float:right;}
.dolnemenu a{color:#ffffff; text-decoration:none; font-weight:bold;}
.dolnemenu a:hover{color:rgb(255,255,51); text-decoration:none;}
.dolnemenu a.activ{color:rgb(255,255,51); text-decoration:none;}
#realizacia{height:30px; position:relative; top:5px; right:1px; float:right; color:#ffffff; font-size:10px; font-family: Verdana;}
#realizacia a{color:#FC6104; text-decoration:underline; font-weight:bold;}
#realizacia a:hover{color:#FC6104; text-decoration:none;}



/*========================== TEXTY =============================*/	
.text{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:rgb(0,0,0); font-weight:bold; margin-left:0px; margin-top:30px; width:500px; line-height:20px; text-align:justify; }		
.text_x{font-family: Arial; font-size:12px; color:rgb(0,0,0); font-weight:bold; margin-left:40px; margin-top:50px; width:500px; line-height:20px; text-align:left;background:#none; }	
.text_x a {color:rgb(0,0,0);text-decoration:none;}	
.text_x a:hover {color:#FF3C17; border-bottom:1px dotted  #ff6803; font-size:16px; }	
.text2{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#72706F; font-weight:bold; margin-top:150px; width:560px; line-height:20px; text-align:center; }		
h1{margin-left:40px; margin-top:20px; color:#000000; font-family:Arial; font-weight:bold; line-height:32px; height:30px; width:502px;  text-align:left; background : #ffffff url("../img/h1.png") no-repeat;  font-size:17px;}
h2{margin-left:0px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold; line-height:32px; height:26px; width:210px; background : #ffffff url("../img/h2.png") no-repeat;  font-size:15px;}
h3{margin-left:5px; margin-top:-15px; color:#FF3C17; font-family:Arial; font-weight:bold; border-bottom:1px dotted  #ff6803; font-size:17px;height:26px;}
.center{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:rgb(0,0,0); font-weight:bold; width:450px; text-align:center; }		

/*========================== TABULKY =============================*/
table.galeria {bordercolorlight="#996633" ;bordercolordark="#FFCC99" ;background="img/back.gif" ;border="1" ;cellspacing="1" ;width="70%";  }
table.otvaraciehodiny{ margin-left:30px; font-size:12px; }
td.otvaracie{ width:200px; border:2px solid rgb(255,128,0); padding:2px 0 2px 5px;}
td.otvaracie2{width:200px; border:2px solid rgb(255,128,0); text-align:center;}
table.nahradne{ margin-left:5px; font-size:12px; }
td.nahradne{ width:200px; border:2px solid rgb(255,128,0); padding:2px 0 2px 5px;}
td.nahradne2{width:200px; border:2px solid rgb(255,128,0); text-align:center;}

/*========================== ZOZNAMY =============================*/	
.menu {width:128px; height:22px; position:relative; left:37px; top:20px;}
.menu ul { list-style-type:none; margin:0; padding:0;}
.menu ul li {list-style-type:none; margin:0; padding:0; margin-top:0px; text-align:center; }
.menu ul li a {display:block; color:#FFFFFF; height:26px; line-height:26px; font-size:80%; text-decoration:none; font-weight:bold;background:url("../img/tlacitko2.png") no-repeat;}
.menu ul li a:hover {color:rgb(255,255,51); background:url("../img/tlacitko.png") no-repeat;}
.menu ul li a.activ {color:rgb(255,255,51); background:url("../img/tlacitko.png") no-repeat;}

#tooltip { position:absolute; z-index:1000; width:auto; background:rgb(253,106,8); border:2px solid #FDFDFD; text-align:left; padding:5px;}
#tooltip p { margin:0; padding:0; color:#FFFFFF; font:bold 10px Verdana, Arial, Helvetica, sans-serif; }
#tooltip p em { margin-top:3px; color:#FFFFFF; font-style:normal; font-weight:normal; }
#tooltip p em span { }
ul.kontakt{list-style-type: none; color:rgb(0,0,0); width:228px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin-left:0px; }
ul li.sipka{list-style-image: url("../pictures/ul_sipka.png"); margin-left:0px;}	
ul li.stvorec{list-style-image: url("../pictures/ul_stvorec.png"); margin-left:0px;}	
ul li.prazdne{list-style-image: url("../pictures/ul_prazdne.png"); margin-left:0px;}	
ul li a{text-decoration:none; color:#ff6803;  font-weight:bold;}
ul li a:hover{text-decoration:none; color:#ff6803; }
ul li.stvorec a{text-decoration:none; color:#ff6803;  font-weight:bold; border-bottom:1px dotted #ff6803;}
ul li.stvorec a:hover{text-decoration:none; color:#ff6803; border-bottom:1px solid  #ff6803; }
ul.referencie{list-style-type: none; color:#72706F; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin-left:40px; margin-top:10px; }
ul li.sipka_ref{list-style-image: url("../pictures/ul_sipka.png"); margin-left:15px;}	



/*========================== FORMULAR =============================*/	
table.formular{ width:500px; margin-left:10px; padding-top:10px; padding-bottom:50px; font-size:12px; color:#000000; }
.bunka1{text-align:left; font-weight:bold; background:#CCCCCC; padding:5px; width:220px; float:left; font-weight:bold;}
.bunka2{background:invisible; width:185px; padding:5px; float:left; font-size:110%; font-weight:bold; margin-top:-3px;}
.bunka3{ width:220px; padding:5px; float:left; font-size:90%; font-weight:bold;}
.bunka2 input, .bunka2 textarea, .bunka2 select{font-size:1em; border:1px solid #72706F;}
.bunka2 input.image {border:0px solid #72706F;}
.bunka2 textarea{font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
fieldset.form2{border:0px;}

/*========================== Predaj =============================*/	
#predaj1 {margin-left:400px; margin-top:10px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj14 {margin-left:250px; margin-top:5px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj2 {margin-left:130px; margin-top:20px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj3 {margin-left:40px; margin-top:5px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj5 {margin-left:10px; margin-top:10px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj6 {margin-left:-35px; margin-top:20px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}

#predaj7 {margin-left:420px; margin-top:105px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj12 {margin-left:350px; margin-top:5px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj9 {margin-left:360px; margin-top:15px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj8 {margin-left:345px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj11 {margin-left:320px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj4 {margin-left:-20px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj13 {margin-left:40px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}
#predaj10 {margin-left:215px; margin-top:0px; color:#000000; font-family:Arial; font-weight:bold;  font-size:13px;}

/*========================== TABULKY =============================*/
table.obrazky{position:relative; left:15px; top:10px; font-size:10px; font-weight:bold; text-align:center;}
table.obrazky td{width:150px; border:2px solid #FFFFFF; padding:0px;}
table.obrazky td:hover{width:150px; border:2px solid #FF3C17;}
table td.kontakt{width:270px;}


/*========================== LIGHTBOX =============================*/

table.foto{position: relative; top:0px; left:0px	; width:100%; z-index:100; text-align:center; line-height:0; border:1px solid #ff7c25;}
img{border-width:0px;}


/*========================== 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:#dedede; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:60%; 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(../pictures/blank000.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(../pictures/predchadzajuci.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pictures/dalsi.png) right 15% no-repeat; }

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; padding-top:6px; background-color:#999; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left; color:#333;}	
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;}	
		
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.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 */}