/*:::::  Estilos por Mariana Pérez, MarPF :::::*/


/*:::::  Fuentes :::::*/
@font-face {
	font-family: 'Conv_Muli-Regular';
	src: url('../fonts/Muli-Regular.eot');
	src: local('☺'), url('../fonts/Muli-Regular.woff') format('woff'), url('../fonts/Muli-Regular.ttf') format('truetype'), url('../fonts/Muli-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Muli-Light';
	src: url('../fonts/Muli-Light.eot');
	src: local('☺'), url('../fonts/Muli-Light.woff') format('woff'), url('../fonts/Muli-Light.ttf') format('truetype'), url('../fonts/Muli-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*:::::  Estilo General :::::*/

/*azul: 07257D*/

html, body { width: 100%; height: 100%;}
hr {width: 94%; height: 1px; background-color:#C3C8CE; margin:10px auto; border:none;}

body {font-family:'Conv_Muli-Light','Century Gothic','Arial Rounded',sans-serif; font-size:14px;}
body, a, a:link, a:visited {color:#9a9b9d;}
a:hover, a:active {color:#07257D;}
.light {font-weight:400;}

a.ver_desglose{
	color:#000000;
}

.nopadding {padding:0;}
.nomargintop {margin-top:0 !important;}

.btn-accionborde {display: block; margin:15px auto; font-size:23px; line-height:30px; border:solid 2px #FFF; letter-spacing:5px; background:none;  color:#efefef;}
.btn-accionborde:hover {border:solid 2px #06257F; color:#fff;}
.btn-btnborde {display: block; margin:20px auto; font-size:23px; line-height:30px; border:solid 2px #FFF; letter-spacing:5px; background:none;  color:#efefef;}
.btn-btnborde:hover {border:solid 2px #06257F; color:#fff;}
.btn-btnborde_1 {display: block; margin:20px auto; font-size:10px; line-height:30px; border:solid 2px #FFF; letter-spacing:5px; background:none;  color:#efefef;}
.btn-btnborde_1:hover {border:solid 2px #06257F; color:#fff;}

.btn-accionbordealt {display: block; margin:15px auto; font-size:18px; line-height:30px; border:solid 2px #FFF; letter-spacing:5px; background:none;  color:#000000;}
.btn-accionbordealt:hover {border:solid 2px #06257F; color:#efefef;}



.btn-transparente {display:block; width:100%; background:url(../images/6_HOME_BTN_DETALLES_STSEGUROS_2016.png); color:#FFF !important; height:60px; font-size:24px; letter-spacing:5px; line-height:50px; margin:20px auto;}
.btn-transparente:hover {color:#07257D !important; }
.fondocobalto {background:#015FC3; color:#FFF;}
.fondo_g500 {background:#3f826a; color:#FFF;}
.fondootro {background:#F5A9F2; color:#FFF;}

.t12 {font-size:12px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;}
.t17 {font-size:17px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t22 {font-size:22px;}
.t24 {font-size:24px;}
.t26 {font-size:26px;}
.lh12 {line-height:12px}
.lh14 {line-height:14px}
.lh16 {line-height:16px}
.lh18 {line-height:18px}
.lh20 {line-height:20px}


/*::::: Header HOME :::::*/
.fotofondo {background: url(../images/foto.jpg) #06257e no-repeat right top; /*60% 0%*/ background-size:cover; z-index:1}
.fondo2 {background:#06257e left top; width:44%; height: 700px; margin-top: -180px; position: absolute;}

/*PASO 0*/
.intro-header {margin-top: 0; padding-top:180px;}
.intro-header container {z-index:30;}
#paso0 {margin-top:-60px;}
.paso0-content {color:#FFF;}
.paso0-content h3 {letter-spacing:6px; height: 30px; line-height: 44px;}
.con-bulletsq {margin-top:70px; margin-left:-10px;  letter-spacing:1px; font-size:17px; display:block; width:65%;}
.bulletsq {float:left; height:100px; margin-right:10px;}
.fondogris-conlista {background:#D4D2D3; padding:10px 15px; font-family: 'Conv_Muli-Regular';}
.fondogris-conlista p {color:#1D0B82; letter-spacing:2px; font-size:18px; margin-left:-5px; margin-bottom:20px;}
.fondogris-conlista li {color:#575757; line-height:24px; margin-left:10px; font-size:15px}
.fondotextura {background:#005fc3; font-size:12px; background-color: rgb(0, 95, 195);  background-color: rgba(0, 95, 195, 0.6);    } /*imagen con textura*/
.fondonaranja {background-color:#FD8800; text-align:center;}
.fondonaranja button {display:block; width:90%; padding:20px; color:#FFF; font-size:28px; letter-spacing:5px; text-decoration:none;}
.alto1 {height:110px;}
.alto2 {height:100px; padding-top:28px;}
.navbar-default {background:none; border:none;}
.navbar-right { margin-right: 40px;}
.rline {letter-spacing:1px;}
.rline:last-child {border-right:solid 1px #FD8800; border-left:solid 1px #FD8800;}
.rline a {color:#FFF; text-decoration:none;}
.rline a.special {color:#80A6D5; font-weight:400; letter-spacing:2px;}
.rline img {float:right; margin-left:5px;}
.hello580 {display:none;}

/*:::::  HEADER y NAVEGACIÓN PRINCIPAL :::::*/
.logo, .phone {vertical-align:top; height:100px;}
.logo {/*padding-top:52px;*/ padding-left:40px;}
.logo img {width:80%; height:auto; margin-top:-10px}
.phone {color: #FFF; padding-top:30px;}
.phone p, .phone img {vertical-align:top;}
.phone img {margin:5px 10px -15px;}
 .menunav {margin-top:20px;}




/*navbar responsive*/
.navbar-custom {position:absolute; top:0;left:0;width:100%;z-index:100;}
.navbar-custom .nav li a, .navbar-custom .nav li a:link, .navbar-custom .nav li a:visited, .navbar-custom .nav li a:active {font-size:19px; letter-spacing:1px; color:#efefef; text-align:center; padding:14px 10px; border:2px #015FC3 solid; margin:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {/*color:#06257F; background-color: #F4F5F9;*/ border:2px #F56D01 solid;}
/*.navbar-default {background-color: #07257D;}*/
.navbar-toggle {margin:-40px 20px 10px; width:60px;}
.navbar-toggle .icon-bar {width: 28px; height: 3px; margin: 2px auto;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

/*::::: NOSOTROS :::::*/
#nosotros .col-md-4 {padding:10px 60px; font-size:18px;}
#nosotros .quote {padding:40px 60px 10px; letter-spacing:2px; font-size:15px;}
#nosotros h4 {font-size:22px; color:#1a1a1a;}
#nosotros .icon {display:inline-block; width:100%; height:80px; vertical-align:top;}
#nosotros .icon img {width:auto; height:70px;}


/*:::::  SEGUROS (portafolio)  :::::*/
#seguros .row {margin:0;}
#paso1 .row {margin-left: 0;}
a .featured-img {width: 100%;}
a .featured-img img {width: 100%; height: auto;}
a h3 {
    text-align: center;
    padding: 19px 0px;
    font-size: 20px;
    float: left;
    width: 100%;
	margin:0px;
	background-color:#f4f5f9;
	border: solid 1px #eee;
}
#seguros .foto-desc {clear:both; padding:60px; font-size:15px}


/*:::::  CONTACTO  :::::*/
#contacto {background-color:#f4f5f9;}
#contacto .row1 {height:100px; padding-top:20px}
#contacto .col-md-8 p {margin-top: 20px; margin-bottom: 10px;}
.footer .direccion {font-size:17px; padding:20px 0; letter-spacing:1px}
.footer .logo {width:50%; height:auto;}


@media only screen and (min-width: 768px) {
  .navbar-custom {background: transparent;  border-bottom: 1px solid transparent;}
  .navbar-custom.bluebg {position:initial; background: #06257E; padding-bottom:10px;}
  .navbar-custom .navbar-brand, .navbar-custom .nav li a {color: white; padding: 20px 13px;}
}

@media only screen and (min-width: 1170px) {
  .navbar-custom {-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
  .navbar-custom.is-fixed {position: fixed; top: -61px; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #f2f2f2;  -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
  .navbar-custom.is-fixed .navbar-brand, .navbar-custom.is-fixed .nav li a {color: #404040;}
  .navbar-custom.is-fixed .navbar-brand:hover, .navbar-custom.is-fixed .navbar-brand:focus, .navbar-custom.is-fixed .nav li a:hover,
  .navbar-custom.is-fixed .nav li a:focus {color: #0085a1;}
  .navbar-custom.is-visible {-webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }
}

/*.intro-header-1 {
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(19,66,141,1) 15%, rgba(15,57,136,0.7) 21%, rgba(5,39,125,0) 34%);
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(19,66,141,1) 15%,rgba(15,57,136,0.7) 21%,rgba(5,39,125,0) 34%); 
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(19,66,141,1) 15%,rgba(15,57,136,0.7) 21%,rgba(5,39,125,0) 34%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0005277d',GradientType=0 );
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-bottom: 50px;
  padding-top:250px;
}
.intro-header {
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(19,66,141,1) 15%, rgba(15,57,136,0.7) 21%, rgba(5,39,125,0) 34%); 
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(19,66,141,1) 15%,rgba(15,57,136,0.7) 21%,rgba(5,39,125,0) 34%); 
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(19,66,141,1) 15%,rgba(15,57,136,0.7) 21%,rgba(5,39,125,0) 34%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0005277d',GradientType=0 );
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-bottom: 50px;
  padding-top:250px;
}*/

/*:::::  COTIZADOR EN HEADER :::::*/
.box {display:block; height:700px; width:100%;}
.boxtop {display:inline-block; height:650px; width:100%; vertical-align:bottom}
.boxbottom {display:inline-block; height:100px; width:100%; vertical-align:bottom}
.boxbottom-1{display:inline-block; height:100px; width:100%; vertical-align:bottom}
.boxbottom-g500{display:inline-block; height:130px; width:100%; vertical-align:bottom}
.boxbottom .btn-accionborde {margin:20px auto; font-size:30px; /*line-height:46px;*/ line-height: 20px; width:70%}
.boxbottom-1 .btn-accionborde {margin:20px auto; font-size:20px; line-height:46px; width:70%}
.boxbottom .btn-btnborde {margin:20px auto; font-size:18px; line-height:46px; width:90%}
.boxbottom .btn-btnborde_1 {margin:20px auto; font-size:14px; line-height:46px; width:90%}

.boxtop.slider {color:#FFF; padding:10px 70px; font-size:16px}
.boxtop.slider h2 {font-size:48px; letter-spacing:4px; line-height:50px; margin:0;}
.boxtop.slider h3 {font-size:40px; letter-spacing:4px; line-height:42px; margin-bottom:0;}
.boxtop.slider h4 {font-size:24px; letter-spacing:4px; margin:0 0 20px; line-height:26px;}
.boxtop.slider p {margin:17px 0; line-height:20px;}
.boxbottom.slider {background-color:#F4F2F3; padding-left:20px; padding-right:20px;}
.boxbottom.slider img {width:100%; height:auto; max-width:864px; padding-top:30px;}
.boxbottom-1.slider {background-color:#F4F2F3; padding-left:20px; padding-right:20px;}
.boxbottom-1.slider img {width:100%; height:auto; max-width:864px; padding-top:30px;}

.carousel-indicators {bottom: -60px;}
.carousel-indicators li {width:14px; height:14px;}
.carousel-indicators .active {width:16px; height:16px;}

/*Tabs verticales*/
div.cotiza-vert-container { z-index: 10; padding: 0 !important;}
div.btn-cotiza-vert {padding-right:0;}
div.btn-cotiza-vert div.list-group, div.btn-cotiza-vert div.list-group>a { margin-bottom: 0; height: 130px; background-color:#C3C8CE; color:#fff; font-size:18px; text-align:left; padding:0;}
div.btn-cotiza-vert div.list-group>a.active /*naranja*/ { background-color: #F56D01; background-image: #F56D01; color: #ffffff;}
div.btn-cotiza-vert p {padding: 10px 14px;}
div.btn-cotiza-vert div.list-group span {font-size:30px; position:absolute; right:5px; bottom:5px; vertical-align:bottom;}
div.btn-cotiza-vert div.list-group>a.active:after /*triangle*/{content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent;border-left: 10px solid #F56D01;}
div.btn-cotiza-vert div.list-group>a.active, .list-group-item:last-child {border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
div.btn-cotiza-vert .list-group-item {border:solid;border-color:blue}
/*div.btn-cotiza-vert .list-group-item {border:dotted;}*/
div.btn-cotiza-vert .btn.disabled {opacity:1; filter: alpha(opacity=100);}
div.cotiza-vert-content{
  background-color: #fff; background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); zoom: 1; background-color: rgba(255, 255, 255, 0.8); 
 padding:10px 20px;  height:640px /*(height 130 x 5 botones)*/
}

div.cotiza-vert-content h1 {color:#015FC3; text-transform:uppercase; font-size:40px;}
div.cotiza-vert-content h1.cotiza {text-transform:initial}
div.cotiza-vert-content .col-md-6, .col-md-12  {padding:8px;}

/* Home ocntent paso2*/
.expiracion {display:block; background-color: #015FC3; position:absolute; right:0; top:0; width:148px; height:120px; color:#fff; font-size: 11px; padding:70px 10px 10px;}
.expiracion .hora {font-size: 17px;}

.table {margin-top: 10px; font-size:16px; color:#656762;}
.bordeder {border-right:solid 1px #E8E9EE;}
th, td {padding:0 !important}
.tabfiltro {padding:20px !important; height:60px;}
.onethird {display:inline-block; width:33.33%; vertical-align:top; margin:0; padding:0;}
.one4 {display:inline-block; width:25%; vertical-align:top; margin:0; padding:0;}
.one5 {display:inline-block; width:20%; vertical-align:top; margin:0; padding:0;}
.one6 {display:inline-block; width:16.66%; vertical-align:top; margin:0; padding:0;}
.one7 {display:inline-block; width:14.27%; vertical-align:top; margin:0; padding:0;}
.one8{display:inline-block; width:12.50%; vertical-align:top; margin:0; padding:0;}
.one9{display:inline-block; width:11.11%; vertical-align:top; margin:0; padding:0;}
.one10{display:inline-block; width:10%; vertical-align:top; margin:0; padding:0;}
.left-1 {margin-left: -5px;}
.tabcompara .tablogo {height:100px; vertical-align:middle;}
.tabcompara .ranking {height:28px; font-size:12px}
.tabcompara .ranking2 {height:28px;}
.tabcompara .precio {height: 90px; font-size: 20px; background-color:#FFF; font-family:'Conv_Muli-Regular', sans-serif;}
.tabcompara .precio2 {height: 90px; background-color:#FFF;}
.tabcompara .rating {height:50px; font-size:13px; line-height:14px;}
.tabcompara .linebottom {border-bottom:solid 1px #C7CEAF;}
.tabcompara .stars {margin:10px auto;}
.tabcompara .stars img {width:40%; max-width:130px; height:auto;}



/*:::::  MEDIA QUERIES :::::*/

@media only screen and (max-width: 1200px) {
.btn-accionborde {margin:20px auto; font-size:18px; line-height:30px;}
.btn-btnborde {margin:20px auto; font-size:18px; line-height:30px;}
.btn-btnborde_1 {margin:20px auto; font-size:14px; line-height:30px;}

.container {width:94%}
.container.menunav {width:98%}
.logo {padding-left:0;}
.logo img {width:70%; height:auto;}
.navbar-custom .nav li a, .navbar-custom .nav li a:link, .navbar-custom .nav li a:visited, .navbar-custom .nav li a:active {padding:10px 8px; margin-top:-5px;;}
}

@media only screen and (max-width: 1060px) {
.alto2 {height:100px; padding-top:15px;}
}
@media only screen and (max-width: 991px) {
.boxbottom.fondocobalto {margin-top:0px;}
.box, .boxtop {height:initial;}
.btn-accionborde {margin:20px auto; font-size:17px; line-height:18px; letter-spacing:3px;}
.btn-btnborde {margin:14px auto; font-size:17px; line-height:18px; letter-spacing:3px;}
.btn-btnborde_1 {margin:14px auto; font-size:11px; line-height:18px; letter-spacing:3px;}

.logo {padding:0;}
.logo img {width:80%; height:auto;}
.navbar-custom .nav {margin:10px auto;}
#seguros .foto-desc {clear:both; padding:20px 40px 60px; font-size:20px}
#paso2 .boxtop .col-md-12 {width:90%;}
#contacto .row1 { height: initial;}
div.cotiza-vert-container {width: 99%;}
.tabcompara .tablogo {height:90px;}
.tabcompara .tablogo img {width:78%; height:auto;}
.tabcompara .precio {font-size: 20px; height:82px;}
.tabcompara .precio2 {height:82px;}
.tabcompara .stars img {width:54%; max-width:130px; height:auto;}
div.cotiza-vert-content {height:890px; margin-bottom:10px;}

.fondo2 {height:700px;}
.con-bulletsq {margin-top: 0px; height:30px; width: 100%;}
.alto1 {height: 90px;}
.alto2 {font-size: 16px; line-height: 28px; height:initial; padding:10px;}
.fondogris-conlista li {line-height: 28px; font-size: 16px;}
.bye991 {display:none}

}

@media only screen and (max-width: 809px) {
	.table { margin-top: 0;}
}

@media only screen and (max-width: 767px) {
.boxtop.slider {padding: 10px;}
.btn-accionborde {margin:14px auto; font-size:17px; line-height:18px; letter-spacing:1px;}
.btn-btnborde {margin:14px auto; font-size:17px; line-height:18px; letter-spacing:1px;}
.btn-btnborde_1 {margin:14px auto; font-size:10px; line-height:18px; letter-spacing:1px;}

.navbar-custom {background-color: #07257D;}
.navbar-default .navbar-collapse {border:none;}
.navbar-collapse, .container {margin-bottom: 10px;}
.navbar-custom .nav li a, .navbar-custom .nav li a:link, .navbar-custom .nav li a:visited, .navbar-custom .nav li a:active {border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom:solid 1px #fff; padding:15px 0;}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {color:#06257F; background-color: #F4F5F9;}
.phone {font-size: 16px; }
div.cotiza-vert-content {/*margin-top:100px;*/height: auto;}

div.cotiza-vert-container {width: 96%; margin-left:2%}
#paso2 div.cotiza-vert-container {width:100%; margin-left:0;}
#paso1 .btn.disabled, #paso2 .btn.disabled {display:none;}
#paso1 .row {margin-left: -15px;}
#paso2 div.cotiza-vert-content {padding-top: 50px;}
#paso3 th {width:40px;}

div.btn-cotiza-vert div.list-group, div.btn-cotiza-vert div.list-group > a {height:initial;}
div.btn-cotiza-vert div.list-group > a {height: 60px; width: 23%; display: inline-block; margin-top: 5px;}
div.btn-cotiza-vert div.list-group p {text-indent: -9999px;}
div.btn-cotiza-vert div.list-group span {right: 40%; top:10px; vertical-align: bottom;}

.expiracion {width:170px; height:60px; font-size: 11px; padding:10px;}
div.cotiza-vert-content h1 {font-size:26px; padding:0 12px}
.tabcompara .precio {font-size: 20px;}
.tabcompara .stars img {width:62%; height:auto;}

.navbar-toggle { margin: 0px 30px;}
.fondo2 {display:none;}
.logo img {width:90%; height:auto; margin-top:-10px}
.con-bulletsq {height: 50px;}
}	
	
@media only screen and (max-width: 580px) {
.col-xs-5, .col-xs-7 {width:100%; text-align:center}
.phone {font-size: 15px;}
.t26 {font-size:22px;}
#nosotros .quote {font-size: 16px; letter-spacing: 1px;}
.t12 {font-size: 14px}
div.cotiza-vert-container {margin-top:50px}
.expiracion {width:100%; height:60px; font-size: 11px; padding:10px;}
#paso2 div.cotiza-vert-content h1 {font-size:26px; padding:10px; margin-top:60px;}

.intro-header {padding-top: 240px;}
.bye580 {display:none;}
.hello580 {display:initial; width:82%; margin:5px 9%;}
.rline {min-height:70px; padding-top:15px;}
.rline:last-child {border-right:0; border-left:0; border-top:solid 1px #FD8800;}
}


/*Tooltip en auto*/
a.infofaq, a.infofaq:visited, a.infofaq:active{ position: relative; z-index: 1; text-decoration: none; color:#003477; font-size:12px;}
a.infofaq:hover{ z-index: 2; color:#003477;font-size:12px;}
a.infofaq span{ display: none;}
a.infofaq:hover span{
    display: block;
    position: absolute;
    top: -30px;
    left: 20px;
    width: 200px;
    background-color:#DEDEDE;
	border:#003477 solid 1px;
    color: #333333;
    font-size: 13px;
    text-align: left;
	font-weight:normal;
	padding:8px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    }
a.info, a.info:visited, a.info:active{ position: relative; z-index: 1; text-decoration: none; color:#003477; font-size:12px;}
a.info:hover{ z-index: 2; color:#003477;font-size:12px;}
a.info span{ display: none;}
a.info:hover span{
    display: block;
    position: absolute;
    top: -25px;
    left: 80px;
    width: 280px;
    background-color: #b0d7fe;
    color: #1a1a1a;
    font-size: 12px;
	line-height:16px;
    text-align: left;
    font-weight:normal;
    padding:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/*a.whatsthis {color:#09F; font-size:10px;}*/
a.whatsthis:hover {color:#09C; font-size:10px;}
a.whatsthis {color:#000000; font-size:10px;}

.txtCompleto{width: 100%;}
.txsubtitleauto{color:#FFFFFF}


/*iframe en agente e iglesia.php*/

/*.tapa-logo-iframe, .tapa-logo-iframe-g {position:absolute; top: 30px; left: 10px; display:block; width:92%; height:60px; background:url('https://stseguros.com.mx/images/iframe-telefono.png') center center no-repeat #00345F;}*/
.tapa-logo-iframe, .tapa-logo-iframe-g {position:absolute; top: 30px; left: 10px; display:block; width:97.5%; height:36%; background:url('https://stseguros.com.mx/images/iframe-telefono.png') center center no-repeat #00345F;}
/*.tapa-logo-iframe {position:absolute; top: 10px; left: 10px; display:block; width:160px; height:69px; background-color:#00345F;}
.tapa-logo-iframe-2 {position:absolute; top: 10px; right: 10px; display:block; width:400px; height:69px; background-color:#00345F;}*/


/*iframe en agente e iglesia.php*/
/*.tapa-logo-iframe-g {position:absolute; top: 10px; left: 10px; display:block; width:220px; height:69px; background-color:#00345F;}
.tapa-logo-iframe-g-2 {position:absolute; top: 10px; right: 10px; display:block; width:500px; height:69px; background-color:#00345F;}
*/

@media only screen and (max-width: 880px) {
.tapa-logo-iframe, .tapa-logo-iframe-g {width:96.5%;}
}


/*ampliar container en resoluciones mayores a 1280*/
@media only screen and (min-width: 1281px) {
.tapa-logo-iframe, .tapa-logo-iframe-g {width:96.5%;}
.container {width: 88%;}
}