
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none; margin:0; padding:0;}
body {background:#FFFFFF; font-family:roboto, Arial, Helvetica, sans-serif; margin:0; padding:0;}
* {font-family:roboto, Arial, Helvetica, sans-serif; margin:0; padding:0;}
html>body {margin:0; padding:0;}

a {text-decoration:none; color:#37240C; outline:none;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:0; display:block; margin:0; padding:0 !important;}
.aleft {float:left;}
.aright {float:right;}
.breadcrumbs {display:block; font-size:12px; color:#999999; margin:0.5em 0 1em; float:left;}
.breadcrumbs a {color:#37240C;}
.subir.top {clear:both; margin:20px auto; max-width:100%; width:1200px; float:none;}
.subir {margin:0 0 30px; padding:; font-size:12px; font-weight:normal; color:#0e7a7a; text-align:right; float:right}
.subir a {margin:0; font-size:11px;  font-weight:normal; color:#003366; text-align:right; background:#F0F0F0; border-radius:3px; padding:.5em 1.2em; text-decoration:none; float:right; margin:0 5px;}
.subir a:hover {background:#dbdbdb; color:#000;}
/* FIN Comunes */

/*--------------- Estructurales ---------------*/
#main {max-width:100%; width:100%; margin:0 auto; clear:both;}
#header {width:100%; display:block; margin:0 auto; padding:0; border-bottom:30px solid #31aac1; padding:15px 0 22px;}
#footer {width:100%; display:block; margin:0 auto; background:#e9e9e9; padding:40px 0 55px;}
/* FIN Estructurales */

/*--------------- Header ---------------*/
.aright.top {margin:25px 10px 0 0;}
.auxi-header.grid-12 {max-width:1200px; width:100%; margin:0 auto;}
a.logo {margin:0 0 0 20px;}
.frase {font-family:ubuntucondensedRegular, Verdana, Geneva, sans-serif; font-size:14px; color:#3c3d41; margin:10px 20px 0 0; line-height: 150%;}
.frase span {font-size:24px; color:#015d82;}
.redes span.aleft {font-family:ubuntucondensedRegular, Verdana, Geneva, sans-serif; font-size:14px; color:#3c3d41; margin:15px 7px 0 0;}
.icono {margin:0 5px;}
/* FIN Header */




/*--------------- Main--------------- */
.auxi.descarga {max-width:1200px; width:100%; margin:0 auto;}
#descarga.grid-12 { background-color:#3b3d40; padding:30px 0}
.auxi.descarga {width:auto; margin:0 auto; display:table;}
.auxi.descarga span.aleft {margin:9px 30px 0 0; font-family:ubuntucondensedRegular, Verdana, Geneva, sans-serif; font-size:24px; color:#FFF;}
.auxi.descarga a.aleft {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; background-color:#31aac1; padding:15px 35px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}

.auxi.descarga a.aleft:hover {background-color:#1a7283; text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}

/*Formulario*/
.auxi.grid-11 {margin:0 auto;}
#formulario .auxi h3 {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:52px; font-weight:bold; color:#FFF; text-align:center; margin-bottom:30px;}
#formulario .auxi span {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#FFF; text-align:center; margin-bottom:55px;}
#formulario .auxi p {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:30px; font-weight:bold; color:#FFF; text-align:center; margin-bottom:55px;}
#formulario .auxi p a {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:30px; font-weight:bold; color:#FFF; text-align:center; margin-bottom:55px; text-decoration: underline;}
#formulario .auxi {padding:42px 0 35px 0;}
.box-form {margin:0 auto;}
.fieldform {background:url(/ipsuss/img/v1/auxi/bg_form.png) repeat left top; border:none; margin:8px 0; padding:15px; font-size:14px; font-weight:bold; font-family:ubuntu, Verdana, Geneva, sans-serif; color:#FFF;}

.pop-formulario {padding:20px 0 !important; min-height:360px;}

.pop-formulario h3 {margin-bottom:10px !important;}
.pop-formulario .box-form.grid-6 .buttonform {margin:10px auto 0 !important;}
.pop-formulario .box-form.grid-6 .fieldform {padding: 10px 15px !important;}
.prontus_captcha_content_ajax {margin:0 !important;}
.fancybox-type-iframe .fancybox-inner {height:420px !important;}
h3.respuesta-form {font-size:22px !important; font-weight:normal !important;}
p.respuesta-form {font-size:18px !important; font-weight:normal !important;}
p.respuesta-form a {font-size:18px !important; font-weight:normal !important; margin:0 !important;}


::-webkit-input-placeholder {color:#FFF;}
:-moz-placeholder {color:#FFF;} /* Firefox 18- */
::-moz-placeholder { color:#FFF;} /* Firefox 19+ */
:-ms-input-placeholder {color:#FFF;}

.fieldform.grid-12 {width:95%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.fieldform.grid-5 {width:43.73%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.buttonform {font-family:montserrat, Verdana, Geneva, sans-serif; font-size:18px; color:#FFF; background-color:#31aac1; padding:15px 68px; margin:40px auto 0; border:none; display:table; cursor:pointer;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}

.buttonform:hover {background-color:#1a7283; text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}

.box-captcha {padding:5px 15px; background:none;}
.box-captcha .captcha {float:left;}

/* FIN Main*/

/*--------------- Footer ---------------*/
.auxi-footer.grid-12 {max-width:1200px; width:100%; margin:0 auto;}
.auxi-footer .frase {margin:12px 5px 0 0; padding:0 5px 0 0; border-right:1px solid #3c3d41;}
.auxi-footer .frase span {font-size:18px; color:#3c3d41;}
.auxi-footer .frase p, .auxi-footer .frase p a, .auxi-footer .frase p strong {font-size: 14px;  font-family:ubuntu, Verdana, Geneva, sans-serif;}
/* FIN Footer */


/*--------------- Font face ---------------*/

/*Montserrat*/
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular.eot');
    src: url('fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular.woff') format('woff'),
         url('fonts/montserrat-regular.ttf') format('truetype'),
         url('fonts/montserrat-regular.svg#montserrat') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Montserrat*/

/*Raleway Bold*/
@font-face {
    font-family: 'ralewayBold';
    src: url('fonts/raleway-bold.eot');
    src: url('fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold.woff') format('woff'),
         url('fonts/raleway-bold.ttf') format('truetype'),
         url('fonts/raleway-bold.svg#ralewayBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Raleway Bold*/

/*Raleway Light*/
@font-face {
    font-family: 'ralewayLight';
    src: url('fonts/raleway-light.eot');
    src: url('fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light.woff') format('woff'),
         url('fonts/raleway-light.ttf') format('truetype'),
         url('fonts/raleway-light.svg#ralewayLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Raleway Light*/

/*Ubuntu Bold*/
@font-face {
    font-family: 'ubuntuBold';
    src: url('fonts/ubuntu-bold.eot');
    src: url('fonts/ubuntu-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bold.woff') format('woff'),
         url('fonts/ubuntu-bold.ttf') format('truetype'),
         url('fonts/ubuntu-bold.svg#ubuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Ubuntu Bold*/

/*Ubuntu Condensed Regular*/
@font-face {
    font-family: 'ubuntucondensedRegular';
    src: url('fonts/ubuntucondensed-regular.eot');
    src: url('fonts/ubuntucondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntucondensed-regular.woff') format('woff'),
         url('fonts/ubuntucondensed-regular.ttf') format('truetype'),
         url('fonts/ubuntucondensed-regular.svg#ubuntucondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Ubuntu Condensed Regular*/

/*Ubuntu*/
@font-face {
    font-family: 'ubuntu';
    src: url('fonts/ubuntu-regular.eot');
    src: url('fonts/ubuntu-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-regular.woff') format('woff'),
         url('fonts/ubuntu-regular.ttf') format('truetype'),
         url('fonts/ubuntu-regular.svg#ubuntu') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*FIN Ubuntu*/

/* FIN Font face */

/*--------------- RESPONSIVE ----------------*/


@media(max-width:1235px) {
	.box-form.grid-6 {width:80%;}
	.fieldform.grid-12 {width: 94.7%;}
}
@media(max-width:1005px) {
	.fieldform.grid-12 {margin:8px 0;}
}
@media(max-width:860px) {
    .aright.top {clear:both; float:left; margin:0 0 0 15px;}
}
@media only screen and (max-width: 760px) {
	#formulario .auxi {padding:20px 0;}
	#formulario .auxi h3 {margin-bottom:20px;}
	.fieldform {margin:8px auto; float:none; padding:10px;}
	.fieldform.grid-5, .fieldform.grid-12 {width:95% !important;}
	.buttonform {margin:10px auto 0;}
	.box-form.grid-6 {width:95% !important;}
}
@media(max-width:515px) {
    .aright.top {margin:0 auto; padding:0; float:none; clear:both; width:95%;}
}
@media(max-width:462px) {
	#formulario .auxi h3 {font-size:30px;}
	.buttonform {font-size:16px; padding:10px 40px;}
}
@media(max-width:372px) {
	.aright.top {display:none;}
	a.logo {margin: 0 0 0 20px;}
}
@media(max-width:365px) {
	a.logo {margin:0 auto !important; float:none; display:table;}
	a.logo img {display:table; height:auto; margin:0 auto; width:93%;}
}
/* FIN */
