@charset "utf-8";
/* CSS Document */

.parallelogram {
	width: 330px;
	height: 30px;
	transform: skew(20deg);
	background: #243283;
	color:#fff;
	text-align:	center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 300px;
 }
  
.colortitulos{
	color: #243283;
}
.imgdaptable { 
max-width: 100%;
}
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
	color:#fff;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
A.navblue, A.navblue:VISITED, A.navblue:ACTIVE, A.navblue:FOCUS, A.navblue:LINK{
	color:#243283;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
A.service, A.service:VISITED, A.service:ACTIVE, A.service:FOCUS, A.service:LINK{
	color:#333;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
 /* CSS que contiene la maqueta con el ancho de 1200px */
#webcont{
width: 1100px;
margin: 0 auto; 
}

.septext{
margin: 10px; 
margin-top: 0;
}

@media (max-width: 840px){
	#webcont{
	width: 100%;
	}
	
}
/* CSS que contiene la maqueta con el ancho de 1200px */
#piepagina{
clear: left;
width: 100%;
background: #243283;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#piepagina a{
color: #fff;
}
/* CSS que contiene barra de redes sociales y contacto */
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:280px;
    width:210px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#fff;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    margin-left:-115px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
}
.sticky li p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    text-decoration:underline;
}
/* END CSS que contiene barra de redes sociales y contacto */

/* CSS contenedor web bienvenidos */
#contbgbienv{
	clear: left;
	background:#fff;
	color:#333;
	box-shadow: 2px 2px 5px #999;
	width: 100%;
	margin-top: -50px;
	height: auto;
}
.contbgbienv {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.colbienv {
  float: left;
  padding: 10px;
}

.colbienv.side {
  width: 40%;
}

.colbienv.middle {
  width: 60%;
}
.contwebbienv:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .colbienv.side, .colbienv.middle {
    width: 100%;
  }
}
/* END CSS contenedor web bienvenidos */

/* CSS contenedor de Servicios */

#contbgservice{
	clear: left;
	background:url(../fondo/fondo.jpg);
	background-color: rgba(25,25,51);
	box-shadow: 2px 2px 5px #999;
	width: 100%;
	height: auto;
}

.contwebservice {
color:#fff;
padding: 20px;
text-align: center;
}

.colservice.izq {
	float: left;
	width: 40%;
	padding: 10px;
	margin: 15px;
}

.colservice.der {
	float: left;
	width: 40%;
	padding: 10px;
    margin: 15px;
}

.contcolservice:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colservice.izq, .colservice.der {
    width: 100%;
 }
}
/* END CSS contenedor de Servicios */



/* CSS para contenedor de 3 botones contactos */
.clasimgbotones {
    border: 1px solid #243283;
	border-radius: 50px, ;
	background:#CCC;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 8px;
    width: 100px;
	height: 100px;
}

.clasimgbotones:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#contbgcontacto{
	clear: left;
	background:url(../imagenes/fondocontacto.jpg);
	color:#fff;
  	border: 1px solid #777;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	width: 100%;
	margin-top: -50px;
	height: auto;
}
.contcontac {
  padding: 20px;
  text-align: center;
}


.columcontact {
  float: left;
  width: 33.33%;
  padding: 15px;
}
.contwebcontact:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .columcontact {
    width: 100%;
  }
}
/* END CSS para contenedor de 3 botones contactos */

/* CSS para contenedor de 3 columnas ´mapa de sitio */
#contbgmapa{
	clear: left;
	background: #fff;
	color:#243283;
  	border: 1px solid #777;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	width: 100%;
	margin-top: -50px;
	height: auto;
}
.contmapa {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.colmapa {
  float: left;
  padding: 10px;
}

.colmapa.side {
  width: 25%;
}

.colmapa.middle {
  width: 50%;
}

.contcolmapa:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .colmapa.side, .colmapa.middle {
    width: 100%;
  }
}
/* END CSS para contenedor de 3 columnas ´mapa de sitio */

/* CSS Style para la transformacion 4 columnas */
.conbgevol {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.colevo {
  float: left;
  width: 25%;
  padding: 15px;
}

.contcolevol:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colevo {
    width: 100%;
  }
}
/* CSS Style para la transformacion 4 columnas */