*{
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@font-face {
  font-family: 'ttf_wepablo';
  font-style: normal;
  src: url('font/isocpeur.woff2') format('woff2');
}



.estilo_body {
    font-family: ttf_wepablo, Arial, Helvetica, Tahoma, sans-serif;
     background-color: #011A42;
     color: #fff;
}


.eFondoBlanco {
     background-color: #fff;
     color: #000;
}
.eDetalleCiudad{
     
}

.eEncabezadoLogo{
     text-align: center;
}

.ePie{
     padding: 25px 0 5px;
     text-align: center;
}
.eEspacioParrafoTexto p{
     padding: 5px 0;
}

.eEspacioParrafoTexto H1, H2, h3, h4{
     padding: 20px 0 5px;
}

.eCopyright{
     font-size: small;
}

.eSeccion{
     padding: 40px 20px;
}
.eSeccionColor{
     background: #011129;
}

.eFormulario{
}
.eFormulario label, input, textarea {
     width: 100%;
}
.eCampoGrupo{
     padding: 0 0 15px;
}

.eFondoAcerca{
     background-image: url('imagenes/sAcerca003.png'); background-position:  right; 
     background-repeat: no-repeat; background-size: auto 100%;
}
.eFondoContacto{
     background-image: url('imagenes/sContactos003.png'); background-position:  left; 
     background-repeat: no-repeat; background-size: auto 100%;
}
.eFondoLocacion{
     background-image: url('imagenes/sLocacion003.png'); background-position:  right; 
     background-repeat: no-repeat; background-size: auto 100%;
}
.eContenido{
     width: 60%; 
     background: #000; 
     padding: 20px;
}


.eCampoFormulario {
	background-color:#FFF;
	border-radius:6px;
	border:1px solid #d02718;
	font-family:ttf_wepablo;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
}

.eBotonFormulario {
	box-shadow: 0px 1px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:ttf_wepablo;
	font-size:15px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.eBotonFormulario:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.eBotonFormulario:active {
	position:relative;
	top:1px;
}


A{ text-decoration: none; color: inherit; }
A:visited {text-decoration: none; }
A:hover {text-decoration: underline; color: #f24437;}

.eContenedorItem{
     overflow: hidden;
}
.eContenedorItemGrupo{
     border: 2px solid #304F86; 
     border-radius: 83px 20px 20px 83px; 
     width: 300px; height: 166px; 
     padding: 5px; margin: 15px; 
     float: left;
     overflow: hidden; 
     display:inline-block;
}
.eItemImagen{
     border-radius: 100px; 
     width: 150px; height: 150px; 
     background-position:  center; background-repeat: no-repeat; background-size: cover; 
     float: left;
}
.eItemTexto{
float: left; 
margin: 0 0 0 5px;
text-align: center;
vertical-align: middle;
width: 130px; height: 100%; 
display: flex; 
justify-content: center; 
align-items: center;
}

.eMensajeExito{
     border-radius: 6px;
     background: green;
     text-align: center;
     padding: 10px;
     margin: 10px;
}
.eMensjaeError{
     border-radius: 6px;
     background: red;
     text-align: center;
     padding: 10px;
     margin: 10px;
}


/* aqui pongo todo lo que va a ocurrir para Celulares */
@media screen and (max-width:810px) {
	.estilo_body {
	    width: 100%;
	}

     .eContenido{
          width: 75%; 
     }

}