/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Author: Martin Svoboda /JOY Online /Burda Digital, 2012
   ========================================================================== */

/* -- obecny a pomocny styly -- */

.clear { clear: both; }
p { margin: 15px 10px 0 10px; }
	p strong { color: #222; }
a { color: #C5057C; } 
	a:hover, a:visited { color: #ff009e; }

body { background: url(/images/header-bg.jpg) repeat-x; font-family: "Arial", sans-serif; font-size: 14px; color: #4d4d4d; }
.wrapper { width: 900px; margin: 0 auto; }

header { margin: 50px auto !important; } 
	#logo { width: 156px; float: left; margin: 4px 40px 0 0; }
	#stan-se-celeb { width: 221px; height: 64px; float: left; background: url(/images/stan-se-celebritou.png) no-repeat; }
		#stan-se-celeb h1 { visibility: hidden; }
	nav { width: 440px; float: right; margin-top: 12px; text-shadow: #8c135e 0 1px; }
		#nav-left { width: 14px; height: 46px; float: left; background: url(/images/menu-left.png) repeat-x; }
		#navi { float: left; width: 413px; height: 36px; padding-top: 13px; background: url(/images/menu-bg.png) repeat-x; text-align: center; letter-spacing: 1px; }
			#navi a { color: white; font-size: 12px; padding: 0 17px; text-decoration: none; }
				#navi a:hover { color: black; text-shadow: #f1139d 0 1px; }
		#nav-right { width: 13px; height: 46px; float: left; background: url(/images/menu-right.png) repeat-x; }

#main {min-height: 300px;}
#vypis-partneru { width: 100%; background: url(/images/partneri-bg.png) no-repeat top center; min-height: 137px; margin: 80px 0 30px 0; }
	#partneri { width: 152px; height: 48px; background: url(/images/partneri.png) no-repeat; margin: 0 auto; position: relative; top: -21px; }
	img.partner { float: left; margin-right: 38px; }
		#reserved { margin-top: 11px; }
		#benefit { margin-top: 4px; }
		#panasonic { margin-top: 12px; }

footer { padding-bottom: 40px; background: url(/images/footer-bg.jpg) repeat-x bottom center; } 
	#stan-se-celeb_small { width: 201px; height: 59px; float: left; background: url(/images/stan-se-celebritou_small.png) no-repeat; }
	#footer-text { float: left; width: 599px; margin: 20px; font-size: 12px; color: #373737;  text-align: right;}
	#hbm-logo { float: left; width: 60px; height: 60px; background: url(/images/hubert-burda-media.jpg) no-repeat; }



/* -- homepage -- */

#o-soutezi { width: 166px; height: 49px; float: left; margin-right: 20px; background: url(/images/o-soutezi.png) no-repeat; }
#ceny { width: 166px; height: 49px; float: left; margin-right: 20px; background: url(/images/ceny.png) no-repeat; }
	#cena1{
		-webkit-transform:rotate(-4deg);
		-moz-transform:rotate(-4deg);
		-o-transform:rotate(-4deg);
		transform:rotate(-4deg);
		box-shadow: 2px 2px 10px 0px #999;
		margin:50px 0}
	#cena2{
		-webkit-transform:rotate(1deg);
		-moz-transform:rotate(1deg);
		-o-transform:rotate(1deg);
		transform:rotate(1deg);
		box-shadow: 2px 2px 10px 0px #999; 
		position:relative;
		top:60px;}
#pravidla { width: 166px; height: 49px; float: left; margin-right: 20px; background: url(/images/pravidla.png) no-repeat; }
#vyherci { width: 166px; height: 49px; float: left; margin-right: 20px; background: url(/images/vyherci.png) no-repeat; }

h2.title { font-size: 30px; color: #c5057c; text-shadow: white 0 1px; font-weight: normal; float: left; margin: 5px 0 0 0; }
	span.blk { color: black; font-style: italic; }
	
#soutezici { margin: 30px 0; }
	.soutezici { width: 170px; height: 337px; float: left; background: url(/images/soutezici-frame.jpg) no-repeat; margin: 0 10px 40px 0; }
		.soutezici:hover { background: url(/images/soutezici-frame_hover.jpg) no-repeat; }
		.soutezici:hover > .jmena { color: white; }
		.soutezici:hover > .hlasy { color: black; }
		img.foto-big { margin: 9px 0 0 15px; }
		.jmena { font-size: 12px; color: black; text-align: center; text-transform: uppercase; float: left; width: 87px; margin: 10px 0 0 15px; }
			.jmeno-soutezici { font-weight: bold; }
			.x { width: 17px; height: 15px; background: url(/images/x.png) no-repeat 0 0; display: block; margin: 5px 0 5px 35px; }
			.soutezici:hover > .jmena .x { background: url(/images/x.png) no-repeat 0 -16px; }
			.foto-celeb { float: left; position: relative; top: -20px; }
						.foto-celeb img {
							border: 4px solid white;
							-webkit-transform:rotate(3deg);
							-moz-transform:rotate(3deg);
							-o-transform:rotate(3deg);
							transform:rotate(3deg);
							box-shadow: 2px 2px 10px 0px #999; 
							width:60px; }

		.hlasy { text-align: center; font-size: 12px; color: #ed6abb; margin-top: 5px; }

/* -- detail soutezici -- */

#detail-soutezici { margin: 30px auto 0 auto; width: 975px; }

#zpet { width: 134px; height: 46px; background: url(/images/zpet.png) no-repeat; float: left; margin-right: 20px; }
	#zpet a { display: block; height: 46px; }

p.intro { font-size: 17px; color: #777; font-style: italic; }

#dalsi, #predchozi { width: 26px; height: 94px; margin-top: 200px; float: left; }
	#dalsi { background: url(/images/arr-right.png); margin-left: 10px; }
		#dalsi:hover { background: url(/images/arr-right.png) no-repeat 0 -94px; }
	#predchozi { width: 27px; background: url(/images/arr-left.png); margin-right: 10px; }
		#predchozi:hover { background: url(/images/arr-left.png) no-repeat 0 -95px; }
		#dalsi a, #predchozi a { height: 94px; display: block; }
.foto-detail { width: 379px; float: left; background: url(/images/photo-frame-big.jpg) no-repeat; padding: 21px; text-align: center; font-size: 24px; color: black; }
	.foto-detail img { margin-bottom: 25px; }
	.foto-detail span.hlasy { color: #c5057b; font-size: 18px; display: block; }
.x-big { width: 49px; height: 46px; float: left; background: url(/images/x-big.png) no-repeat; margin: 230px 5px 0 5px; }
#hlasujte { width: 293px; min-height: 92px; background: url(/images/hlasujte.png) no-repeat; margin: 0 auto; }
	#hlasujte a { display: block; height: 92px; }

/* -- formular aktivni hlasujici -- */

form.formular { width: 500px; margin: 0 auto; font-size: 16px; }
	form.formular input, select#user_state, select#sex { margin-bottom: 20px; }
	input#user_mail, input#user_name, input#user_lastname, input#user_street, input#user_city, input#user_zip, input#user_birthyear, input#user_mobil, input#submit, input#cancel { width: 400px; padding: 5px 10px; } 
	input#agreement { margin: 0; }
	form.formular input#submit, form.formular input#cancel { /*width: 250px; height: 30px; margin: 0 auto; padding: 5px 10px;*/ height: 33px; text-align: center; text-shadow: white 0 1px; background: url(/images/btn-hlasovat.png) top center; border: 0; width: 118px; margin: 10px 0 0 0; }
		form.formular input#submit:hover { background: url(/images/btn-hlasovat.png) bottom center; }
		form.formular input#cancel { width: 188px; background: url(/images/btn-nechci.png) top center; }
		form.formular input#cancel:hover { background: url(/images/btn-nechci.png) bottom center; }
	p.description { display: inline; }
	label { margin-bottom: 5px; }
		label.required { font-weight: bold; }

#captcha { width: 270px; margin: 15px auto; display:none; }
#hlasujte:hover #captcha { display: block; }
	#captcha a { height: auto; display: inline; }
	#captcha input#submit { width: 118px; height: 33px; margin-left: 36px; margin-top: 10px; text-align: center; text-shadow: white 0 1px; background: url(/images/btn-hlasovat.png) top center; border: 0; }
		#captcha input#submit:hover { background: url(/images/btn-hlasovat.png) bottom center; }
	input#captcha-input { padding: 5px 10px; text-align: center; margin-top: 5px; border: 1px solid #777; }

div.chyba { border: 1px solid #e180bb; border-top: 3px solid #e180bb; background: #f5d7ea; width: 589px; margin: 70px 0 30px 156px; padding: 7px 15px; font-weight: bold; color: #000; position: fixed; text-align: center; z-index: 20; }
	.close { float: right; position: relative; bottom: 21px; left: 29px; cursor: pointer; }

div.ok { border: 1px solid #7eac6b; border-top: 3px solid #7eac6b; background: #dff5d7; width: 589px; margin: 70px 0 30px 156px; padding: 7px 15px; font-weight: bold; color: #000; position: fixed; text-align: center; z-index: 20; }
	.close { float: right; position: relative; bottom: 21px; left: 29px; cursor: pointer; }
	
#captcha-element { margin-left: 0px; text-align: center; }
#captcha-input-label { text-align: center; margin-bottom: 8px; font-weight: normal; }
	#captcha-input-label label { font-size: 16px; }
ul.errors { border: 1px solid #e180bb; border-top: 3px solid #e180bb; background: #f5d7ea; color: #000; font-weight: bold; padding: 7px 10px; }
	ul.errors li { list-style: none; }
dt#submit-label { height: 0; }

.last { margin-right: 0px !important; }