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

body{

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 25px;
	margin:0px auto;
	background-color:none;
	
}

/* Estilos */

h1, h3, h4, h5, p, li, a, .footer, .footerwhite, .largo, .tituloblanco, .letterpress, .letterpresslight, .letterpresshard, .bys, .texshadow, .txtvolumen{ font-family: 'Open Sans', sans-serif; color:#000; text-align:left; font-style:normal;}

h1{  font-size:22px; color:#0069ad; margin: 0px auto; font-weight: 400;
text-align:left; text-shadow: white 0.1em 0.1em 0.2em; padding-left: 110px;}

h2{  font-size:26px; color:#0069ad; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: white 0.1em 0.1em 0.2em;}

h3{  font-size:13px; color:#ffffff; margin: 0px auto; font-weight: 400;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em; text-align: left;}

h4{  font-size:16px; color:#ffffff; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em;}

h5{ font-size:20px; color:#0a4094; margin: 10px 0px 0px 10px; font-weight: 700;
text-align:center; font-style: italic;}

h6{ font-size:20px; color:#0a4094; margin: 0px 5px 0px 5px; font-weight: 400;
text-align:center; font-style: italic;}

p{ font-size:21px; color:#000000; margin: 0px auto; font-weight: 400;
text-align:justify; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;     font-size: 20px !important;    line-height: 27px;}

.p2{ font-size:21px;}

li{ font-size:22px; color:#000000; margin: 0px auto; font-weight: 400;
text-align:left; text-shadow: white 0.1em 0.1em 0.2em;     font-size: 21px !important; line-height: 27px;}

.p2{ text-align:left; padding-left:10px;}

.p3{ font-size:22px; text-align:left;  padding-left:40px;}

.p4{ font-size:22px; text-align:left;  padding-left:70px;}

.titulos33 {
    font-size: 26px;
    color: #0069ad;
    margin: 0px auto;
    font-weight: 700;
    text-align: center;
    text-shadow: white 0.1em 0.1em 0.2em;
    padding-top: 25px;
}

span #Label1{  font-size:13px; color:#ffffff; margin: 0px auto; font-weight: 400;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em; text-align: left;}

/* Links */

a {text-decoration: none;}

a:link {color: #000000;}
a:visited {color: #707070;}
a:hover {color: #00238F;}
a:active {color: #000000;}

/* Divs */

.cotiza{ font-size:16px; color:#000000; margin: 0px auto; font-weight: 400;
text-align:justify; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;}

.titulos{  font-size:26px; color:#0069ad; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: white 0.1em 0.1em 0.2em;}

.titulos3{  font-size:26px; color:#0069ad; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: white 0.1em 0.1em 0.2em;    padding-top: 100px;}

.estiloli{ text-align:justify;}

.estilolin{ font-size:25px; color:#000000; margin: 0px auto; font-weight: 700;
text-align:justify; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;}

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:1000px; position:absolute;  background-size:cover; margin:0px auto; padding-top:60px;}

#inicio{ width:100%; max-width:1000px; height:auto; margin:0px auto; text-align:center;     min-height: 250px;}

#logo {
    width: 100%;
    max-width: 498px;
    height: auto;
    /* float: left; */
    /* padding-top: 120px; */
    margin: 0px auto;
    /* display: inline-block; */
    /* text-align: left; */
}

#face{    float: right;
    display: inline-block; padding-top: 9px;}
#mail{   display: inline-block; float: left;  margin: 50px 0px;}
	
#facebook{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:rgba(255,255,255,1.00); padding:40px 0px 40px 0px;}

#wrapperface{ width:90%; height:auto; text-align:center; margin:0px auto; max-width:1000px;}

#banners{     width: 100%;
    /* max-width: 1000px; */
    height: auto;
    text-align: center;
   /* margin: 250px auto;*/
margin: 250px 0px 50px auto;
	*margin: 220px auto;
    display: inline-block;
    /* padding-top: 120px; */
    background-color: rgb(255, 255, 255);
}

img{ border:none;}

.banners{ padding:0px 25px 0px 25px;}

.imagenres{ max-width:944px;}

.envol{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:#FFF;}

.envolnostros{ width:100%; height:auto; text-align:center; margin:170px 0px 0px 0px; background-color:#FFF;}

.envolservicios{ width:100%; height:auto; text-align:center; margin:170px 0px 0px 0px; background-color:#FFF;}

.envolinicio{ width:100%; height:auto; text-align:center; margin:0px auto;}

.txtenvol{ width:100%; max-width:1000px; text-align:center; margin:0px auto; background-color:#FFF;}

.txtenvolcontacto{ width:100%; max-width:1000px; text-align:center; margin:0px auto; background-color:#0f6a9d;}

.envolcotiza{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:#FFF;}

.envolcontacto{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:#0f6a9d;     padding-top: 100px;}

.wra{    width: 90%;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
}

.fianzas{    width: 100%;
    height: auto;
       max-width: 195px;
    min-height: 580px;
    margin: 2px auto;
    text-align: center;
    padding: 15px;
    border: 1px solid #b9b9b9;
    display: inline-table;
}

.envolcotiza{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:rgba(255,255,255,0.75);     min-height: 1000px; max-width:1000px; }

.txtenvolinicio{ width:100%; max-width:1000px; text-align:center; margin:0px auto;}

.linea{ width:100%; height:auto; margin:0px auto; text-align:center;}

.linea2{ width:100%; height:auto; margin:0px auto; text-align:center; display: flex; background-color:#0f6a9d;}

#mapa{ width:100%; height:auto; max-width: 898px; margin:100px 0px 50px 0px; display: inline-block;}

.txt{ width:100%; max-width:1000px; margin:50px 0px 0px 0px; display: inline-block; padding-top: 50px;}

#footer{ width:100%; height:auto; margin:0px auto; text-align:center; background-color:#000000; padding: 25px 0px 25px 0px;}

#contenidofooter{ width:100%; max-width:1000px; height:auto; margin:0px auto; text-align:center; font-size:13px; color:#ffffff; margin: 0px auto; font-weight: 400;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em; text-align: center;}

#wrappercontacto{ width:100%; max-width:1000px; height:auto; text-align:center; margin:0px auto; padding: 100px 15px;}

#frame{ width:100%; max-width:500px; display:inline-block; text-align: center; margin-top: 85px; background-color:#0f6a9d;}

#form{ width:100%; max-width:500px; height:auto; display:inline-block;}

#conte{ border:0px;}

#tels{ width:100%; max-width:482px; height:auto; min-height:166px; margin: 75px auto; background-image:url(../imagenes/fondo-telefonos.png); float: left; display: inline-block;}

#telstxt{ padding-top:40px;}

.contenedorbs{ width:100%; max-width:1000px; height:auto;}

.bs{ width:241px; height:223px; margin:0px auto; text-align:center; float: left; display: inline-block;}

.bs2{ width:194px; height:231px; margin:0px auto; text-align:center; float: left; display: inline-block;}

.responsiveimagec{ width:100%; max-width:729px; height:auto; margin:0px auto; text-align:center;}

.contenidosshadow{ width:100%; max-width:1000px; height:auto; text-align:center; margin:0px auto;}

/* -------- Menu ----------  */

#nav{ font-family:'Open Sans', sans-serif, Verdana; text-align:center; margin:0px auto 0px; font-weight: 700; padding:0px;}

nav{text-align:center; margin:0px auto 0px;  height:53px; width:100%;}

#nav, #nav ul{margin:0px auto; list-style-type:none; list-style-position:outside;  height:50px; display:inline-block;}

#nav a{font-family:'Open Sans', sans-serif, Verdana; font-size:18px; color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; outline:none; display:block;  text-decoration:none; font-weight: 700;}

#nav a:hover{font-size:18px; color:#0bceff;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; outline:none; display:block;  text-decoration:none; background:none;}

#nav a:active {font-size:18px; color:#0f6a9d;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; outline:none; display:block;  text-decoration:none; background:none;}

#nav li{float:left;position:relative; padding:10px;}
#nav ul {position:absolute;display:none;top:1.5em;}
#nav li ul a{width:6em;height:auto;float:left;}
#nav ul ul{top:auto;}	
#nav li ul ul {left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;}		

.fixed{ position:fixed !important; z-index:9999; background:#000000;}

/*------------- Responsive -------------*/

@media all and (max-width: 1079px) {
	
#nav a {
    font-family: 'Open Sans', sans-serif, Verdana;
    font-size: 15px;
    color: #FFFFFF;
    text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
    outline: none;
    display: block;
    text-decoration: none;
    font-weight: 700;
}}

@media all and (max-width: 999px) {

nav{text-align:center; margin:0px auto 0px; width:100%; height:45px; background-image:url(../images/fondo-menu.png); float:right; padding:8px 0px 0px 0px;}

nav select { width:90%; font: 12px/15px Arial, Helvetica, sans-serif; color: #464646; outline: none; padding: 5px; border: 2px solid #9e9e9e;}

.fixed{ position:relative;}
}


@media all and (max-width: 992px) {

#logo {
    width: 100%;
    max-width: 220px;
    height: auto;
    /* float: left; */
    padding-top: 14px;
    margin: 0px auto;
}
	
	#wrapperlogo {
    width: 90%;
    height: auto;
    background-color: rgba(255,255,255,1.00);
    margin: 0px auto;
    text-align: center;
    max-width: 1200px;
    min-height: 68px;
}

}

@media all and (max-width: 980px) {



#tels{ width:100%; max-width:482px; height:auto; min-height:166px; margin: 75px auto; background-image:url(../imagenes/fondo-telefonos.png); float: none; display: inline-block;}

#ubicacion{ width:100%; height:auto; min-height:none; margin:0px auto; text-align:center; background-color:#00548a; display: inline-block;}

.bs{ width:241px; height:223px; margin:0px auto; text-align:center; float:none;}

.bs2{ width:194px; height:231px; margin:0px auto; text-align:center; float:none;}

#mapa{ width:100%; max-width:700px; margin:100px 0px 50px 0px; display: inline-block;}
}

@media all and (max-width: 700px) {
#mapa{ width:100%; max-width:500px; margin:100px 0px 50px 0px; display: inline-block;}	
}

@media all and (max-width: 550px) {
#mapa{ width:100%; max-width:300px; margin:100px 0px 50px 0px; display: inline-block;}

h1{  font-size:18px; color:#0069ad; margin: 0px auto; font-weight: 400;
text-align:left; text-shadow: white 0.1em 0.1em 0.2em; padding-left: 110px;}

h2{  font-size:19px; color:#0069ad; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: white 0.1em 0.1em 0.2em;}

h3{  font-size:13px; color:#ffffff; margin: 0px auto; font-weight: 400;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em; text-align: left;}

h4{  font-size:16px; color:#ffffff; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: black 0.1em 0.1em 0.2em;}

h5{ font-size:18px; color:#0a4094; margin: 10px 0px 0px 10px; font-weight: 700;
text-align:center; font-style: italic;}

h6{ font-size:18px; color:#0a4094; margin: 0px 5px 0px 5px; font-weight: 400;
text-align:center; font-style: italic;}

p{ font-size:19px; color:#000000; margin: 0px auto; font-weight: 400;
text-align:justify; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;}

li{ font-size:19; color:#000000; margin: 0px auto; font-weight: 400;
text-align:left; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;}

.p2{ text-align:left; padding-left:10px;}

.p3{ font-size:18px; text-align:left;  padding-left:40px;}

.p4{ font-size:18px; text-align:left;  padding-left:70px;}

.titulos{  font-size:19px; color:#0069ad; margin: 0px auto; font-weight: 700;
text-align:center; text-shadow: white 0.1em 0.1em 0.2em;}

.estiloli{ text-align:justify; font-size:18px;}

.estilolin{ font-size:19px; color:#000000; margin: 0px auto; font-weight: 700;
text-align:justify; text-shadow: white 0.1em 0.1em 0.2em; padding:15px;}

.fianzas{    width: 100%;
    height: auto;
       max-width: 195px;
    min-height: auto;
    margin: 2px auto;
    text-align: center;
    padding: 15px;
    border: 1px solid #b9b9b9;
    display: inline-table;
}


}

/*Redondear Campos de Texto*/	

input[type="password"], input[type="search"] , input[type="form"], input[type="email"], input[type="tel"], textarea {
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:0px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;
	width:290px;
	height:30px;}	
	
	 input[type="text"], textarea {
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:0px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;
	width:90%;
    height:30px;}


/* The submit button */
input[type="submit"] {
	margin:0;
	float:left;
	width: 85px;
	color: ##051F46;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: ##3A95C9;
	background: -webkit-gradient(linear, left top, left bottom, from(#85CFE2), to(#3CC2EC));
	background: -moz-linear-gradient(top,  #85CFE2,  #3CC2EC);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	cursor: pointer;
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
input[type="submit"]:active {
	cursor: pointer;
	position: relative;
	top: 1px;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
	background: #9dc954;
	background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
	background: -moz-linear-gradient(top,  #9dc954,  #cae285);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
}

input[type="submit"]:disabled {
	top:0;
	color: #777;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bbb));
	background: -moz-linear-gradient(top,  #ccc,  #bbb);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}

.ttLocalizar {
    font-size: 12px;
    border-bottom: #0069AD solid 4px;
    height: 27px;
    /* background-image: url(../../Images/ico_locCot.png); */
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 5px;
    padding-top: 10px;
}

.rojo {
    color: #009BFF;
}

.subttCobertura {
    border-bottom: #0069AD solid 2px;
    height: 22px;
    background-image: url(../../Images/ico_cob_ad.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 13px 0px 0px 53px;
    margin: 6px 0px 3px 0px;
}

#fondocotiza{ background-image:url(../imagenes/fondo-cotiza.jpg); background-size:cover; margin:0px auto; width:100%; height:auto; background-attachment:fixed;}

#logosse{    width: 90%;
    height: auto;
    text-align: center;
    margin: 0px auto;    display: inline-block; padding-top: 20px;
}

#cot{ width:200px; height:250px;    display: inline-block; background-image:url(../imagenes/fondocot.png);}

.se{ float:right;}

.ana{    float: left;}

img{ max-width:100%; height:auto;}

#wrapperm{ width:100%; height:auto; background-color:rgba(255,255,255,1.00); margin:0px auto; text-align:center;     position: fixed;}

#wrapperlogo{     width: 90%;
    height: auto;
    background-color: rgba(255,255,255,1.00);
    margin: 0px auto;
    text-align: center;
    max-width: 1200px;
}

@media screen and (min-width:0\0) { 
    /* Tus estilos CSS para IE9, IE10, IE11  */
}