@charset "utf-8";

/* CSS Document */



html, body {

height:100%;

scroll-behavior: smooth;

}



body {

margin:0; 

text-align:center;

font-family: 'Lato', sans-serif;

color: #808080;

}

	

.center {

width:1000px;

margin:0px auto;

/*text-align:left;*/

}



.clear {

clear:both;

}



a img, img a, a {

border:none;

text-decoration:none;

}



ul, li, h1, h2, h3, h4, h5, form {

	margin:0;

	padding:0;

	list-style:none;

}



/******** IMAGENES RESPONSIVE **********/

.img-responsive {

	width: 100%;

	height: auto;

}



/******** TITLES **********/

h1 {

	font-size: 22px;

	color: #001640;

	font-family: 'Frank Ruhl Libre', serif;

	text-align: left;

	font-weight: 400;

}

h2 {

	font-size: 40px;

	color:#307f9f;

	margin: 0 0 10px 15px;

	padding: 40px 0 20px 0;

	font-family: 'Frank Ruhl Libre', serif;

	text-align: left;

	font-weight: 400;

}

h3 {

	font-size: 20px;

	font-weight: 500;

	color:#fff;

	padding: 10px;

}

h4 {

	font-size: 13px;

	font-weight: 400;

	margin: 0 0 2px 0;

	color:#808080;

}

h5 {

	/*color: #00214d;*/

	font-family: 'Frank Ruhl Libre', serif;

	font-size: 16px;

	font-weight: 700;

}

h6 {

	color: #5286ab;

	font-size: 14px;

	margin: 0;

	padding: 0;

}



/******** COLUMNS **********/

.col-20 {width:19%;	float:left; margin: 0 0.5%;}

.col-25 {width:24%;	float:left; margin: 0 0.5%;}

.col-33 {width:32%;	float:left; margin: 0 0.5%;}

.col-50 {width:49%;	float:left; margin: 0 0.5%;} 

.col-66 {width:65%;	float:left; margin: 0 0.5%;}

.col-75 {width:74%;	float:left; margin: 0 0.5%;}

.col-100 {width:100%; float:left;}



/******** BOTON **********/

a.boton1:link, a.boton1:visited {

	color: #5286ab;

	font-size: 15px;

	font-weight: 700;

	padding: 7px 15px 7px 30px;

	border-radius: 25px;

	display: inline-block;

	background: url("../img/btn-more.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 4px center;

}

a.boton1:hover {

	color:#fff;

	background-color: #5286ab;

}

a.boton-back:link, a.boton-back:visited {

	color: #5286ab;

	font-size: 15px;

	font-weight: 700;

	padding: 7px 15px 7px 30px;

	border-radius: 25px;

	border: 1px solid #5286ab;

	display: inline-block;

	background: url("../img/btn-back.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 4px center;

}

a.boton-back:hover {

	color:#fff;

	background-color: #5286ab;

}





/******** MENUS **********/

.header { 

	position: fixed;

	width: 100%;

	z-index: 10;

	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);

	background-image: linear-gradient(to bottom, #d6d7d8 10%, #fff);

	border-bottom: 3px solid #5380a5;

}

.logo {

	width: 110px;

	display: block;

	padding: 5px 0;

}

/*****MENU MOBILE*****/

.menu-mobile {

	text-align: left;

	margin: 8px 0 0 5px;

	float: left;

	display:none;

}

.menu-burger img{

	filter: invert(50%);

	width: 40px;

	height: auto;

}

.dropdown:hover a.menu-burger, a.menu-burger:hover {

	background:#00214d;

	width: 40px;

	height: 40px;

	border-radius: 5px 5px 0 0;

	display: block;

}

.dropdown:hover a.menu-burger img, a.menu-burger:hover img {

	filter: invert(0%);

}

.dropdown-content {

	display: none;

	margin: 0 0 0 0;

	padding: 20px 0 20px 0;

	width: 200px;

	background-image: linear-gradient(to bottom, #000c1d 5%, #001640);

	border-radius: 0 5px 5px 5px;

	position: fixed;

}

.dropdown:hover .dropdown-content{

    display: block;

}

.dropdown-content a:link, .dropdown-content a:visited {

	font-size: 15px;

	padding: 10px 20px;

	display: block;

	color: #fff;

}

.dropdown-content a:hover {

	background: rgba(0,0,0,0.2);

}

.dropdown-content a.submenu {

	padding: 10px 20px 10px 50px;

}



/***** DROPDOWN INSTITUCIONAL *****/

.dropdown2 {

  position: relative;

  display: inline-block;

}

.dropdown-content2 {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  /*padding: 12px 16px;*/

  z-index: 1;

	text-align: left;

}

.menu-top-1 .dropdown-content2 a:link, .menu-top-1 .dropdown-content2 a:visited {

	margin: 0;

	padding: 10px 20px;

}

.dropdown2:hover .dropdown-content2 {

  display: block;

}



/*****MENU HORIZONTAL 1*****/

.menu-top-1 {

	width: 60%;

	float: left;

	display: block;

	margin: -60px 0 0 80px;

}

.menu-top-1 ul li {display: inline-block;}

.menu-top-1 ul li a:link, .menu-top-1 ul li a:visited {

	color: #00214d;

	font-size: 15px;

	padding: 20px 12px;

	margin: 0;

	display:block;

}

.menu-top-1 ul li a:hover {

	background: linear-gradient(to bottom, rgba(0,33,77,0.05), rgba(48,127,159,0));

}

/*****MENU REDES*****/

.menu-top-2 {

	margin: -46px 5px 0 0;

	float: right;

	display: block;

}

.menu-top-2 ul li {display: inline-table;}

.menu-top-2 ul li a img {

	width: 25px;

	height: auto;

	margin: 0;

	padding: 0;

	vertical-align: middle;

}

.menu-top-2 ul li a:link, .menu-top-2 ul li a:visited {

	border-radius: 5px;

	display: block;

	padding: 5px 2px 2px 2px;

}

.menu-top-2 ul li a:hover {}

.menu-top-2 ul li a img {

}



a.btn-linkedin:link, a.btn-linkedin:visited {

	width: 30px;

	background: #027ba5;

}

a.btn-linkedin:hover {background: #00566d;}

a.btn-youtube:link, a.btn-youtube:visited {

	width: 30px;

	background: #cf2b27;

}

a.btn-youtube:hover {background: #a01515;}

a.btn-instagram:link, a.btn-instagram:visited {

	width: 30px;

	background: #c32aa3;

}

a.btn-instagram:hover {background: #a9198b;}



ul li a.btn-clientes:link, ul li a.btn-clientes:visited {

	border-radius: 25px;

	border:1px solid #307f9f;

	padding: 7px 10px 7px 35px;

	background: url("../img/btn-clientes.png") left center no-repeat;

	background-size: 28px auto;

	background-position: 2px center;

	color:#00214d;

	font-size:15px;

}

ul li a.btn-clientes:hover {

	background-color:#00214d;

	color: #fff;

}

ul li a.btn-login:link, ul li a.btn-login:visited {

	width: 30px;
	
	border-radius: 25px;

	background: #358800;

}

ul li a.btn-login:hover {

	background-color: #880000;

}

a.btn-clientes-mobile:link, a.btn-clientes-mobile:visited {

	width: 30px;

	background: #5280a4;

	border-radius: 25px;

}

a.btn-clientes-mobile:hover {background: #00566d;}

.header .menu-top-2 .btn-clientes-mobile {

	display: none;

}





/******** CUERPO **********/

.cuerpo {

	padding: 58px 0 0 0;

	z-index: 10;

}



/******** SLIDESHOW 1 **********/

.slideshow1 {

	z-index: 1;

}

.mySlides1 {	

	border-bottom:1px solid #fff;

}

.animate-fading {animation: fading 15s infinite;}

@keyframes fading{0%{opacity:0}10%{opacity:1}50%{opacity:1}100%{opacity:1}}



/******** SLIDE SHOW HOME **********/

.slideshow-home {

	background-image: linear-gradient(to bottom, #000c1d 5%, #001640);

}



/******** TEXT INTRO **********/

.text-intro {

	padding: 40px 0;

	font-family: 'Frank Ruhl Libre', serif;

	background: #001640;

	color: #fff;

	font-size: 22px;

	font-weight: 300;

}

.text-intro ul {

	padding:20px 0 20px 0;

}

.text-intro ul li{

	display: inline-block;

	padding: 0 20px;

	text-align: center;

}



/******** HOME TRAYECTORIA **********/

.home-trayectoria {

	background: url("../img/home-bg-trayectoria.png") top center no-repeat;

	background-size: 100% auto;

	padding: 5% 10%;

}

.home-trayectoria-in {

	background: rgba(0,22,64,0.85);

	display: block;

	padding: 5%;

}

.home-trayectoria-izq {

	float: left;

	width: 30%;

}

.home-trayectoria-der {

	float: left;

	width: 70%;



}

.home-trayectoria-der p {

	padding: 0 2% 0 10%;

	color: #fff;

	text-align: left;

	font-family: 'Frank Ruhl Libre', serif;

	font-style: italic;

	font-size: 18px;

	font-weight: 300;

}



/******** CONTENIDO **********/

.main {

	background-image: linear-gradient(to bottom, rgba(0,0,0,.1) 1%, #fff 5%);

}

.contenido {

	width: 66%;

	float: left;

	text-align: left;

	padding: 30px 0;

}



/******** SIDEBAR **********/

.sidebar {

	width: 33%;

	float: right;

	margin: 30px 0.5% 0 0;

	text-align:left;

}

.sidebar-widget {

	margin: 0 0 20px 0;

	background: #d0d1d2;

	border-radius: 5px;

}

.sidebar-widget h3 {

	border-radius: 5px 5px 0 0;

	background-size: 30px auto;

	background-position: 10px 8px;

	background-repeat: no-repeat;

	padding: 10px 10px 10px 45px;

}

.sidebar-widget-in {

	padding: 10px 10px 20px 10px;

}

.sidebar-youtube h3 {

	background-image: url("../img/red-youtube.png");

	background-color: #af1428;

}

.sidebar-vencimientos h3 {

	background-image: url("../img/red-calendar.png");

	background-color:#1d3a6b;

}

.sidebar-eventos h3 {

	background-image: url("../img/red-dia.png");

	background-color: #5286ab;

}

.sidebar-eventos .sidebar-widget-in {

	padding: 10px 0 20px 0;

} 

.sidebar-eventos-item {

	padding: 4px 10px;

	margin: 0 0 10px 0;

	/*border-left:5px solid #5286ab;*/

}

.sidebar-eventos-item:hover {

	background: rgba(0,0,0,0.05);

}

.sidebar-30aniversario { margin: 0 0 20px 0;}







/******** NOVEDADES **********/

.novedades {

	width: 100%;

	text-align: left;

	padding: 30px 0;

}

.novedades .articulo-small {

	width: 31.5%;

}



/******** BUSQUEDA Y FILTROS **********/

.searchbar {

	text-align: left;

}

.search {

	display: block;

	float: left;

	border: 1px solid #6d6e70;

	border-radius: 25px;

	padding: 5px;

}

.search input {

	border: none;

	padding: 5px 5px 5px 15px;

	width: 300px;

	font-size: 15px;

	font-weight: 500;

	background-color: transparent;

}

#filtro-opciones {

	width: 100%;

	display: block;

	margin: 15px 0;

	/*padding: 15px 0;*/

	background-color: #5286ab;

	border-radius: 25px;

	color: #fff;

}

.filtro-cat {

	margin: 12px 0 5px 20px;

	display: block;

	float: left;

}

.filtro-fecha {

	padding: 10px 15px;

	margin: 0 0 0 15px;

	background: #00214d;

	display: block;

	float: left;

}

input[type=checkbox] {

    /*zoom: 1.2;*/

	vertical-align: middle;

	margin: 0 5px 0 15px;

}

.filtro-fecha input {

	border: none;

	padding: 5px 5px 5px 5px;

	margin: 0 15px 0 0;

	font-size: 15px;

	width: 70px;

	text-align: center;

}

.filtro-fecha strong {

	margin: 0 15px 0 0;

}

a.boton-search:link, a.boton-search:visited {

	color: #fff;

	font-size: 15px;

	padding: 7px 15px 7px 30px;

	border-radius: 25px;

	border: 1px solid #5286ab;

	display: inline-block;

	background: url("../img/btn-search.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 4px center;

	background-color: #5286ab;

}

a.boton-search:hover {

	background:#00214d;

}

a#boton-filtro:link, a#boton-filtro:visited {

	color: #fff;

	font-size: 15px;

	padding: 7px 15px 7px 30px;

	margin: 5px;

	border-radius: 25px;

	border: 1px solid #5286ab;

	display: inline-block;

	background: url("../img/btn-filtro.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 4px center;

	background-color: #5286ab;

	cursor:pointer;

}

a#boton-search:hover {

	background:#00214d;

}

a.boton-filtro-ok:link, a.boton-filtro-ok:visited {

	color: #00214d;

	font-size: 15px;

	padding: 7px 25px 7px 25px;

	margin: 7px;

	border-radius: 25px;

	display: inline-block;

	float: right;

	background-color: #fff;

}

a.boton-filtro-ok:hover {

	background:#00214d;

	color: #fff;

}







/******** ARTICULOS **********/

.articulo-small {

	width: 48.5%;

	min-height: 415px;

	display: block;

	float: left;

	margin: 0 1.5% 30px 0;

	padding: 0 0 10px 0;

	border-radius: 5px;

}

.articulo-small:hover {

	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);

}

.articulo-small h1:hover {

	text-decoration: underline;

}

.cintillo {

	margin: 0 0 4px 0;

	font-size: 13px;

	padding: 4px 0 0 0;

}

.cintillo img {

	width: 15px;

	height: auto;

	vertical-align: middle;

	padding: 0 5px 3px 15px;

}

.cat-impositiva, .cat-agro, .cat-medios, .cat-memos {

	padding: 4px 6px;

	margin:0 5px 0 0;

	color: #fff;

	border-radius: 5px 0 0 0;

}

a.cat-impositiva:hover, 

a.cat-agro:hover, 

a.cat-medios:hover, 

a.cat-memos:hover {

	text-decoration: underline;

}

.cat-impositiva {background: #5286ab;}

.cat-agro {background:#678d37;}

.cat-medios {background: #af1428;}

.cat-memos {background: #da5b22;}



.contenido h1, .articulo-small a.boton1, .articulo-big .cintillo, .novedades h1 {

	margin: 5px 10px;

}

.articulo-big {

	width: 98%;

}

.contenido .articulo-big h1 {

	font-size:30px;

	margin: 20px 10px 20px 10px;

}

.copete, .full-text {

	color: #3a3a3a;

	line-height: 22px;

}

.copete {

	background: #efefef;

	padding: 10px 20px;

	margin:10px 0;

}

.full-text {

	padding: 0 15px

}

.full-text a:link, .full-text a:visited {

	color:#5286ab;

}

.full-text a:hover {

	text-decoration: underline;

}

.botonera-bottom {

	padding: 20px 15px 0 15px;

}

.botonera-bottom a {

	margin-right: 15px;

}



/******** BREADCRUMB **********/

.breadcrumb {

	background: #00214d;

	text-align: left;

	padding: 10px 0 10px 8px;

	color: #fff;

	font-size: 12px;

}

.breadcrumb a:link, .breadcrumb a:visited {

	color: #fff;

	font-size: 15px;

	margin: 0 10px;

}

.breadcrumb a:hover {

	text-decoration: underline;

}





/******************************/

/******** CATEGORIAS **********/

/******************************/



/******** AGRO **********/

.agro {

	text-align: left;

	color: #fff;

	background: url("../img/agro-bg.png") top center no-repeat #1b3207;

	background-size: 100% auto;

}

.agro h2 {

	color: #fff;

}

.agro-in {

	background: rgba(103,141,55,0.5);

}

.agro-in p {

	padding: 0 0 10px 0;

}

.agro-in ul {

	padding: 15px 0 0 0;

	margin:0;

}

.agro-in ul li {

	padding: 0 0 0 30px;

	margin: 0 0 15px 0;

	background: url("../img/list-blanco.png") left center no-repeat;

}

.agro-izq {

	float: left;

	display: block;

	width: 47%;

	padding: 10px 1.5%;

	background: rgba(103,141,55,.8);

}

.agro-der {

	float: right;

	display: block;

	width: 47%;

	padding: 10px 1.5%;

}

/******** MEDIOS **********/

.medios {

	background: rgba(0,0,0,0.1);

	color: #fff;

	text-align: left;

}

.medios h1 {

	color: #fff;

}

.medios-in {

	padding: 5% 10%;

}

.medios-libro {

	float: left;

	display: block;

	width: 20%;

	margin:0 0 0 10%;

}

.medios-libro1 {

	background: url("../img/agro-bg.png") top center;

	background-sze: 100% auto;

}

.medios-libro2 {

	background: url("../img/medios/libro2-bg.png") top center;

	background-sze: 100% auto;

}

.medios-libro3 {

	background: url("../img/medios/libro3-bg.png") top center;

	background-sze: 100% auto;

}

.medios-libro4 {

	background: url("../img/medios/libro4-bg.png") top center;

	background-sze: 100% auto;

}

.medios-libro5 {

	background: url("../img/medios/libro5-bg.png") top center;

	background-sze: 100% auto;

}

.medios-libro6 {

	background: url("../img/medios/libro6-bg.png") top center;

	background-sze: 100% auto;

}

.medios-texto {

	display: block;

	float: left;

	width: 70%;

	padding: 20px 0;

	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);

}

.medios-texto h1, .medios-texto p {

	padding: 0 20px;

}

.medios-libro1 .medios-texto {background: #134d24; margin: 25px 0 0 0;}

.medios-libro2 .medios-texto {background: #801445; margin: 18px 0 0 0;}

.medios-libro3 .medios-texto {background: #32104c; margin: 30px 0 0 0;}

.medios-libro4 .medios-texto {background: #b01241; margin: 20px 0 0 0;}

.medios-libro5 .medios-texto {background: #6a5f5d; margin: 20px 0 0 0;}

.medios-libro6 .medios-texto {background: #074949; margin: 20px 0 0 0;}






/******************************/

/**** PAGINAS ESTATICAS *******/

/******************************/



/******** SOCIOS **********/

a.linkedin-link:link, a.linkedin-link:visited {

	display: block;

	border-radius: 5px;

	margin: 0 4%;

	padding: 5px 10px;

	width: 80px;

	border: 1px solid #ccc;

}

a.linkedin-link:hover {

	background:#ccc;

}



/******** CONTACTO **********/

.contacto {

	background: #307f9f;

	text-align: left;

	border-radius: 16px;

}

.contacto p, .contacto h1, .contacto form {

	margin: 0 20px 15px 20px;

}

.contacto-dir, .contacto-form, .contacto-rrhh {

	width: 33.3%;

	min-height: 527px;

	float: left;

	padding: 30px 0 0 0;

}

.contacto-rrhh {

	float: right;

}

.contacto-dir {

	background: #e1e2e2;

	color: #001640;

	border-radius: 15px 0 0 15px;

}

.contacto-dir a:link, .contacto-dir a:visited {

	color:#001640;

}

.contacto-dir a:hover {

	text-decoration: underline;

}

.contacto-icon {

	background: #307f9f;

	width: 20px;

	height: auto;

	vertical-align: middle;

	border-radius: 5px;

	margin: 0 5px 0 0;

}

.contacto-mapa {

	margin: 25px 0 0 0;

}

.contacto-form, .contacto-form h1, .contacto-rrhh h1 {

	color: #fff;

}

.contacto-form form {
	margin-top: 30px;
}

.contacto-form input, .contacto-form textarea {

	width: 98%;

	border: none;

	margin: 2px 0 15px 0;

	padding: 5px;

	font-size: 15px;

	font-family: 'Lato', sans-serif;

}

.contacto-form textarea {

	height: 100px;

}

.contacto-form a.boton-filtro-ok {

	margin-right: 0;

}

.contacto-rrhh {

	background: #001640 url("../articulos/default.jpg") no-repeat;

	background-position: bottom left;

	background-size: auto 220px;

	color: #fff;

	border-radius: 0 15px 15px 0

}

a.boton-rrhh:link, a.boton-rrhh:visited {

	color: #fff;

	font-size: 15px;

	padding: 7px 15px 7px 35px;

	margin: 0 0 0 20px;

	border-radius: 25px;

	border: 1px solid #fff;

	display: inline-block;

	background: url("../img/red-email.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 10px center;

}

a.boton-rrhh:hover {

	background-color:#307f9f;

}



/******** EL ESTUDIO **********/

.elestudio {

	width: 100%;

	height: 300px;

	background: url("../slideshow/el-estudio/1.png") no-repeat;

	background-size: 100% auto;

	background-position: center center;

	background-color: #001640;

}

.elestudio h2 {

	color:#fff;

	padding: 220px 0 0 20px;

}

.elestudio-intro {

	padding: 40px 0 40px 15px;

	background: #001640;

	color: #fff;

	font-family: 'Frank Ruhl Libre', serif;

	font-size: 22px;

	font-weight: 300;

	text-align: left;

}

.elestudio-intro-img {

	float: left;

	display: block;

}

.elestudio-intro-txt {

	float: left;

	display: block;

	width: 500px;

	margin: 5px 0 0 20px;

}

.texto-destaque {

	font-style: italic;

	color: #307f9f;

}

.elestudio-leon {

	width: 100%;

	/*height: 300px;*/

	padding: 30px 0;

	text-align: left;

	background: url("../slideshow/el-estudio/leon.png") no-repeat;

	background-size: 100% auto;

	background-position: center center;

	background-color: #001640;

}

.elestudio-leon-in {

	background: rgba(0,21,63,0.85);

	font-family: 'Frank Ruhl Libre', serif;

	font-size: 18px;

	color: #fff;

	width: 75%;

	float: left;

	display: block;

}

.elestudio-leon-in p{

	margin: 40px;

}

/******** TRAYECTORIA **********/

.trayectoria {

	width: 100%;

	height: 300px;

	background: url("../slideshow/el-estudio/trayectoria.png") no-repeat;

	background-size: 100% auto;

	background-position: center center;

	background-color: #001640;

}
.trayectoria h2 {

	color:#fff;

	padding: 220px 0 0 20px;

}



/******** SERVICIOS  **********/

.bg-gris-servicios {

	background: #d6d7d8;

	padding: 30px 0;

}

.bg-gris-servicios h1, .bg-gris-servicios p {

	margin: 20px;

	text-align: left;

}



.col-servicios {

	width:32%; 

	float:left; 

	margin: 0 0.5% 30px 0.5%;;

	padding: 30px 0;

	display: block;

	background: #fff;

	height: 350px;

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

}



/******** STAFF **********/

.staff-gris {

	background: #d6d7d8;

	padding: 30px 0;

	text-align: left;

}

.staff-blanco {

	padding: 30px 0 60px 0;

	text-align: left;

}

.staff-blanco .col-20 {

	margin-top:20px;

	min-height: 270px;

}

.staff-blanco img {

	filter: grayscale();

}

.staff-blanco img:hover {

	filter:none;

}



/******** 30 ANIVERSARIO **********/

.aniversario30 {

	width: 100%;

	height: 300px;

	background: url("../slideshow/30/30aniversario.png") no-repeat;

	background-size: 100% auto;

	background-position: center center;

	background-color: #000;

}

.aniversario25 {

	width: 100%;

	height: 300px;

	background: url("../slideshow/25/25aniversario.png") no-repeat;

	background-size: 100% auto;

	background-position: center center;

	background-color: #000;

}

.aniversario30 h2, .aniversario25 h2 {

	color:#fff;

	padding: 220px 0 0 20px;

	text-shadow: 0 0 5px rgba(0,0,0,0.8);

}

/******** SLIDE SHOW HOME **********/

.slideshow-aniversario {

	background: #d6d7d8;

	padding: 0 0.5% 30px 0.5%;

}







/******** ACCESO A CLIENTES **********/

.login {

	text-align: left;

}

.login form input {

	width:80%;

	padding: 10px;

	margin: 5px 20px;

	border-radius: 25px;

	border:1px solid #6d6e70;

}

.login-botones {

	margin: 15px 20px 30px 20px;;

}

a.boton-enviar:link, a.boton-enviar:visited {

	color: #fff;

	font-size: 15px;

	/*padding: 7px 15px 7px 30px;*/

	padding: 7px 15px 7px 15px;

	border-radius: 25px;

	border: 1px solid #5286ab;

	display: inline-block;

	/*background: url("../img/btn-foward.png") left center no-repeat;*/

	background-size: 20px 20px;

	background-position: 4px center;

	background-color: #5286ab;

}

a.boton-enviar:hover {

	background-color:#00214d;

	border:1px solid #00214d;

}



a.boton-question:link, a.boton-question:visited {

	color: #5286ab;

	font-size: 15px;

	padding: 7px 15px 7px 30px;

	border-radius: 25px;

	border: 1px solid #fff;

	display: inline-block;

	background: url("../img/btn-question.png") left center no-repeat;

	background-size: 20px 20px;

	background-position: 7px center;

}

a.boton-question:hover {

	background-color:#00214d;

	color: #fff;

	border: 1px solid #00214d;

}





/******** ESTILOS GENERALES **********/

.bg-gris {

	background: #d6d7d8;

	padding: 30px 0;

	display: flex;

}

.bg-gris h1, .bg-gris p {

	margin: 20px;

	text-align: left;

}

.bg-gris .col-33, .bg-gris .col-50, .bg-gris .col-100 {

	background: #fff;

	height: 100%;

	flex:1000;

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

}

.titulo-azul {

	background: #001640;

}

.titulo-azul h2 {

	padding: 50px 0 30px 30px;

	margin: 0;

	color: #fff;

}





/******************************/

/************** FIN ***********/

/******************************/





/******** IMAGE OR VIDEO **********/

.image-or-video {

	margin: 0 0.5% 30px 0.5%;

}



/******** COLUMNAS DE TEXTO **********/

.columnas  {

	padding: 0 0 40px 0;

}

.columnas h2, .columnas h3, .columnas p {

	margin-right: 10px;

	margin-left: 10px;

	padding-right:20px;

	padding-left: 20px;

}

.columnas h2 {

	margin-bottom: 0;

}



/******** CONTACT US **********/

.banners-titulo {

	background: #d6d7d8;

	color: #6d6d6d;

	border-radius: 5px 5px 0 0;

	padding: 5px 10px;

	margin: 0 0 0 0;

	text-align: left;

	font-size: 12px;

}

.banners {

	background: #d6d7d8;

	text-align: center;

	padding: 20px 0;

	margin: 5px 0 0 0;

}

.banners img {

	width: 70%;

	height: auto;

}







/******** FOOTER **********/

.footer {

	background-image: linear-gradient(to top, #000c1d 5%, #001640);

	color: #fff;

	padding: 20px 0;

	font-size: 16px;

	font-family: 'Frank Ruhl Libre', serif;

	border-top: 2px solid #063a6f;

	border-bottom: 2px solid #063a6f;

	text-align: left;

}

.footer ul {

	padding: 20px 0 0 40px;

}

.footer ul li {

	line-height: 27px;

}

.footer ul img {

	vertical-align:middle;

	margin: 0 5px 0 0;

	width: 30px;

	height: auto;

}

.footer ul a {

	color: #fff;

}

.footer ul a:hover {

	text-decoration: underline;

}

.copyright {

	background: #000;

	text-align: center;

	padding: 10px 0 ;

}



/******** IDS **********/

#home {}

#what {padding: 80px 0 0 0;}

#who {padding: 80px 0 0 0;}

#who {padding: 50px 0 0 0;}

#how {padding: 30px 0 0 0;}

#contact {padding: 60px 0 60px 0;}





/******** responsive **********/

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

	.center, .mySlides1 {width: 100%;}

	.columnas2, .columnas3 {padding: 0 15px;}

	.aniversario25, .aniversario30, .elestudio, .trayectoria {

		background-size: auto 100%;

	}

	.elestudio-leon {

		background-size: auto 100%;

	}

	.menu-top-1 {display: none;}

	.menu-top-2 {margin: 12px 15px 0 0;}

	.menu-mobile {display: block;}

	.logo {float:left; margin: 0 0 0 10px;}

	.agro-in {

	background: rgba(103,141,55,1);

		padding: 15px 0 30px 0;

	}

	.filtro-cat, .filtro-fecha {

		width: 90%; 

		padding: 10px;

		background-color: transparent;

	}

	#filtro-opciones .boton-filtro-ok {

		float: left;

		margin: 5px 20px 15px 25px;

	}

	.home-trayectoria {

	background-size: auto 100%;

	}

.col-servicios {

	width:49%; 

}



}

@media screen and (max-width: 800px) {

	.footer .col-33 {width: 100%;}

	.contenido {width: 49%; margin-left:2%;}

	.sidebar {width: 45%; margin-right: 2%;}

	.articulo-small {width: 100%;}

	.elestudio-leon-in {width: 100%;}

	.novedades .articulo-small {width: 48%; margin:0 1%;}

	.contacto {width: 96%; margin: 0 2%;}

	.contacto-dir, .contacto-form, .contacto-rrhh {

		width: 100%;

		min-height: auto;

	}

	.contacto-dir {border-radius: 15px 15px 0 0;}

	.contacto-rrhh {

		border-radius: 0 0 15px 15px; 

		background-image: none;

		padding-bottom: 30px

	}

}

@media screen and (max-width: 600px) {

	.agro-izq, .agro-der {

		width: 96%;

		margin: 0 2%;

		padding: 0;

	}

	.elestudio-intro-txt {width: 100%;}

	.header .menu-top-2 .btn-clientes {display: none;}

	.header .menu-top-2 .btn-clientes-mobile {display: block;}

	.aniversario25, .aniversario30, .elestudio {height: 200px;}

	.aniversario25 h2, .aniversario30 h2, .elestudio h2 {

		padding-top: 100px;

	}

	.contenido,.novedades, .sidebar {width: 99%;}

	.cuerpo .col-25, .cuerpo .col-33,.cuerpo .col-50,.cuerpo .col-66,.cuerpo .col-75 {

		width: 100%;

	}

	.bg-gris { display: block;}

	.contact {

		text-align: center;

	}

	.staff-gris .col-25 {width: 49%; margin-bottom: 20px;}

	.staff-blanco .col-20 {width:32%;}

	.medios-libro {width: 30%; z-index: 2;}

	.medios .medios-texto {width: 100%; margin:-30px 0 0 0; z-index: 1;}

	.search input {

		width: 200px;

	}

	.col-servicios {

	width:99%; 

	}
	.home-trayectoria-izq {

	width: 100%;

	}

	.home-trayectoria-der {

		width: 100%;

	}


}

@media screen and (max-width: 500px) {

	.novedades .articulo-small {width: 96%; margin:0 2%;}

}
	

@media screen and (max-width: 400px) {

	.staff-blanco .col-20 {width:49%;}

	.medios-libro {width: 50%;}

}