/* *************************************************** reset */
html, body,
h1, h2, h3, h4, h5, h6,
ul, li, 
p, div, 
form, fieldset, label, button, input, select, textarea,
img { 
	margin: 0; 
	padding: 0; 
	border: none; 
	outline: none;
}
a, 
a:hover,
a:active { 
	color: #7f7f7f;
	text-decoration: underline;
	outline: none; 
}
ul li { 
	list-style: none; 
}
strong {
  	font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  	line-height: 1;
  	text-rendering: optimizelegibility;
  	margin: 0;
}
img {
  	border: 0;
  	-ms-interpolation-mode: bicubic;
  	outline: 0;
}
.clear {
	clear: both;	
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Lt.svg#ChaletParis') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* *************************************************** */
html { 
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background: #FFF;
	color: #4a4a4a;
	font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
	font-size: 1em;
}
/* *************************************************** */
.container { width: 500px; margin: 0 auto; }
.paises { width: 600px; margin: 0 auto; }



/* *************************************************** HEADER */
header { width:100%; height:340px; background:url(../img/nassica-header.jpg) no-repeat top center; }

/* *************************************************** FOOTER */
footer { clear:both;  width:600px; margin:0px auto; margin-top:75px; border-top:1px solid #a4a4a4; padding:10px 0 30px 0; }
footer .logo {  width:90px; height:auto; }
footer ul {  height: 30px; text-align:  center; }
footer ul li { display: inline-block; font-size: 0.857em;  padding: 0 3px; }
footer ul li a { text-decoration: none; font-weight: bold; color:#4a4a4a }
footer p { text-align:  center;  font-size: 0.857em; margin-bottom: 15px; }







/* *************************************************** section */




section {
    
}
section .hero {
    background: #f03D54;
    margin: 25px auto;
}
section .hero p {
    text-align: center;   
}
section p.resultado {
    margin-top: 20px;   
}
section p.resultado a {
    display: block;
    margin-top: 20px;
    font-weight:  bold;
    color: #000;
}
section h1 {
    font-size: 1.5em;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}
section p {
    text-align: center;
    color: #000;
}
section form {
    margin-top: 20px;
}
section form fieldset {
	margin-bottom: 15px;
}
section form fieldset input,
section fieldset select {
	width: 96%;
	padding: 10px 2% 8px;
    font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #7f7f7f;
	background: #FFF;
    border: 1px solid #7f7f7f;
	resize: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
section fieldset select {
    width: 100%;
    appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-image: url('../img/tic.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 15px 15px;
}
section form fieldset input::-webkit-input-placeholder { 
	color: #7f7f7f; 
	opacity: 1 !important; 
}
section form fieldset input::-moz-placeholder { 
	color: #7f7f7f; 
	opacity: 1 !important; 
}
section form fieldset.checkbox {
      margin-bottom: 10px; 
}
section form fieldset.checkbox input {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    padding: 0;
}
section form fieldset #buttonsBrands {
	display: block;
	margin-top: 15px;	
}
section form fieldset #buttonsBrands button {
	display: inline-block;
	height: 35px;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 10px;	
	background: #EFEFEF;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
section form fieldset #buttonsBrands button img {
	float: right;
	width: 25px;
	margin-left: 5px;	
}
section form fieldset #buttonsBrands button span {
	float: left;
	display: inline-block;
	padding-top: 5px;
	color: #7f7f7f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
}
/*
section form fieldset.checkbox label {
    float: left;
    width: 90%;
    padding-top: 3px;
    font-size: 0.929em;
    text-align: justify;
}
*/

section form p {
    margin-top: 20px;
    font-size: 0.929em;
    font-style: italic;
    color: #000;
    text-align:  left;
}
section form fieldset.send {
    margin-top: 20px;
}
section form fieldset.send a { display: block; color: #FFF; text-align: center; text-transform: uppercase; font-weight: bold;  line-height:40px; text-decoration: none;  background: #f6aa06; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
section form fieldset.legal {
	
}
section form fieldset.legal table { 
	border-top: 1px solid #DDD; 
	border-bottom: 1px solid #DDD; 
	margin: 20px 0; 
	padding: 5px 0; 
	width: 100%; 
}
section form fieldset.legal table tr th,
section form fieldset.legal table tr td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: italic; 
	vertical-align: top; 
	padding: 5px 20px; 
	background: #EFEFEF; 
	color: #666; 
}
section form fieldset.legal table tr th { 
	text-align: left; 
	text-transform: uppercase; 
	padding-top: 20px; 
	padding-bottom: 10px; 
}
section form fieldset.legal table tr td:first-child { 
	width: 20%; 
	font-weight: bold; 
}
section form fieldset.legal table tr td a { 
	display: inline-block; 
	font-weight: bold; 
	color: #333; 
	display: inline-block; 
	text-decoration: underline; 
	margin: 0; 
	padding: 0; 
	width: auto; 
	background: none; 
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
}
/* */
section #loader {
    display: none;
}
section #loader p {
    text-align:  center;
    margin: 20px auto;
}
/* */
section #capamsg {
    text-align:  center;
    margin: 20px auto;
    color:#bf000a;
    font-size: 1.2em;
    font-style: italic; 
}

/* *************************************************** VARIOS */
p.tit { font-size:1.85em; padding:30px 0; }
p.subtit { font-size:1.30em; padding:30px 0; }
p.bases { text-align:center; font-style:normal; padding-top:20px; }
a.bases { color:#4790df;  font-weight:bold; }
a.btn { display: block; color: #FFF; letter-spacing:1.5px; text-align: center; text-transform: uppercase; font-weight: bold;  line-height:40px; text-decoration: none;  background: #f6aa06; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

input[type='text'].email { text-align:center; color: #4a4a4a; }
label.team { display:block; width:100%; text-align:center;  text-transform:uppercase; font-size:0.725em !important; letter-spacing:0.7px; font-weight:bold; color: #4a4a4a !important; }

fieldset.paises { width:150px; float:left; text-align:center; padding:10px 0; }
fieldset.paises img { width:100px; height:auto; margin-bottom:10px;  }
fieldset.paises input[type="checkbox"] { display:none; }
fieldset.paises input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/checkbox.png) -28px top no-repeat;
    cursor:pointer;
}
fieldset.paises input[type="checkbox"]:checked + label span {
    background:url(../img/checkbox.png) left top no-repeat;
}
input[type="password"] { text-align:center; }

/* ******************************************** */
@media screen and (max-width: 767px) {
	/* *************************************************** HEADER */
	header { height:200px; background: url(../img/nassica-header-mv.jpg) no-repeat center 0; background-size: 100% auto; }
	
	/* *************************************************** FOOTER */
	footer { width:100%; }
	
	/* *************************************************** */
    .paises,
	.container {
        width: 90%;
    }
    section .hero p img {
        max-width: 100%;
        height: auto;
    }
    section form fieldset.checkbox label {
        width: 90%; 
        text-align: left;
    }
	section form fieldset.legal table tr th,
	section form fieldset.legal table tr td { 
		display: block !important; 
		width: 90% !important; 
		padding: 5px 5% !important; 
	}
}