/* vsetky styly okrem obsahovej casti a modulov */

/* prelinkovanie na styly pre moduly */
@import url(modules.css);

html,
body { 
	font-family: Arial; 
	font-size:12px; 
	margin:0px; 
	background: url(../images/bg-body.jpg) repeat scroll 0px 0px; 
	color:#4a4a4a;
	*overflow-x:hidden; /*pre IE a ludi s monitormi menismi ako 15"*/
	}
input,
select,
textarea { 
	font-size:1em; 
	font-family:Arial; 
	border:1px solid #CBCBCB; 
	background-color:#f3f3f3; 
	padding:2px;
	}

a {color:#4a4a4a; }
a:hover{color:#FFA800;}

/* nadpisy */
h1 { font-size: 1.4em; margin:0px; padding:0px 0px 11px;}/*16px, bold*/
h2 { font-size: 1.2em; margin:0px; padding:0px;}/*14px, bold*/
h3 { font-size: 1em; background: transparent url(../images/bg-h3.gif) scroll no-repeat right center; margin:0px; padding:7px 0px;}
	h3 span{ background-color:#f2f2cd; padding-right:14px;}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* linky */
a,
a:link,
a:visited { text-decoration: underline; }
a:hover { text-decoration:none; }
a img,
:link img,
:visited img { border: none; }

input,
textarea { }
.breaker { clear: both; margin: 0px; padding: 0px; font-size:0px; line-height:0px; }

ul{list-style:square;}

#content-right ul{background-color:#e1dfba; margin:0px; padding: 10px 10px 10px 23px;}
#content-right ul li{ padding:3px 0px;}


/* vseobecne css*/

/*header bg*/
#body-second{ 
	background:url(../images/bg-header.jpg) repeat-x scroll 0px 0px;
	padding-left:85px;
	
	}

#face{width:204px; height:424px; float:left; margin-top:50px; overflow:hidden;
	background: url(../images/img-face.png) no-repeat scroll 0px 0px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.testdomain.sk/anastyle.sk/images/img-face.png', sizingMethod='crop');
}
#container-holder{width:1085px; overflow:hidden;}
#container { width:881px; float:left;}
#header { width:881px; height:50px; padding-top:1px; _overflow:hidden;}

#lang-holder{padding-top:15px; float:right; clear:right;}
#lang-holder ul{ list-style:none; padding:0px; margin:0px;}
#lang-holder a img{border: 1px solid #c6b862;}
#lang-holder a:hover img{border: 1px solid #e5dfa7;}
#lang-holder a {margin-left:1px;}

#content{
	width:881px;
	padding: 0px;
}


#clanok{
	width:881px;
	padding: 0px 0px 15px;
	_height: expression( this.scrollHeight < 434 ? "433px" : "auto" ); /* sets min-height for IE */
	min-height: 433px; /* sets min-height value for all standards-compliant browsers */
	background: url(../images/bg-clanok.jpg) no-repeat scroll 0px 0px;
}
#repeat-bg{background: url(../images/bg-clanok-repeat.jpg) repeat-y scroll 0px 0px;
}
#clanok #left{width:543px; float:left; padding:0px 0px 0px 27px; overflow:hidden;}
#clanok #right{width:311px; float:right; overflow:hidden;}

#clanok #left #nadpis{ padding:13px 0px; position:relative; left:-12px; width:555px; }
#clanok #left #nadpis div{background-color:#131115;height:22px;overflow:hidden;}
#clanok #left #nadpis h1{font-size:24px; height:24px; overflow:hidden;  color:#ffa800; text-transform:uppercase;
	padding: 0px 0px 0px 0px; margin:0px; position:relative; left:-2px; bottom:-1px;
}
#clanok #left #content-text{width:529px; float:left; padding-right:13px; color:#4a4a4a;} /*po odstraneni galerie width: 390 + 152 =542 - 1 px border; */
#clanok #left #content-text h2{
	padding-left:12px;
	background:url(../images/arrow-orange.gif) no-repeat scroll 0px 5px;
	color:#797979; 
	text-transform:uppercase; 
	font-size:14px;  
	font-weight:bold;
	margin:0px 0px 0px;
	padding: 0px 0px 0px 12px;
	}
#clanok #left #content-text p{color:#4a4a4a; margin:0px; padding: 	0px;}
#clanok #left #fotos{width:152px; float:right;}
#clanok #left #fotos #fotos-nadpis{height:13px; padding-top:3px; overflow:hidden; background-color:#a0a0a1; color:#FFFFFF; text-transform:uppercase; font-size:14px; font-weight:bold;}
#clanok #left #fotos #fotos-nadpis div{position:relative; left:-1px;}
#clanok #left #fotos #fotos-container{ padding-right:33px;}
#clanok #left #fotos #fotos-container a{border:3px solid #aeacab; display:block; margin-top:13px; clear:both;}
#clanok #left #fotos #fotos-container a:hover{border:3px solid #ffa800;}

#clanok #right ul, #anotacky{ list-style:none; margin:0px; padding:18px 24px;}
#clanok #right ul li a{
	color:#cbcbcb; 
	text-transform:uppercase; 
	font-size:12px; 
	padding-left:14px;  
	font-weight:bold; 
	text-decoration:none;
	background:url(../images/arrow-gray.gif) no-repeat scroll 0px 3px;
	}
#clanok #right ul li a:hover, #anotacky li a:hover{
	color:#ffa800;
	background:url(../images/arrow-orange.gif) no-repeat scroll 0px 3px;
	}
#clanok #right ul li.sel a{
	color:#ffa800;
	background:url(../images/arrow-orange.gif) no-repeat scroll 0px 3px;
	}

#clanok #right ul li.level0{padding-left:0px;}
#clanok #right ul li.level1{padding-left:14px;}
#clanok #right ul li.level2{padding-left:28px;}
#clanok #right ul li.level3{padding-left:0px;}

#anotacky li a{
	color:#444444; 
	text-transform:uppercase; 
	font-size:12px; 
	padding-left:14px; 
	font-weight:bold; 
	text-decoration:none;
	background:url(../images/arrow-gray.gif) no-repeat scroll 0px center;
	}


#foto-holder{border:1px solid #403f40; height:105px; width:879px;}
#foto-holder img{float:left;}

#cennik td{padding:2px 0px;}

#kontaktny_formular_mod td{vertical-align:top;}

.submit{cursor:pointer;}
.submit-hover{border-color:#FFA800;cursor:pointer; padding:3px 2px 1px;}

#flash-menu{width:881px; background: url(../images/bg-flash-menu.jpg) no-repeat scroll 0px 0px;position:relative; z-index:500; width:881px; overflow:hidden;}
#flash-main{width:881px;height:425px; background: url(../images/bg-flash-main.jpg) no-repeat scroll 0px 0px;}
#flash-gallery{width:684px;height:105px; float:left; background: url(../images/bg-flash-gallery.jpg) no-repeat scroll 0px 0px;}



/* FOOTER */

#footer { 
	color:#888888; 
	font-size:10px; 
	padding:5px 0px 30px 0px; 
	text-align:right; 
}
#footer a,
#footer a:link,
#footer a:visited { color:#888888; text-decoration:underline; }
#footer a:hover { color:#888888; text-decoration:none; }
#footer-left-copyright { float:left; color:#888888; }
#footer-left-copyright img{vertical-align:middle; padding-left:10px;}

#footer-menu{float:left; margin-left:33px;}
#footer-menu a{padding-left:0px; padding-right:0px;}
#footer-menu a.f-mapa{ }
#footer-menu a.f-kontakt{}


#footer-riesenia { color:#888888; float:right; font-size:0.9em; text-align:right; }
#footer-riesenia a,
#footer-riesenia a:link,
#footer-riesenia a:visited { color:#888888; text-decoration:underline; }
#footer-riesenia a:hover { color:#888888; text-decoration:none; }