/* 

stylesheet for www.stahovak.eu

created by Peter Melaga (http://www.webmanagers.sk/)

Date: 21. jun 2008

*/

*{
	margin:0;
	padding:0;
	}

ul, ol{margin:10px 0 10px 30px;}

p{margin-bottom:20px;}

address{font-style:normal; font-size:14px; line-height:20px; margin-bottom:20px;}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	margin-bottom:15px;
	color:#2C58A3;
	line-height:normal;
	}

h1{font-size:22px;}
h2{font-size:20px;}	
h3{font-size:16px;}
h4{font-size:14px;}

.skry{display:none;}
	
a img{border:none;}
a{text-decoration:none; color:#2C58A3; text-decoration:underline;}
a:hover{background-color:#FFFF00;}
a:focus{ -moz-outline: none -moz-mac-focusring; }

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	background:#FFF119 url(images/bg_body.jpg) 0 0 repeat-x;
	line-height:160%;
	}

#container{
	width:980px;
	margin:0 auto;
	background:url(images/bg_container.jpg) 0 0 repeat-y;
	position:relative;
	}
	
#head{
	position:relative;
	height:370px;
	background:url(images/bg_head.jpg) 0 0 no-repeat;
	}
		
#head h1{
	margin:0;
	padding:0;
	}

#head h1 span{display:none;}
	
#head h1 a{
	display:block;
	width:300px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:25px;
	left:100px;
	}
#head h1 a:hover{background:none;}
#slogan{display:none;}
.slogan{text-align:center; font-size:14px; margin:0; padding:0 0 10px 0;}

#banner{width:468px; height:60px; text-align:center; font-size:14px; position:absolute; top:248px; right:70px;}
#banner p{text-align:center; padding-top:20px;}
	
#content{
	padding:0 110px 20px 120px;
	text-align:justify;
	overflow:hidden;
	position:relative;
	}
	
#footer{
	clear:both;
	color:#2C58A3;
	background:#FFF119 url(images/bg_footer.jpg) 0 0 no-repeat;
	}
	
#footer p{margin:0; padding-bottom:10px; padding-top:60px; text-align:center;}
#footer a{text-decoration:none;}
#footer a:hover{
	background:none;
	text-decoration:underline;
	}

/* MAIN MENU */
.menu{
	margin:0;
	padding:0;
	position:absolute;
	top:215px;
	left:60px;
	}

.menu li{
	float:left;
	width:60px;
	list-style:none;
	}

.menu li a{
	font-weight:bold;
	color:#ffffff;
	display:block;
	height:41px;
	background:transparent url(images/koleso.gif) center bottom no-repeat;
	text-align:center;
	text-decoration:none;
	}
.menu li a:hover{
	text-decoration:none;
	color:#FFFF00;
	}
	
.m1 a{padding-top:55px;}
.m2 a{padding-top:33px;}
.m3 a{padding-top:13px;}
.m4 a{padding-top:0px;}

/*   TOP MENU  */

.topmenu{
	margin:0;
	padding:0;
	position:absolute;
	top:320px;
	right:50px;
	}

.topmenu li{
	float:left;
	padding-left:27px;
	padding-right:20px;
	list-style:none;
	background:transparent url(images/licko.jpg) no-repeat 0 8px;
	}

.topmenu li a{}
	
.topmenu li a:hover{}

.userlink a{color:#FF0000;}
	
/* end menu

----------------------------------------------------------------- */


.main_button{
	margin:0;
	padding:0;
	width:730px;
	}

.main_button li{
	float:left;
	list-style:none;
	}

.main_button li a{
	display:block;
	width:360px;
	height:150px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
.ponuka a{
	background:url(images/ponuka.jpg) 0 0 no-repeat;
	margin-right:5px;
	margin-left:5px;
	}
.ponuka a:hover{
	background:transparent url(images/ponuka.jpg) 0 -150px no-repeat;
	}
		
.dopyt a{
	background:url(images/dopyt.jpg) 0 0 no-repeat;
	}

.dopyt  a:hover{
	background:transparent url(images/dopyt.jpg) 0 -150px no-repeat;
	}

.onas_buttons{
	width:450px;
	margin:15px auto;
	overflow:hidden;
	}
		
.onas_buttons li{
	float:left;
	width:200px;
	margin:0 10px;
	border:1px solid #2C58A3;
	list-style:none;
	display:inline;
	}
	
.onas_buttons li a{
	display:block;
	width:200px;
	height:20px;
	padding:5px 0;
	text-align:center;
	background:#2C58A3;
	color:#FFFFFF;
	}

.onas_buttons li a:hover{background:#FFFF00; color:#2C58A3;}

.tbl_registracia td, .tbl_registracia th{
	padding:0px 5px;
	vertical-align:top;
	}

input, textarea{
	padding:2px;
	border:1px solid #2C58A3;
	width:250px;
	font-size:11px;
	}

fieldset{
	padding:20px;
	border:1px solid #2C58A3;
	}

legend{
	padding:5px 10px;
	color:#2C58A3;
	font-size:16px;
	font-weight:bold;
	}

.submit{background-color:#dddddd; color:#555555; padding:1px 5px;}

.zoznam{margin:5px 0 5px;}
.zoznam li{background:transparent url(images/li.jpg) no-repeat 0 8px; list-style:none; padding-left:27px;}

.buton{width:auto; background:#2C58A3; border:1px solid #2C58A3; color:#FFFFFF; margin:0; padding:2px 10px; cursor:pointer;}
.buton:hover{background-color:#FFFF00; color:#2C58A3;}

.zoznammiest{float:left; width:210px;}

label{cursor:pointer;}

.cennik{width:100%;}
.cennik th{padding:4px; text-align:center; font-size:13px; border:1px solid #dddddd; background-color:#dddddd;}
.cennik td{padding:4px; text-align:left; font-size:12px; border:1px solid #dddddd;}
.cennik td.col2{text-align:center;}

#zoznam{clear:both; border-top:2px solid #2c58a3; padding-top:15px;}
.oznam{padding:5px; background-color:#efefef; border:1px solid #dddddd;}



/************ TABY ****************/
#content #maintab, #content #kattab{margin:0; padding:0;}

.shadetabs{
margin:0;
padding:0;
padding: 0px 0;
margin-left: 0;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 1px 7px;
margin-right: 3px;
border: 1px solid #2C58A3;
color:#FFFFFF;
background-color:#2C58A3;
}

.shadetabs li a:hover{
text-decoration:none;
background-color:#327eff;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a, .shadetabs li.selected a:hover{ /*selected main tab style */
background-color:#FFFFFF;
color:#000000;
border-color:#2C58A3;
border-bottom-color:#ffffff;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #2C58A3;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}

.karta{
	border-bottom:1px solid #cccccc;
	padding:5px 10px;
	margin-bottom:5px;
	}

.karta h3{font-size:13px; margin:0; padding:0 0 5px 0;}
.karta h3 a{text-decoration:none;}
.karta p{margin:0; padding:0;}
.navigacia{margin:0; padding:8px 10px;}
.navigacia td{width:33%;}
.logo{float:right; padding-left:10px; padding-bottom:10px; max-width:150px; overflow:hidden;}

.hlava{width:100%; overflow:hidden;}
.hlava h3{float:left;}
.hlava span{float:right; color:#2C58A3;}

#karta{
	padding:5px 10px;
	overflow:hidden;
	}

#karta h2{border-bottom:1px solid #cccccc;}
#karta p{}
#karta h4{margin:0; padding:0 0 5px 0;}
.detaily{width:100%; overflow:hidden; border-top:1px solid #cccccc;  border-bottom:1px solid #cccccc; padding:10px 0;}

#karta dl{width:350px; float:left; overflow:hidden;}
#karta dl.dl{width:350px; float:right;}
#karta dt{clear:both; width:120px; font-weight:bold; float:left; color:#222222;}
#karta dd{width:230px; float:right; color:#444444;}

#content .n_strankovanie{margin:0; padding:0; float:right;}
#content .n_strankovanie li{float:left; margin:0 2px; list-style:none;}
#content .n_strankovanie li a, .n_strankovanie li span{display:block; padding:1px 5px; float:left; text-align:center; font-size:11px; background-color:#dddddd; color:#333333;}
#content .n_strankovanie li a:hover{background-color:#FFFF00; color:#2C58A3;}

#content .n_strankovanie li span.selected{font-weight:bold; background-color:#dddddd;}
#content .n_strankovanie li.popis{width:50px; font-weight:bold;}

#toplista{text-align:center; height:19px; padding-top:1px; background-color:#E5B303;}
#toplista ul{width:850px; margin:0 auto; overflow:hidden;}
#toplista ul li{list-style-type:square; float:left; margin:0 0 0 20px; padding:0 14px 0 0; color:#FFFFFF;}
#toplista ul li a{color:#444; text-decoration:none;}
#toplista ul li a:hover{color:#444; text-decoration:underline; background-color:transparent;}

#bottomlista{color:#2C58A3;	background:#FFF119; padding:0 0 10px 0;}
#bottomlista ul{margin:0 auto; overflow:hidden; width:740px;}
#bottomlista ul li{list-style-type:square; float:left; margin:0 0 0 20px; padding:0 14px 0 0; color:#FFFFFF;}
#bottomlista ul li a{text-decoration:none;}
#bottomlista ul li a:hover{
	background:none;
	text-decoration:underline;
	}