@charset "utf-8";
/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

@font-face {
    font-family: 'frizquadratacregular';
    src: url('fonts/frizquadratac-webfont.eot');
    src: url('fonts/frizquadratac-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frizquadratac-webfont.woff') format('woff'),
         url('fonts/frizquadratac-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'frizquadratac-boldbold';
    src: url('fonts/frizquadratac-bold-webfont.eot');
    src: url('fonts/frizquadratac-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frizquadratac-bold-webfont.woff') format('woff'),
         url('fonts/frizquadratac-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_PTS55F';
	src: url('fonts/PTS55F.eot');
	src: local('☺'), url('fonts/PTS55F.woff') format('woff'),
					 url('fonts/PTS55F.ttf') format('truetype'),
					 url('fonts/PTS55F.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
color:#07417A;
text-decoration:underline;
}

img{
border:none;
}

body {
padding:0;
margin:0;
font-family:'Conv_PTS55F', sans-serif;
font-weight:normal;
font-size:18px;
color:#ffffff;
background:url(img/bgr.png) repeat-y top left;
}

header#home{
position:fixed;
width:100%;
height:35px;
top:0;
background:#afc700;
padding:0;
margin:0;
text-align:center;
z-index:220
}

.body{
padding:0;
margin:0 auto;
width:1000px;
}

nav {
padding:0;
margin:0;
width:100%;
height:35px;
}

nav a {
font-family: 'frizquadratacregular', sans-serif;
font-weight:normal;
color:#006528;
text-decoration:none;
font-size:18px;
text-transform:uppercase;
padding:7px 0 0 0;
margin:0 40px;
height:35px;
float:left;
}

nav a.active, nav a:hover {
text-decoration:none;
padding:7px 0 0 0;
margin:0 40px;
float:left;
height:26px;
border-bottom:2px solid #0d6b25;
}

#content_home{
padding:35px 0 40px 0;
margin:0;
width:100%;
clear:both;
background:url(img/content_bgr.png) no-repeat top center;
min-height:980px;
}

#content_inner{
padding:35px 0 40px 0;
margin:0;
width:100%;
clear:both;
background:url(img/content_bgr.png) no-repeat top center;
min-height:800px;
}

#content{
padding:35px 0 40px 0;
margin:0 0 150px 0;
width:100%;
clear:both;
background:url(img/content_bgr.png) no-repeat top center;
min-height:980px;
}

.content_body{
padding:0;
margin:0 auto;
width:1000px;
}

.content_body h1{
padding:55px 0 0 170px;
margin:0;
font-family: 'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:60px;
color:#FFFFFF;
text-shadow: 3px 3px 3px #016ed5;
     filter: dropshadow(color=#016ed5, offx=3, offy=3);
}

.content_body_1{
padding:0;
margin:0 auto;
width:1000px;
}

.content_body_1 h1{
padding:180px 0 0 20px;
margin:0;
font-family: 'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:60px;
color:#FFFFFF;
text-shadow: 3px 3px 3px #016ed5;
     filter: dropshadow(color=#016ed5, offx=3, offy=3);
}

.kareta_home{
padding:60px 0 0 0;
margin:0;
float:left;
width:1000px;
}

.button-stand-ecohero{
margin-right: -82px;
/*margin-top: -37px;*/
width: 208px;
float: right;
position: relative;
z-index: 23;
}

.button-stand-ecohero a img{
padding:10px 0 10px 0;
/*margin:10px 0 10px 0;*/
float:right;
}

.code{
padding:0;
margin:0;
float:left;
width:580px;
}

h2{
/*padding:0 0 0 25px;*/
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:30px;
color:#c7eaf7;
}

.form_home{
padding:0;
margin:0;
float:left;
width:580px;
}

.form_line{
padding:0 0 10px 0;
margin:0;
float:left;
width:420px;
}

input.i1{
padding:0 0 0 18px;
margin:40px 0 0 0;
float:left;
width:400px;
height:98px;
border:none;
background:url(img/code_bgr.png) no-repeat top left;
color:#000000;
font-family:'frizquadratac-boldbold', sans-serif;
font-size:40px;
text-transform:uppercase;
}

input.button_play{
padding:0;
margin:0;
float:right;
width:180px;
height:65px;
border:none;
background:#0466c7;
color:#ffffff;
font-family:'frizquadratacregular', sans-serif;
font-size:40px;
text-transform:uppercase;
-webkit-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}

.home_rules{
padding:25px 0 0 0;
margin:0;
float:left;
width:580px;
}

h3{
padding:10px 0 20px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:18px;
line-height:25px;
color:#ffffff;
}

h3 a{
padding:10px 0 0px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
font-size:18px;
line-height:25px;
color:#ffffff;
}


h5{
padding:20px 0 0px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:18px;
line-height:5px;
color:#07417A;
}

.images{
padding:0;
margin:0 10px 0 0;
width:35px;
vertical-align:middle;
float:left;
}

.home_rules p{
padding:0px 0 25px 0;
margin:0;
float:left;
width:580px;
color:#FFFFFF;
}

.prices_home{
padding:0;
margin:0;
float:left;
width:420px;
}

.prices_home img{
padding:0;
margin:50px 0 0 0;
}

footer{
position:fixed;
width:100%;
height:204px;
bottom:0;
background:url(img/bottom_bgr.png) no-repeat bottom center;
padding:0;
margin:0;
clear:both;
}

.logos{
padding:0;
margin:0 auto;
width:1000px;
}

.logos a img{
padding:0;
margin:110px 25px 0 0;
float:left;
}

.bottom{
padding:0;
margin:0 auto;
width:1000px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.bottom_line{
padding:0;
margin:5px 0 0 0;
float:left;
width:1000px;
border-top:1px solid #FFFFFF;
}

.copy{
padding:0;
margin:0;
float:left;
width:700px;
}

.abc{
padding:0;
margin:0;
float:left;
text-align:right;
width:300px;
}

.abc a{
color:#FFFFFF;
text-decoration:none;
}

.main{
padding:1px 0 0 0;
margin:40px 0 30px 0;
width:1000px;
}

.path{
padding:0 0 2px 0;
margin:0 0 20px 0;
float:left;
width:1000px;
border-bottom:1px solid #0273B5;
font-size:13px;
color:#0273B5;
}

.path a,
.path a:hover{
color:#0273B5;
text-decoration:none;
}

.question{
padding:0;
margin:30px 0 0 0;
float:left;
width:1000px;
}

h4{
padding:0;
margin:0;
font-family:'Conv_PTS55F', sans-serif;
font-weight:normal;
font-size:18px;
color:#07417a;
}

table.questions_table{
padding:0;
margin:10px 0 0 0;
float:left;
width:610px;
border-collapse:collapse;
color:#FFFFFF;
}

table.questions_table tr td{
padding:0;
margin:0;
float:left;
width:300px;
}

input.button_ready{
padding:0;
margin:50px 0 0 0;
float:left;
width:250px;
height:50px;
border:none;
background:#831B73;
color:#FFFFFF;
font-family:'frizquadratacregular', sans-serif;
font-size:30px;
text-transform:uppercase;
-webkit-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}

.start{
padding:0;
margin:0;
float:left;
width:400px;
color:#07417A;
}

.final{
padding:0;
margin:0;
float:left;
width:600px;
color:#07417A;
}

.official_rules{
padding:0;
margin:60px 0 0 0;
float:left;
width:1000px;
}

table.form_table{
padding:0;
margin:20px 0 0 0;
float:left;
width:1000px;
border-collapse:collapse;
color:#FFFFFF;
}

table.form_table tr td{
padding:0;
margin:0 5px 25px 0;
float:left;
width:300px;
}

input.i2{
padding:0 0 0 10px;
margin:0;
float:left;
width:590px;
height:35px;
border:none;
background:#C7EAF7;
-webkit-border-radius: 10px;
border-radius: 10px;
color:#000000;
font-family:'frizquadratacregular', sans-serif;
font-size:17px;
}

input.i3{
padding:0 0 0 10px;
margin:0;
float:left;
width:285px;
height:35px;
border:none;
background:#C7EAF7;
-webkit-border-radius: 10px;
border-radius: 10px;
color:#000000;
font-family:'frizquadratacregular', sans-serif;
font-size:17px;
}

/*-------------start select box-------------*/
.archieve {
padding:0;
margin:0;
width:160px;
float:left;
background:none;
}
.archieve select {
padding:6px 5px 6px 3px;
margin: 0;
background:#C7EAF7;
-webkit-border-radius: 10px;
border-radius: 10px;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
width:295px;
color:#000000;
font-family:'frizquadratacregular', sans-serif;
font-size:17px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.archieve select {padding-right:18px;}
}

.archieve label {position:relative;}
.archieve label:after {
    right:0px; top:0;
    padding:0;
    position:absolute;
}
.archieve label:before {
    content:'';
    right:3px; top:0px;
	background:url(img/arrow_dropdown.jpg) no-repeat;
	width:28px;
	height:26px;
    position:absolute;
    pointer-events:none;
    display:block;
	border:none;
}
/*-------------end select box-------------*/

span.small_text{
font-size:14px;
font-weight:bold;
}

input.button_send{
padding:0;
margin:0;
float:left;
width:250px;
height:50px;
border:none;
background:#0466C7;
color:#FFFFFF;
font-family:'frizquadratacregular', sans-serif;
font-size:30px;
text-transform:uppercase;
-webkit-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}

input.button_sort{
padding:3px 0 0 0;
margin:0;
float:left;
width:250px;
height:35px;
border:none;
background:#831B73;
color:#FFFFFF;
font-family:'frizquadratacregular', sans-serif;
font-size:23px;
text-transform:uppercase;
-webkit-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}

table.score_results{
padding:0;
margin:50px 0 0 0;
float:left;
width:800px;
border-collapse:collapse;
color:#FFFFFF;
}

table.score_results tr.one{
color:#07417A;
text-transform:uppercase;
border-bottom:1px solid #0374B6;
}

table.score_results tr.two{
color:#ffffff;
background:#0374B6;
border-bottom:1px solid #59B3E0;
}

table.score_results tr.three{
color:#ffffff;
background:none;
border-bottom:1px solid #59B3E0;
}

table.score_results tr td{
padding:5px;
}

.prices1{
padding:0;
margin:40px 0 0 0;
float:left;
width:850px;
}

.prices1 img{
float:right;
vertical-align:middle;
}

.prices1 p{
padding:42px 8px 0 10px;
margin:0;
float:left;
line-height:20px;
width:400px;
height:235px;
color:#07417A;
font-size:14px;
background:url(img/prices_1_bgr.png) no-repeat top left;
}

.prices1 h2{
padding:25px 0 15px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:30px;
color:#07417A;
}

span.price_title{
font-size:16px;
color:#831B73;
text-transform:uppercase;
text-decoration:underline;
}

.prices2{
padding:0;
margin:40px 0 0 0;
float:left;
width:850px;
}

.prices2 img{
padding:0;
margin:0 25px 0 0;
float:left;
vertical-align:middle;
}

.prices2 p{
padding:30px 0 0 10px;
margin:0;
float:left;
width:408px;
height:68px;
color:#07417A;
font-size:14px;
background:url(img/code_bgr.png) no-repeat top left;
}

.prices2 h2{
padding:25px 0 15px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:30px;
color:#07417A;
}

.prices3{
padding:0;
margin:40px 0 0 0;
float:left;
width:780px;
}

.prices3 img{
float:right;
vertical-align:middle;
}

.prices3 p{
padding:20px 0 0 10px;
margin:0;
float:left;
width:408px;
height:78px;
color:#07417A;
font-size:14px;
background:url(img/code_bgr.png) no-repeat top left;
}

.prices3 h2{
padding:25px 0 15px 0;
margin:0;
font-family:'frizquadratac-boldbold', sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:30px;
color:#07417A;
}

.error {
	color:#ffffff;
	background:#0466C7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-style:italic;
}



.error h4 {
	color:#fff;
	
}


.success {
	/*color:;*/
	color:#ffffff;
	background:#96ce4c;
	padding:10px 2%;
	font-style:italic;
	margin-bottom:10px;
	float:left;

}

input.error
{	
	border:2px solid #0466C7 !important;
}
	
 select.error {
border:2px solid #0466C7;
}

.results { width:100%; float:left; margin-bottom:30px;}