/* css pre misstuning.sk
	kodovanie: creative web laboratories - www.cwl.sk, www.peok.sk
*/
.carat {
	width:64px;
	height:64px;
	position:absolute;
	left:50%;
	top:27px;
	margin-left:-38px;
}
.carat a {
	display:block;
	width:64px;
	height:64px;
	background: url(../images/logo_carat_red.png);
	background-position: 0px 0px;
}
.carat a:hover {
	display:block;
	width:64px;
	height:64px;
	background: url(../images/logo_carat_red.png);
	background-position: 0px -64px;
}
a{ 
	text-decoration: underline;
	color: #D4D9DF;
}
a:hover{
	color:white;
}
body{
	background: #12182A url(images/body_bg.png) repeat-x top;
	color:white;
   	height: 100%; width: 100%;
	margin: 0; padding: 0;
	background-attachment: fixed;
}
#container{
	background: #2F3F6C;
	position: relative;
	float: left;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	width: 778px;
	left: 50%;
	margin: 0 0 0 -389px;
	border-left: 1px solid #556EB6; border-right: 1px solid #556EB6;
}
#top{
	position: relative;
	height: 238px;
	/* background: #404650; */
	background: url(images/top_new.jpg);
	padding: 0;
	display: block;
}
#top .logo{
	position: relative;
	width: 271px; /*height: 238px;*/
	height:150px;
	float: left;
	/*background: url(images/misstuning-logo2.jpg) no-repeat left bottom;*/
}
#top .logo span{
	display: block;
	/*background: url(images/misstuning-logo.jpg) no-repeat left;*/
	width: 271px; height: 119px;	
}

/* CONTAINER for Catrin and Autotuning LOGO */
#top .top-r-top{
	position: relative;
	float: right;
	display: block;
	width:500px;
	height:129px;
	
	text-align:right;
}

#top .top-r-top .catrin{
	display: block;
	/*background: url(images/catrin-logo.jpg) no-repeat top right;*/
	width: 200px; height: 129px;
	float: right;
	padding:0px;
	margin:0px;

}
#top .top-r-top .catrin a{
	display: block;
	width: 200px; height: 100px;
	padding:0px;
	margin:0px;

}
#top .top-r-top .autotuning{
	display: block;
	margin-right:20px;
	/*background: url(images/autotuning-logo.jpg) no-repeat top;*/
	width: 220px; height: 80px;
	float: right;
}
#top .top-r-top .autotuning a{
	display: block;
	width: 220px; height: 80px;
}
#top .menu{
	position: relative;
	float: left;
	background: #404650 url(images/menu-poz.jpg) repeat-x top;
	height: 32px; width: 507px;
	display: block;
	padding-top: 10px;
}
#top .menu li,
#top .menu ul{
	display: inline;
	list-style: none;
	margin: 0; padding: 0;
}
#top .menu li{	
	padding-right: 9px;
	margin-right: 6px;
	background: transparent url(images/menu-li.jpg) no-repeat right bottom;
	
}
#top .menu li a, .menu a {
	text-decoration: none;
	color: #D4D9DF;
	font-size: 0.75em;
}
#top .menu li a:hover, .menu a:hover {
	color: White;
}
#top .top-r-bottom{
	position: relative;
	float: left;
	/*background: url(images/top-r-b.jpg) no-repeat top right;*/
	height: 55px; width: 215px;
	display: block;
}
#top .top-r-bottom .matador{
	display: block;
	/*background: url(images/matador-logo.jpg) no-repeat top;*/
	margin-left:170px;
	width: 215px; height: 55px;
	float: left;
}
#top .top-r-bottom .matador a{
	display: block;
	width: 215px; height: 55px;
}
#content{
	position: relative;
	width: 100%;
	float: left;
	background: transparent url(images/down-bg.jpg) no-repeat bottom;
	padding-bottom: 8px;	
}
#content .left,
#content .center,
#content .right{
	position: relative;
	float: left;
}	
#content .left{
	width: 152px;
	background: transparent url(images/left-bg.png) no-repeat top;
	padding: 9px 0;
}
#content .right h2,
#content .left h2{
	background: transparent url(images/h2-bg.jpg) no-repeat bottom left;
	padding: 0 0 0 10px;  margin: 0 11px 0;	
	text-transform: uppercase;
	color: White;
	font-size: 0.70em;
	font-weight: normal;
}
#content .left h2{
	margin-bottom: 12px;
}
#content .left .text{
	width: 130px; 
	float: left;
	background: transparent url(images/left-sbg.png) repeat-y;
	background-position: 1px;
	padding: 0 11px;
	margin: 0;
}

.text a {
	color:#e0e0ff;
	}
.text a:hover {
	color:#a0a0ff;
}

#content .right .text span.hr,
#content .left .text span.hr{
	background: url(images/hr-bg.png) repeat-x;
	border: 0px;
	width: 100%; height: 6px;
	margin: 3px 0; padding: 0px;
	display: block;
	float: left;
	font-size: 0.1em; /*ie :( */
}

#content .left .bgtop,
#content .left .bgbottom{
	width: 152px; 	height: 10px;
	font-size: 0.1em; /*only4ie*/
	display: block;
	float: left;
	background: transparent url(images/left-bgbottom.png) no-repeat;
	background-position: 1px;
	padding: 0; margin: 0px;
	clear: both;
}
#content .left .bgtop{
	background-image: url(images/left-bgtop.png);
}
#content .left h3,
#content .left .date{
	font-size: 0.65em;
	font-weight: bold;
	color: White;
	display: block;
	background: transparent url(images/time-ico.png) no-repeat top left;
	background-position: 0px 1px;
	padding-left: 15px;
}
#content .left h3{
	background-image: url(images/h3l-ico.png);
	color: #CCD3E2;
	margin: 5px 0;
}
#content .left .text p{
	color: #AEB5CF;
	font-size: 0.65em;
	padding: 3px;
	margin: 0px;
	float: left;
}

/*---right---*/
#content .right{
	width: 206px;
	background: transparent url(images/right-bg.png) no-repeat top;
	padding: 0;
	margin-bottom: 15px; 
}
#content .right h2{
	margin: 34px 0 13px 13px;
}
#content .right .text{
	width: 178px; 
	background: transparent url(images/right-sbg.png) repeat-y;
	background-position: 1px;
	padding: 0 14px;
	margin: 0;
	float: left;
}

#content .right .text img{
	border: 0px;
}
#content .right .text .pict{
	position: relative;
	float: left;
	width: 100%;
}
#content .right .text .icons{
	width: 85px;
	float: left;	
	padding: 15px 0 0 4px;
}
#content .right .text .right-pict{
	width: 81px;
	border: 1px solid #3D70B5;
	padding: 2px;
	float: left;
}
#content .right .text h3{
	font-size: 0.70em;
	text-transform: uppercase;
	font-weight: normal;
	color: White;
	text-align: center;
	margin: 6px 0;
}
#content .right .text h3 .sms{
	color: #99B0F0;
}
#content .right .text h3 .web{
	color: #BDFC05;
}
#content .right .text h3 .redline{
	color: #ff5050;
}

#content .right .footer{
	width: 206px; 	height: 14px;
	font-size: 0.1em; /*only4ie*/
	display: block;
	float: left;
	background: transparent url(images/right-bgbottom.png) no-repeat;
	background-position: 1px;
}
/*----center----*/
#content .center{
	width: 420px;
	background: transparent url(images/center-bg.jpg) no-repeat top;
	
}
#content .center img{
	border: 0px;
	margin: 4px 3px;
}
#content .center .pozadie{
	background: transparent url(images/background.gif) repeat-y;
	padding: 0px 25px;
	margin-top: 36px;
	float: left;
	min-height: 500px;
	width: 370px;
	height: auto;	_height: 550px; 
	display: block;
}
#content .center .bar{
	background: transparent url(images/bar-bg.jpg) repeat-x center;
	width: 100%;
	float: left;
	padding: 0;
	margin-bottom: 5px;
}
#content .center .bar span{
	margin-left: 30px;
	background: #2F3F6C;
	color: #F9F9F9;
	font-size: 0.55em;
	text-transform: uppercase;
	padding: 3px 6px;
	float: left;
}
#content .center h3,
#content .center legend,
#content .center h2{
	color: White;
	font-size: 0.75em;	
	text-transform: uppercase;
	margin: 10px 0 3px;
}
#content .center h3{
	text-transform: none;	
	color: #99B0F0;
	
}
#content .center h3.webh{
	color: #BDFC05;	
}

#content .center legend{
	font-weight: bold;
	margin: 0;
}
#content .center .ap,
#content .center p{
	position: relative;
	color: #B8C8EC;
	font-size: 0.70em;
	line-height: 1.4em;
	margin: 3px 0;
	text-indent: 10px;
}
#content .center .ap{
	margin: 8px 0;
	width: 365px; /*4ie*/
}
#content .center .ap em,
#content .center .ap strong{
	color: White;
	font-weight: bold;
}
#content .center p.aright{
	padding-top: 20px;
	text-align: right;
}
#content .center li,
#content .center ul{
	padding: 0;
	margin: 3px 15px;
}
#content .center ol li,
#content .center ol{
	margin: 0 0 5px 10px;
	padding: 0;
}
#content .center ol li{
	list-style: decimal;
	font-weight: normal;
}
#content .center ol li ul li{
	font-size: 1.0em;
	list-style: disc; 
	margin: 0; padding: 0;
	font-weight: bold;
}
#content .center ol li ul li strong{
	color: White;
}
#content .center li{
	color: #B8C8EC;
	font-size: 0.70em;
	font-weight: bold;
	list-style: square;
}

#content .center fieldset{
	padding: 3px;
	border: 1px solid #3D70B5;
	margin: 5px 0;
}

#content .center p.reklama{
	background: White;
	text-indent: 0px;
	text-align: center;
	color: Black;
}
#content .center fieldset{
	padding: 3px;
	border: 1px solid #3D70B5;
	margin: 5px 0;
}

#content .center .download,
#content .center p.reklama a img,
#content .center p.reklama img{
	border: 1px solid White;
	margin: 0px; padding: 2px;
}

#content .center .download{
	padding: 3px;
	margin: 4px 8px;
}
#content .center .linky{
	text-align: right;
	float: right;
	padding-top: 3px;
	text-transform: uppercase;
}
#content .center .linky a{
	background: url(images/h3l-ico.png) no-repeat left center;
	color: #B8C8EC;
	margin: 0px; padding: 0 6px 0 14px;
}
#content .center .linky a:hover{
	color: White;
}
#content .center address{
	font-size: 0.75em;
	color: #B8C8EC;
	margin: 8px 0px;
	font-style: normal;
}
#content .center address a{
	color: #B8C8EC;
}
#content .center address a:hover{
	color: White;
}
#content .center form div{
	color: #B8C8EC;
	font-size: 0.70em;	
	width: 100%;
}
#content .center form div span{
	width: 130px;
	display: block;
	float: left;
}
#content .center form input,
#content .center form textarea{
	font-size: 1em;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid;
	width: 150px;
}
#content .center form .nowid{
	width: 75px;
	float: left;
}
#content .center form div span.sp{
	width: 77px;
	padding-left: 3px;
}
#content .center form h3{
	font-size: 0.75em;
	color: White;
	margin: 3px 0;	
}
#content .center .finalistka{
	width: 100%;
	float: left;
	margin-bottom: 8px;
	padding: 3px 0;
	color: #B8C8EC;
	font-size: 0.70em;
	border-bottom: 1px solid #556EB6;
}
#content .center .finalistka:hover h3{
	color: White;
}
#content .center .finalistka .umiestnenie-pp,
#content .center .finalistka .hodnotenie,
#content .center .finalistka .meno,	
#content .center .finalistka .umiestnenie,
#content .center .finalistka .cislo{
	width: 79px;
	float: left;
	text-align: center;
	line-height: 23px;

}
#content .center .finalistka .umiestnenie-pp,
#content .center .finalistka .umiestnenie,
#content .center .finalistka .cislo strong{
	margin-top: 5px;
	clear: both;
	display: block;	
	font-size: 1.55em;
	font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .center .finalistka .umiestnenie-pp,
#content .center .finalistka .hodnotenie,
#content .center .finalistka .meno,
#content .center .finalistka .umiestnenie{
	font-weight: bold;
	width: 35px;
	padding-top: 27px;
	font-size: 1.8em;

}
#content .center .finalistka .meno{
	width: 240px;
	font-size: 1.5em; 
}
/* TEXT hodnotenia - percenta/pocet hlasov */
#content .center .finalistka .hodnotenie{ 

	font-size: 1.3em;
	width: 240px;
	color: White;
	text-align:center;

}
#content .center .finalistka .h-pp{
	font-size: 1.2em;
	margin: 0; padding: 0;
}
#content .center .finalistka .fotohl{
	width: 80px;
	float: left;
}
#content .center .finalistka .foto{
	width: 84px;
	float: left;
}
#content .center .finalistka img{
	padding: 0; margin: 0;
}
#content .center p.fotog{
	text-align: center;
}
#content .center p.fotog a{
	color: White;
}

#content .center .fotogalery img,
#content .center .finalistka .bimg{
	border: 1px solid #556EB6;
	padding: 2px;
}

#content .center .fotogalery a:hover img{
	border-color: White;	
}
#content .center .finalistka .popis-finalistky,
#content .center .finalistka .popis{
	width: 272px;
	float: left;
	padding: 0 4px;	margin-left: 3px;
}
#content .center .finalistka .popis-finalistky{
	margin-bottom: 10px;
}
#content .center .finalistka .popis-finalistky div{
	font-weight: bold;
	font-size: 1.1em;
}
#content .center .finalistka .popis-finalistky div strong{
	color: White;
}
#content .center .finalistka .fotky img{
	margin: 4px 7px;
}
#content .center .finalistka .fotky a img{
	border: 1px solid #556EB6; padding: 2px;	
}
#content .center .finalistka .fotky a:hover img{
	border-color: White;
}
#content .center .finalistka h3{
	float: left;
	margin: 0; padding: 0;
	margin-left: 6px;
	display: block;
	width: 266px;
	font-size: 1.75em;
	font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: normal;
}
#content .center .finalistka .hr{
	border: 0px;
	border-top: 1px solid #B8C8EC;
	height: 1px; width: 100%;
	display: block;
	margin: 3px 0;
	font-size: 0.1em /*ie*/
}
#content .center .finalistka .popis strong{
	color: White;
	font-weight: normal;
}
#content .center .finalistka .popis em{
	font-weight: bold;
	color: White;
	font-size: 1.1em;
}
#content .center .pop{
	border: 0;
}
#content .center .finalistka .umiestnenie-pp{
	width: 100px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0; padding: 0;
	text-align: left;
}
#content .center .finalistka .meno-pp{
	font-size: 1.2em;
	margin: 0; padding: 0;
}
#content .center .fotogalery-menu,
#content .center .fotogalery-menu li{
	padding: 0; margin: 0;
	width: 100%;
	list-style: none;
	margin: 1px 0;	
	clear: both;
}
#content .center .fotogalery-menu li a{
	width: 360px;	
	padding: 5px;
	display: block;
	background: #99ABD2;
	font-size: 1.1em;
	font-weight: bold;
	color: #EDF1F8;
	text-decoration: none;
}
#content .center .fotogalery-menu li a:hover{
	background: #E9EDF5;
	color: #2F3F6C;
}
#content .center .fotogalery{
	width: 100%;
	float: left;
	clear: both;
}
#content .center .fotogalery span{
	width: 92px; 
	float: left;
}
/*---footer---*/
#info-bottom{
	position: relative;
	width: 100%; height: 47px;
	float: left;
	background: transparent url(images/bottom-bg.jpg) repeat-y;
	
}
#info-bottom .counter{
	position: relative;
	float: left;
	width: 250px;
	height: 15px;
	margin-top: 26px;
	padding: 0;
	font-size: 0.65em;
	color: White;
	font-weight: bold;
	text-align: left;
	left: 40px;
}
#info-bottom .footer-menu{
	position: relative;
	width: 300px; height: 15px;
	float: right;
	margin-top: 26px; padding: 0 8px;
	font-size: 0.65em;
	color: #979CA2;
	text-align: right;	
}
#info-bottom .footer-menu a{
	color: #979CA2;
	text-decoration: none;
	text-transform: uppercase;
}
#info-bottom .footer-menu a:hover{
	color: White;
}
#info-bottom .copyright{
	float: left;
	font-size: 0.65em;
	color: #EEF0F1;	
	padding: 0 5px;
}
#info-bottom .copyright a{
	color: #EEF0F1;
	text-decoration: none;
}
#info-bottom .copyright a:hover{
	color: White;
	text-decoration: underline;
}
.noscreen{
	display: none;
}

.box {
	margin:3px;
	padding:2px;
	border:1px solid #ffffff;
}
.partner_diagnoza {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left:-180px;
	width:130px;
	height:110px;
}
.partner_diagnoza a {
	display:block;
	width: 130px;
	height:110px;
}
.partner_b {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 110px;
	margin: 0 0 0 150px;
	}

.langs {
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-220px;
	width:80px;
	height:40px;
	color: #ffffff;
	font: normal 10px Tahoma;
}
.langs a img { border:1px solid black; text-decoration:none;}
.langs a:hover img { border:1px solid white; }

.langblur, .langfocus {
	text-align:center;
	width:40px;
	height:24px;
	float:right;
	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;
}
.langblur {
	filter:alpha(opacity=30); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;
}
.archivebox {
	font:normal 10px Tahoma;
	color: #ffffff;
	width:66px;
	height:66px;
	position:absolute;
	left:50%;
	top:190px;
	margin-left:310px;
	background:url(../images/archive.png);
	padding-top:52px;
	padding-left:1px;
	text-align:center;
	background-repeat:no-repeat;
}
.votebox {
	margin:3px;
	padding:2px;
	border:1px solid #ffffff;
	text-align: center;
	border-width: 5px 1px 1px 1px;
}

.white {
	border-color: #ffffff;
}
.blue {
	border-color: #bdfc05;
}
.green {
	border-color: #99b0f0;
}
.red {
	border-color: #ff5050;
}
.big {
	font-size: 125%;
	}