/*  

Theme Name: Vega Real

Author: Merit Designs

Author URI: https://meritdesigns.com

Description: Theme responsive para Vega Real

Version: 1.0

*/





body { font-family: 'Open Sans', sans-serif; font-size: 17px; color: #4C4C4C; font-weight: 400; line-height: 1.5em; }

p { margin-bottom: 20px; }

.container-fluid { width: 1300px; max-width: 100%; margin: 0 auto; } 

.clear { clear: both; }

.right { text-align: right; }

.left { text-align: left; }

.justify { text-align: justify; }

.center { text-align: center; }

.light { font-weight: 300; }

.bold { font-weight: 600; }

.extrabold { font-weight: 700; }

.nowrap { white-space: nowrap; }

a, a:hover { color: #333; text-decoration: none; }

a.boton { background: #34673c; padding: 4px 20px; border-radius: 3px; border: 1px solid #34673c; color: #fff; font-weight: 300; transition: all 0.2s ease-in-out; display: inline-block; }

a.boton:hover { background: #1c4923; }

a.boton-gris { border: 1px solid #999; background: #ccc; padding: 4px 20px; color: #333; font-weight: 400; transition: all 0.2s ease-in-out; border-radius: 3px; display: inline-block; }

a.boton-gris:hover { background: #a0a0a0; }

.contenidos { text-align: justify; }

.text-green { color: #34673c; }

.paddings { padding-top: 40px; padding-bottom: 40px; }

.maspadding { padding-left: 12%; padding-right: 12%; }

.gris { background: #eeecef; }

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

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333; margin-top: 0; margin-bottom: 20px; }

h3.subrayado { padding: 0 14px 5px 14px; border-bottom: 2px solid #4c4c4c; display: inline-block; width: auto; }





/* Header */

.top { background: #E9CB2D; color: #33663B; font-size: 12.5px; font-weight: 300; padding: 6px }

.top a, .top a:hover, .top a:focus { color: #33663B; }

.top .social img { width: 24px; vertical-align: top; margin-left: 3px;  }



.top2 { background: #f3f3f3; padding: 20px 0; }

.top2 .telefonos { color: #33663B; font-size: 24px; font-weight: 600; margin-left: 12px; }

.top2 input[type="text"] { border: 1px solid #B3B3B3; border-radius: 3px; padding: 4px 12px;}

.top2 input[type="submit"] { border: 1px solid #33663B; border-radius: 3px; padding: 4px 12px; background: #33663B; color: #fff; text-transform: uppercase; }



/* MENU */

header .menu { background: #34673C; width: 100%; z-index: 999; }

.navbar.navbar-default { padding: 0; margin: 0; background: transparent; border: none; border-radius: none; }

.navbar-default .navbar-nav > li { padding-left: 5px; padding-right: 5px; }

.navbar-default .navbar-nav > li > a { color: #fff; border-bottom: 4px solid transparent; white-space: nowrap; font-weight: 300; padding-left:3px; padding-right: 3px; font-size: 15px; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-page-ancestor > a { background-color: #34673C;  color: #fff; border-bottom: 4px solid #E9CB2D; 

}

/*------*/


.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-page-ancestor .destacado-menu > a { background-color: #862220; font-weight: bold; color: #fff; border-bottom: 4px solid #862220; 

}

/*.destacado-menu > a { background-color: #862220; font-weight: bold;}/*LFR 02/06/2020 para destacar el menu de covid*/


.destacado-menu > a { background-color: #862220; font-weight: bold; }/*LFR 02/10/2020 para destacar el menu de covid*/


.destacado-menu > a {	color: #E9CB2D;  

	padding-right: 25px;

	text-decoration: none;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #E9CB2D;
	
		border-left-width: thin;

	border-left-style: solid;

	border-left-color: #E9CB2D;
	
	
		padding-bottom: 25px;
	
	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #E9CB2D;

}/*LFR 02/10/2020 para destacar el menu de covid*/

 
                              
.destacado-menu2 > a {color :#E9CB2D; background-color: #E9CB2D; font-weight: bold;
	padding-right: 25px;
	text-decoration: none;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #EF7010;
    border-left-width: thin;
	border-left-style: solid;
	border-left-color: #EF7010;
    padding-bottom: 25px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #EF7010;
    border-top-color : #EF7010;  
    

}/*LFR 02/10/2020 para destacar el menu de covid*/


/*------*/




.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #e9cb2d; color: #34673C; font-weight: bold;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #e9cb2d;
    color: #34673C;
	border: none !important; 
	font-size: 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff !important; font-weight: 300 !important; font-size: 15px;}


/* Carousel */

#carousel-1 .item { height: 435px; width: 100%; }

.carousel-control.left, .carousel-control.right { background-image: none; }

#carousel-1 h4 { color: #fff; font-size: 50px; font-weight: 400;  }

.carousel-caption { left: 15%; padding-bottom: 130px; right: 15%; text-align: left; max-width: 400px; }

.carousel-caption .botonslide { background: #E9CB2D; color: #34673C; font-size: 18px; padding: 4px 20px; border-radius: 3px; text-shadow: none; margin-top: 20px; font-weight: 600; display: inline-block; }



/* News Ticker */

#stop-resume{ display: block; padding: 10px; background-color: #f1f1f1; margin:10px; width: 70px; text-align: center; border:solid 1px white; text-transform: uppercase; font-family: sans-serif; text-decoration: none; }

#stop-resume:active{ background-color:white; border:solid 1px #f1f1f1; color:blue; }

.newsTickerContainer { background: #EEE; padding: 7px 0; }

.TickerNews { width: 100%; font-size: 15px; }

.ti_wrapper { width: 100%; position: relative; overflow: hidden; }

.ti_slide { width: 30000px; position: relative; left: 0; top: 0; }

.ti_content { width: 8000px; position: relative; float:left; }

.ti_news { float:left; }

.ti_news a{ display: block; color:black; text-decoration: none; color: #333; padding: 0 10px; border-right: 1px solid #666; }



/* Home */

.introSomos { padding-top: 50px; padding-bottom: 50px; }

.tasacambio { background: #34673C; color: #fff; padding: 12px 20px 0 20px; font-size: 15px; }

.tasacambio h3 { font-weight: 300; font-size: 22px; padding-bottom: 3px; color: #fff; margin-bottom: 0; }



.newsletter { margin-top: 10px; background: #f0f0f0; padding: 12px 20px; margin-bottom: 12px; }

.newsletter h3 { color: #33663B; font-weight: 400; font-size: 18px; }

.newsletter input[type="text"] { border: 1px solid #999999; padding: 5px 10px; border-radius: 3px; margin-bottom: 10px; width: 100%; font-size: 15px; }

.newsletter button[type="submit"] { background: #34673C; border-radius: 3px; padding: 3px 12px; font-size: 18px; color: #fff; font-weight: 400; border: 1px solid #34673C; float: right; }



.quick-links { background: #E9CB2D; text-align: center; padding-top: 10px; }

.quick-links ul { list-style-type: none; display: block; width: auto; } 

.quick-links ul li { display: inline-block; width: 220px; text-align: left; vertical-align: middle; padding-left: 56px; font-size: 18px; line-height: 18px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #6a5e1c; height: 50px; }/*LFR 12/11/2019*/

.quick-links ul li a, .quick-links ul li a:hover { color: #333; }

.quick-links ul li.noticias { background: url(images/noticias.png) no-repeat; background-position: 10px center; }

.quick-links ul li.genero { background: url(images/Icono_igualdad.png) no-repeat; background-position: 10px center; }

.quick-links ul li.financieros { background: url(images/estados-financieros.png) no-repeat; background-position: 10px center; }

.quick-links ul li.educacion { background: url(images/educacion-corporativa.png) no-repeat; background-position: 10px center; }

.quick-links ul li.casaclub { background: url(images/casa-club.png) no-repeat; background-position: 10px center; padding-top: 16px;  }

.quick-links ul li.buzon { background: url(images/buzon.png) no-repeat; background-position: 10px center; }

.quick-links ul li.trabajanosotros { background: url(images/trabaja-con-nosotros.png) no-repeat; background-position: 5px center; }



.productos_home img { margin-bottom: 20px; }

.productos_home { font-size: 16px; text-align: justify; }

.productos_home a.boton-gris { margin-top: 20px; }

.productos_home .col-sm-4 { border-right: 1px solid #ccc; }



.calculos { padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #555; padding-right: 12%; }

.calculos a { color: #333; padding-bottom: 3px; padding-right: 40px; border-bottom: 3px solid #333; display: inline-block; margin-bottom: 30px; font-size: 16px; font-weight: 600; }



a.news_horizontal { display: inline-block; width: 100%; height: 160px; }



/* Footer */
/*footer  { display: inline-block; width: 220px; text-align: left; vertical-align: middle; padding-left: 56px; font-size: 18px; line-height: 18px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #6a5e1c; height: 50px; }*/

footer { background: #34673C; color: #fff; font-weight: 300; padding: 20px 0 0 10px;}

footer a, footer a:hover { color: #fff; }

footer ul { list-style-type: none; display: block; width:auto; margin: 0 0 10px 0; padding: 0; }

footer ul li { display: inline; padding: 0 5px; font-size: 15.5px;}

footer img { vertical-align: middle; }

footer .certificado { margin-right: 10px; }

footer .buzon a{ text-transform: uppercase; background: #fff; display: inline-block; padding: 8px 14px; border-radius: 4px; color: #34673c; font-weight: 600; font-size: 13px; margin-right: 5px; }

.footersocial { text-align: center; margin-bottom: 10px; }
.footersocial img { width: 38px; margin-left: 1px; margin-right: 1px; }

footer .designby { text-align: right; }



.youtube iframe { width: 100% !important; max-width: 100% !important; }

.youtube { text-align: justify; }

.youtube.caja { padding: 12px; }



a.thumb_galeria { display: inline-block; width: 150px; height: 100px;}



/* Pag. Sucursales */

.menusucursales { border: 1px solid #ccc; background: #f4f4f4; margin-bottom: 30px; }

.menusucursales .cabecera { background: #34673C; color: #fff; text-align: center; font-weight: 600; padding: 4px; }



.menusucursales .panel-heading { border-bottom: 1px solid #f0f0f0; border-top-left-radius: none; border-top-right-radius: 0; padding: 6px 14px; border-radius: none !important; }

.menusucursales .panel-group .panel { border-radius: none !important;  margin-bottom: 0; }

.menusucursales .panel-group .panel + .panel { margin-top: 0; }

.menusucursales .panel-group { padding-bottom: 0; margin-bottom: 0; }

.menusucursales .panel-body { padding: 7px 15px; }

.menusucursales .panel-body ul { list-style-type: none; margin-left: 0; padding-left: 0;  }

.menusucursales .panel-body ul li { font-size: 14px; font-weight: 300; color: #4c4c4c; }  

.menusucursales .panel-body ul li:before { content: '·';  margin-right: 7px; font-weight: 700;  }

.menusucursales li.active a { color: #33663B; font-weight: 600; }

#sucursalactiva h4.titulo { font-size: 20px; font-weight: 400; color: #4c4c4c; padding-bottom: 4px; border-bottom: 4px solid #34673C; margin-bottom: 20px; }

#sucursalactiva p { margin-bottom: 5px; font-weight: 300;  }

#sucursalactiva strong { font-weight: 400; } 

#mapa { margin-top: 20px; } 



/* Servicios */

.menuservicios .servicio { width: 100%; padding-top: 120px; text-align: center; padding-bottom: 10px; margin-bottom: 20px; padding-left: 12px; padding-right: 10px; height: 180px; }

.menuservicios .servicio:hover h4, .menuservicios .servicio.active h4 { color: #fff;  }

.menuservicios .ahorro { background: url(images/cuentas-ahorro.png) no-repeat center 14px #fff; background-size: 100px; }

.menuservicios .prestamos { background: url(images/prestamos.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .certificados { background: url(images/certificados.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .salud { background: url(images/salud.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .club { background: url(images/club.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .membresia { background: url(images/membresia.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .planfuneral { background: url(images/funeral.png) no-repeat center 14px #fff; background-size: 100px;}

.menuservicios .tarifario { background: url(images/tarifas.png) no-repeat center 14px #fff; background-size: 100px;}





.menuservicios .ahorro:hover, .menuservicios .ahorro.active { background: url(images/cuentas-ahorro-w.png) no-repeat center 14px #34673c; background-size: 100px; }

.menuservicios .prestamos:hover, .menuservicios .prestamos.active { background: url(images/prestamos-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .certificados:hover, .menuservicios .certificados.active { background: url(images/certificados-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .salud:hover, .menuservicios .salud.active { background: url(images/salud-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .club:hover, .menuservicios .club.active { background: url(images/club-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .membresia:hover, .menuservicios .membresia.active { background: url(images/membresia-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .planfuneral:hover, .menuservicios .planfuneral.active { background: url(images/funeral-w.png) no-repeat center 14px #34673c; background-size: 100px;}

.menuservicios .tarifario:hover, .menuservicios .tarifario.active { background: url(images/tarifas-w.png) no-repeat center 14px #34673c; background-size: 100px;}



.contentservicios h4:before { content: '-'; font-weight: 800; color: #34673c; font-size: 30px; margin-right: 4px; padding-left: 16px; }

.contentservicios p { padding-left: 20px; }

.contentservicios ul { list-style-type: none; }

.contentservicios ul li { display: inline-block; width: 33%; }

.contentservicios ul li:before { content: '-'; font-weight: 800; color: #34673c; font-size: 20px; margin-right: 4px; }



.noticia { padding: 0 14px; margin-bottom: 30px; }

.noticia img { width: 100%; height: auto; margin-bottom: 14px; }

.noticia .titulonoticia { font-size: 18px; font-weight: 600; }

a.imagen_not { display: block; width: 100%; height: 140px; }

.caja-noticia { border: 1px solid #f0f0f0; padding: 20px; transiton: all 0.2s ease-in-out; }

.noticia:hover .caja-noticia { background: #f2fcf2;}



.imgnoticia { margin-bottom: 20px; }

.imgnoticia img { width: 100%; height: auto; margin-bottom: 8px; }



/* Contacto */

.formcontacto p { margin: 0; padding: 0; }

.formcontacto input, .formcontacto textarea { width: 100%; border-radius: 3px; border: 1px solid #ccc; padding: 6px 12px; margin-bottom: 12px; }

.formcontacto input.boton { width: auto; background: #34673c; padding: 4px 30px; border-radius: 3px; border: 1px solid #34673c; color: #fff; font-weight: 300; transition: all 0.2s ease-in-out; display: inline-block; }

.formcontacto input.boton:hover { background: #1c4923; }

.datoscontacto p { margin: 0; padding: 0; }



/* Estados financieros */

.estadosfinancieros { padding: 0 25%; }

.estadosfinancieros ul { list-style-type: none; margin-left: 0; padding-left: 0; }

.estadosfinancieros li:nth-child(2n) { padding: 3px 20px; background: url(images/pdf.jpg) no-repeat left 6px #f2f2f2; }

.estadosfinancieros li:nth-child(2n+1) { padding: 3px 20px; background: url(images/pdf.jpg) no-repeat left 6px #fff; }

.dropdown-menu {
    background-color: #34673c;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 16px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 180px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
}

.dropdown-menu > li > a {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
	font-weight: 300;
	font-size: 14.8px;
}

.imagen-premio, .intro-premio { text-align: center; }
.imagen-premio img { max-width: 90px; }
.textos-premio p { padding: 12px 0 0 0; margin: 0; }
.textos-premio ul { list-style-type: circle; } 
/** Media Querys **/
@media(min-width: 992px) {
.dropdown:hover .dropdown-menu { display: block;  margin-top: 0; }
}


@media (max-width: 998px) {

	.calculos { padding-right: 20px; }

	footer .certificado, footer .buzon, footer .copyright { display: none; }

	footer .footersocial { width: 50%; text-align: left; }

	footer .designby { width: 50%; margin-top: 20px; }

}



@media (min-width: 768px) {

    .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }

    .navbar .navbar-collapse { text-align: center; }

}



@media (max-width: 767px) {

	.onlypc, header .search, .tasacambio, .newsletter { display: none; }

	header .logo { text-align: center; }

	.navbar-default .navbar-toggle { border: none; background: transparent !important; }

	.navbar-default .navbar-toggle span.icon-bar { background-color: #E9CB2D;}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover { border-bottom: 3px solid #E9CB2D; }

	#carousel-1 .item { height: 335px; }

	#carousel-1 h4 { font-size: 40px; }

	.carousel-caption { padding-bottom: 100px; }

 .quick-links ul li { text-align: center; height: auto; width: 150px; padding-left: 0; padding-top: 40px; font-size: 16px; border: none; width: 45%; margin-top: 10px; }

	.quick-links ul li.noticias { background: url(images/noticias.png) no-repeat; background-position: top center; }

	.quick-links ul li.financieros { background: url(images/estados-financieros.png) no-repeat; background-position: top center; }

	.quick-links ul li.educacion { background: url(images/educacion-corporativa.png) no-repeat; background-position: top center; }

	.quick-links ul li.casaclub { background: url(images/casa-club.png) no-repeat; background-position: top center; }

	.productos_home .col-sm-4 { border-right: none; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }

	.youtube { margin-bottom: 20px; } 

	footer li { white-space: nowrap; }

	footer .footersocial { width: 100%; text-align: center; }

	footer .designby { width: 100%; margin-top: 20px; text-align: center; }

	.maspadding { padding-left: 20px; padding-right: 20px; }

	.contentservicios ul li { display: inline-block; width: 45%; }

}



@media (max-width: 598px) {

	.datoscontacto .col-xs-6 { width: 100%; font-size: 15px; margin-top: 20px; }

	a.thumb_galeria { width: 105px; height: 75px;}

}



@media (max-width: 498px) {

	#carousel-1 .item { height: 250px; }

	header .infocontacto { display: none; }

	#carousel-1 h4 { font-size: 30px; }

	.carousel-caption { padding-bottom: 60px; }

	.carousel-caption .botonslide { font-size: 16px; }

	.contentservicios ul li { display: inline-block; width: 100%; }

	a.imagen_not { height: 180px; }

}
.propiedad p { margin: 0; padding: 0; }
.propiedad img { }




