@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin: 0; 
	padding: 0; 
	border: none;
	font-size:14px;
	line-height:20px;
}
body, input, select, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#9b8b54;
	font-size:14px;
}
a { 
	color: #58585a;
	text-decoration: none;
}
a img, img { 
	border: 0px; 
	text-decoration: none;
}
li { 
	list-style: none; 
}
div.clear { 
	font-size:1px;
	clear: both; 
}

/*----------------------------------------------------------------------------------------------------
	Elements de maqueta
----------------------------------------------------------------------------------------------------*/

body {
	padding-bottom:10px;
	background:#f1efe0;
}

#contenidor {
	top:			50%;
	left:			50%;
	margin-left:	-471px;
	margin-top:		-290px;
	position:		absolute;

	width:924px;
	text-align:left; 
}

#cap {
	padding-top:24px;
	height:20px;
	text-align:right;

	color:#9b8b54;
	font-size:0.8em;
	font-weight:normal;
}

/* Definimos todos los elementos contenedores con efecto de volumen */
#contenidor.proyectos #scroll a,
#experiencia li a,
#cos, #subMenu {
	border-top:#faf9ef 1px solid;
	border-left:#f8f8eb 1px solid;
	border-right:#ebe9d3 1px solid;
	border-bottom:#e3e0c7 1px solid;
	float:left;
	background:#f7f6e7;
	height:407px;
}
#cos {
	padding:28px 0px 0px 28px;
	width:894px;
}
#cos.conScroll {
	width:862px;
	margin-right:4px;
}

#contenidor.conSubMenu #cos {
	width:604px;
}
#contenidor.conSubMenu #cos.conScroll {
	width:572px;
}
#scroller {
	display:none; /*Inicialmente está oculto*/
	width:12px;
	background:url(../img/bg_scroll.gif) repeat-y 0px 0px;
	height:430px;
	position:absolute;
	margin-left:902px;
	*margin-left:-20px;
}
#subMenu {
	width:228px;
	padding:34px 0px 0px 56px;
	margin-right:4px;
	height:401px;
}
#menu {
	background:url(../img/bg_menu.gif) left top repeat-x;
	padding:6px 38px 0px 38px;
	height:89px;
}
.foto {
	float:left;
	width:413px;
}
.texto {
	padding:0px 0px 0px 10px;
	float:left;
}

#pie {
	width:540px;
	font-size:10px;
	font-weight:normal;
	padding-top:5px;
	text-align:right;
	float: left;
}

#idiomasPie{
	width:134px;
	padding-top:5px;
	height:20px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	float: left;
}


/*----------------------------------------------------------------------------------------------------
	Elements comuns
----------------------------------------------------------------------------------------------------*/

/* Zona cabecera */
#cap a {
	color:#9b8b54;
}
#cap a:hover,
#cap a.on,
#cap a.on:hover {
	color:#84090e;
}
#logo {
	float:left;
	width:232px;
	text-align:left;
	margin-top:-24px;
}
#frasesLogo {
	float:left;
	width:692px;
	text-align:right;
	margin-top:-20px;
}

/*Submenu izquierdo */
#subMenu ul li {
	line-height:28px;
	font-weight:normal;
}
#subMenu ul li a {
	color:#9b8b54;
}
#subMenu ul li a:hover,
#subMenu ul li a.on,
#subMenu ul li a.on:hover {
	color:#84090e;
}
/* Menu inferior */
#menu li {
	float:left;
	display:block;
	width:auto;
	_width:1px; /* IE 6 y sus cositas */
}
#menu a {
	padding:0px 20px;
	height:40px;
	display:block;
	color:#dacf94;
	font-weight:bold;
	font-size:14px;
}
#menu li.on a,
#menu a:hover {
	color:#fff;
	background-position:bottom center;
	background-repeat:no-repeat;
}
#menu li.ultimo {
	float:right;
}
#cos p, #cos li {
	padding-bottom:10px;
}
#cos .texto p {
	padding-bottom:0px;
	padding-top:10px;
}
#cos .texto p.primero {
	padding-bottom:0px;
	padding-top:0px;
}

#cos p strong {
	font-weight:normal;
}
#cos li {
	padding-left:18px;
	background:url(../img/topo.gif) no-repeat 6px 8px;
}
strong {
	color:#84090e;
}

/* Estilos para el scroll */
#scroll {
	clip: rect(0px 1000px 360px 0px);
	position: absolute;
	overflow: hidden;
	width:810px;
	left: 319,000px;
}

.conFoto #scroll {
	width:410px;
}

#contenidor.conSubMenu #scroll {
	width:530px;
}
#scroller #cursor {
	position:absolute;
	margin-left:0px;
}

#scroller a {
	position: absolute;
}
#scroller a.sota {
	margin-top:	390px;
}
.posiciona_cursor {
	margin-top:20px;
	_margin-top:0px;
	height:1px;
	font-size:1px;
}


/* Zona pie */
#pie a {
	font-size:10px;
	display:block;
	float:right;
	margin-top:-20px;
	color:#9b8b54;
	*margin-top:-20px !important;
}
#idiomasPie a {
	font-size:12px;
	color:#9b8b54;
}
#idiomasPie a:hover,
#idiomasPie a.on,
#idiomasPie a.on:hover {
	color:#84090e;
}
/*\*/
html*#pie a { margin-top:0px; } /* sólo en safari */

#pie a:hover {
	color:#84090e;
}

/* link pie PDF */
#pdfPie {
	display:block;
	float:left;
	padding-top:5px;
	width:170px;
	padding-left:80px;
}
#pdfPie a {
	padding-left:14px;
	background:url(../img/flecha_pdf.gif) no-repeat 0px -30px;
	color:#9B8B54;
	font-size:12px;
}
#pdfPie a:hover {
	background-position:0px 2px;
	color:#84090e;
}
#pdfFlotante {
	position:absolute;
	z-index:300;
	margin-left:170px;
	margin-top:-220px;
	visibility:hidden;
}
/*----------------------------------------------------------------------------------------------------
	Estilos para Experiencia
----------------------------------------------------------------------------------------------------*/

#contenidor.conExperiencia #cos {
	width:512px;
}

#contenidor.conExperiencia #cos.conScroll {
	width:480px; /*-32*/
}

#contenidor.conExperiencia #scroll {
	width:460px;
}

#experiencia {
	float:left;
	width:382px;
}
	
#experiencia li {
	padding-bottom:3px;
}

#experiencia li.ultim {
	padding-bottom:0px;
}

#experiencia li a {
	width:340px;
	height:127px;
	float:none;
	display:block;
	padding:15px 18px 0px 18px;
	color:#9b8b54;
}

#experiencia li a.on {
	background:#f7f6e7 url(../img/flecha.gif) 353px 17px no-repeat;
	color:#84090e;
}

#experiencia li.ultim a {
	height:126px;
}

#experiencia li a.mail {
	height:auto;
	width:150px;
	padding:0px;
	border:none;
	position:absolute;
	margin-left:140px;
	margin-top:53px; 
}

#experiencia li a.mail:hover {
	color:#84090e;
}

#experiencia li a img {
	float:left;
	padding:3px 15px 0px 0px;
}


#experiencia li img.linea{
	float:left;
	padding:10px 15px 0px 0px;
}
.contenidos_dinamicos {
	display:none;
}

#contenido_1 {
	display:block;
}

#projectes {
	float:left;
	width:382px;
}

.cosProjectes{
	padding:0px 0px 0px 0px;
	width:894px;
	background-color: #f1efe0;
	border: 0px;
}

.sinmargen{
	padding: 0px;
	
}

.conFotoGran #scroll {
	width:230px;
}

.fotoGran{
	float:left;
	width:637px;

}

/*----------------------------------------------------------------------------------------------------
	Estilos para Proyectos
----------------------------------------------------------------------------------------------------*/

#contenidor.proyectos #cos {
	background:none !important;
	border:0px;
	padding:0px;
	width:924px;
	height:437px;
}
#contenidor.proyectos #scroll {
	width:924px;
	clip: rect(0px 1000px 437px 0px);
}

#contenidor.proyectos #scroll a {
	display:block;
	padding:0px;
	text-align:center;
	width:180px;
	height:83px;
	margin-right:3px;
}
#contenidor.proyectos #scroll a.derecho {
	margin-right:0px;
	width:182px;
}

/*Todas las anchuras disminuyen si aparece scroll */
#contenidor.proyectos #cos.conScroll,
#contenidor.proyectos #cos.conScroll #scroll {
	width:892px;
}

#contenidor.proyectos #cos #scroll a,
#contenidor.proyectos #cos #scroll a.derecho {
	width:174px;
}

#contenidor.proyectos #scroll a:hover {
	border-top:#fefefb 1px solid;
	border-left:#fefefb 1px solid;
	border-right:#f1efe5 1px solid;
	border-bottom:#e9e7d8 1px solid;
	background:#fdfdfa;
}

#contenidor.proyectos #scroll .clear {
	height:3px;
}

.titSec{
	font-family: Verdana !important;
	font-weight: normal !important;
	color: #84090E !important;
	padding-bottom: 0px !important;
	line-height: 20px !important;
}

.serveisCont .titSec{
	font-size:13px;
	line-height:18px;
}

a.vermell{
	color: #84090E;
}

div.volver{
	width: 425px;
	height: 20px;
	text-align: right;
	float:right;
	margin:0;
	position: absolute;
	top:440px;
	left:435px;
	font-size:12px;
}


/*links mail contacto*/
.mail {
	color:#9B8B54;
}

.mail:hover{
	color:#84090e;
}


#contenidor.proyectos #scroller {
	display:none; /*Inicialmente está oculto*/
	width:20px;
	background:#f7f6e7 url(../img/bg_scroll.gif) repeat-y 6px 0px;
	height:430px;
	margin-left:896px;
	*margin-left:-28px;
	padding-left:6px;

	border-top:#faf9ef 1px solid;
	border-left:#f8f8eb 1px solid;
	border-right:#ebe9d3 1px solid;
	border-bottom:#e3e0c7 1px solid;
	float:left;
	height:435px;

}

#contenidor.proyectos #scroller a.sota {
	margin-top:	393px;
}


/*VERA*/

.serveisCont {
	font-size:12px;
	line-height:16px;
}

.serveisCont p, .serveisCont li{
	font-size:13px;
	line-height:18px;
	padding-bottom:1em;
}

.serveisCont p strong, .serveisCont li strong{
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	color:#84090e;
}

.serveisCont ul{
	padding-top:1em;
}