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

body {width:100%; margin:0px; padding:0px; font-family: Arial; font-size:12px; margin-left:auto; margin-right:auto;	 
	 background:#000000 url("bcg.jpg") repeat top center fixed; color:#003333;}	

 
#ferix {	width:100%;	position:relative; height:auto; margin:auto; padding:0px;}
img{border:0px;}

iframe{border:0px; width:924px; height:318px; margin:auto; padding:0px; position:relative;  background:none;}
a#popup{display: block;position:absolute;top: 0px;left: 0px;width: 800px;height: 404px;}
a#popup_close{display:block; position:absolute; top:0px; right:11px; width:30px; height:30px; z-index:9999;}
#popUpLayer {background:url("../pictures/vianocny2.jpg") white center center no-repeat;position: absolute;top: 30%;left: 55%;width: 800px;margin-left: -480px;margin-top: -200px;height: 404px;z-index:1010;overflow: hidden;}
a#popup2{display: block;position:absolute;top: 0px;left: 0px;width: 395px;height: 497px;}
a#popup_close2{display: block;position:absolute;top: 5px; left: 0px;width: 800px;height:404px;z-index: 9999;}
a#popup{display: block;position:absolute;top: 0px;left: 0px;width: 441px;height: 600px;}
a#popup_video{position:absolute;top:370px;left:25px;width: 135px;height: 22px;}
a#popup_kniznica{position:absolute;top:370px;left:210px;width: 370px;height: 22px;}
.black_overlay{position: absolute;top: 0%;left: 0%;width: 100%;height: 960px;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;}


/*========================== BANNER =============================*/	
#banner{width:850px; height:120px; margin:auto; padding:0px; position:relative;  background:none;}
img.logo{position:absolute; top:0px; left:0px;}
img.slogan{position:absolute; top:48px; left:159px;}

#menu{margin:0; padding:0; list-style:none; font-size:15px; list-style:none; text-align:left; font-weight:bold;}
#menu{margin:0; padding:0; list-style:none; float:left; display:inline;}		
#menu a.menu_index{position:absolute; bottom:0px; right:422px; width:116px; height:76px; background: url("../pictures/menu_index.png") no-repeat 0 0px; text-decoration:none;}	
#menu a.menu_index:hover{background: url("../pictures/menu_index.png") no-repeat 0 -152px;}		
#menu a.menu_indexa{position:absolute; bottom:0px; right:422px; width:116px; height:76px; background: url("../pictures/menu_index.png") no-repeat 0 -228px; text-decoration:none;}		

#menu a.menu_sluzby{position:absolute; bottom:0px; right:299px; width:112px; height:67px; background: url("../pictures/menu_sluzby.png") no-repeat 0 0px;  text-decoration:none;}		
#menu a.menu_sluzby:hover{background: url("../pictures/menu_sluzby.png") no-repeat 0 -134px;}		
#menu a.menu_sluzbya{position:absolute; bottom:0px; right:299px; width:112px; height:67px; background: url("../pictures/menu_sluzby.png") no-repeat 0 -201px; text-decoration:none;}

#menu a.menu_portfolio{position:absolute; bottom:0px; right:142px; width:149px; height:78px; background: url("../pictures/menu_portfolio.png") no-repeat 0 0px;  text-decoration:none;}		
#menu a.menu_portfolio:hover{background: url("../pictures/menu_portfolio.png") no-repeat 0 -156px;}		
#menu a.menu_portfolioa{position:absolute; bottom:0px; right:142px; width:149px; height:78px; background: url("../pictures/menu_portfolio.png") no-repeat 0 -234px; text-decoration:none;}

#menu a.menu_kontakt{position:absolute; bottom:0px; right:-10px; width:145px; height:55px; background: url("../pictures/menu_kontakt.png") no-repeat 0 0px;  text-decoration:none;}		
#menu a.menu_kontakt:hover{background: url("../pictures/menu_kontakt.png") no-repeat 0 -110px;}		
#menu a.menu_kontakta{position:absolute; bottom:0px; right:-10px; width:145px; height:55px; background: url("../pictures/menu_kontakt.png") no-repeat 0 -165px; text-decoration:none;}		


/*========================== FLASH =============================*/	
#flash{width:924px; height:318px; margin:auto; padding:0px; position:relative;  background:none;}		



/*========================== STRED =============================*/	
#stred{width:850px; height:auto; margin:auto; padding:0px; position:relative; background: url("../pictures/bcg_stred.png") top left repeat;}


/*========================== LEFT  =============================*/	
#left{width:250px; height:auto; margin:auto; padding:0px; text-align:left; float:left; position:relative; }
img.nadpis_nase_sluzby{position:relative; top:25px; left:20px;}
.kontakt{color:#cbcbcb; width:205px; text-align:left; position:relative; top:56px; left:0px; font-size:12px; line-height:20px; font-weight:bold; padding:0px 15px 20px 30px; margin-bottom:90px;}
.kontakt a{color:#ffd22e;  text-decoration:none;}
.kontakt a:hover{color:#15c7c5; text-decoration:none;}
p.yellow{color:#fcd32d; font-size:14px; font-weight:bold;}
p.blue{color:#15c3c2; font-size:14px; font-weight:bold;}

/*========================== RIGHT  =============================*/	
#right{width:600px; height:auto; margin:auto; text-align:left; float:right; position:relative;}
.textt_uvod{color:#b9b9b9; width:320px; text-align:left; position:relative;float:left; top:0px; left:0px; font-size:12px; line-height:20px; padding:55px 15px 20px 15px;}
.textt_uvodd{color:#b9b9b9; width:280px; text-align:left; position:relative;float:left; top:0px; left:0px; font-size:12px; line-height:20px; padding:55px 0px 20px 0px;}
.textt{color:#b9b9b9; width:520px; text-align:left; position:relative; top:66px; left:0px; font-size:12px; line-height:20px; padding:40px 15px 20px 30px; margin-bottom:90px; background:#000;}
.texttt{color:#b9b9b9; width:520px; text-align:left; position:relative; top:66px; left:0px; font-size:12px; line-height:20px; padding:40px 15px 20px 30px; margin-bottom:90px; background:#000;}
.textttt{color:#b9b9b9; width:570px; text-align:left; position:relative; top:56px; left:0px; font-size:12px; line-height:20px; padding:40px 20px 10px 10px; margin-bottom:90px; background:none;}
.textt a{color:#ffd22e;  text-decoration:none;}
a.a{color:#ffd22e;  text-decoration:none;}
a.a:hover{color:#15c7c5;  text-decoration:none;}
.texttt a{color:#15c7c5;  text-decoration:none;}
.textt a:hover{color:#15c7c5; text-decoration:none;}
.texttt a:hover{color:#ffd22e; text-decoration:none;}
.textt a.activ{color:#361c0f; text-decoration:none;}
img.nadpis_vitajte{position:relative; top:-30px; left:0px;}
img.nadpis_webdesign{position:relative; top:25px; right:30px; float:right;}
.prihlasenie{color:#b9b9b9; width:150px; text-align:left; position:relative; float:right; top:0px; right:90px; font-size:12px; line-height:26px; padding:55px 0px 20px 0px;}
.prihlaseniee{color:#b9b9b9; width:250px; text-align:left; position:relative; float:right; top:-20px; right:90px; font-size:12px; line-height:26px; padding:5px 0px 20px 0px;}
img.nadpis_webmail{position:relative; top:-30px; left:0px;}
p{position:relative; top:-20px;}
img.akcia{position:relative; top:120px; left:15px;}

ul.sl{position:relative; top:-20px; left:40px;}
ul.sl li{list-style-image:url("../pictures/ul.jpg")}
ul.sll{position:relative; top:-20px; left:40px;}
ul.sll li{list-style-image:url("../pictures/ull.jpg")}


p{padding:5px;}
p.b{font-weight:bold; position:relative; left:0px; width:auto;}
p.bc{font-weight:bold; text-align:center;}
p.c{text-align:center;}


h1{position:relative; top:25px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h1:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h1.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h1 a{color:#ffffff; text-decoration:none; width:250px; height:50px;}
h2{position:relative; top:15px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h2:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h2.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h2 a{color:#ffffff; text-decoration:none;}
h3{position:relative; top:2px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h3:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h3.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h3 a{color:#ffffff; text-decoration:none;}
h4{position:relative; top:-15px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h4:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h4.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h4 a{color:#ffffff; text-decoration:none;}
h5{position:relative; top:-37px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h5:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h5.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h5 a{color:#ffffff; text-decoration:none;}
h6{position:relative; top:-69px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h6:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h6.activ{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h6 a{color:#ffffff; text-decoration:none;}
h6.dva{position:relative; top:-100px; left:0px; width:210px; height:40px; line-height:15px; padding-left:40px; padding-top:10px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 0px; text-decoration:none; font-size:14px;}
h6.dva:hover{background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -50px;}
h6.dvaa{position:relative; top:-100px; background: url("../pictures/bcg_nadpisy.gif") no-repeat 0 -100px;}
h6.dva a{color:#ffffff; text-decoration:none;}
span.small{color:#a4a3a1; font-size:11px;}

img.plistky{position:relative; top:-140px; right:20px; float:right;}
img.ploga{position:relative; top:-10px; right:20px; float:right;}

hr{color:#361c0f; }

.cc{position:relative; top:-10px; left:35px;}
p.center_zabava{text-align:center; position:relative; top:30px; height:180px;}
p.dakujeme{font-size:17px; text-align:center; font-weight:bold; position:relative; top:5px;}
p.dakujemeb{font-size:20px; text-align:center; font-weight:bold; position:relative; top:-25px; color:#15c3c2;}
p.center{text-align:center;}

p.ref{position:relative; left:0px; text-align:right;}
span.popis{position:relative; top:-25px; right:20px; font-size:11px; color:#6f736d;}
span.popis a{font-size:11px; font-weight:bold; color:#484a47;}
span.popis a:hover{color:#b9b9b9;}
span.pop{font-size:11px; text-decoration:underline;}
img.ref_small{margin:0 30px 30px 0; border:5px solid #484a47; padding:3px;}
img.ref_small:hover{border:5px solid #b9b9b9;}
table.obrx td{width:250px; height:130px; text-align:center; position:relative; left:-20px;}
table.obrxx td{width:250px; height:150px; text-align:center;}
table.obrx td img{border:5px solid #484a47; }
table.obrxx td img{border:5px solid #484a47; }
table.obrx td img:hover{border:5px solid #b9b9b9; }
table.obrxx td img:hover{border:5px solid #b9b9b9; }


span.date{position:absolute; top:4px; right:-95px; width:45px; height:40px; padding-top:2px; text-align:center; color:#15c3c2; font-size:13px; font-weight:bold;background: url("../pictures/bcg_stred.png") top left repeat; }
span.datee{position:absolute; top:4px; right:-115px; width:65px; height:45px; padding-top:2px; text-align:center; color:#15c3c2; font-size:11px; font-weight:bold;background: url("../pictures/bcg_stred.png") top left repeat; }

.posuvnik{width:200px; text-align:center; line-height:30px; height:30px; position:relative; left:80px;}
.posuvnik td{padding:5px;  font-weight:bold; font-size:15px;}
.posuvnik a{padding:5px;  font-weight:bold; font-size:13px;}
.posuvnik a:hover{font-weight:bold; color:#ffd22e; font-size:13px; text-decoration:underline;}
.posuvnik a.activ{padding:5px; color:#959595; font-size:15px;}
.posuvnik a.activ:hover{padding:5px; color:#959595; font-size:15px; text-decoration:none;}
img.i{position:relative; padding-top:8px;}
img.ix{position:relative; padding-top:4px; left:10px;}
img.ii{position:relative; padding-top:12px;}

.follow{position:absolute; top:450px; left:60px;}
.follow a.facebook{position:absolute; right:115px; top:30px; width:38px; height:46px; background: url("../pictures/follow_facebook.png") no-repeat 0 0px; text-decoration:none;}	
.follow a.facebook:hover{background: url("../pictures/follow_facebook.png") no-repeat 0 -46px;}		
.follow a.twitter{position:absolute; right:65px; top:30px; width:38px; height:46px; background: url("../pictures/follow_twitter.png") no-repeat 0 0px; text-decoration:none;}	
.follow a.twitter:hover{background: url("../pictures/follow_twitter.png") no-repeat 0 -46px;}		
.follow a.flickr{position:absolute; right:15px; top:30px; width:38px; height:46px; background: url("../pictures/follow_flickr.png") no-repeat 0 0px; text-decoration:none;}	
.follow a.flickr:hover{background: url("../pictures/follow_flickr.png") no-repeat 0 -46px;}	
.follow a.myspace{position:absolute; right:-35px; top:30px; width:38px; height:46px; background: url("../pictures/follow_myspace.png") no-repeat 0 0px; text-decoration:none;}	
.follow a.myspace:hover{background: url("../pictures/follow_myspace.png") no-repeat 0 -46px;}	



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


/*========================== PATICKA =============================*/	
#bottom{width:850px; height:100px; margin:auto; position:relative;  background: url("../pictures/bcg_footer.png") top center no-repeat;}
.bottom_menu{position:absolute; top:7px; left:20px; color:#6a6262; font-weight:bold;}
.bottom_menu a{color:#6a6262; text-decoration:none; padding:0 10px;}
.bottom_menu a:hover{color:#6a6262; text-decoration:underline; padding:0 10px;}
.bottom_menu a.activ{color:#fff; text-decoration:none; padding:0 10px;}

#bottom a.top{position:absolute; top:0px; left:384px; width:42px; height:41px; background: url("../pictures/top.png") no-repeat 0 0px;  text-decoration:none;}
#bottom a.top:hover{position:absolute; bottom:0px; right:-10px; width:42px; height:41px; background: url("../pictures/top.png") no-repeat 0 -41px;  text-decoration:none;}


/*========================== GALLERY =============================*/	
table.obrx{position:relative; top:10px; left:0px; }
table.obrxx{position:relative; top:10px; left:0px; }
table.obrxxx{position:relative; top:10px; left:110px; }
td.dvaaa{padding:0px; text-align:center; border:#c1bfbf solid 4px; color:#fff;}
td.dvaaa:hover{padding:0px; text-align:center; border:#fcd22e solid 4px; color:#fff;}



/*========================== FORMULAR =============================*/	

form{position:absolute; float:right; right:50px; top:90px; font-size:13px;}
form.prihl{position:absolute; float:right; right:-20px; top:70px; font-size:13px; width:150px;}
form.kontakt{position:absolute; float:right; right:150px; top:100px; font-size:13px; width:180px;}
input.text, textarea {color:#fff; background:none; border:2px solid #484a47; padding:2px;}
input.text:focus, textarea:focus {border:1px solid #fff;}
input.text{width:170px; margin:5px;}
textarea { width:170px; height:100px; margin:5px;}
td.prihlasit{padding-top:15px; text-align:center;}
td.p1{padding:5px 10px; color:#b9b9b9; font-size:12px; font-weight:bold;}
td.p2{padding:10px 10px; color:#1bc8c1; font-size:14px; font-weight:bold;}