/*
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
   Lombok Design - Global.
   version:  d04-m05-a12
//  -- -- -- -- -- -- -- -- --
//  Mauricio F. Tolezano (www.aquataller.es)
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
// 
//
*/


html {
	background:				#FFF url(../_img/interfaz/cabecera-fnd.png) repeat-x;
	}


body, 
body div, 
body p, 
body th, 
body td, 
body li, 
body dd	{
	font-size:				small;
}

body {
	width:					100%;
	min-width:				960px;
	height:					100%;
	margin:					0;
	padding:				0;
	text-align:				left;
	font:					small Arial, Helvetica, sans-serif;
	color:					#999;
	background:				url(../_img/interfaz/cabecera-tema1.png) no-repeat;
	}

	
a img {
	border:					none;
	}
	
		
/*	
a:link		,
a:visited 	{
	text-decoration:		none;
	color:					#C31B24;
	}
a:hover		,
a:active  	{
	color:					#600;
	}
	*/
	

/* Cabecera.
----------------------------------------------------------------------------------------------- */

#cabecera {
	position:				relative;
	width:					100%;
	min-width:				1000px;
	height:					166px;
	color:					#FFF;
	cursor:					default;
	}
	
#cabecera a {
	color:					#FFF;
	}
#cabecera a:hover {
	color:					#EFEFEF;
	}
	
#usuario-autentificado {
	/*position:				absolute;
	top:					25px;
	right:					5.5em;
	margin:					1.4em 15px 0;*/
	float:					right;
	margin:					42px 15px 0 0;
	padding:				0 15px 0 0;
	border-right:			1px dotted #CCC;
	}
#usuario-autentificado a {
	text-decoration:		underline;
	}
	 
	 
/* Logo.
----------------------------------------------------------------------------------------------- */

h1 {
	position:				absolute;
	top:					80px;
	left:					40px;
	margin:					0;
	padding:				0;
	font-size:				1.7em;
	font-weight:			normal;
	}
h1 img {
	display:				block;
	}
	
	
/* Nav idiomas.
----------------------------------------------------------------------------------------------- */

#nav-idioma {
	display:				none;
	
	
	margin:					42px 25px 0 0;
	float:					right;
	text-decoration:		underline;
	}	



/* Nav global.
----------------------------------------------------------------------------------------------- */

#nav-global {
	position:				absolute;
	left:					320px;
	bottom:					33px;
	margin:					0;
	padding:				23px 0 0;
	list-style-type:		none;
	}

#nav-global li {
	position:				relative;
	float:					left;
	margin:					0;
	padding:				1em 10px 20px;
	line-height:			1.2;
	text-transform:			uppercase;
	font-size:				0.87em;
	font-weight:			bold;
	}
	
#nav-global li.submenu.hover {
	margin:					0 -5px;
	padding-right:			15px;
	padding-left:			15px;
	background-color:		#000;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.9);
	-moz-box-shadow:  	0 10px 20px 0 rgba(0,0,0,.9);
	-ms-box-shadow:  	0 10px 20px 0 rgba(0,0,0,.9);
	box-shadow: 		0 10px 20px 0 rgba(0,0,0,.9);
	}
#nav-global li.submenu.hover li {
	margin:					0;
	padding-right:			15px;
	padding-left:			15px;
	background-color:		#000;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.9);
	-moz-box-shadow:  	0 10px 20px 0 rgba(0,0,0,.9);
	-ms-box-shadow:  	0 10px 20px 0 rgba(0,0,0,.9);
	box-shadow: 		0 10px 20px 0 rgba(0,0,0,.9);
	}
	
#nav-global li strong	,
#nav-global li a 		{
	display:				block;
	text-decoration:		none;
	}
#nav-global li ,
#nav-global li a 		{
	color:				#999;
	}
#nav-global li	a:hover ,
#nav-global li:hover ,
#nav-global li.activo,
#nav-global li.activo a 		{
	color:				#FFF;
	}
	
#nav-global .lk-social {
	margin-right:			2px;
	padding-right:			0;
	padding-left:			0;
	}
#nav-global .lk-social.primero {
	margin-left:			15px;
	}
#nav-global .lk-social a{
	width:					30px;
	height:					36px;
	margin:					-13px 0 -20px 0;
	text-indent:			-10000px;
	background:				center no-repeat;
	}
#nav-global .lk-twitter a{
	background-image:		url(../_img/interfaz/icn-twitter-1.png);
	}
#nav-global .lk-facebook a{
	background-image:		url(../_img/interfaz/icn-facebook-1.png);
	}
#nav-global .lk-pinterest a{
	background-image:		url(../_img/interfaz/icn-pinterest-1.png);
	}
#nav-global .lk-slideshare a{
	background-image:		url(../_img/interfaz/icn-slideshare-1.png);
	}
#nav-global .lk-flicker a{
	background-image:		url(../_img/interfaz/icn-flicker-1.png);
	}
#nav-global .lk-youtube a{
	background-image:		url(../_img/interfaz/icn-youtube-1.png);
	}

	

#nav-global li ul{
	position:				absolute;
	top:					3.2em;
	left:					0;
	visibility:				hidden;
	margin:					0;
	padding:				0.9em 0;
	list-style-type:		none;
	background:				#000;
	}

#nav-global li li {
	float:					none;
	margin:					0;
	padding:				0.6em 15px;
	white-space:			nowrap;
	font-size:				0.97em;
	}
#nav-global li span {
	cursor:					pointer;
	}
	
	

	
/* Contenido.
----------------------------------------------------------------------------------------------- */

#contenido {
	min-width:				900px;
	max-width:				950px;
	padding:				35px 40px 30px;
	} 

#contenido h2 {
	margin:					0 0 0.7em;
	padding:				0;
	font-size:				3em;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#E4E4E4;
	} 
#contenido h2 a {
	color:					#E4E4E4;
	text-decoration:		none;
	} 
#contenido h2 a:hover {
	color:					#CCC;
	} 
	
#contenido h3{
	margin:					1.3em 0 0.3em;
	padding:				0;
	font-size:				1.1em;
	color:					#333;
	} 
	
#contenido h4 {
	margin:					1.3em 0 0.3em;
	padding:				0;
	font-size:				0.9em;
	color:					#333;
	} 
#contenido p{
	margin:					0.2em 0 0.5em;
	} 
#contenido img {
	margin:					0.2em 0 1.5em;
	} 
#contenido p img {
	margin:					0 0 1em;
	} 
	
a {
	color:				#999;
	text-decoration:	none;
	} 
a:hover{
	color:				#000;
	} 	
	
	
	
/* Contenidos a todo el ancho.
-----------------------------------------------------------------------------------------------	*/
	
#trabajos #contenido,
#servicios #contenido {
	max-width:			none;
	}
	
	
/* Pie de pagina.
----------------------------------------------------------------------------------------------- */
	
#pie-pag {
	clear:				both;
	float:				left;
	width:				100%;
	padding:			0 0 3.5em;
	}	
#pie-pag > *{
	margin:				0 40px;
	}	
#pie-pag .legal{
	padding-top:		1em;
	border-top:			1px solid #EFEFEF;
	}
#pie-pag dl.contacto,
#pie-pag dd{
	margin-top:			0.3em;
	margin-bottom:		0.3em;
	padding:			0;
	}	
#pie-pag dt,
#pie-pag dd{
	display:			inline;
	margin:				0;
	padding:			0;
	}	
#pie-pag dd{
	padding-right:		1em;
	}	
#pie-pag dt.direccion{
	display:			none;
	}	

#pie-pag dt.direccion + dd {
	/*display:			block;*/
	}	
	
#pie-pag .nav a {
	display:			inline-block;
	margin:				0 1em 0 0;
	text-decoration:	underline;
	}
	
	
/* Pie de pagina (2).
----------------------------------------------------------------------------------------------- */

#trabajos #pie-pag,
#servicios #pie-pag {
	padding-top:		50px;
	}
	
#trabajos #pie-pag .legal,
#servicios #pie-pag .legal {
	border:				none;
	}