/*------------------ ESTILOS PROPIOS --------------------------- */

@font-face {font-family:'Lato'; font-weight:200; font-style:normal; src:url('fuentes/Lato-L.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:200; font-style:italic; src:url('fuentes/Lato-LI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:normal; src:url('fuentes/Lato-N.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:italic; src:url('fuentes/Lato-NI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:700; font-style:normal; src:url('fuentes/Lato-B.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:700; font-style:italic; src:url('fuentes/Lato-BI.woff') format('woff');}

body {background:#fff;}

BODY, A {font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:200;}
A       {color:#958455; text-decoration:none;}
A:hover {color:#000000;}

/* ------------ estilos muy importantes para que no se vea la barra de traducción ------------- */
body {top:0 !important;}
.skiptranslate iframe {display:none;}

* {margin:0; padding:0; text-decoration:none;}

.inactivo  {opacity:0.4 !important; pointer-events:none;}
.ocultar  {display:none !important; pointer-events:none;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

.gap_5 {gap:5%;}
.gap_05 {gap:5px;}
.gap_10 {gap:10px;}
.gap_15 {gap:15px;}
.gap_20 {gap:20px;}
.gap_25 {gap:25px;}
.gap_30 {gap:30px;}
.gap_35 {gap:35px;}
.gap_40 {gap:40px;}
.gap_50 {gap:50px;}

[class^="ancho-"], [class*=" ancho-"] {margin:auto;}
.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}
.ancho100  {width:100%;}


/* --------------------------------------------------------------------------------------------------- */

#cabeceraMovil {display:none;}
#cabeceraClasica {display:block;}

.pie-contenedor, #pie-texto {width:1000px; margin:auto;}

header {width:100%; margin:auto;}

#cabecera {height:400px; width:100%; margin:auto;}

.capa-logo {width:146px; height:230px; margin:auto;}
.logo {padding-top:15px;}

.idiomas {margin:20px 0 0 420px; text-align:center; position:absolute;}

/* --------------------------------------------------------------------------------------------------- */

.cabecera-fondo {width:100%; background:#000000; z-index:99;}
.menuBase {height:140px;}
	.menuSecciones {margin:auto; width:980px; height:200px; z-index:100;}
	.menuBase .seccion {width:140px; height:140px; float:left; background:#000000;}
	.menuBase .seccionIcono {margin:20px auto 10px auto; background-color:rgba(255,255,255,0.2);}

	.seccionIcono {width:40px; padding:15px; display:block; border-radius:50%; box-shadow:0px 0px 0px 30px rgba(255,255,255,0);	transition:box-shadow .3s;
		-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
	.seccionTexto {font-size:18px; color:#ffffff; text-align:center; padding-top:5px; opacity:.7;}

	div.seccion:hover {height:160px; margin-top:-10px; background:#958455;}
	div.seccion:hover .seccionTexto {padding-top:15px; opacity:1;}
	div.seccion:hover .seccionIcono {margin-top:25px; box-shadow:0px 0px 0px 0px rgba(255,255,255,.6);}
	
/* -------- Clases que agregaremos o modificamos cuando el usuario haga scroll -------- */
.menuFixed {width:100%; height:100px; background:#000000; z-index:99; top:0; position:fixed; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
	.menuFixed .seccion {width:140px; height:100px; float:left; background:#000000;}
	.menuFixed .seccionTexto {display:none;}
	.menuFixed .seccionIcono {margin:13px auto 10px auto; background-color:rgba(255,255,255,0.3);}
	.menuFixed .seccionIcono:hover {background-color:#958455;}
	.menuFixed .seccion:hover {height:110px; background:-webkit-linear-gradient(top, #958455, black 60%); background:-o-linear-gradient(top, #958455, black 60%);
		background:-moz-linear-gradient(top, #958455, black 60%); background:linear-gradient(top, #958455, black 60%);}
	
/* --------------------------------------------------------------------------------------------------- */	

#separata {height:100px; margin:auto; clear:both;}

#pie-anuncios {min-height:180px; margin:auto; text-align:center; background:url(images/banner-fondo.png) repeat top center; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.links-img {margin:0px 50px; line-height:170px; float:none; display:inline;}
.links-img img {vertical-align:middle;}

.pie-franja {width:100%; height:40px; margin:-10px auto auto; background:url(images/movil-pie-franja.png) repeat-x top center;}

/* --------------------------------------------------------------------------------------------------- */
	
.pie-blog {width:100%; height:440px; margin:-10px auto auto auto; background:url(images/pie-fondo.png) repeat-x top center;}
.pie-contenedor {width:100%; margin:auto; height:360px;}
.pie-contenedor, .pie-contenedor a {font:200 16px 'Lato', Arial, Helvetica, sans-serif; line-height:16px; color:#999999;}	
.pie-contenedor a:hover {color:#ffffff;}
.pie-bloque {width:100%; padding:15px; text-align:center; border-bottom:solid 1px #555555;}
.pie-bloque p {font:200 16px 'Lato', Arial, Helvetica, sans-serif; line-height:20px;}		
.links-pie {margin:20px 5px 0px 5px; text-align:left; float:none; display:inline;}
.links-pie img {width:38px;}
.titular {padding-bottom:20px; font:400 22px 'Lato', Arial, Helvetica, sans-serif; line-height:22px; color:#ffffff;}
.blanco, .blanco a {color:#ffffff;}
.blanco a:hover {color:#999999;}


.formTrabajo p {margin:0 !important;}
.formTrabajo input, .formTrabajo textarea {width:100%; margin-bottom:20px; padding:10px !important;}
.formTrabajo .marginAuto input {width:auto; margin-right:10px; margin-left:20px;}


/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

.opacidad img, .ampliar img, .ampliar2 img, .grises img, div.seccion, .seccionTexto, .seccionIcono, .botonNews, .cabecera-fondo {
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}

.opacidad img {opacity:1;}
.opacidad img:hover {opacity:0.75;}

.ampliar img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18)}

.ampliar2 img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar2 img:hover {-webkit-transform: scale(1.07); transform: scale(1.07)}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


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

	.formTrabajo .ancho-45, .formTrabajo .ancho-50 {width:100%;}

	#cabeceraClasica {display:none;}
	#cabeceraMovil {display:block; height:250px;}

	/* ------------------------------------ CABECERA ----------------------------------------- */

	#cabecera {width:100%; height:150px; margin:0 auto; background:#ffffff;}
		.cabecera-imagen {padding-top:10px; margin:auto; text-align:center;}
		.cabecera-imagen img {width:auto; height:130px;}
		
	.menu-general {width:100%; height:60px; text-align:center; background:#000000; z-index:1000;}
		.botonera {margin:0px 0px 0px 0px; float:right; display:inline;}
		.botonera img {margin:10px 15px 0px 0px; height:40px;}

	.cabecera-logo {width:100%; margin:0; text-align:center; position:absolute;}
		.logo-txt {width:100px; margin:auto; padding-right:140px;}
		.logo-txt img {padding-top:5px;}
		.logo-txt-oculta {display:none;}
		.logo-txt-muestra {display:block;}

	.menuFixed {width:100%; height:60px; text-align:right; background:#000000; z-index:1000; top:0; position:fixed; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}	

	/* -------------------------------- MENÚ CATEGORIAS -------------------------------------- */

	.menu-cat {width:70%; height:60px; text-align:left; position:absolute; z-index:900;}
	.menu-cat img {margin:10px 0px 0px 10px; height:40px;}

	.menu-cat a, .menu-cat a:hover {color:#ffffff; font:200 20px 'Lato', Arial, Helvetica, sans-serif; line-height:20px; text-decoration:none;}
	.dl-menu img {margin-right:10px; padding-top:5px; float:left; display:inline; height:30px;}
	.dl-menuwrapper ul {background:#333333;}

	.dl-menuwrapper {width:100%; max-width:300px; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px;
		-webkit-perspective-origin:50% 200%; perspective-origin:50% 200%;}
	.dl-menuwrapper:first-child {margin-right:100px;}
	.dl-menuwrapper ul {padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
	.dl-menuwrapper li {position:relative; border-bottom:solid 1px rgba(255,255,255,0.3);}
	.dl-menuwrapper li a {display:block; position:relative; padding:15px; outline:none;}
	.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
	.dl-menuwrapper li.dl-back > a {padding-left:30px; background:rgba(0,0,0,0.2);}
	.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(255,255,255,0.4); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
	.dl-menuwrapper li > a:after {right:5px; color:rgba(0,0,0,0.3);}
	.dl-menuwrapper .dl-menu {margin:0; position:absolute; width:100%; opacity:0; pointer-events:none;
		-webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
	.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
	.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px);}

	/* ---- OCULTA SUBMENÚS ANTERIORES -------- */
	.dl-menuwrapper li .dl-submenu {display:none;}
	.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
	.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}

	/* Dynamically added submenu outside of the menu context */
	.dl-menuwrapper > .dl-submenu {position:absolute; width:100%; top:63px; left:0; margin:0;}

	/* --------------------------------------------------------------------------------------------------- */	

	#separata {height:100px; margin:auto; clear:both;}

	#pie-anuncios {min-height:180px; margin:auto; text-align:center; background:url(images/banner-fondo.png) repeat top center; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
		.links-img {margin:0px 20px; line-height:170px; float:none; display:block;}
		.links-img img {vertical-align:middle;}

	.pie-franja {width:100%; height:40px; margin:-10px auto auto; background:url(images/movil-pie-franja.png) repeat-x top center;}

	.pie-blog {max-width:100%; min-height:450px; background:url(images/movil-pie-fondo.png) repeat top center;}
		
}