@font-face {
	font-family: helvetica_bold;
	src: url('../HelveticaNeueLTStd-Bd.otf');
}

@font-face {
	font-family: helvetica;
	src: url('../HelveticaNeueLTStd-Md.otf');
}

.helvetica {
	font-family:helvetica, Tahoma
}

.helvetica_bold {
	font-family:helvetica_bold, Tahoma
}

a {
	text-decoration:none;
	color:#ff5205
}

h2 {font-size:36px}

h3 {font-size:24px;}

h4 {font-size:18px}

h5 {font-size:14px}

.line {
	border-top:1px dotted #e0e0e0
}

.shadow {
	text-shadow: white 0px 1px
}

.zentiva_red {
	color:#b01500
}

.red_box {
	width:195px;
	height:248px;
	padding:20px;
	background:url(../images/red_box.png) no-repeat;
	margin-top:20px;
	position:relative;
}

.zentiva_blue {
	color:#33a3de
}

.zentiva_yellow {
	color:#ffcc5e
}

body {
	font-family: Tahoma, Sans-serif; 
	font-size:12px; 
	width:520px; 
	color:#b01500;
	overflow-x:hidden;
}

#body {
	width:520px; 
	overflow:hidden; 
	background:url(../images/body.png) repeat-y;
}

#body.podpora {
	background:none
}

#page {
	width:520px; 
	position:relative;
	background: url(../images/page.jpg) no-repeat;
	/*min-height:600px;*/
}

#bottom {
	width:520px;
	height:11px;
	background: url(../images/bottom.png);
	margin-top:-11px
}

#logo {
	display:block;
	position:absolute;
	top:7px; 
	left:74px;
	background:url(../images/logo.png) no-repeat;
	width:373px;
	height:78px;
	text-indent:-6000px;
	overflow:hidden
}

#logo_podpora {
	display:block;
	position:absolute;
	top:20px; 
	left:20px;
	background:url(../images/logo_daruj_usmev.png) no-repeat;
	width:387px;
	height:50px;
	text-indent:-6000px;
	overflow:hidden
}

#bears {
	position:absolute;
	top:0px;
	right:0px;
}

#header {
	position:relative; 
	width:100%;
	height:140px;
}

#header.podpora {
	height:100px;
}

#header ul {
	list-style:none;
	position:absolute;
	left:15px;
	top:90px
}

#header ul li {
	float:left;
	margin-right:3px;
}

#header ul li a {
	display:block;
	width:76px;
	height:43px;
	background-image:url(../images/menu.png);
	background-position:0px -48px;
	color:#b01500;
	font-size:14px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	text-shadow: white 0px 1px;
	font-family:helvetica
}

#header ul li a.one_word {
	padding-top:13px;
	height:35px;
}

#header ul li a.disabled {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	cursor:auto;
}

#header ul li a:hover {
	color:white;
	background-position:0px 0px;
	text-shadow:none
}

#header ul li a.disabled:hover {
	color:#b01500;
	background-position:0px -48px;
}

#header ul li a.on {
	color:white;
	background-position:0px 0px;
	text-shadow:none
}

#footer {
	text-align:center;
	color:#595959;
	width:520px;
	font-size:11px;
	padding-bottom:20px;
	margin-top:10px
}

#content {
	position:relative;
	width:100%;
	min-height:200px;
}

#content.boxes {
	background:url(../images/celaskon_boxes.png) no-repeat bottom;
	padding-bottom:225px;
}

#like {
	width:490px;
	height:56px;
	background:url(../images/like.png);
	margin-left:15px;
	padding-top:40px;
	color:white;
	text-align:center;
}

#like .stan_sa {
	font-size:20px;
	font-weight:bold
}

#like .klikni {
	color:#b8e9fd;
	font-size:16px;
	text-shadow:#0054a6 0px 1px
}

.home {
	position:relative;
	width:450px;
	height:226px;
	margin-left:15px;
	background:url(../images/home.png) no-repeat;
	margin-bottom:50px;
	padding:20px;
	color:white
}

.subpage {
	position:relative;
	width:450px;
	/*height:469px;*/
	margin-left:15px;
	background:url(../images/subpage.png) no-repeat;
	padding:20px;
	color:white
}

.white_box {
	width:434px;
	height:115px;
	background:url(../images/white_bg.png);
	text-align:center;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:bold
}

.white_box_html {
	width:414px;
	text-align:center;
	padding:20px;
	font-size:14px;
	font-weight:bold;
	background:#fff5e9;
	border-radius:8px;
	-moz-border-radius:8px
}

.white_box_repeat {
	width:250px;
	text-align:center;
	padding:20px;
	font-size:14px;
	font-weight:bold;
	background:#fff5e9;
	border-radius:8px;
	-moz-border-radius:8px;
	color:#b01500;
	margin:auto;
	margin-top:20px;
}

.checkbox {
	display:block;
	width:22px;
	height:22px;
	background-image:url(../images/checkbox.png);
	background-position:0px 0px;
	cursor:pointer;
	float:left
}

.checked {
	background-position:0px -22px;
}

.radio {
	display:block;
	width:19px;
	height:19px;
	background-image:url(../images/radio.png);
	background-position:0px 0px;
	cursor:pointer;
	float:left
}

.radio.checked {
	background-position:0px -19px;
}

.suhlasim {
	color:#ffcc5e;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-left:10px;
	padding-top:3px
}

.button {
	width:291px;
	height:50px;
	display:block;
	background:url(../images/button.png);
	text-align:center;
	padding-top:25px;
	font-size:22px;
	font-weight:bold;
	color:#b01500;
	text-shadow: white 0px 1px;
	margin:auto;
	margin-top:10px
}

.button.two_words {
	padding-top:20px;
	height:55px;
	font-size:18px;
}

.button:hover {
	background-position:0px -74px;
	height:46px;
	margin-bottom:4px;
}

.button.two_words:hover {
	height:51px;
}

.big_button {
	display:block;
	width:290px;
	height:52px;
	background:url(../images/start.png);
	text-align:center;
	padding-top:45px;
	font-size:22px;
	font-weight:bold;
	color:#b01500;
	text-shadow: white 0px 1px;
	margin:auto;
	margin-top:10px
}

.big_button:hover {
	background-position:0px -97px;
	height:47px;
	margin-bottom:5px;
}

.margin_auto {
	margin:auto
}

.clock {
	display:block;
	width:123px;
	height:103px;
	background:url(../images/clock.png);
	text-align:center;
	color:white;
	padding-top:20px;
	font-size:66px;
	font-weight:600;
	text-shadow: black 1px 1px;
	font-family:helvetica_bold;
}

.repeat {
	width:149px;
	height:42px;
	text-align:center;
	color:white;
	font-size:20px;
	padding-top:15px;
	background:url(../images/repeat.png);
	margin:10px auto;
}

.vysledok {
	width:289px;
	height:108px;
	background:url(../images/vysledok.png);
	margin:auto;
	color:white;
	text-align:center;
	padding-top:10px;
	font-size:24px;
	position:relative
}

.vysledok span {
	color:#b01500;
	font-size:14px;
	margin-top:25px;
	display:block;
	font-weight:bold;
}

.shadow-line {
	width:472;
	margin:auto;
	height:8px;
	background-position: center center;
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}

.score_box {
	width:136px;
	height:126px;
	padding:10px;
	padding-left:7px;
	background:url(../images/score_box.png);
	margin-right:8px;
	color:#b01500;
	font-size:12px;
	font-weight:bold;
	float:left
}
.score_box  img {
	max-width:57px;
	margin-top:10px;
	float:left
}

.score_box  .score {
	float:left;
	margin-top:10px;
	margin-left:10px;
	font-size:14px;
}

.red_button {
	width:139px;
	height:27px;
	display:block;
	text-align:center;
	background:url(../images/red_button.png) no-repeat;
	color:white;
	padding-top:10px;
	margin-top:10px;
}

.red_button:hover {
	background-position:0px -38px;
}

.popup {
	position:absolute;
	top:-1000px;
	left:20px;
	width:476px;
	display:none
}

.popup .popup_top {
	width:476px;
	height:26px;
	background:url(../images/popup_top.png)
}

.popup .popup_mid {
	width:454px;
	min-height:100px;
	background:url(../images/popup_mid.png);
	padding:11px
}

.popup .popup_bottom {
	width:476px;
	height:28px;
	background:url(../images/popup_bottom.png)
}

.popup .popup_header {
	width:430px;
	height:27px;
	background:url(../images/popup_header.png);
	margin-top:-25px;
	padding:10px;
	color:#b01500;
	font-size:18px;
	font-weight:bold;
	padding-top:15px
}

.back_button {
	display:block;
	width:59px;
	height:30px;
	font-size:15px;
	padding-left:40px;
	padding-top:10px;
	color:white;
	background:url(../images/back_button.png)
}

.back_button:hover {
	color:#eee
}

.popup .back_button{
	position:absolute;
	top:20px;
	right:20px;
}

.popup table {
	width:400px;
	margin:auto;
	color:#b01500;
	margin-top:10px;
}

.popup table th {
	color:#33a3de !important;
}

.popup table td, .popup table th {
	text-align:center;
	padding:5px;
	font-weight:bold;
	border-bottom:1px dotted #e9c7ab;
	margin:0px;
	vertical-align:middle
}

.popup table td img {
	max-width:25px;
	max-height:25px;
}

.popup table .full td {
	background:#feeddd
}

.skore_spolu {
	width:163px;
	height:49px;
	background:url(../images/moje_skore.png);
	text-align:center;
	font-weight:bold;
	padding-top:10px
}

.popup .skore_spolu {
	position:absolute;
	top:80px;
	left:290px;
}

ul.prices {
	color:white;
	font-size:16px;
	font-weight:bold;
	margin-left:0px;
	list-style:none;
	width:95%
}

ul.prices li {
	position:relative;
	background:url(../images/horizontal_line.png) no-repeat bottom;
	padding-bottom:10px;
	padding-top:10px;
	text-align:left;
	padding-left:30px
}

.price {
	background:url(../images/price_holder.png);
	width:102px;
	height:34px;
	text-align:center;
	padding-top:5px
}

ul.prices li  .price {
	position:absolute; 
	right:0px;
	top:0px;
	color:#33a3de;
	font-size:24px;
	font-weight:bold
}

table.winners {
	width:400px;
	margin:auto;
	color:white
}

table.winners th {
	font-size:14px;
	text-shadow:white 0px 1px
}

table.winners th:first-child,table.winners  td:first-child{
	text-align:right;
	padding-right:20px;
	padding-left:0px;
}

table.winners th,table.winners  td {
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px dotted #e9c7ab;
}

table.winners th {
		color:#b01500
}

.bonus_back {
	width:96px;
	height:54px;
	color:white;
	font-size:22px;
	font-weight:bold;
	padding-top:20px;
	background:url(../images/bonus_back.png);
	display:block;
	float:left;
	margin-left:10px;
	margin-top:32px;
	padding-left:35px;
}

.bonus_back:hover {
	color:#eee
}

.level_otazka {
	color:white;
	font-size:20px;
	text-align:center;
	width:122px;
	height:80px;
	background:url(../images/level_otazka.png);
	padding-top:14px;
	font-family:helvetica_bold
}

.level_otazka div {
	font-size:16px;
	color:#b51a01;
	font-weight:bold;
	margin-top:25px;
}

.product_holder {
	width:100%;
	height:170px;
	background:url(../images/product_holder.png) no-repeat;
	position:relative;
	display:none
}

.product_holder img.product {
	position:absolute; 
	bottom:0px;
	left:30px;
}

.product_holder img.text {
	position:absolute; 
	bottom:60px;
	left:310px;
}

.indicia {
	width:100%;
	height:71px;
	background:url(../images/indicia.png);
	margin-top:-4px;
	color:white;
	padding-top:20px;
	padding-left:20px;
	font-weight:bold
}

.indicia h3, .indicia h4 {
	font-weight:normal
}

.indicia h4 {
	width:360px;
	font-size:14px;
	font-weight:bold;
}

.answer {
	float:left;
	margin-left:10px;
	position:relative;
	max-width:260px;
	cursor:pointer;
}
.answer img {
	position:absolute;
	right:-40px;
	top:-5px;
}

#pomoz {
	 width: 100%; 
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	
}

#pomoz:hover {
	opacity:0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
}

#thermometer {
	width:190px;
	height:303px;
	position:absolute;
	right:20px;
	bottom:0px;
	background:url(../images/teplomer.png)
}

#thermometer .full {
	width:59px;
	height:224px;
	background:url(../images/teplomer_full.png) no-repeat bottom;
	position:absolute;
	bottom:20px;
	right:27px;
}

.invite {
	width:211px;
	height:62px;
	background:url(../images/invite_hover.png);
	display:block;
	margin-left:-10px;
}

.invite:hover {
	background-position:0px -62px;
}