html, body, ul, li { margin: 0px; padding: 0px; list-style: none;}
img { border: 0px;}a { text-decoration: none;}
a:hover { text-decoration: underline;}
.textleft { text-align: left;}
.textleft a { color: white;}
.clear { clear: both;}
body { background: white; text-align: center; font: 11px verdana, arial, sans-serif;}
#wrapper { position: relative; padding-top: 43px; text-align: left; margin: auto; width: 725px;}
#nav { position: absolute; top: 15px; padding: 3px 0px 3px 0px; text-align:right; width:100%; background-color:#F7F3F3;}
#nav  a { width:90px; height:19px; display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding-left:5px; padding-right:5px; text-decoration:none; color:#686454; font-weight:bolder; text-align:center;}
#nav  a:hover { color:#14538E;}
#tools { float: left; width: 225px; text-align:center; color: #bbc0c6; background-color:#14538E;}
#tools p { margin: 0px 19px;}
#tools .textleft { margin-top: 7px; padding:2px 2px 2px 2px; margin:20px 10px 40px 10px; float: right; text-align: justify;}
#tools .percent { font-size: 12px; font-weight:bolder; margin-top: 40px; margin-bottom: 5px; color: #e9e4d0;}
#content { float: right; width: 463px; padding-left: 15px; padding-right: 10px; padding-top: 23px; color: #686454; background-color:#dee3ef;}
#content .logo { text-align: center; margin-top: 40px; margin-bottom: 40px;}
.ad { padding-left: 300px; padding-top: 23px; margin-bottom: 20px; color: #686454;}
.adstop { text-align: left; margin-bottom: 20px; margin-top: 20px; font-size: 15px; font-family: "Verdana"; font-weight: normal; color: #336699; }
.adstophppp { text-align: left; margin-bottom: 20px; margin-top: 20px; font-size: 15px; font-family: "Verdana"; font-weight: normal; color: #336699; }
.logo2 { text-align: center; margin-bottom: 20px; margin-top: 20px; font-size: 15px; font-family: "BankGothic Md BT"; font-weight: bold; color: #336699;}
.flags { text-align: center; margin-bottom: 60px;}
.fineline { border-bottom: 2px solid #F7F3F3; margin-top: 10px;}
#footer { font: 11px arial, sans-serif; color:#333333; text-align: right; background-color:#F7F3F3;}
#footer p { margin-top: 0.3em; padding-bottom:5px;}
.quickiqtest { font-family: Verdana; font-size: 12px; font-weight: bold; margin-bottom: 30px; margin-top: 0px;}
#instructions { margin-top: 40px; font-family: Verdana; font-size: 12px; font-weight: bold; color: #000000; font-weight: bold;}
.text { font-family: Verdana; font-size: 11px; font-weight: normal; color: #000033; margin-bottom: 30px;}
div.text ul { margin: 1.5em; margin-top: 0.2em; margin-bottom: 0;}
div.text ul li { line-height: 17px; background-image: url(/graphic/odrazka.gif); background-repeat: no-repeat; padding-left: 1.6em;  display: block;}
.start { font-family: Verdana; color: #D80000; font-weight: bold; font-size: 18px; text-decoration: none; text-align: center; margin-bottom: 80px;}
.start A:link { text-decoration: none; color: #D80000;}
.start A:visited { text-decoration: none; color: #D80000;}
.start A:active { text-decoration: none; color: #D80000;}
.start A:hover { color: red;}
.validation { margin-top: 10px; text-align: right;}
.green { color:#405B33;}
.blue { color:#3584A5;}
.countdown { text-align:center; color:#212421; font-weight:bold; font-size:20px; }
#share1 { float:right;}#addshare { padding-left:70px; margin-bottom:10px; color:#000000;}
input.calculator { width: 25px; height: 25px; text-align: center; padding: 0px;}
.firstdiscount {
position:center;font-weight:bold;font-size:17px;
}


@media screen and (max-width: 650px) {
	header { padding: 10px; }
	footer { padding: 10px; }
	.adstop { padding: 10px; display: none; }
	.adstophppp{ padding: 10px; }
	h2 { padding: 10px; }
	.text { padding: 10px; }
	#wrapper {display:table; width: 100%; }
    #tools {display:table-footer-group; float: none; width: 100%; height: 100%; }
    #content {display:table-header-group; float: none; width: 100%; height: 100%; }
}