@charset "UTF-8";

/*BARRA IZQ SUP*/
#nav_m{
	width:50px;
	margin-left: 0px;
	padding:0px;
	position:absolute;
	z-index:999999;
	
}
ul, ol {
	list-style:none;	}
#nav_m > li {
	float:left;
	}
#nav_m li a {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	border-style: none;
	padding:10px 12px;
	display:block;
}	
#nav_m li a:hover {
	background-color:#434343;
}
			
#nav_m li ul {
	width:100%;
	display:none;
	position:relative;
	min-width:180px;
}
			
#nav_m li:hover > ul {
	display:block;
}
	
#nav_m li ul li {
	position:relative;
	width:180px;
	min-width:180px;
	border: 1px solid #373c3e;
	z-index:999999;
}
			
#nav_m li ul li ul {
	left: 15px;
	top:0px;
	position:relative;
	width: 180px;
	min-width:180px;
}

	

/* MENU M�VIL SERVICIOS*/
#menu_m{
	width: 60%;
	top:50px;
	left: 20%;
	position:fixed;
}
ul, ol {
	list-style:none;	}
#menu_m > li {
	float:left;
	}
#menu_m li a {
	background-color:#850610;
	color:#fff;
	text-align: center;
	text-decoration:none;
	border-style: outset;
	border-color: black;
	padding:10px 12px;
	display:block;
}
				
#menu_m li a:hover {
	background-color:#4A0002;
	text-decoration:none;
	-ms-touch-action: none !important;
}
#menu_m li a:active {
	background-color:#4A0002;
	text-decoration:none;
	-ms-touch-action: none !important;
}
	

		
#menu_m li ul {
	width: 100%;
	display:none;
	position:relative;
	min-width:140px;
}
			
#menu_m li:hover > ul {
	background-color:#4A0002;
	text-decoration:none;
	-ms-touch-action: none !important;
	display:block;
}
#menu_m li:active > ul {
	background-color:#4A0002;
	text-decoration:none;
	-ms-touch-action: none !important;
}	

		
#menu_m li ul li {
	position:relative;
}
			
#menu_m li ul li ul {
	background-color:#850610;
	right:-140px;
	top:0px;
	position: relative;
}


#cabecera_m 						{ background-color: black; position:absolute; float: top; z-index:999999;  height: 43px; width: 100%;}
.home_m { margin: 0; padding: 0; position:fixed; left:37%; top:5px;}
.home_m a {border-style: none; display: block; width: 100px; height: 36px; }


/* =Reset CSS */
html, body, form, fieldset 		{ margin: 0; padding: 0; }
body 							{/*con un navegador con la fuente por defecto a 16px 100% 1em*/ font-size: 75%; }
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0 0; padding: 0; }
ul, ol 							{ list-style-type: none; }
li, dd, blockquote 				{ margin: 0px; }
form label 						{ cursor: pointer; }
fieldset 						{ border: none; }
input, select, textarea 		{ font-size: 100%; font-family: inherit; }
a img 							{ border: none; }
a 								{ text-decoration: none; }
a:hover 						{ text-decoration: underline; }
.clear 							{ clear: both; }

/* ESTRUCTURA */
*  								{ margin: 0; padding: 0; }
html, body 						{ height: 100%; }
body 							{ background: #020a0f url(../images/fondo_sup.gif) repeat-x; font: 11px Arial, Helvetica, sans-serif; overflow-y:scroll; }
.ini_m							{background: #020a0f; font: 11px Arial, Helvetica, sans-serif; overflow-y:scroll;}
#todo 							{ background: #020A0F url(../images/fondo_interior.png) right bottom no-repeat;  }
#todo_m 						{background: #020A0F url(../images/fondo_interior.png) right bottom fixed no-repeat;}
#cabecera 						{ position: relative; padding-top: 22px; height: 69px; width: 990px; margin: 0 auto; }
#fondo_cabecera  				{ background: url(/images/fondo_izda.gif) no-repeat 0 22px; background-size: 42% 64px ; }
#contenido 						{ width: 990px; margin: 0 auto; padding-bottom: 50px; clear: both;}
#contenido_m  					{ width: 100%; margin: 0 auto; padding-bottom: 50px; clear: both;}
#contenido_home 				{ position: relative;  }
#container  					{ background: url(../images/fondo_sup.gif) repeat-x; }
#fondo 							{ background: url(../images/fondo_interior.jpg) right bottom no-repeat; }
.borde 							{ border-left: 1px solid #373c3e;}

/* HOME */
h1.home, h1.home_en 			{ margin: 0; padding: 0; text-indent: -9999px; position: absolute; top: 15px; left: 706px; }
h1.home a, h1.home_en a 		{ display: block; width: 174px; height: 62px; background: url(../images/logo_daco.gif) no-repeat; }
h1.home_en a 					{ background-image: url(../images/logo_daco_en.gif); }
h1.home_en:hover {
  -webkit-animation-name: hb1;
  animation-name: hb1;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
h1.home:hover {
	-webkit-animation-name: hb1;
  animation-name: hb1;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes hb1 {
from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}


@keyframes hb1 {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
#flash 							{ text-align: center; }

/* MEN� */
#cabecera a 					{  border: none; }
#cabecera a:hover, #cabecera a:active { outline: none; }
#menu_sup 						{ width: 580px; background: url(../images/menu_sup_dcha.gif) right 0 no-repeat; height: 21px; padding-right: 22px; }
#menu_sup ul					{ height: 21px; background: url(../images/fondo_menu_sup.gif) repeat-x; }
#menu_sup li 					{ float: left; }
#menu_sup a 					{ display: block; height: 21px; text-indent: -9999px; background-repeat: no-repeat; }
#menu_sup a#bot_sup1 			{ background-image: url(../images/bot_empresa.gif); width: 51px; margin-right: 60px; }
#menu_sup a#bot_sup2 			{ background-image: url(../images/bot_sectores.gif); width: 55px; margin-right: 66px; }
#menu_sup a#bot_sup3 			{ background-image: url(../images/bot_trabajar.gif); width: 103px; margin-right: 60px; }
#menu_sup a#bot_sup4 			{ background-image: url(../images/bot_contacto.gif); width: 92px; margin-right: 30px; }
#menu_sup a:hover 				{ background: 0 -21px no-repeat;
position: relative;
	 -webkit-animation-name: fadeIn; 
  -webkit-animation-duration: 1s; 
  animation-name: fadeIn;
  animation-duration: 1s; }

#menu_inf 						{ margin-top: 1px; width: 660px; background: url(/images/menu_inf_dcha.gif) right 0 no-repeat; padding-right: 41px; }
#menu_inf ul 					{ height: 42px; background: url(/images/fondo_menu_inf.gif) repeat-x; }
#menu_inf li 					{ float: left; }
#menu_inf a 					{ display: block; width: 140px; height: 42px; text-indent: -9999px; background-repeat: no-repeat; }
#menu_inf a#bot_inf1 			{ background-image: url(../images/bot_inf_procesos.gif); }
#menu_inf a#bot_inf2 			{ background-image: url(../images/bot_inf_sistemas.gif); }
#menu_inf a#bot_inf3 			{ background-image: url(../images/bot_inf_mecanica.gif); }
#menu_inf a#bot_inf4 			{ background-image: url(../images/bot_inf_producto.gif); }
#menu_inf a:hover 				{ background-position: 0 -42px; }

#idiomas 						{ position: absolute; top: 30px; right: 0; }
#idiomas li 					{ text-align: right;  }
#idiomas a 						{ color: #525658; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#idiomas a:hover 				{ color: #FFF; }

#idiomas_m 						{ position: absolute; z-index:999999; top: 11px; right:10px; }
#idiomas_m li 					{ text-align: right; }
#idiomas_m a 						{ border-style: none; color: #525658; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#idiomas_m a:hover 				{ color: #FFF; }

#menu_izq, #menu_sectores 		{ float: left; width: 265px; padding-bottom: 90px; }
#menu_sectores 					{ width: 220px; }
#menu_izq ul, #menu_sectores ul 		{ margin: 0 0 0 45px; }
#menu_izq li, #menu_sectores li 		{ border-bottom: 1px solid #373c3e; margin-right: 5px; }
#menu_izq a 							{ font-weight: normal; display: block; outline: none; border: none; color: #FFF; text-transform: uppercase; margin: 1px 0; padding: 10px 5px; }
#menu_izq a:hover, #menu_sectores a:hover { background: #2f2f2f url(../images/flecha_menu_izq.gif) right 7px no-repeat; text-decoration: none; }
#menu_izq a.on, #menu_sectores a.on 	{ background: #2f2f2f url(../images/flecha_menu_izq_over.gif) right 7px no-repeat;}
#menu_sectores span 			{ display: block; padding: 10px 5px 10px 35px; background-repeat: no-repeat; }
#menu_sectores a#aeronautico span { background-image: url(../images/ico_aeronautico.png);  }
#menu_sectores a#ferroviario span { background-image: url(../images/ico_ferroviario.png);  }
#menu_sectores a#automocion span { background-image: url(../images/ico_automocion.png);  }
#menu_sectores a#energia span { background-image: url(../images/ico_energia.png);  }
#menu_sectores a 				{ display: block; border: none; color: #FFF; text-transform: uppercase; margin: 1px 0; padding-left: 10px; }
.mtop { margin-top: 21px; }

/* ENGLISH */
#menu_inf a#bot_inf1_en 		{ background-image: url(../images/bot_inf_procesos_en.gif); }
#menu_inf a#bot_inf2_en 		{ background-image: url(../images/bot_inf_sistemas_en.gif); }
#menu_inf a#bot_inf3_en 		{ background-image: url(../images/bot_inf_mecanica_en.gif); }
#menu_inf a#bot_inf4_en 		{ background-image: url(../images/bot_inf_producto_en.gif); }

#menu_sup a#bot_sup1_en 			{ background-image: url(../images/bot_empresa_en.gif); width: 57px; margin-right: 54px; }
#menu_sup a#bot_sup2_en 			{ background-image: url(../images/bot_sectores_en.gif); width: 51px; margin-right: 66px; }
#menu_sup a#bot_sup3_en 			{ background-image: url(../images/bot_trabajar_en.gif); width: 103px; margin-right: 60px; }
#menu_sup a#bot_sup4_en 			{ background-image: url(../images/bot_contacto_en.gif); width: 56px; margin-right: 30px; }


/* DESTACADOS */
#destacados 					{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 90px; overflow: hidden;  }
#destacados span 				{ display: block; margin-bottom: 10px; }
#destacados a 					{ display: block; border-left: 1px dotted #b2aeaa; margin: 0 10px 0; border-bottom: none; }
#destacados a .tit_destacado 	{ color: #303030; margin-top: 5px; font: bold 14px Arial, Helvetica, sans-serif; padding-left: 35px; }
#destacados a .tit_destacado_d 	{ color: #303030; margin-top: 5px; font: bold 14px Arial, Helvetica, sans-serif; }
#destacados a .txt_destacado 	{ color: #7a7a7a; height: 30px; overflow: hidden; padding-left: 35px; }
#destacados a .txt_destacado_img 	{ height: 50px; overflow: hidden; }
#destacados a .mas_info 		{ color: #056fbd; font-weight: bold; padding-left: 35px; }
#destacados table 				{ position: absolute; top: 0; left: 0; height: 90px;  }
#destacados a:hover 			{ text-decoration: none; }
#destacados a:hover .mas_info 	{ text-decoration: underline; }

#los_destacados 				{ background: #FFF; filter: alpha(opacity=70); opacity: .7; height: 90px;  }

#desplazar_izq 					{ position: absolute; top: 3px; left: 0; z-index: 2; background: url(../images/flecha_destacados_izda.png) no-repeat scroll left -35px; width: 52px; height: 84px; }
#desplazar_dcha 				{ position: absolute; top: 3px; right: 0; background: url(../images/flecha_destacados_dcha.png) no-repeat left -35px; width: 52px; height: 84px; }

/* PAGINAS INTERIORES */
h1 								{ color: #ee0004; margin: 50px 15px 15px 45px; font-size: 22px; }
.h1_m							{ color: #850610; margin: 50px 15px 15px 45px; font-size: 22px; font-weight:bold; }
h1_m span						{ display: block; font-size: 11px; font-weight: normal; }
h2 		 						{ color: #bf4f57; font-size: 16px; margin: 15px 15px 20px 45px; text-transform: uppercase;  }
h2 span 						{ display: block; font-size: 11px; font-weight: normal; }
h2.small 						{ color: #b33a43; font-size: 13px; font-weight: normal; margin: 15px 15px 13px 45px; text-transform: none; }
h2.top 							{ margin-top: 0; }
h3 		 						{ color: #b33a43; font-size: 13px; font-weight: normal; margin: 25px 15px 7px 45px; text-transform: none; }
h3.blanco 						{ color: #FFF; font-weight: bold; }
h3.blanco span 					{ display: block; font-size: 13px; font-weight: normal; }
p 								{ color: #cbcaca; margin: 8px 15px 8px 45px; line-height: 1.5em; font-size: 12px; }
p.entradilla 					{ color: #FFF; font-size: 13px; line-height: 18px; margin-bottom: 15px; }
a 								{ font-weight: bold; color: #b33a43; border-bottom: 1px dotted #b33a43;}
a:hover 						{ color: #FFF; text-decoration: none; }
ul.con_guion 					{ margin: 15px 15px 15px 55px; }
.con_guion li 					{ color: #cbcaca; font-size: 13px; margin-bottom: 5px; padding-left: 10px; background: url(../images/guion.gif) 0 4px no-repeat; }
ul.con_puntos 					{ margin: 10px 0 40px 45px; }
ul.con_puntos li 				{ color: #FFF; font-size: 13px; margin: 6px 0 6px 20px; border-bottom: 1px dotted #373c3e; padding: 0 0 5px 10px; background: url(/images/punto_listas.gif) 0 7px no-repeat; }
.w545 							{ width: 545px; margin-right: 80px;	 }
.col 							{ float: left; }

#galeria 						{ width: 340px; float: left; margin-top: 8px; }
#galeria ul 					{ margin-bottom: 25px; }
#galeria li 					{ float: left; margin: 0 13px 13px 0; }

#galeria a {
  display: block;
  border: none;
  -moz-box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
  box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
}
#galeria a:hover, #galeria a:active, #galeria a:link, #galeria a:visited { outline: none !important;  }
p.destacado_rojo				{ color: #ed1c26; line-height: 1.2em;  font-size: 14px; font-style: italic; margin: 30px 75px 30px 75px; padding: 20px 0 20px 40px; background: url(/images/fondo_txt_destacado.gif) no-repeat; }
p.leyenda 						{ font-weight: bold; color: #EEE; margin: 20px 10px 20px 0; border: 1px dotted #6c6c6c; clear: both; border-style: dotted none dotted none; padding: 5px; }
p img {
  float: right;
  margin: 0 0 15px 20px;
  -moz-box-shadow: 4px 4px 8px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 4px 4px 8px rgba(255, 255, 255, 0.3);
  box-shadow: 4px 4px 8px rgba(255, 255, 255, 0.3);
}
#migas ul 						{ margin-left: 45px; margin-top: 5px; height: 15px; }
#migas li 						{ float: left; color: #626466; font-size: 10px; background: url(../images/separador_migas.gif) 0 2px no-repeat; padding-left: 10px; margin-left: 5px; }
#migas a 						{ color: #626466; border: none; }
#migas a:hover 					{ color: #FFF; }
#migas .first 					{ background: none; margin: 0; padding: 0; }
#migas 							{ width: 990px; margin: 0 auto; }
.w375 							{ width: 375px; }
.w245 							{ width: 245px; }
.w300 							{ width: 300px; }
.w405 							{ width: 405px; }
.w505 							{ width: 505px; }
.w680 	 						{ width: 680px; }
.w770 							{ width: 769px; }
.mr45 							{ margin-right: 45px; }
.w80							{width: 80%;}
.w90							{width: 90%;}
.col_m							{float: left; margin-left: 2px;}

ul#sectores 					{ border: 1px dotted #FFF; border-style: dotted none dotted none; margin: 0 15px 0 45px; }
ul#sectores a 					{ display: block; border: none; background: url(../images/fondo_sectores.png); margin: 2px 0; padding: 0 0 0 10px; }
ul#sectores a 					{ text-transform: uppercase; color: #dcdcdc; font-weight: bold;   }
ul#sectores a span 				{ display: block; background-repeat: no-repeat; padding: 10px 10px 10px 35px;}
ul#sectores a#aeronautico span	{ background-image: url(../images/ico_aeronautico.png); }
ul#sectores a#ferroviario span	{ background-image: url(../images/ico_ferroviario.png); }
ul#sectores a#automocion span	{ background-image: url(../images/ico_automocion.png); }
ul#sectores a#energia span		{ background-image: url(../images/ico_energia.png); }
ul#sectores a#auxiliar span	{ background-image: url(/images/ico_auxiliar.png); }
ul#sectores a:hover 			{ text-decoration: none; color: #FFF; background-image: url(../images/fondo_sectores_over.png); }

/* PAGINAS INTERIORES */
#ficha1, #ficha2, #ficha3, #ficha4, #ficha5, #ficha6, #ficha7 { display: none; }

#galeria_m 						{ float: left; margin-top: 8px; margin-left: 10px; }
#galeria_m div div ul 					{ margin-bottom: 25px; }
#galeria_m div div ul li 					{ float: left; margin: 0 13px 13px 0; }

#galeria_m div div ul li a {
  display: block;
  border: none;
}
#galeria_m a:hover, #galeria_m a:active, #galeria_m a:link, #galeria_m a:visited { outline: none !important;  }

.slider {
	margin: auto;
	overflow: hidden;
	border-style: none;
	position: relative;
}
.slider ul {
	position: relative;
	width: 100%;
	z-index: -1;
}

.slider li {
	position: relative;
	width: 100%;
	list-style: none;
	z-index: -1;
}

.slider img {
	position: relative;
	width: 100%;	
	z-index: -1;
}


.logo_m{
	position:relative;
  -webkit-animation-name: fadeIndown;
  -webkit-animation-duration: 6s; 
  animation-name: fadeIndown;
  animation-duration: 6s;
}
@-webkit-keyframes fadeIndown {
  0%   {top:-200px;}
  25%  {top:0px;}
  50%  {top:0px;}
  75%  {top:0px;}
  100% {top:0px;}
}

@keyframes fadeIndown {
  0%   {top:-200px;}
  25%  {top:0px;}
  50%  {top:0px;}
  75%  {top:0px;}
  100% {top:0px;}
}

.menu1_m {
	position:relative;
  -webkit-animation-name: menu1_m;
  -webkit-animation-duration: 6s; 
  animation-name: menu1_m;
  animation-duration: 6s;
}
@-webkit-keyframes menu1_m {
  0%   {right:-200px;}
  25%  {right:10px;}
  50%  {right:10px;}
  75%  {right:10px;}
  100% {right:10px;}
}

@keyframes menu1_m {
  0%   {right:-200px;}
  25%  {right:10px;}
  50%  {right:10px;}
  75%  {right:10px;}
  100% {right:10px;}
}

.menu1{
	position:relative;
  -webkit-animation-name: menu1;
  -webkit-animation-duration: 6s; 
  animation-name: menu1;
  animation-duration: 6s;
}
@-webkit-keyframes menu1 {
  0%   {right:-200px;}
  25%  {right:0px;}
  50%  {right:0px;}
  75%  {right:0px;}
  100% {right:0px;}
}

@keyframes menu1 {
  0%   {right:-200px;}
  25%  {right:0px;}
  50%  {right:0px;}
  75%  {right:0px;}
  100% {right:0px;}
}

.menu2_m {
	position:relative;
  -webkit-animation-name: menu2_m;
  -webkit-animation-duration:6s; 
  animation-name: menu2_m;
  animation-duration: 6s;
}
@-webkit-keyframes menu2_m {
  0%   {left:-200px;}
  25%  {left:0px;}
  50%  {left:0px;}
  75%  {left:0px;}
  100% {left:0px;}
}

@keyframes menu2_m {
   0%   {left:-200px;}
  25%  {left:0px;}
  50%  {left:0px;}
  75%  {left:0px;}
  100% {left:0px;}
}


.menu3_m {
	position:relative;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 6s; 
  animation-name: fadeIn;
  animation-duration: 6s;
}


/* POP UP */
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
	z-index:999999;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
#popupBody{
width: 70%;
height: 80%;
padding-top: 3%;
background: black;
position: relative;
float:center;
overflow: scroll;
margin: 2% auto;
transition: all 5s ease-in-out;
}
#popupBody_m {
width: 90%;
height: 80%;
padding-top: 3%;
background-color: black;
position: relative;
float:center;
overflow: scroll;
margin: 2% auto;
transition: all 5s ease-in-out;
}

#cerrar{
	position: absolute;
top: 20px;
right: 30px;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #F00;
transition: all 200ms;
}
/* MAPA WEB */
.mapa_web 						{ width: 230px; height: 150px; margin-top: 55px; }
.mapa_web a 					{ color: #999; text-transform: uppercase; border: none; }
.mapa_web ul 					{ margin-left: 30px; margin-right: 45px; }
.mapa_web li 					{ margin-bottom: 10px; }
.mapa_web a:hover 				{ text-decoration: none; color: #FFF; }
.mapa_web .ml45 				{ margin-left: 45px; }

/* CONTACTO */
.gris 							{ background: url(../images/fondo_gris.png); margin-left: 45px; }
.datos_contacto 				{ background: #3f4449 url(../images/fondo_datos_contacto.gif) right bottom no-repeat; padding: 15px 0; margin-bottom: 10px; }
.datos_contacto h2 				{ color: #FFF; font-size: 14px; text-transform: none; font-weight: normal; margin: 0 0 10px 25px; }
.datos_contacto p 				{ clear: both; margin: 0 0 0 25px; color: #bbbbbb;  }
.datos_contacto a 				{ color: #f13639; text-decoration: underline; border: none; }
.datos_contacto a:hover 		{ color: #FFF; }
.datos_contacto strong 			{ color: #FFF; }
label 							{ display: block; color: #dddddd; width: 90px; float: left;  }
input, textarea 				{ width: 250px; border: none; margin-right: 10px; padding: 2px;  }
textarea 						{ height: 95px;  }
#map 							{ margin-left: 45px; height: 313px;}
#frm_trabaja p.nota, #frm_contacto p.nota 				{ color: #999999; font-style: italic; font-size: 11px; }
form h2 						{ color: #e5373a; margin-left: 25px; }
a.enviar 						{ cursor: pointer; display: block; border: none; margin: 20px auto; padding: 4px 0 5px 0; text-align: center;
									  width: 135px;  background: url(../images/bot_enviar.jpg); color: #FFF; font-weight: bold; -moz-border-radius: 3px; }
a.enviar:hover 					{ background-position: 0 -29px; }
#frm_trabaja p, #frm_contacto p 					{ margin-left: 25px; font-size: 13px; }
#frm_trabaja p.privacidad, #frm_contacto p.privacidad 		{ color: #999999; font-style: italic; margin: 0 0 20px 20px; padding: 0; }
#frm_trabaja p.privacidad input, #frm_contacto p.privacidad input  	{ width: 15px; height: 15px; margin-right: 5px; margin-left: 95px; float: left;  }
#frm_trabaja p.privacidad label, #frm_contacto p.privacidad label 	{ margin: 0; width: 150px; }

/* FORMULARIOS M�VIL*/
#frm_contacto_m p 					{ margin-left: 25px; font-size: 13px; }
#frm_contacto_m p.privacidad 		{ color: #999999; font-style: italic; margin: 0 0 20px 20px; padding: 0; }
#frm_contacto_m p.privacidad input  	{ width: 15px; height: 15px; margin-right: 5px; margin-left: 95px; float: left;  }
#frm_contacto_m p.privacidad label 	{ margin: 0; width: 150px; }
#frm_contacto_m p.w100 input {width: 100%;}
#frm_contacto_m p.w100 label {width: 100%;}

#frm_trabaja_m p.nota				{ color: #999999; font-style: italic; font-size: 11px; }
#frm_trabaja_m p				{ margin-left: 25px; font-size: 13px; }
#frm_trabaja_m p.privacidad		{ color: #999999; font-style: italic; margin: 0 0 20px 20px; padding: 0; }
#frm_trabaja_m p.privacidad input 	{ width: 15px; height: 15px; margin-right: 5px; margin-left: 95px; float: left;  }
#frm_trabaja_m p.privacidad label 	{ margin: 0; width: 150px; }
#frm_trabaja_m p.w100 input {width: 100%;}
#frm_trabaja_m p.w100 label, textarea {width: 100%;}

/* FOTOS */
.foto_personas  {
	position: relative;
	left:45px;
	 -webkit-animation-name: dcha; 
  -webkit-animation-duration: 10s; 
  animation-name: dcha;
  animation-duration: 10s;
  z-index: -2;
}

@-webkit-keyframes dcha {
  0%   {left:-400px; top:0px;}
  25%  {left:45px; top:0px;}
  50%  {left:45px; top:0px;}
  75%  {left:45px; top:0px;}
  100% {left:45px; top:0px;}
}

@keyframes dcha {
  0%   {left:-400px; top:0px;}
  25%  {left:45px; top:0px;}
  50%  {left:45px; top:0px;}
  75%  {left:45px; top:0px;}
  100% {left:45px; top:0px;}
}


.foto_quienes {
	position: relative;
	left:45px;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 10s; 
  animation-name: fadeIn;
  animation-duration: 10s;
  z-index: -2;
}
@-webkit-keyframes fadeIn {
  0%{opacity:0;}
  100%{opacity:1;}
}

@keyframes fadeIn {
  0%{opacity:0;}
  100%{opacity:1;}
}

.foto_mision{
	position: relative;
	left:45px;
  -webkit-animation-name: flip;
  -webkit-animation-duration: 10s; 
  animation-name: flip;
  animation-duration: 10s;
  z-index: -2;
}
@-webkit-keyframes flip {
  0%   {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;}
  40%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;}
  60%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;}
  80%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  100% { -webkit-transform: perspective(400px);
    transform: perspective(400px);}
}

@keyframes flip {
  0%   {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;}
  40%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;}
  60%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;}
  80%  {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  100% { -webkit-transform: perspective(400px);
    transform: perspective(400px);}
}

.foto_know{
	position: relative;
	left:45px;
  -webkit-animation-name: roll;
  -webkit-animation-duration: 5s; 
  animation-name: roll;
  animation-duration: 5s;
  z-index: -2;
}

@-webkit-keyframes roll {
  0%{ opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
  100%{ opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
}

@keyframes roll {
  0%{ opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
  100%{ opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
}

.foto_inn{
	position: relative;
	left:45px;
  -webkit-animation-name: jack;
  -webkit-animation-duration: 8s; 
  animation-name: jack;
  animation-duration: 8s;
  z-index: -2;
}
@-webkit-keyframes jack {
  0%   { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;}
  50%  {-webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);}
  70%  { -webkit-transform: rotate(3deg);
    transform: rotate(3deg);}
  100% {opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
}

@keyframes jack {
    0%   { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;}
  50%  {-webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);}
  70%  { -webkit-transform: rotate(3deg);
    transform: rotate(3deg);}
  100% {opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
}

.foto_mejora{
	position: relative;
	left:45px;
  -webkit-animation-name: hb;
  animation-name: hb;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  z-index: -2;
}
@-webkit-keyframes hb {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hb {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.foto_mej{
	position: relative;
  -webkit-animation-name: hb;
  animation-name: hb;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.foto_in {
position: relative;
  -webkit-animation-name: jack;
  -webkit-animation-duration: 4s; 
  animation-name: jack;
  animation-duration: 4s;
}

.foto_kn{
	position: relative;
  -webkit-animation-name: roll;
  -webkit-animation-duration: 2s; 
  animation-name: roll;
  animation-duration: 2s;
}

.foto_mis{
	position: relative;
  -webkit-animation-name: flip;
  -webkit-animation-duration: 1s; 
  animation-name: flip;
  animation-duration: 1s;
}

.foto_per  {
	position: relative;
	 -webkit-animation-name: iz; 
  -webkit-animation-duration: 4s; 
  animation-name: iz;
  animation-duration: 4s;
}

@-webkit-keyframes iz {
  0%   {right:-400px; top:0px;}
  25%  {right:0px; top:0px;}
  50%  {right:0px; top:0px;}
  75%  {right:0px; top:0px;}
  100% {right:0px; top:0px;}
}

@keyframes iz {
  0%   {right:-400px; top:0px;}
  25%  {right:0px; top:0px;}
  50%  {right:0px; top:0px;}
  75%  {right:0px; top:0px;}
  100% {right:0px; top:0px;}
}

.foto_qui {
	position: relative;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 4s; 
  animation-name: fadeIn;
  animation-duration: 4s;
}

/* PIE */
#pie 							{ width: 990px; height: 5em; margin: 0px auto 0px auto;  }
#pie a 							{ border: none; }
#pie a:hover 					{ color: #FFF; text-decoration: underline; }
#pie p 							{ margin: 0 0 0 0; color: #888; font-size: 11px; }
#pie p.texto_pie 				{ margin-top: 10px; float: left; margin-left: 20px; }
#pie a 							{ color: #FFF; }
#pie p.logo_pie, #pie p.logo_pie_en { margin: 0; padding: 0; }
#pie .logo_pie a, #pie .logo_pie_en a { display: block; float: left; width: 157px; height: 41px; background: url(../images/logo_pie.gif) no-repeat; text-indent: -9999px; }
#pie .logo_pie_en a { background-image: url(/images/logo_pie_en.gif); }
#pie p.aviso 					{ float: right; margin-top: 10px; }
#pie p.aviso a 					{ color: #3c4850; font-size: 9px; }
#pie p.aviso a:hover 			{ color: #FFF; text-decoration: none; }
.blanco 						{ color: #FFF; }



#pie_m 							{ width: 100%; height: 2em; margin: 0px auto 0px auto;  }
#pie_m 		 a 							{ border: none; }
#pie_m 		 a:hover 					{ color: #FFF; text-decoration: underline; }
#pie_m 		 p 							{ margin: 0 0 0 0; color: #888; font-size: 11px; }
#pie_m p.texto_pie 				{ margin-left: 180px; }
#pie_m 		 a 							{ color: #FFF; }
#pie_m 		 p.logo_pie, #pie_m p.logo_pie_en { margin: 0; padding: 0; }
#pie_m 		 .logo_pie a, #pie_m .logo_pie_en a { display: block; float: left; width: 157px; height: 41px; background: url(../images/logo_pie.gif) no-repeat; text-indent: -9999px; }
#pie_m 		 .logo_pie_en a { background-image: url(../images/logo_pie_en.gif); }

/* STICKY FOOTER */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 50px; /* .push must be the same height as .footer */ }

.footer { position: relative; background: #020A0F; }

a:hover, a:active 				{ outline: none; }

.text-center { text-align: center;}
.footer_m, .push {
	height: 20px; /* .push must be the same height as .footer */ 
	height: 20px;
}
.footer_m { position:fixed; float: bottom; overflow: hidden; height: 70px; bottom: 0; background: #020A0F; }
a:hover, a:active 				{ outline: none; }


/* RECAPTCHA */
.g-recaptcha{
   margin: 15px 0 !important;
   width: auto !important;
   height: auto !important;
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
}

/* COOKIES */
#aceptarCookie
	{
		font:  Arial, Helvetica;
		background-color: #850610;
		color: white;
		width: 120px;
		cursor: pointer;
		font-size: 12px;
	}
#aceptarCookie_m{
	font:  Arial, Helvetica;
		background-color: #850610;
		color: white;
		width: 60px;
		cursor: pointer;
		font-size: 12px;
}
#avisocookie
	{
		display:absolute;
		position:fixed;
		width: 750px;
		height: 50px;
	}
	#avisocookie_m
	{
		display:absolute;
		position:fixed;
		width: 350px;
		height: 50px;
	}
.cpMSGcookies, .cpMSGcookies .mCookie1, .cpMSGcookies .mCookie1 .mCookie2, .cpMSGcookies .mCookie1 .mCookie2 .mCookie3 {
	background:url('../images/redondo.png') transparent no-repeat;
}

.cpMSGcookies .mCookie1 .mCookie2 .mCookie3 .mCookie4, .cpMSGcookies .mCookie1 .mCookie2 .mCookie3 .mCookie4 .mCookie5 {
	background-color: black;
	color: #FFF;
	border:3px solid #850610; 
}

.cpMSGcookies_m, .cpMSGcookies_m .mCookie1, .cpMSGcookies_m .mCookie1 .mCookie2, .cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 {
	background:url('../images/redondo.png') transparent no-repeat;
}

.cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 .mCookie4, .cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 .mCookie4 .mCookie5 {
	background-color: black;
	color: #FFF;
	border:3px solid #850610; 
}

.cpMSGcookies
{
	position: fixed;
	display: block;
	bottom:5px;
	left: 50%;
	margin-left: -375px;
	width: 750px;
	text-align: center;
	color: #444;
	background-position: bottom right;
}
.cpMSGcookies_m{
	position: fixed;
	display: block;
	bottom:5px;
	width: 100%;
	text-align: center;
	color: #444;
	background-position: bottom right;
}
.cpMSGcerrarcookie
	{
	position: fixed;
	display:block;
	width: 55px;
	height: 55px;
	left: 50%;
	bottom: 35px;
	margin-left:  350px;	
	}
.cpMSGcerrarcookie_m
	{
	position: fixed;
	display:block;
	width: 55px;
	height: 55px;
	right: 0.01em;
	}

.cpMSGcookies .mCookie1 {
	background-position:top right;
}
.cpMSGcookies .mCookie1 .mCookie2 {
	background-position:top left;
}

.cpMSGcookies .mCookie1 .mCookie2 .mCookie3 {
	background-position:bottom left;
	padding:0 15px;
}

.cpMSGcookies .mCookie1 .mCookie2 .mCookie3 .mCookie4 {
	padding:12px 0;
	border-left:0;
	border-right:0;
}

.cpMSGcookies .mCookie1 .mCookie2 .mCookie3 .mCookie4 .mCookie5 {
	padding:0 12px;
	margin:0 -15px;
	border-top:0;
	border-bottom:0;
}
.cpMSGcookies_m .mCookie1 {
	background-position:top right;
}

.cpMSGcookies_m .mCookie1 .mCookie2 {
	background-position:top left;
}

.cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 {
	background-position:bottom left;
	padding:0 15px;
}

.cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 .mCookie4 {
	padding:12px 0;
	border-left:0;
	border-right:0;
}

.cpMSGcookies_m .mCookie1 .mCookie2 .mCookie3 .mCookie4 .mCookie5 {
	padding:0 12px;
	margin:0 -15px;
	border-top:0;
	border-bottom:0;
}
.textocookie
	{
		
		display:inline-block;
		text-align: left;
		font-family: verdana;
		font-size: 11px;
	}
.btnAceptarCookie
	{
		position: absolute;
		z-index: 1002;
		background-repeat: no-repeat;
		width: 180px;
		height: 29px;
		right:-10px;
		bottom: 5px;
		cursor: pointer;
	}
	.btnAceptarCookie_m
	{
		position: absolute;
		z-index: 1002;
		background-repeat: no-repeat;
		width: 180px;
		height: 29px;
		right:-25px;
		bottom: 3px;
		cursor: pointer;
	}
	#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: block;
}

/*SUBMENUS click*/
.men {
  height: 0;
  transition: all 0.2s ease;
  width: 10em;
  overflow: hidden;
}
.open-hide{
  height: 32px;
background-image: url("../images/empresaA.PNG");
 background-size: 100%;
}
.open-hide:hover {
  cursor: pointer;
}

.show {
  background-image: url("../images/empresaB.PNG");
 background-size: 100%;
}
.show + .men {
  height: 100%;
}

.men-en {
  height: 0;
  transition: all 0.2s ease;
  overflow: hidden;
}
.open-hide-en{
  height: 32px;
background-image: url("../images/companyA.PNG");
 background-size: 100%;
}
.open-hide-en:hover {
  cursor: pointer;
}

.show-en {
  background-image: url("../images/companyB.PNG");
 background-size: 100%;
}
.show-en + .men-en {
  height: 100%;
}

.mm {
	height:0;
  transition: all 0.2s ease;
  overflow: hidden;
}
.open:hover {
  cursor: pointer;
}

.show-m + .mm {
  height: 100%;
}
.mm1 {
	height:0;
  transition: all 0.2s ease;
  overflow: hidden;
}
#mm1 li ul li a{
	width: 180px;
	min-width:180px;
}
#men-en li{
	width: 180px;
	min-width: 180px;
}
.open1:hover {
  cursor: pointer;
}
.show-m1 + .mm1 {
  height: 100%;
}

.m1 {
  height: 0;
  transition: all 0.2s ease;
  width: 10em;
  overflow: hidden;
}
.open1{
  height: 32px;
background-image: url("../images/sectoresA.PNG");
 background-size: 100%;
}
.open1:hover {
  cursor: pointer;
}

.show-m1 {
  background-image: url("../images/sectoresB.PNG");
 background-size: 100%;
}
.show-m1 + .m1 {
  height: 100%;
}

.m1-en {
  height: 0;
  transition: all 0.2s ease;
  overflow: hidden;
}
.open1-en{
  height: 32px;
background-image: url("../images/sectorsA.PNG");
 background-size: 100%;
}
.open1-en:hover {
  cursor: pointer;
}

.show-m1-en {
  background-image: url("../images/sectorsB.PNG");
 background-size: 100%;
}
.show-m1-en + .m1-en {
  height: 100%;
}