* {margin:0; padding:0;}
img {border: 0;}
html, body {font-family: dejavu_sans, Arial; line-height: 1.2; font-size: 12px; color: #000000; background:url('../images/background.jpg') center top no-repeat #d3d4d3; text-align: center;}

input::-moz-focus-inner { border:0; padding:0 }
input, textarea {font-family: dejavu_sans, Arial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
hr {clear:both; font-size:0; line-height:0; width:100%; background: none; border: none;}

a {text-decoration: underline; color: #666666;}
a:hover {color: #555555;}

.page {width: 750px; text-align: left; margin: 0 auto; padding: 6% 0 4% 0;}
.page h1{display: none;}

.login{border: 1px solid #c3cbcc; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);}
.login .content{background:url('../images/login_bg.png') top repeat-x #e50008; border-radius: 4px 4px 0 0; padding: 0 0 15px 0; color: #ffffff;}
.login .content form{padding: 35px 40px 20px 40px; background:url('../images/cocacola_logo.png') 40px 50px no-repeat;}
.login .content form p{display: block; padding: 10px 0; text-align: right;}
.login .content form p.links{padding: 5px 0;}
.login .content form p.links a{color: #ffffff; font-size: 12px; display: inline-block; margin: 0 0 0 8px;}
.login .content form p label{font-size: 20px; line-height: 20px; padding: 5px 5px 0 0; display: inline-block;}
.login .content form p input.text{border: 1px solid #a7a7a7; width: 250px; outline: none; background-color: #ffffff; padding: 4px 2px; font-size: 20px; color: #666666; box-shadow: inset 0 -5px 10px -5px #aaaaaa;}
.login .content form p input.submit{background-color: #ffffff; padding: 2px 25px; border: 1px solid #bbbbbb; color: #222222; text-decoration: none; box-shadow: inset 0px -3px 10px 0px #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.3); text-align: center; font-weight: bold; border-radius: 4px;}
.login .content form p input.submit:hover{cursor: pointer; box-shadow: inset 0px -3px 10px 0px #cccfff, 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.login .content form p input.submit:active{position: relative; top: 1px;}
.login .content .info{padding: 0 35px; text-align: center;}
.login .content .info p{padding: 0 0 15px 0; line-height: 18px;}
.login .content .info p.helpdesk{font-weight: bold;}
.login .footer{background:url('../images/footer_logo.png') 30px center no-repeat #f8f8f8; border-radius: 0 0 4px 4px; padding: 30px 35px 30px 182px;}
.login .footer p{font-size: 10px; color: #444444; line-height: 16px;}

.upage{border: 1px solid #c3cbcc; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);}
.upage .header{background:url('../images/upage_bg.png') top repeat-x #e70e16; border-radius: 4px 4px 0 0; color: #ffffff;}
.upage .header p{background:url('../images/cocacola_logo.png') 40px center no-repeat; padding: 75px 30px 75px 400px; font-size: 20px;}
.upage .content{background:url('../images/upage_content_bg.png') bottom repeat-x #e8e9e8; padding: 15px 65px;}
.upage .content.wide{padding: 15px;}
.upage .content h2{background:url('../images/caption_bg.png') top repeat-x #e30006; padding: 10px; color: #ffffff; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
.upage .content .fl{width: 280px; padding: 0 0 12px 0;}
.upage .content .fl p{display: block;}
.upage .content .fl p img{display: block; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);}
.upage .content .fl.left{float: left;}
.upage .content .fl.right{float: right;}
.upage .content table.inproduction{margin: 15px 0; width: 100%; border-collapse:collapse;}
.upage .content table.inproduction tr td{padding: 6px 0;}
.upage .content table.inproduction tr td.img{width: 55px; text-align: center;}
.upage .content table.inproduction tr td.img img{margin: 0 5px 0 0;}
.upage .content table.inproduction tr td.title{width: 173px;}
.upage .content table.inproduction tr td.title h3{font-size: 12px; font-weight: bold; color: #444444; display: inline; margin: 0 3px 0 0;}
.upage .content table.inproduction tr td.min{width: 190px; color: #444444;}
.upage .content table.inproduction tr td.price{width: 60px; text-align: right; font-weight: bold; color: #e60008;}
.upage .content table.inproduction tr td.order{width: 140px; text-align: right;}
.upage .content table.inproduction tr td.order a{background-color: #ffffff; display: inline-block; text-decoration: none; padding: 3px 20px; border: 1px solid #bbbbbb; color: #222222; text-decoration: none; box-shadow: inset 0px -3px 10px 0px #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.3); text-align: center; font-weight: bold; border-radius: 4px;}
.upage .content table.inproduction tr td.order a:hover{cursor: pointer; box-shadow: inset 0px -3px 10px 0px #cccfff, 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.upage .content table.inproduction tr td.order a:active{position: relative; top: 1px;}
.upage .content p.actual {padding: 0 0 50px 0;}
.upage .content p.actual img{display: block; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);}

.upage .content p.tbanner img{display: block; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);}
.upage .content table.list{margin: 15px 50px 20px 50px; border-collapse: collapse; width: auto; display: block;}
.upage .content table.list td{padding: 12px 0;}
.upage .content table.list td.image {width: 75px;}
.upage .content table.list td.title {width: 181px;}
.upage .content table.list td.min {width: 120px; text-align: center;}
.upage .content table.list td.price {width: 110px; text-align: center;}
.upage .content table.list td.lastdate {width: 130px; text-align: center;}
.upage .content table.list td.title a{font-weight: bold; color: #444444; text-decoration: underline;}
.upage .content table.list td.title a:hover{color: #111111;}
.upage .content table.list thead tr{border-bottom: 1px solid #bbbbbb;}
.upage .content table.list thead tr td{padding: 15px 0 5px 0; color: #555555; text-transform: uppercase;}
.upage .content table.list tbody td.min {font-weight: bold; color: #444444;}
.upage .content table.list tbody td.price {font-weight: bold; color: #e60008;}
.upage .content table.list tbody td.lastdate {font-weight: bold; color: #e60008;}

.upage .content .photos {width: 300px; padding: 10px 0; float: left;}
.upage .content .photos p.large{display: block; background-color: #ffffff; text-align: center; padding: 15px 10px; overflow: hidden;}
.upage .content .photos p.large img{max-height: 280px; max-width: 280px;}
.upage .content .photos p.thumbs{padding: 15px 0 0 0; display: block;}
.upage .content .photos p.thumbs a{display: inline-block; display: table; float: left;}
.upage .content .photos p.thumbs a + a{margin: 0 0 0 15px;}
.upage .content .photos p.thumbs a span{background-color: #ffffff; text-align: center; display: table-cell; width:90px; height:90px; overflow: hidden; vertical-align: middle;}
.upage .content .photos p.thumbs a span img{max-height: 75px; max-width: 75px;}

.upage .content .info {width: 405px; padding: 10px 0; float: right;}
.upage .content .info .top{border-bottom: 1px solid #cccccc; padding: 0 0 7px 0;}
.upage .content .info .top h1{display: inline; font-size: 18px; font-weight: bold; color: #333333;}
.upage .content .info .top span.sm{font-size: 18px; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 2px solid #333333;}
.upage .content .info .top span.price{float: right; font-size: 18px; font-weight: bold; color: #e3001b;}
.upage .content .info .minord{padding: 15px 0; color: #e3001b; font-size: 13px;}
.upage .content .info .about{padding: 15px 0; color: #333333;}
.upage .content .info .about h2{font-size: 14px; color: #333333; font-weight: bold; text-decoration: underline; padding: 0 0 10px 0; margin: 0; background: none;}
.upage .content .info .about p{line-height: 18px;}
.upage .content .info .comments{padding: 15px 0; color: #333333;}
.upage .content .info .comments h2{font-size: 14px; color: #333333; font-weight: bold; text-decoration: underline; padding: 0 0 10px 0; margin: 0; background: none;}
.upage .content .info .comments textarea{width: 400px; height: 100px; border: 1px solid #c5cccd; box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2), inset 0px -5px 5px -5px rgba(0, 0, 0, 0.2);}
.upage .content .info .send{padding: 15px 0;}
.upage .content .info .send p.last{display: block; padding: 0 0 20px 0; text-align: right; font-size: 13px; font-weight: bold; color: #e3001b;}
.upage .content .info .send h2{display: inline; font-size: 14px; color: #333333; font-weight: bold; text-decoration: underline; padding: 0; margin: 0 10px 0 0; background: none;}
.upage .content .info .send input.text {background:url('../images/quant_bg.png') bottom repeat-x #f8f8f8; border: 1px solid #b0b0b0; border-radius: 5px; padding: 5px 0; width: 100px; text-align: center; outline: none;}
.upage .content .info .send input.submit{position: relative; top: -13px; border: 1px solid #a4a4a4; display: inline-block; padding: 11px 60px 11px 60px; text-decoration: none; background:url('../images/button.png') right top repeat-x #f9f8f8; color: #000000; float: right; cursor: pointer;}

.upage .footer{background:url('../images/footer_logo.png') 30px center no-repeat #f8f8f8; border-radius: 0 0 4px 4px; padding: 30px 35px 30px 182px;}
.upage .footer p{font-size: 10px; color: #444444; line-height: 16px;}


/* upravy */
#ballotscreen {
	margin:auto;
	width:620px;
}

#ballotscreen h2{
	font-size: 11px;
	text-align:center;
}


#ballotscreen .shop{
	float:left;
	margin-left:10px;
	width:200px;
}

#ballotscreen .shop:FIRST-CHILD{
	margin-left:0px;
}

#ballotscreen a.make_request {background-color: #ffffff; padding: 2px 25px; border: 1px solid #bbbbbb; color: #222222; text-decoration: none; box-shadow: inset 0px -3px 10px 0px #cccccc, 0px 0px 5px 0px rgba(0, 0, 0, 0.3); text-align: center; font-weight: bold; border-radius: 4px;
margin-left:35px;}

.system-mess li {
	list-style: disc;
}