html, body {height: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
table {border-collapse: collapse;border-spacing: 0;}
body {font: 15px/18px 'Open Sans', sans-serif;color:#000;background-color:#666;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
section {width: 100%;margin-bottom:15px;}
header{width: 100%;overflow:hidden;}
footer {width: 100%;padding-top:10px;padding-bottom:10px;text-align:center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
aside {width: 100%;display:block;overflow:hidden;}
article {width: 100%;}
strong {font-weight: 700;}
img{width: 100%;border:0;padding:0;margin:0;display: block;}
p{padding-top:5px;padding-bottom:5px;}
select,input,textarea {margin-bottom: 1%;margin-top: 1%;border: #cccccd 1px solid; background-color: #FDFDFD;font-size: 1em;font-family: 'Open Sans', sans-serif;}
form,fieldset {border: 0;margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;}
textarea {resize: vertical;}
.inputstyle {width: 90%;background: #f3f3f2;padding:3px;border: 1px solid #f1eecf;border-radius: 5px;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.inputstyle:focus {border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.textareastyle {width: 90%;background: #f3f3f2;padding:3px;border: 1px solid #f1eecf;border-radius: 5px;height: 100px;resize: none;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.textareastyle:focus {border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.selectstyle {width: 90%;background: #f3f3f2;padding:3px;border: 1px solid #f1eecf;border-radius: 5px;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.selectstyle:focus {border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.buttonstyle{text-transform: uppercase;font-weight:700;background: #cc9933;color: #fff;font-size: 11px;padding: 10px 25px 10px 25px;display: inline-block;margin-bottom: 15px;border-radius: 5px;cursor:pointer;}
.buttonstyle:focus {background-color:#9e5418;}
.buttonstyle2{text-transform: uppercase;font-weight:700;background: #9e5418;color: #fff;font-size: 18px;padding: 10px 25px 10px 25px;display: inline-block;margin-bottom: 15px;border-radius: 5px;cursor:pointer;}
.buttonstyle2:focus {background-color:#cc9933;}
.ancho-form{margin-bottom:5px;padding-top:2px;padding-bottom:2px;overflow:hidden;}
.ancho-form1{width: 25%;padding-left: 5%;padding-top:1.5%;float:left;overflow:hidden;}
.ancho-form2{width: 65%;padding-left: 5%;padding-top:1.5%;float:left;overflow:hidden;}
.ancho-form3{width: 10%;padding-left: 3%;padding-top:1.5%;padding-bottom:1%;float:left;text-align:center;overflow:hidden;}
.ancho-form4{width: 20%;padding-left: 3%;padding-top:1.5%;padding-bottom:1%;float:left;text-align:right;overflow:hidden;}
.ancho-form5{width: 60%;padding-left: 3%;float:left;overflow:hidden;}
.ancho-form6{width: 23%;padding-top:1.5%;padding-bottom:1%;float:left;text-align:right;overflow:hidden;}
.ancho-form7{width: 70%;padding-left: 3%;float:left;overflow:hidden;}
.ancho-form8{width:4%;padding-top:1%;text-align:right;float:left;overflow:hidden;}
.ancho-form9{width: 10%;text-align:center;padding-top:1.5%;float:left;overflow:hidden;}
.ancho-vista0{width: 100%;padding-top: 0.5;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.ancho-vista1{width: 85%;padding:0.5% 1% 0 0;border-bottom:1px solid #e8e8e8;float:left;overflow:hidden;}
.ancho-vista2{width: 3%;text-align:center;padding-top:0.5%;border-bottom:1px solid #e8e8e8;float:left;overflow:hidden;}
.ancho-vista3{width: 10%;padding: 0.5% 0 0 1%;text-align:right;border-bottom:1px solid #e8e8e8;float:left;overflow:hidden;}
.ancho-vista4{width: 80%;padding: 0.5% 1% 0 0;border-bottom:1px solid #e8e8e8;float:left;overflow:hidden;}
.ancho-vista5{width: 18%;padding: 0.5% 0 0 1%;text-align:right;border-bottom:1px solid #e8e8e8;float:left;overflow:hidden;}
.ancho-vista6{width: 12%;padding-top: 0.5%;float:left;overflow:hidden;}
.ancho-vista7{width: 50%;padding: 0.5% 1% 0 1%;float:left;overflow:hidden;}
.brdb{border-bottom:1px solid #e8e8e8;}
.embed-contenedor {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}
.embed-contenedor iframe,.embed-contenedor object,
.embed-contenedor embed {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.header-container {width:100%;}
.main-container{width: 100%;overflow:hidden;}
.footer-container {width: 100%;padding-top:7px;padding-bottom:7px;color:#fff;background-color:#666;font-size:14px;position: absolute;z-index: 5;overflow:hidden;}
.footer-container  a {color:#fff;}
.footer-container  a:hover  {color:#cc9933;}
.hidden {display: none;}
.wrapper {width: 90%;margin: 0 5%;}
.vertical-text {display: table-cell;vertical-align: middle;}
.padtbox{padding-top:3%;}
.padtradio{padding-top:2%;}
.colcab1{width: 60%;padding-top:3%;float:left;}
.colcab2{width: 20%;padding-left:20%;float:left;}
.colficha1 {width: 35%;float:left;overflow:hidden;}
.colficha2 {width: 65%;float:left;overflow:hidden;}
.colficha2 h1 {font-size: 45px;line-height: 50px;color:#cc9933;}
.collista1 {width: 20%;padding-bottom:1%;float:left;overflow:hidden;}
.collista2 {width: 77%;padding-left:3%;padding-bottom:1%;float:left;overflow:hidden;}
.collista2 h1 {font-size: 30px;line-height: 30px;color:#cc9933;}
.collista2 h2 {font-size: 30px;line-height: 30px;color:#cc9933;font-family:  'Open Sans', sans-serif;}
.colfiltro {width: 98%;padding:1%;overflow:hidden;background-color:#f1f2f2;}

.frm{width: 100%;height:20%;border:0;background-color:#fff;}
.col14{width: 13%;padding-top:1%;padding-bottom:1%;float:left;border:1px solid #d9dadb;}
.col25 {width: 25%;float:left;overflow:hidden;}
.col20 {width: 20%;text-align:center;float:left;overflow:hidden;}
.col30 {width: 30%;float:left;overflow:hidden;}
.col33 {width: 31%;padding: 0 1% 0 1%;float:left;overflow:hidden;}
.col40 {width: 37%;padding-right:3%;float:left;overflow:hidden;}
.col50 {width: 50%;float:left;overflow:hidden;}
.col60 {width: 60%;float:left;overflow:hidden;}
.col70 {width: 70%;float:left;overflow:hidden;}
.col100 {width: 100%;float:left;}
.col100 li{border-bottom:1px solid #dcdcdc; padding: 1%;}
.altologin{height:93%;padding-top:7%;}
.colind {padding:3% 3% 7% 3%;overflow:hidden}
.colpie1 {width: 3%;float:left;}
.colpie2 {width: 10%;padding-top:9px;text-align:center;float:left;line-height:1em;}
.colpie3 {width: 87%;text-align:right;padding-top:5px;float:left;}
.oculta{display: none;}
.may{text-transform:uppercase;font-weight: 700;}
.fdo {background-color:#fff;overflow:hidden;}
.fdog {background-color:#fff;overflow:hidden;}
.fdotit{background-color: #cc9933;padding: 0.5% 0 0.5% 0;}
.error {text-transform: none;font-weight:700;font-family:  'Open Sans', sans-serif;font-size: 50px;line-height: 50px;color:red;}
.txt0{font-size:12px;}
.txt1{font-size:20px;}
.txt2{font-size:20px;line-height:20px;font-weight:700;padding-top:2%;}
.txt3{font-size:14px;color:#666;}
.rojo {color:red;}
.blco {color:#fff;}
.blco a{color:#fff;text-decoration:none;}
.blco a:hover{color:#cc9933;}
.ocre{color:#cc9933;}
.ocre a{color:#cc9933;}
.ocre a:hover{color:#9e5418;}
.violeta{color:#812990;}
.violeta a{color:#812990;}
.violeta a:hover{color:#9e5418;}
.cian{color:#0089cf;}
.cian a{color:#0089cf;}
.cian a:hover{color:#9e5418;}
.verde{color:#129473;}
.verde a{color:#129473;}
.verde a:hover{color:#9e5418;}
.floatl {float: left;}
.alinc{text-align: center;}
.alinr{text-align: right;}
.padl5 {padding-left:5%;}
.padt2 {padding-top:2.5%;}
.padt5 {padding-top:5%;}
.padb2 {padding-bottom:2%;}
.line{width: 100%;border-bottom:2px solid #1a171b;margin-bottom:2%;margin-top:2%;overflow:hidden;}
.line1{width: 100%;border-bottom:1px dotted #cc9933;margin-bottom:1%;margin-top:1%;overflow:hidden;}
/*--------------- Edicion -----------------------------*/
.barra4{width: 98%;background-color:#000;color:#fff;overflow:hidden;padding:2% 1% 2% 1%;}
.barra3{width: 98%;background-color:#000;color:#fff;overflow:hidden;padding:1.5% 1% 1.5% 1%;}
.barra2 {width: 99%;background-color:#000;color:#fff;overflow:hidden;padding:0 0.5% 0 0.5%;margin-bottom:2%;;border-radius: 7px 0 7px 0;-webkit-border-radius: 7px 0 7px 0;-moz-border-radius: 7px 0 7px 0;}
.barra{width: 99%;background-color:#000;color:#fff;overflow:hidden;padding:0.5%;}
.barra a{color:#fff;text-decoration:none;}
.barra a:hover{color:#cc9933;}
.inac {color:#bcbec0;}
.colorl0 {width: 99%;background-color:#d9d9d9;border-bottom:1px solid #fff;overflow:hidden;padding:0.5%;}
.colorl1{width: 99%;background-color:#e8e8e8;border-bottom:1px solid #fff;overflow:hidden;padding:0.5%;}
.colorl2 {width: 99%;background-color:#f2f1ea;border-bottom:1px solid #fff;overflow:hidden;padding:0.5%;}
.colorf0 {color:#d9d9d9;}
.colorf1{color:#e8e8e8;;}
.colorf2 {color:#f2f1ea;}
.colorw {color:#9e5418;}
.colorw a{color:#9e5418;}
.colorw a:hover{color:#cc9933;}
/*--------------- Tipografías -----------------------------*/
@font-face {font-family:  'Open Sans', sans-serif;font-weight: normal;font-style: normal;}
h1 {text-transform: none;font-weight:700;font-family:  'Open Sans', sans-serif;font-size: 30px;line-height:30px;color:#000;}
h2 {text-transform: none;font-weight:700;font-family:  'Open Sans', sans-serif;font-size: 20px;line-height:20px;color:#fff;}
a {color: #9e5418;text-decoration: none;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
a:hover {color: #cc9933;}
/*--------------- Navegación --------------------------*/
.icon-list {color: #fff;padding: 0 3% 0 3%;}
.icon-list  a:hover {color: #cc9933;}
.social-icon i {color:#cc9933;padding: 10px;background-color: #fff;border-radius:50%;}
.social-icon2 {color:#f1eecf;padding: 1% 5% 1% 0%;float:left;}

@media only screen and (max-width: 479px) {
h1{font-size:25px;line-height:25px;}
.colcab1{width: 60%;padding-top:1%;float:left;}
.colcab2{width: 40%;padding-left:0;float:left;}
.tit{font-size:35px;line-height:43px;}
.colimg {width: 100%;margin-bottom: 3%;}
.colpie1 {width: 10%;float:left;}
.colpie2 {width: 90%;padding-top:20px;text-align:left;float:left;}
.colpie3 {width: 100%;text-align:left;padding:0;margin:0;}
.ancho-form1 {width:100%;}
.ancho-form2 {width:100%;}
.ancho-form3{width: 10%;padding-left: 3%;padding-top:1.5%;padding-bottom:0;float:left;text-align:center;}
.ancho-form4{width: 87%;padding-left: 0;float:left;padding-bottom:0;text-align:left;}
.ancho-form5{width: 100%;padding-bottom:1%;}
.ancho-form6{width: 100%;padding-top:0%;padding-bottom:0;text-align:left;}
.ancho-form7{width: 87%;padding-left: 0;float:left;}
.ancho-form8{width: 10%;padding-left: 3%;float:left;}
.collista1 {width: 100%;padding-bottom:1%;overflow:hidden;}
.collista2 {width: 100%;padding-left:0;padding-bottom:1%;overflow:hidden;}
.col25 {width: 50%;float:left;overflow:hidden;}
.col70{width:100%;margin-right:0;}
.logo{width: 90%;margin-top:15px;margin-bottom:0;}
.social-icon {padding: 5%;}
}
/*------------------ #Mobile (Landscape) width of 480px -----------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.colcab1{width: 70%;padding-top:1%;float:left;}
.colcab2{width: 30%;padding-left:0;float:left;}
.colpie1 {width: 5%;float:left;}
.colpie2 {width: 20%;padding-top:10px;text-align:center;float:left;}
.colpie3 {width: 75%;text-align:right;padding-top:10px;float:left;}
.ancho-form1 {width:100%;}
.ancho-form2 {width:100%;}
.ancho-form3{width: 10%;padding-left: 3%;padding-top:1.5%;padding-bottom:0;float:left;text-align:center;}
.ancho-form4{width: 87%;padding-left: 0;float:left;padding-bottom:0;text-align:left;}
.ancho-form5{width: 100%;padding-bottom:1%;}
.ancho-form6{width: 100%;padding-top:0%;padding-bottom:0;text-align:left;}
.ancho-form7{width: 87%;padding-left: 0;float:left;}
.ancho-form8{width: 10%;padding-left: 3%;float:left;}
.collista1 {width: 40%;padding-bottom:1%;overflow:hidden;}
.collista2 {width: 100%;padding-left:0;padding-bottom:1%;overflow:hidden;}
.col25 {width: 50%;float:left;overflow:hidden;}
.col70{width:100%;margin-right:0;}
.logo{width: 90%;margin-top:15px;margin-bottom:0;}
.social-icon {padding: 3%;}
}
/*----------------- #Tablet (Portrait) width of 768px --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.social-icon {padding: 3%;}
}
@media only screen and (max-width: 767px) {	
.logo{width: 60%; height: auto;}
}
/*----------------- #Clearing Se usa en padres para despejar Columnas anidadas, o enviendo cada fila de Columnas con <div class="row"> --*/
.contenedor:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.row:after,
.clearfix:after {clear: both;}
.row,
.clearfix {zoom: 1;}
/* También puede usar <br class="clear" /> para limpiar columnas */
.clear {clear: both;display:block;overflow:hidden;visibility:hidden;width: 0;height: 0;}