/*--------------------------------------CONTENIDO----------------------------------*/
section{position:relative;background:transparent !important;}
article{width:48%;font-family: 'Roboto Mono', monospace;float:left;}
/*------------------------------------------------------------------------*/
#WebFotos{}
#webfoto{
width:96%;margin:0 2% 0 2%;
}
.fotoweb{
width:13%;
margin:1% 0 5% 15%;
float:left;
border:1px solid #157efb;
transition:all 500ms ease-in-out;
}
.fotoweb:hover{
opacity: 0.6;
border:1px solid red;
}
.fotoweb a{
text-decoration:none;
color:black;
}
.fotoweb a:hover{
text-decoration:underline;
color:red;
}
.fotoweb p{
width:96%;
font-size:0.5em;
text-align:center;
margin:0 2% 4% 2%;
text-decoration:none;
}
.fotoweb img{
width:100%;
margin:0;
}
#lis ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#lis ul li{
  float:left;
}
#indexFotoMovil{display:none;}
/*-----------------------------------------------------------------------*/
.IndexSection{;width:100%; float:left;background-color: #f9ad16;}
.IndexSlogan{font-family:'Montserrat', sans-serif;margin:0;width:50%; float:left;background-color: #f9ad16;}
.Izq{position:relative;margin:0;float:left;}
.Izq h3{width:100%;color:#fff;font-size:1.8em !important;font-weight:bold;line-height:20px;text-align:center;}
.Izq ul{padding:0; width:100%;float:left;}
.Izq ul li{list-style-type:none;font-size:1.3em;font-weight:normal;color:#000;line-height:1.5em;text-align:center;}
.Izq ul li b{color:#000;}
.Izq .material-icons{font-size:1em;}
/*-----------------------------------------------------------------------*/
#centro{width:20%;position:relative;margin:0;float:left;}
#centro a img{width:50%; margin:3% 20% 0 25%;border:2px solid #FFFFFF;}
#centro h3{font-family: 'Montserrat', sans-serif;color:#0071cd;font-size:1.5em !important;font-weight:bold;width:100%;line-height:20px;margin:0;}
#centro ul{width:100%;padding-left:3%;}
#centro ul li{list-style-type:none;width:100%;font-size:1em;text-align:left;font-weight:normal;color:#0071cd;line-height:1.4em;text-shadow:1px 1px 2px #484C50;}
#centro ul li b{color:#000;}
/*------------------------------------------------------------------------*/
#Dech{width:20%;position:relative;margin:0;float:left;}
#Dech a img{width:50%; margin:3% 20% 0 25%;border:2px solid #FFFFFF;}
#Dech h3{font-family: 'Montserrat', sans-serif;color:#0071cd;font-size:1.5em !important;font-weight:bold;width:100%;line-height:20px;margin:0;}
#Dech ul{width:100%;padding-left:18%;}
#Dech ul li{width:100%;text-shadow: 1px 1px 1px #404040;z-index:999;font-size:1em;text-align:left;font-weight:normal;color:#041D96;line-height:1.4em;text-shadow:1px 1px 2px #484C50;}
/*-----------------------------------------------------------------------*/
.QuienesSomosDiv{margin:0;width:100%;height:auto;}

.quienesSomosIzquierda{width:49%;position:relative;margin:0;float:left;}
.quienesSomosIzquierda h3{color:#2c6cbe;margin:0 0 5% 0;}
.quienesSomosIzquierda ul{width:100%;padding:0;list-style-type:circle !important;}
.quienesSomosIzquierda ul li{width:100%;font-size:1.2em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;display:block;}
.quienesSomosIzquierda a img{width:60%;margin:10%;}
.quienesSomosIzquierda .material-icons{font-size:1.3em;color:#0071cd;}
.quienesSomosIzquierda p{width:80%;margin:0 0 0 5%;padding:1%;overflow:auto;}



.quienesSomosDerecha{width:49%;position:relative;margin:0;float:left;}
.quienesSomosDerecha h3{color:#2c6cbe;margin:0 0 5% 0;}
.quienesSomosDerecha ul{width:100%;padding:0;list-style-type:circle !important;}
.quienesSomosDerecha ul li{width:100%;font-size:1.2em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;display:block;}
.quienesSomosDerecha a img{width:60%;margin:10%;}
.quienesSomosDerecha .material-icons{font-size:1.3em;color:#0071cd;}
.quienesSomosDerecha p{width:80%;margin:0 0 0 20%;padding:1%;overflow:auto;}



#Servicios{}
.articleIndex{width:90%;margin:0 5% 3% 5%;border:1px solid #f9ad16;}
.titulo{width: 100%;margin:1% 0 0 0;text-align:center;}
.titulo h2{margin:0;}

.servicios1{width:33.33%;position:relative;float:left;margin:1% 0 0 0;}
.servicios2{width:33.33%;position:relative;float:left;margin:1% 0 0 0;}
.servicios3{width:33.33%;position:relative;float:left;margin:1% 0 0 0;}

.quienesSomosServicios{width:100%;position:relative;margin:0 0 0 8%;}
.quienesSomosServicios h3{color:#2c6cbe;margin:0;font-size:1.8em !important;}
.quienesSomosServicios ul{width:100%;padding:0;list-style-type:circle !important;}
.quienesSomosServicios ul li{font-size:1em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;display:inline;}
.quienesSomosServicios a img{width:60%;margin:10%;}
.quienesSomosServicios .material-icons{font-size:1.3em;color:#0071cd;}

.tucomunidadServicios ul li{width:80%;margin:0 20% 5% 0;color:#00adb0;}
.tucomunidadServicios ul li h3{margin:2%;}
.tucomunidadServicios ul li h3 a{color:#00adb0;}

.quienesSomosFotos{width:100%;position:relative;margin:0 0 5% 0;float:left;}
.quienesSomosFotos h3{color:#2c6cbe;}
.quienesSomosFotos ul{width:100%;padding:0;list-style-type:none !important;margin:0 0 0 0;}
.quienesSomosFotos ul li{width:80%;font-size:1em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;float: left;margin:0 10% 0 10%;}
.quienesSomosFotos ul li a img{width:40%;margin:2% 30%;}
.quienesSomosFotos .material-icons{font-size:1.3em;color:#0071cd;}





/* #quienesSomosNoticias{margin:3% 5% 3% 5%;width:90%;}*/
.quienesSomosNoticias{width:100%;position:relative;float:left; border-top:solid 3px #2c6cbe;}
.quienesSomosNoticias h1{color:#000;width: 100%;margin:2% 0;text-align:center;}
.quienesSomosNoticias ul{width:100%;padding:0;list-style-type:circle !important;}
.quienesSomosNoticias ul li{width:100%;font-size:1.2em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;display:block;}
.quienesSomosNoticias a {width:40%;margin:3%;text-align:center;color:#2c6cbe;}
.quienesSomosNoticias a:hover{color:#f9ad16;}
.quienesSomosNoticias img{width:45%;margin:0;}
.quienesSomosNoticias .material-icons{font-size:1.3em;color:#0071cd;}
.quienesSomosNoticias p{margin:0 0 3% 0;float:left;}
/*-----------------------------------------------------------------------*/
.serviciosQuePrestamos{width:100%;background-color:#f9ad16;}
.serviciosQuePrestamos h3{text-align:center;color:#fff;font-size:1.5em !important;margin:2% 0 0 0;}
#ContactoIndex{width: 100%;margin:2% 0 0 0;text-align:center;}
/********************************* botonIndex **************************************/
.botonIndex {vertical-align:middle;display: inline-block;background-color:#fff;border:none;color: #000;text-align: center;font-size: 0.9em;width:80%;transition: all 0.5s;cursor: pointer; margin: 1px;box-shadow: 4px 4px 4px #484C50;}
.botonIndex span {cursor: pointer; display: inline-block; position: relative;transition: 0.5s;}
.botonIndex span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.botonIndex:hover {background-color: #000;;box-shadow: 3px 3px 3px #484C50;}
.botonIndex:hover span {padding-right: 25px;color: #F5F5F5;}
.botonIndex:hover span:after {opacity: 1; right: 0;}
.botonIndex:visited{color:#000;}
/*-----------------------------------------------------------------------*/

#IndexContactoFormulario{width:50%;margin:0;float:left;margin:2% 0;}
#frmContacto {font-family: 'Roboto Mono', monospace;float:left;color:blue; width:100%;margin:0;}
#formulario{width:80%;margin:3% 10%;}
#formulario h3{font-family: 'Roboto Mono', monospace;font-size:1em;margin:0 0 2% 6%;color:#0071cd;text-shadow:2px 1px 2px #C8C8CD;}
#formulario button{margin:1% 3% 0 5%; width:95%;}
.form-group{margin:1% 0 2% 0; width:100%;}
.form-group-checkbox{margin:0 0 1% 1%; width:95%;font-size:0.7em;background:#fff;}
.form-group-checkbox a{color:#000; text-decoration: none;}
.form-group-checkbox a:hover{color:#ff0000; text-decoration: none;}
.form-control-input{margin:0 0 0 5%; width:95%; height:25px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB;}
.form-control-input::placeholder{color:#000;font-family: 'Roboto Mono', monospace;font-size:0.9em;}
.form-control-textArea::placeholder{color:#000;font-family: 'Roboto Mono', monospace;font-size:0.9em;}
.form-control-input-checkbox{margin:1% 0 1% 4%; width:7%;} 
.form-control-textArea{margin:0 0 0 5%; width:95%; height:50px;border-radius: 6px;background:#FBFCFC;border:1px solid #D7DADB;}
.subboton{color:#000 !important;}
.subboton hover{color:#fff !important;}
.subboton hover span{color:#fff !important;}
.subboton:visited{color:#000;}
#IndexdirPostal{width:50%;float:left;margin:2% 0;}
#dirPostal{color:#000;margin:2%0 0 15%;}
#dirPostal li{display:block; margin:0 0 10% 0;}
#dirPostal .material-icons{font-size:1.5em;color:#0071cd;}


/*-----------------------------------------MEDIA QUERIS-1100PX-----------------------*/
@media screen and (max-width:1100px){
.quienesSomosFotos ul li{width:100%;margin:0;}

}
/*-----------------------------------------MEDIA QUERIS-800PX-----------------------*/
@media screen and (max-width:800px){
	
.fotoweb{
width:96%;margin:2%;
}
article{width:100%;}	
.IndexSection{width:100%;margin:0}
.quienesSomos{width:90%;position:relative;margin:0 5%;float:left;}
#indexFotoMovil{display:block;width:100%;margin:0;}
#indexFotoMovil img{width:100%;margin:-0.5% 0 0 0;}
#indexFoto{display:none;}

#Izq{width:100%;margin:0;}
#Izq ul{padding-left:0;text-align:center;}
#Izq ul li{padding-left:0;text-align:center;}
#Izq, #Dech{clear:both;}
#Izq h3{font-family: 'Montserrat', sans-serif;color:#0071cd;font-size:1.5em !important;font-weight:bold;width:100%;line-height:20px;padding-left:2%;text-align:center;}


.servicios1{width:90%;margin:1% 5%;}
.servicios2{width:90%;margin:1% 5%;}
.servicios3{width:90%;margin:1% 5%;}



.tucomunidadServicios ul li{width:60%;margin:5% 20% 5% 20%;}

.quienesSomosDerecha{width:100%;margin:0;}
.quienesSomosIzquierda{width:100%;margin:0;}
.quienesSomosDerecha p{width:90%;margin:0 5%;}
.quienesSomosIzquierda p{width:90%;margin:0 5%;}



#QuienesSomos{margin:4% 0 0 0;border:none;}
.quienesSomos{margin:0 10% 3% 8%;}
.quienesSomos p{margin:3% 0 0 0;color:#000;}
.quienesSomos a img{width:100%;}


.quienesSomosNoticias{position:relative;width:90%;margin:5%;float:left;}
.quienesSomosNoticias h1{width: 80%;margin:2% 10%;}
.quienesSomosNoticias a {width:90%;margin:0 5% 05% 0;}
.quienesSomosNoticias img{width:70%;margin:0 15% 0 15%;}

.quienesSomosFotos ul li{width:100%;font-size:1em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;float: left;margin:3% 0 0 0;}

.quienesSomosFotos ul li a img{width:80% !important;margin:4% 10%}

#centro{width:100%;margin:2% 0;}
#centro h3{padding:0;color:#0071cd;margin:0;}
#centro ul{padding-left:2%;}
#centro a img{width:24%; margin:0 38% 0 38%;}

#Dech{width:100%;margin:2% 0;}
#Dech h3{padding:0;color:#0071cd;margin:0;}
#Dech ul{padding-left:0;}
#Dech a img{width:24%; margin:0 38% 0 38%;}

#IndexContactoFormulario{width:100%;margin:5% 0 0 0;float:left;}
#formulario{width:100%;margin:0;}
#frmContacto {width:100%;font-size:1em;margin:0 3%;clear:both;}	
#formulario h3{font-size:1.2em;}	
#formulario{width:90%;}	
#formulario button{font-size: 1.4em;}
#formulario button{margin:2% 3% 0 4%;width: 93%;}
#IndexdirPostal{width:100%;float:left;margin:2% 0;}
#dirPostal{margin:0;}
#dirPostal li{display:block; margin:0 0 2% 0;}

.serviciosQuePrestamos{width:100%;margin:5% 0 0 0;}
.serviciosQuePrestamos h3{margin:5% 0 0 0;}
.quienesSomosServicios{width:90%;position:relative;margin:1% 0 1% 8%;float:left;}
.quienesSomosServicios h3{
font-family:'Montserrat', sans-serif;color:#ffffff;font-size:1.5em !important;;font-weight:bold;width:100%;line-height:1.8em;margin:0;text-shadow:1px 1px 2px #2c6cbe;text-align:center;background-color:#f9ad16;height:auto;}
.quienesSomosServicios ul{width:100%;padding:0;list-style-type:circle !important;}
.quienesSomosServicios ul li{width:100%;font-size:1em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;display:block;}
.quienesSomosServicios a img{width:60%;margin:10%;}
.quienesSomosServicios .material-icons{font-size:1.3em;color:#0071cd;}

.quienesSomosFotos{width:100%;position:relative;margin:0 0 5% 0;float:left;}
.quienesSomosFotos ul{width:100%;padding:0;list-style-type:none !important;margin:2% 0 0 0;}
.quienesSomosFotos ul li{width:50%;font-size:1em;text-align:left;font-weight:normal;color:#000;line-height:1.4em;float: left;margin:0 0 0 0;}
.quienesSomosFotos a img{width:70%;margin:2% 0 2% 15%;}
.tucomunidadServicios ul li h3 a img{width:90%;}
.Izq h3{font-size:1.7em !important;}
.Izq ul{width:100%;float:left;}


}
/*-----------------------------------------MEDIA QUERIS-601PX-----------------------*/
@media screen and (max-width:601px){

.IndexSlogan{width:100%;}
.Izq h3{font-size:1.5em !important;font-weight:bold;line-height:25px;}
}
/*-----------------------------------------MEDIA QUERIS-500PX-----------------------*/
@media screen and (max-width:500px){

}