body{
	font: 75%/1.5 Arial,Helvetica,sans-serif;
}
input {padding: 5px; margin: 5px 0 !important; width: 90%; font-size: 14px;}
.telefono-1{width: 80%;}
.banner{overflow: hidden; min-height: auto !important;}
input.documento{width: 72%}
.caja_correo{width: 80% !important;}
img[src="/wps/wcm/connect/banco-de-occidente/68f7109c-9ae3-43c0-8c8a-786ea69c4888/alert.png?MOD=AJPERES"]{padding:0 0 0 8px;}
input.correo{width: 90%;}
textarea.forms-inputs {width: 93%;font-size: 1em;padding: 5px;margin: 10px 0;height: 70px;}
.table-pregunta{width: 100%;margin: 0;}
.table-pregunta-1 {float: left; height: 100px;width: 50%;margin: 11px 0;}
.table-pregunta-2{display: inline-block;width: 100%;margin: 4% 0 2% 0;}
.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado{width: 48%; margin: 5px;position: relative;z-index: 9999;}
.table-pregunta-3{width: 100%;display: inline-block;margin: 9px 0;}
select{padding: 5px; width:20%; text-align: center}
textarea{width: 100%;font-size: 14px;}
.cuadrado{float: left;width: 23%;margin-top: 1%;}
.espacio{width: 15%;}
.submit{float: right;cursor: pointer;background-color: #25b6a7;border: none;width: 115px;height: 40px;font-family:'Kuro-Regular', sans-serif;color: #00263d;font-size:18px;margin-top: 9px;}
.submit:hover{background-color:#0075ba;}
.validar{width: 100%;margin: 3% auto;}
.contenido{margin: 5% !important; font-family: 'Kuro-Regular', sans-serif;}
h1 span{font-family: 'Kuro-bold', sans-serif; color: #2a4a82; font-weight: bold;}
.contenido p{font-family: 'Helvetica', sans-serif;font-size: 15px;color: #706f6f;}
p{font-family: 'Kuro-Regular', sans-serif; color: #969696;}
p span, p span a{font-family: 'Kuro-Regular', sans-serif;color: #25b6a7;font-size: 15px;}
hr{margin: 20px 0;}
p.labelformulario {color: #00263d;}
.form-departamento{
	display: block;
	float: left;
	margin: 6px auto 5px 0;
	padding: 7px;
	width: 43%;
}
.flecha{
	max-width: 100%;
}


h1 {
    font-family: 'Helvetica-Light', sans-serif;
    color: #00263d;
    text-align: center;
    width: 63%;
    margin: 0 auto !important;
    padding-bottom: 2%;
    font-weight: 100;
}
h1 p {
    display: inline-block;
    font-family: 'Kuro-Italic', sans-serif;
    color: #fff;
    font-size: 20px !important;
    padding-left: 10px;
}
.error{position: relative;width: 99%;}
.error-departamento{
	position: absolute;
	line-height: 1;
	right: 60%;
	margin-top: 48px;
	width: 40%;
}
.error-ciudad{
	position: absolute;
	line-height: 1;
	right: 10%;
	margin-top: 48px;
	width: 44%;
}
.form-ciudad{
	display: block;
	float: left;
	margin: 6px auto 5px 8px;
	padding: 7px;
	width: 45%;
}
.label-ciudad{
	display: block;
	float: left;
	margin-top: -27px;
	margin-left: 7px;
	width: 50%;
}
.main-content .col-m .banner{
	background-position: 0 !important; 
}

section#caja_escritorio {height: 100%; position: relative;}
.bg-900{display: none;}
.bg-480{display: none;}

.g-recaptcha {width: 74%;display: block;float: left;}

button#show2 {display: block;float: left;margin: 16px auto;}

.logo_mobile{display: none;}
.textright{float: right;display: block;}
.white_content{position:relative;margin: 0 auto;width: 40%;height: 40%;padding:16px;background-color:white;z-index:1002;overflow:auto;top: 50%;transform: translateY(-50%);}
.white_content h1{font-size: 30px;font-family: 'Kuro-Italic',sans-serif;color: #9d9d9c;padding-top: 5%;width: 70%;}
.white_content p{font-size: 15px;width: 90%;color: #39393a;display: block;margin: 0 auto;text-align: justify;}
.white_content_terms{width: 50%; height: 50%;}
#overlay{background:rgba(93,93,93,0.7);background:-moz-linear-gradient(left, rgba(93,93,93,0.7) 0%, rgba(93,93,93,0.7) 100%);
	background:-webkit-linear-gradient(left, rgba(93,93,93,0.7) 0%,rgba(93,93,93,0.7) 100%);background:linear-gradient(to right, rgba(93,93,93,0.7) 0%,rgba(93,93,93,0.7) 100%);
	height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000;}
#overlay2{background:rgba(93,93,93,0.7);background:-moz-linear-gradient(left, rgba(93,93,93,0.7) 0%, rgba(93,93,93,0.7) 100%);
	background:-webkit-linear-gradient(left, rgba(93,93,93,0.7) 0%,rgba(93,93,93,0.7) 100%);background:linear-gradient(to right, rgba(93,93,93,0.7) 0%,rgba(93,93,93,0.7) 100%);
	height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999;}
.white_content .flecha{width: 61%;display:block;margin: 0 auto;}
.terminos{cursor:pointer;color:#25b6a7;font-family:'Helvetica',sans-serif;text-decoration:underline;}
.white_content2 p{width: 50%;text-align: center;}
.white_content2 h1{margin-top: 4%;}
.switch {padding-top: 3%;}

input[type="radio"] { display: none;}
input[type="radio"] + label { color: #292321;font-family: Arial, sans-serif;font-size: 14px;
  display: inline-block; position: relative;vertical-align: top;margin: 0; padding: 0;}
input[type="radio"] + label span {display: inline-block;width: 13px;height: 13px;/* margin: 0 85%; */vertical-align: middle;cursor: pointer;}
input[type="radio"] + label span {background: url(/wps/wcm/connect/banco-de-occidente/2504ba43-8db1-4cc3-9921-3719afc0dcc5/radio-button.png?MOD=AJPERES
); background-repeat: no-repeat; background-position: 0 0;}
input[type="radio"]:checked + label span { background-position: top right;}
input[type="radio"] + label span,
input[type="radio"]:checked + label span {-webkit-transition: background-color 0.4s linear;-o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;transition: background-color 0.4s linear;
}

input[type="checkbox"] { display: none;}
input[type="checkbox"] + label { color: #292321;font-family: Arial, sans-serif;font-size: 14px;
  display: inline-block; position: relative;vertical-align: top;margin: 0; padding: 0;}
input[type="checkbox"] + label span {display: inline-block;width: 13px;height: 13px;/* margin: 0 85%; */vertical-align: middle;cursor: pointer;}
input[type="checkbox"] + label span {background: url(/wps/wcm/connect/banco-de-occidente/2504ba43-8db1-4cc3-9921-3719afc0dcc5/radio-button.png?MOD=AJPERES
); background-repeat: no-repeat; background-position: 0 0;}
input[type="checkbox"]:checked + label span { background-position: top right;}
input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span {-webkit-transition: background-color 0.4s linear;-o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;transition: background-color 0.4s linear;
}

/*Estilos del wcm que se sobreescriben*/
.wpthemeCol{margin-left: 0 !important;}
.wpthemeOverflowAuto{overflow: hidden;}


/*Tooltip*/

.tooltip {position: relative;display: inline-block;margin: 5px;}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: rgba(0 , 132 , 203 , 0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 9px 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -20px;
    right: 105%;
    }

.tooltip:hover .tooltiptext {visibility: visible;}
.msgRadioPila{display: block;float: left;width: 100%;color: red;}



/*Pantalla navegadores viejos*/

div.navegadores{display: block;margin: 0 auto; width: 80%;}
div.navegadores ul{display: block;margin: 0 auto; width: 90%;}
div.navegadores li{display: block;float: left;width: 33.33%;}
div.navegadores img{margin: 5px; width: 45%;}
div.navegadores span{display: block;}



/**MEDIAQUERIES*/
@media all and (max-width:1080px){.tooltiptext{width: 202px !important;}}
@media all and (max-width:1024px){
	.tooltiptext{width: 202px !important;}
	.form-departamento{width: 91%;}
	.error-departamento{width: 100%; right: 0; margin-top: 0;}
	.error-ciudad{width: 100%; right: 0; margin-top: 0;}
	.label-ciudad{margin-top: 13%; margin-left: 0;}
	.form-ciudad{margin: 6px auto 5px 0; width: 91%;}
	.table-pregunta-1{height: auto;}
	.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado{width:auto;}
	.tableCiudadDpto{height: 185px;}
	.error{width: 90%; text-align:justify; display: block;float: left;}
	.main-content .col-m .banner{ height: 70vh; }
	.main-content .col-m .banner{ background-position: 0  100% !important; }

}

@media all and (max-width: 900px) {.header{background-image: url(/wps/wcm/connect/banco-de-occidente/def8a397-bfdd-423f-9f14-512d2705e37c/header_mobile.jpg?MOD=AJPERES);height: 114px;}
img.bancodeoccidente-logo {width: 37%;margin: 0 auto;display: block;}.social{width: 100%;float: none;padding: 5px 0;line-height: 2.5;}
.social img{padding-top: 2px;padding-right: 2%;}.col-1-2{width: 100%;overflow-y:none;height: 100%;}
.left{height: 250px !important;background-image:url(/wps/wcm/connect/banco-de-occidente/94dea9f0-0188-456a-aa62-7aa4a80fa92b/mobile.jpg?MOD=AJPERES);}.right{overflow-y:none;}
.bg-900{display: block;position: absolute;width: 100%; bottom: 0;}
.white_content {width: 50%;height: 30%;}
.white_content_terms{width: 60%; height: 60%;}
.label-ciudad{margin-top: 7%;}
.tableCiudadDpto{margin: 17px 0;}
.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado{width:48%;}
}




@media all and (max-width: 768px) {.content{height: auto;}.demo1{height: auto !important;}.demo1-col {height: auto !important;}
.right{height: 100% !important;} .social{line-height: 1.8;}.white_content {height: 30%;}.white_content_terms{height:60% !important;}
.white_content2 p{width: 60%;}
.table-pregunta-1{height:100px;}
.tableCiudadDpto{height:170px;}
.tableCiudadDpto > .labelformulario{display: block;float: left;width: 46%;}
.form-departamento{
	width: 90%;
}
.form-ciudad{
	margin: 6px auto 0 0;
	width: 90%;
}
.label-ciudad{
	margin-top: 8%;
	width: 100%;
}
.main-content .col-m .banner{ height: 60vh; }
.error-departamento{}
.error-ciudad{}
.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado{width:48%;}

}

@media all and (max-width: 736px){.white_content {height: 34%;}}

@media all and (max-width: 732px){img.bancodeoccidente-logo{width: 40%;} .social{line-height: 2.1;}.white_content{height: 44%;}}

@media all and (max-width: 680px) {h1 {font-size: 20px;width: 72%;padding-bottom: 1%;}.contenido p{font-size: 18px;}
.left{background-position: left;}img.bancodeoccidente-logo{width: 41%;}
.bg-480{display: none ;}
.social{padding: 5px 0; line-height: 2;}.social img {padding-top: 4px;}.white_content h1{font-size: 21px;padding-top: 11%;width: 97%;}}

@media all and (max-width:640px){.social img {padding-top: 8px;}.social{padding: 5px 0;line-height: 2.5;}.white_content {height: 80%;}.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado{width: 50%;}
.label-ciudad{margin-top: 10%;}
}

@media all and (max-width:568px){img.bancodeoccidente-logo{width:47%;} .social{line-height: 2.3;} .social img{padding-top: 3px;} .tooltiptext{width: 238px !important; top: -83px !important; right: -42% !important}
.label-ciudad{margin-top: 12%;}
.tableCiudadDpto{height: 180px;}
.cuadrado{width: 25%;}
.main-content .col-m .banner{ height: 50vh; }
}

@media all and (max-width:533px){.social {padding: 10px 0;line-height: 2;} .social img{padding-top: 2px;}img.bancodeoccidente-logo{width: 48%;}
.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado {width: 100% !important;}}

@media all and (max-width:480px){img.bancodeoccidente-logo{width: 57%;}.white_content h1 {padding-top: 12%;}.white_content {height: 50%;} .tooltiptext{width: 209px !important; top: -86px !important; right: -41% !important}}

@media all and (max-width:415px){	.logo_mobile{display: block;}.desktop{display: none;}.table-pregunta-1 {width: 100%;}
	.social p{font-size: 21px;padding-left: 24px;}
	section#caja_escritorio {position: relative;height: 100%;}
	.bg-480{display: block;position: absolute;width: 100%; bottom: 0;}
	.bg-900{display: none;}
	img.bancodeoccidente-logo{width: 70%;}
	.social {padding: 5px 0;line-height: 1.9;}
	.white_content h1{font-size: 22px; padding-top: 15%;}
	.white_content .flecha{width: 90%;}.validar {width: 58%;margin: 10% auto;display: block;}
	/*img[src="images/captcha.png"]{display: block; margin: 0 auto; width: 91%;}.submit {display: block;margin: 10px auto;float: none;}*/
	.validar{width: 100%;}img.bancodeoccidente-logo{width: 70%;}.white_content_terms{height: 70% !important;}
	.white_content {height: 30%; width: 67%;}
	.tooltiptext{width: 265px !important; top: -83px !important; right: -41% !important}
}

@media all and (max-width:360px){img.bancodeoccidente-logo {width: 78%;}.social{line-height:1.9;}
	.social p{font-size: 20px; padding-left: 7px;} h1 {font-size: 18px;width: 72%;}.contenido p{font-size: 15px;}
	.table-pregunta-1{height: auto;width: 100%; margin: 21px 0 0;}	.white_content{width: 70%;height: 44%;}
	.tableCiudadDpto{margin: 10px 0;}
	.form-departamento{width: 90%;}
	.error-departamento{width: auto;right: 0;}
	.error-ciudad{width: auto;right: 0;}
	.form-ciudad{margin-top: 0px; padding-left: 0px; width: 90%; margin: 0;}
	.label-ciudad{margin-top: 13%; margin-left: 0;}
	.white_content2 p{width: 80%;}.white_content_terms{width: 80%; height: 80%;}.caja_correo { width:80% !important;}
	.tooltip .tooltiptext {/* Position the tooltip */ bottom: 0; left: -280% !important; margin-left: -170px; width: 200px;height: 94px;top: -116px;}
	.tooltip .texto1{height: 57px;top:-82px;}
	.table-pregunta-2 .espacio, .table-pregunta-2 .cuadrado {width: 100%;}
}

@media all and (max-width:320px){.social{line-height:2.5 !important;}.social p {font-size: 19px; padding-left: 15px;}
.white_content {height: 50%;}.espacio{width: 18%;}
.tooltip .texto1{left: -269% !important;}

}

@media all and (min-width:1124px){
.main-content .col-m {
    display: inline-block;
    width: 49%;
    overflow: hidden;
	height: -webkit-calc(100vh - 120px);
	height: -moz-calc(100vh - 120px);
	height: calc(100vh - 120px);
	overflow-y: auto; 

}