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


	
/* Trabajos.
-----------------------------------------------------------------------------------------------	*/
#contenido .listado-trabajos {
	margin:				0 0 0 20px;
	}
	
#contenido .listado-trabajos h2 {
	height:				2.4em;
	margin:				-0.6em 0 -1.5em 20px;
	padding:			0;
	}
.listado-trabajos h2 .filtro {
	display:			block;
	color:				#000;
	}
	
	
	
/* Nav filtro.
-----------------------------------------------------------------------------------------------	*/

.listado-trabajos .nav-etiquetas {
	margin:				10px 0 0;
	padding:			2.7em 0 0;
	list-style-type:	none;
	} 
.listado-trabajos .nav-etiquetas li{
	margin:				0.4em 0 0.4em 25px;
	padding:			0;
	} 
.listado-trabajos .nav-etiquetas li:first-child {
	margin-top:			1.5em;
	} 
.listado-trabajos .nav-etiquetas a:hover{
	color:				#000;
	} 

.listado-trabajos .nav-etiquetas .activo a {
	font-weight:		bold;
	color:				#000;
	} 
	

/* Listado Trabajos.
-----------------------------------------------------------------------------------------------	*/

#contenido .listado-trabajos .cabecera h2 {
	font-size:			2.75em;
	line-height:		1.23em;
	} 
	
.listado-trabajos .cabecera,
.listado-trabajos .trabajo {
	float:				left;
	position:			relative;
	width:				286px;
	height:				292px;
	/*margin:				0 -21px -20px -20px;
	padding:			16px 37px 36px;*/
	margin:				0 0 -20px -41px;
	padding:			16px 37px 36px;
	background:			transparent url(../_img/interfaz/cuadricula-1.png) left bottom  no-repeat;
	} 
	
.listado-trabajos .trabajo h3 {
	height:				1.2em;
	margin:				-0.5em 0 0.3em!important;
	padding:			5px 0 0!important;
	font-size:			0.95em!important;
	font-weight:		bold;
	} 
.listado-trabajos .trabajo .resumen {
	height:				3em;
	} 
.listado-trabajos .trabajo.oculto .icono {
	display:			block;
	position:			absolute;
	top:				0;
	right:				25px;
	width:				40px;
	height:				40px;
	background:			url(../_img/interfaz/icn-trabajo-no-publico.png) center no-repeat;
	} 
.listado-trabajos .trabajo img {
	position:			absolute;
	bottom:				18px;
	left:				38px;
	display:			block;
	/*width:				288px;
	height:				234px;*/
	} 
	
		
	
/* Trabajo.
----------------------------------------------------------------------------------------------- */

.contenido-trabajo {
	float:					left;
	width:					720px;
	padding:				0 0 3em;
	} 

#contenido .contenido-trabajo h2 a {
	color:					#E4E4E4;
	text-decoration:		none;
	} 
#contenido .contenido-trabajo h2 a:hover {
	color:					#CCC;
	} 
	
.contenido-trabajo h2 .nombre-trabajo{
	color:					#333;
	} 

#contenido .contenido-trabajo a {
	color:				#000;
	text-decoration:	underline;
	} 
#contenido .contenido-trabajo a:hover{
	color:				#000;
	} 	


/* Compartir Trabajo.
----------------------------------------------------------------------------------------------- */

#nav-compartir-trabajo  {
	float:					right;
	width:					160px;
	margin:					-0.6em 0 0;
	}

#nav-compartir-trabajo h3 {
	font-weight:			normal;
	color:					#999;
	}

#nav-compartir-trabajo .nav {
	height:					35px;
	margin:					0;
	padding:				0 0 10px;
	list-style-type:		none;
	}
#nav-compartir-trabajo .nav li {
	float:					left;
	margin:					0;
	padding:				0;
	text-indent:			-10000px;
	}
#nav-compartir-trabajo .nav a{
	display:				block;
	width:					26px;
	height:					34px;
	margin:					0;
	text-indent:			-10000px;
	background:				center no-repeat;
	}
#nav-compartir-trabajo .lk-twitter a{
	background-image:		url(../_img/interfaz/icn-twitter-2.png);
	}
#nav-compartir-trabajo .lk-facebook a{
	background-image:		url(../_img/interfaz/icn-facebook-2.png);
	}
#nav-compartir-trabajo .lk-pinterest a{
	background-image:		url(../_img/interfaz/icn-pinterest-2.png);
	}
#nav-compartir-trabajo .lk-slideshare a{
	background-image:		url(../_img/interfaz/icn-slideshare-2.png);
	}
#nav-compartir-trabajo .lk-flicker a{
	background-image:		url(../_img/interfaz/icn-flicker-2.png);
	}
#nav-compartir-trabajo .lk-youtube a{
	background-image:		url(../_img/interfaz/icn-youtube-2.png);
	}
#nav-compartir-trabajo .lk-meneame a{
	background-image:		url(../_img/interfaz/icn-meneame-2.png);
	}
#nav-compartir-trabajo .lk-reddit a{
	background-image:		url(../_img/interfaz/icn-reddit-2.png);
	}
#nav-compartir-trabajo .lk-stumbleupon a{
	background-image:		url(../_img/interfaz/icn-stumbleupon-2.png);
	}
#nav-compartir-trabajo .lk-google-plus a{
	background-image:		url(../_img/interfaz/icn-google-plus-2.png);
	}



/* Trabajos Relacionados (Trabajo).
----------------------------------------------------------------------------------------------- */

.trabajos-relacionados {
	float:				right;
	width:				160px;
	margin:				-0.6em 0 0;
	padding:			1.9em 0 0;
	border-top:			1px solid #EFEFEF;
	}
.trabajos-relacionados h3{
	margin:				0 0 0.5em!important;
	padding:			0;
	}
.trabajos-relacionados ul{
	margin:				0 0 1em;
	padding:			0;
	list-style-type:	none;
	}
.trabajos-relacionados .trabajo{
	margin:				0.7em 0;
	padding:			0.7em 0;
	border-top:			1px solid #EFEFEF;
	}
.trabajos-relacionados .trabajo:first-child{
	border-top:			none;
	}
.trabajos-relacionados .trabajo img {
	display:			block;
	width:				100%;
	margin:				0.8em 0 0!important;
	-ms-interpolation-mode:bicubic;
	}
	
	
	
/* Servicios.
----------------------------------------------------------------------------------------------- */

	
#servicios .nav-servicios ul {
	margin:				1em 0 1em 20px;
	padding:			0;
	list-style-type:	none;
	} 
	
#servicios .nav-servicios .servicio {
	float:				left;
	position:			relative;
	width:				288px;
	height:				25em;
	/*margin:				0 -21px -20px -20px;
	padding:			16px 36px 36px;*/	
	margin:				0 0 -20px -41px;
	padding:			16px 36px 36px;
	background:			transparent url(../_img/interfaz/cuadricula-1.png) left bottom  no-repeat;
	} 

#servicios .nav-servicios .servicio h3 {
	margin:				0 0 0.5em;
	padding:			0;
	font-size:			1.5em;
	color:				#333;
	}
#servicios .nav-servicios .servicio h3 a {
	color:				#333;
	} 
	
#servicios .nav-servicios .servicio img {
	display:			block;
	position:			absolute;
	bottom:				18px;
	left:				36px;
	}



	
/* Empresa.
----------------------------------------------------------------------------------------------- */

#empresa #presentacion {
	width:				460px;
	float:				left;
	} 
#empresa #presentacion .contenido{
	margin:				0 0 2.5em 0;				
	} 
	
	
#empresa #localizacion {
	width:				300px;
	float:				right;
	padding:			0 70px 0 0;
	} 
#empresa #mapa-localizacion {
	width:				300px;
	height:				300px;
	} 
	
#empresa #frm-contacto{
	width:				370px;
	float:				right;
	padding:			1.7em 0;
	} 
#empresa #frm-contacto h3 {
	margin:				2em 0 0;
	} 
#empresa #frm-contacto table {
	width:				100%;
	} 
#empresa #frm-contacto th {
	padding:			0.8em 0 0.2em;
	vertical-align:		top;
	text-align:			left;
	font-weight:		normal;
	} 
#empresa #frm-contacto td {
	padding:			0;
	vertical-align:		top;
	text-align:			left;
	font-weight:		normal;
	} 
#empresa #frm-contacto td input,
#empresa #frm-contacto textarea {
	width:				220px;
	padding:			7px 4px;
	border:				1px solid #999;
	} 
#empresa #frm-contacto .asunto input{
	width:				292px;
	} 
#empresa #frm-contacto .mensaje {
	padding:			1em 0 0;
	} 
#empresa #frm-contacto .mensaje textarea {
	width:				292px;
	height:				14em;
	} 
.cntrl-enviar {
	padding:			0.8em 0 2em;
	text-align:			left!important
	}
.cntrl-enviar input {
	display:				inline-block;
	margin:					0 1px;
	padding:				0.6em 20px;
	text-decoration:		none;
	color:					#000;
	font-size:				1.1em;
	background:				url(../../_img/interfaz/btn-fnd1.png) center repeat-x;
	border-radius:			3px;
	border:					1px solid #CCC;
	cursor:					pointer;	
	-webkit-box-shadow: 	0 1px 0 0 rgba(255,255,255,.3); 
	-moz-box-shadow:  		0 1px 0 0 rgba(255,255,255,.3); 
	-ms-box-shadow:  		0 1px 0 0 rgba(255,255,255,.3); 
	box-shadow: 			0 1px 0 0 rgba(255,255,255,.3); 
	text-shadow: 			0 1px 0 #FFF;
	} 
	
#empresa #frm-contacto .aviso-legal {
	width:					300px;
	margin:					1em 0;
	} 
	

/* Datos contacto.
----------------------------------------------------------------------------------------------- */
	
#localizacion dl.contacto,
#localizacion dd{
	margin-top:			0.3em;
	margin-bottom:		0.3em;
	padding:			0;
	}	
#localizacion dt,
#localizacion dd{
	display:			inline;
	margin:				0;
	padding:			0;
	}	
#localizacion dd{
	padding-right:		0.7em;
	}	
#localizacion dt.direccion{
	display:			none;
	}	

#localizacion dt.direccion + dd {
	display:			block;
	margin:				0 0 0.4em;
	}	
	
#localizacion dt.fax + dd {
	padding-right:		100px;
	}	
	
	
#localizacion dt.email {
	display:			block;
	margin:				0.4em 0 -1.2em 0;
	}	
	
#localizacion dt.email + dd {
	display:			block;
	margin:				0 0 0 3.3em;
	}	


/* Mensaje error validacion.
----------------------------------------------------------------------------------------------- */
.errores-validacion {
	margin:				0.5em 0 1em;
	padding:			1em 2em;
	color:				#FFF;
	background-color:	#C18F83;
	border-radius:		5px;
	}
.errores-validacion h3 {
	margin:				0.7em 0!important;
	padding:			0!important;
	font-size:			1.4em!important;
	font-weight:		bold;
	color:				#FFF!important;
	}