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

*,html { padding:0; margin:0}
body { font-family:'HelveticaLt', sans-serif; font-weight:normal; font-size:.9em; background:url(../img/bk-web.jpg) top center; color:#808080; padding:0; margin:0; line-height:135%;}


hr { height:1px; padding:0; width:100%; float:left; clear:both; margin:1em 0; border:0; background:#fff}
a { color:#006fae}
p { font-weight:normal; margin:0; padding:1em 0;}
.negrita,
strong { font-family:'HelveticaBold'; font-weight:normal; }
hr { background:#ccc}
.centrado { text-align:center}

h1,h2,h3,h4,h5 {font-family:'HelveticaBold'; font-style:normal; }

.main {width:100%; float:left; clear:both}

.content { width:100%; float:left; clear:both}
.content-centrado { margin:0 auto; width:68em;}
.content-footer { background:#fff; padding:3em 3.2em 2em 3.2em; color:#646363;}
.content-footer p { font-size:.8em; padding:2em 0; line-height:1.1em;}
.content-formulario { width:66em; max-width:100%}
.content-formulario .content { background:#fff;}
/*.content-home-bottom { margin-top:-4.5em}*/

/* footer */

.content-footer a { color:#000; font-size:.8em}
.content-footer a:hover { color:#00B5EA}

/* home */

.content-home-top { background:#fff url(../img/bk-home.png) bottom center no-repeat; height:24em; padding:7.5em 0 0 0;}
.content-home-top a { float:right;} 
.content-home-top strong { font-family:'HelveticaBold'; display:block; padding:2.5em 0 0 2.8em; text-transform:uppercase; color:#006fae; font-size:3em;}

.content-home-adm { background:#fff; padding:0;}
.content-home-adm .content-centrado { width:35em;}
.content-home-adm .content-centrado div { float:left; width:100%; background:url(../img/bk-home-adm.png) .3em bottom no-repeat;}
.content-home-adm .content-centrado img { float:right; padding:3em .3em 3em 0}

.content-home-adm-bottom .content-centrado { padding:3em 1em; width:35em;}
.content-home-adm-bottom .content-centrado h1 { padding-bottom:1.2em; font-size:1.5em; text-transform:uppercase; color:#fff}
.content-home-adm-bottom .content-centrado p { color:#fff; padding:.4em 0; background:url(../img/ico-btn-descarga.png) 0 center no-repeat;}
.content-home-adm-bottom .content-centrado p a { color:#fff; padding:0 0 0 2.2em;}
.content-home-adm-bottom .content-centrado p a span { text-decoration:underline;}
.content-home-adm-bottom .content-centrado p a span em { font-size:.8em}

.content-home-adm-bottom .content-centrado form { float:left; width:100%; clear:both; padding:1em 0; margin:0}
.content-home-adm-bottom .content-centrado form p { padding:.5em 0 2em 0; background:none}
.content-home-adm-bottom .content-centrado form span { display:block; font-size:.9em; color:#fff;}
.content-home-adm-bottom .content-centrado form label input { padding:.3em .5em; border:0; width:12em;}
.content-home-adm-bottom .content-centrado form input[type=submit] { cursor:pointer; -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em; padding:.3em 1.2em; border:0; background:#6abc18; color:#fff; text-transform:uppercase; font-weight:bold }
.content-home-adm-bottom .content-centrado form input[type=submit]:hover {background:#00B5EA}

.content-home-bottom { color:#fff; padding-bottom:2em;}
.content-home-bottom .content-centrado { width:51em;}

.home-recuadro {  margin:0 auto; width:37em; max-width:100%;}
.home-recuadro div { float:left; width:100%; background:url(../img/bk-home-intro.png) left bottom no-repeat; padding-bottom:1.8em; margin:1em 0;}
.home-recuadro p { padding:1em; float:left; width:100%; text-align:left; font-size:1.1em; margin:0; background:#00B5EA; color:#fff;}
.home-recuadro p img { position:relative; padding:0 2em 0 0; margin-left:-5em; floaT:left;}

.formulario .gracias .home-recuadro p { padding:3.5em 2em 2.5em 4em; font-size:1.2em; line-height:1.2em}
.formulario .gracias .home-recuadro p strong { color:#fff}
.formulario .gracias .home-recuadro div { position:relative}
.formulario .gracias .home-recuadro p img { position:absolute; margin:0; left:-4.5em; top:0}

.content-home-bottom form { margin:0 auto; padding:0 0 2.5em 0; width:21.5em; max-width:100%;}
.content-home-bottom form label { font-size:.8em; width:100%; padding:0 0 2.5em 0; float:left;}
.content-home-bottom form label span { text-align:center; display:block; padding:0 0 .4em 0}
.content-home-bottom form label input { text-align:center; width:100%; background:#fff; border:0; padding:.4em .5em;}
.content-home-bottom form a,
.content-home-bottom form .boton { cursor:pointer; width:90%; margin-left:5%; font-family:'HelveticaBold'; line-height:155%; display:inline-block; background:#86bc25; border:0; padding:.5em; text-transform:uppercase; text-align:center; color:#fff; -webkit-border-radius:.4em; -moz-border-radius:.4em; border-radius:.4em;}
.content-home-bottom form .boton:hover { background:#00B5EA}

.content-home-bottom form p { display:none; margin-top:1.5em; clear:both; width:100%; background:#00B5EA; text-align:center; font-family:'HelveticaBold'; padding:1em; -webkit-border-radius:.4em; -moz-border-radius:.4em; border-radius:.4em;}
.content-home-bottom form a { text-decoration:none; display:block; margin-top:.5em;}
.content-home-bottom form a:hover {background:#006fae;}

.home-contacto { text-align:center; font-size:.9em; position:relative; margin:0 auto; width:43em; max-width:100%; padding:.5em 1.1em .5em 3em; background:url(../img/ico-home-telf.png) 0 center no-repeat}
.home-contacto p {border:.15em dashed #00B5EA; border-left:0; margin:0; padding:.8em .5em; text-align:center;}
.home-contacto p a { color:#fff; font-family:'HelveticaBold'; text-decoration:none}
.home-contacto p a:hover { color:#fff; text-decoration:underline}

/* formulario */
.formulario-header { position:relative; width:100%; float:left; clear:both; margin-bottom:1em; background:url(../img/header-formulario.jpg) 0 0 no-repeat; height:20em;}
.formulario-header a { position:absolute; bottom:0; right:1em;}
.formulario-header strong {font-family:'HelveticaBold'; display:block; padding:0; width:22em; max-width:80%; text-transform:uppercase; color:#fff; font-size:1.3em; position:absolute; left:2.5em; bottom:5.7em }
.formulario-header-adm {background:url(../img/header-formulario-adm.jpg) 0 0 no-repeat;}
.formulario-header-adm strong {padding:0 2.5em 0 0; margin-bottom:-.5em}

.header-form-3 { height:20em; background:url(../img/header-formulario-f3.jpg) 0 0 no-repeat;}
.header-form-3 strong { width:26em}

.header-form-2 { height:20em; background:url(../img/header-formulario-f2.jpg) 0 0 no-repeat;}
.header-form-2 a { z-index:2; right:2em}
.header-form-2 strong { z-index:1; background:#2d84b6 url(../img/header-formulario-f2-titulo.jpg) left bottom no-repeat; width:auto; padding:1em 4em 2.5em 2em; max-width:100%; text-transform:uppercase; color:#fff; font-size:1.3em; position:absolute; left:0; bottom:auto; top:6.4em; }

.formulario { width:100%; float:left; padding:0 3.3em; clear:both}
.formulario p strong {color:#006fae;}
.formulario h1 { font-size:1.5em; color:#006fae; text-transform:uppercase; padding:0; margin:0 0 .5em 0;}
.formulario fieldset { width:100%; float:left; clear:both; }
.formulario label { width:100%; clear:both; float:left; padding:.4em 0;}
.formulario label span { display:inline-block; color:#006fae; width:10em; max-width:25%;}
.formulario label span em { display:none; padding:0 0 0 .5em; color:#999}
.formulario label input { color:#000; display:inline-block; padding:.35em .5em; border:1px solid #d6d5d5; background:#f0f0f0; min-width:0; width:29em; max-width:73%}
.formulario .frm-content-select>span { vertical-align:top; padding-top:.2em}
.formulario label .frm-select { display:inline-block; width:8em; max-width:73%}
.formulario label input.frm-tam-1 { width:4.5em;}
.formulario label input.frm-tam-2 { width:9em;}
.formulario .frm-nombre-frecuencia,
.formulario .frm-nombre-contrato,
.formulario .frm-nombre-asociacion { display:none}

.formulario .formulario-parte-check { float:left; padding:2em 0 0 0; clear:both; width:100%;}
.formulario .formulario-parte-check span {color:#006fae; margin-bottom:.5em; display:block}
.formulario .formulario-parte-check label { padding:.2em 0}
.formulario .formulario-parte-check label img { vertical-align:top; padding:0 .5em 0 0}
.formulario .formulario-parte-check label input { padding:0; margin:0; width:auto; min-width:0; max-width:none}
.formulario .formulario-parte-check label input[type=text] { color:#000; display:inline-block; padding:.35em .5em; border:1px solid #d6d5d5; background:#f0f0f0; min-width:0; width:29em; max-width:73%}
.formulario .formulario-parte-check label span { color:#646363; display:inline-block; margin:0 0 0 .5em; width:auto; vertical-align:top; max-width:60%;}
.formulario .formulario-parte-check span em { display:block; font-size:.9em; color:#999}
.formulario .formulario-parte-check label span.oculta { display:none}
.formulario .formulario-parte-check label.frm-color-si span { color:#86bc25}
.formulario .formulario-parte-check label.frm-color-no span { color:#ca0000}

.formulario .formulario-parte-check .grid-valores label { position:relative; display:inline-block; padding:0 .3em .5em .5em; width:auto; float:none}
.formulario .formulario-parte-check .grid-top label { padding-top:2em; position:relative}
.formulario .formulario-parte-check .grid-top label span { color:#ea3c2f}
.formulario .formulario-parte-check .grid-top label+label span { color:#f08100}
.formulario .formulario-parte-check .grid-top label+label+label span { color:#c6a008}
.formulario .formulario-parte-check .grid-top label+label+label+label span { color:#9bac09}
.formulario .formulario-parte-check .grid-top label+label+label+label+label span { color:#3fa535}
.formulario .formulario-parte-check .grid-valores label span { position:absolute; top:0; left:-.1em; }
.formulario .formulario-parte-check .grid-valores strong { display:inline-block; width:18em; font-family:'HelveticaLt', sans-serif; font-weight:normal; }

.formulario .frm-averia-cual { display:none}

.botones { color:#006fae; letter-spacing:.2em; text-align:right; float:left; width:100%; clear:both; padding:.5em 0; margin:0;}
.botones strong { color:#86bc25;}
.botones a { background:#86bc25; font-family:'HelveticaBold'; letter-spacing:0em; color:#fff; -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em; text-transform:uppercase; font-size:1.1em; display:inline-block; margin:0 0 0 .4em; padding:.4em 1em; text-decoration:none}
.botones a:hover { background:#006fae}

.gracias,
.formulario-parte-2,
.formulario-parte-2a,
.formulario-parte-2b,
.formulario-parte-2c { display:none}

.response,
.response-2 { display:none; margin:1em 0; padding:1em; width:100%; float:left; clear:both; background:#f7f7f7; border:1px solid #ccc; color:#333; line-height:1.3em;}

.fondopopup { display:none; position:fixed; z-index:9999999999999999999999999999999999999; left:0; top:0; bottom:0; right:; width:100%; height:100%; background:rgba(0,0,0,.8)}
.popup { position:relative; display:none; background:#fff; position:fixed; z-index:9999999999999999999999999999999999999; max-width:100%; max-height:100%; padding:1em 2em 1em 1em; width:60em; height:40em; top:50%; left:50%; margin:-20em 0 0 -30em;}
.popup div { overflow:auto; height:100%; padding:1em; float:left; width:100%; clear:both; font-size:.8em;}
.popup div p { padding:1em 0;}
.popup .cerrar { text-decoration:none; position:absolute; right:0; top:0; display:block; background:#000; color:#fff; font-weight:bold; padding:.3em; font-size:1.1em;}
.popup .cerrar:hover {background:#006fae;}

.home-ganadores { width:100%; text-align:center; float:left; padding:2em 1em; clear:both; background:#fff; border:.2em dashed #4cb4e7}
.home-ganadores ul { list-style:none; width:100%; padding:1em 0; margin:0; float:left;}
.home-ganadores ul li { float:left; height:18em; width:32%; padding:1em .5%; margin:0; text-align:center}
.home-ganadores ul li strong { display:block; font-size:.9em; text-align:center; font-family:'HelveticaBold'; font-weight:normal; color:#006fae}
.home-ganadores ul li strong span { display:block;color:#4cb4e7}
.home-ganadores h1 { font-size:1.65em; font-family:'HelveticaBold'; font-weight:normal; text-transform:uppercase; color:#86bc25}
.home-ganadores p { font-size:1.1em; font-family:'HelveticaBold'; font-weight:normal; text-transform:uppercase; color:#006fae}
.home-ganadores p { font-size:1.1em; font-family:'HelveticaBold'; font-weight:normal; text-transform:uppercase; color:#006fae}
.home-ganadores p2 { font-size:1em; font-family:'Helvetica'; font-weight:normal; color:#999999}

.limpia { clear:both!important}