@import url("framework.css");
@import url("forms.css");
@import url("nav-h.css");
@import url("../stylesheet.css");

@charset "utf-8";
/* CSS Document */

/*************************************************** BODY *************/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	background:url(../images/fondo-body.png) repeat;
}

/*************************************************** CONTAINER ********/
div#container {
	width:975px;
	position:relative;
	border-left:10px solid #fff;
	border-right:9px solid #fff;
	background:#fff;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

/*************************************************** HEADER ***********/
div#header {position:relative;}
div.superior {
	position:relative;
	background:#5e5e5e;
	height:20px;
	font-size:11px;
	color:#e5e5e5;
}
div.superior a {color:#e5e5e5;}
div.superior a:hover {color:#fff;}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	top:0px;
	left:0px;
}
h1 a {
	color:#666;
	height:20px;
	width:400px;
	display:block;
	padding:65px 0 0 73px;
}
h1 a span {padding:5px; background:#fff;}

div.header-cuerpo {
	width:975px;
	position:relative;
	background:url(../images/fondo-cabecera.gif) no-repeat;
	height:117px;
}

div.header-buscador {
	position:absolute;
	width:240px;
	top:5px;
	left:735px;
}
div.header-buscador p strong {color:#447a8e; font-size:18px;}
div.header-buscador p em {font-style:normal; color:#333; font-weight:bold;}
div.header-buscador a {color:#333; text-decoration:underline;}

div.banner125 {
	position:absolute;
	top:-3px;
	left:275px;
	width:153px;
	height:88px;
}


/*************************************************************** MENU ***********/
/* ver también nav-h.css */
div#nav {
	height:38px;
	background:url(../images/fondo-menu.gif) repeat-x;
	position:relative;
	width:975px;
	z-index:99;
}
div#nav .bor1 {border-right:1px solid #90022b;}
div#nav .bor2 {border-left:1px solid #dd0444;}
div#nav ul#navmenu img {vertical-align:middle;}
div#nav li a#nav-current {background:url(../images/fondo-menu-current.gif) repeat-x;}

/*************************************************************** CAJA **********/
div.caja {
	width:975px;
	position:relative;
	margin:8px 0 15px 0;
}
div.caja-sup {
	background:url(../images/arriba-cuadro.gif) no-repeat;
	width:975px;
	height:8px;
}
div.caja-cuerpo {
	width:975px;
	height:220px;
}
div.caja-cuerpo-newsletter {
	width:975px;
	height:226px;
	background:url(../images/imagen-caja-newsletter.jpg) no-repeat;
}
/* imatges per les seccions */
div#caja-internacional {background:url(../images/fondo-caja-internacional.jpg) no-repeat;}
div#caja-internacional-ajuts {background:url(../images/fondo-caja-internacional-ajuts.jpg) no-repeat;}
div#caja-internacional-assessorament {background:url(../images/fondo-caja-internacional-assessorament.jpg) no-repeat;}
div#caja-internacional-grups {background:url(../images/fondo-caja-internacional-grups.jpg) no-repeat;}
div#caja-internacional-tramitacions {background:url(../images/fondo-caja-internacional-tramitacio.jpg) no-repeat;}
div#caja-internacional-publicacions {background:url(../images/fondo-caja-internacional-publicacions.jpg) no-repeat;}
div#caja-internacional-subcontractacio {background:url(../images/fondo-caja-internacional-subcontractacio.jpg) no-repeat;}
div#caja-internacional-promocio {background:url(../images/fondo-caja-internacional-promocio.jpg) no-repeat;}
div#caja-empresas {background:url(../images/fondo-caja-empresas.jpg) no-repeat;}

div#caja-formacio {background:url(../images/fondo-caja-formacion.jpg) no-repeat;}
div#caja-formacio-oferta {background:url(../images/fondo-caja-formacion-oferta.jpg) no-repeat;}
div#caja-formacio-proposta {background:url(../images/fondo-caja-formacion-proposta.jpg) no-repeat;}
div#caja-formacio-online {background:url(../images/fondo-caja-formacion-online.jpg) no-repeat;}
div#caja-formacio-ajuts {background:url(../images/fondo-caja-formacion-ajuts.jpg) no-repeat;}

div#caja-comers {background:url(../images/fondo-caja-comers.jpg) no-repeat;}
div#caja-comers-informes {background:url(../images/fondo-caja-com-informes.jpg) no-repeat;}
div#caja-comers-guia{background:url(../images/fondo-caja-com-guia.jpg) no-repeat;}
div#caja-comers-botiguer{background:url(../images/fondo-caja-com-botiguer.jpg) no-repeat;}
div#caja-comers-assistencia {background:url(../images/fondo-caja-com-assistencia.jpg) no-repeat;}
div#caja-comers-ajuts{background:url(../images/fondo-caja-com-ajuts.jpg) no-repeat;}
div#caja-comers-equipaments {background:url(../images/fondo-caja-com-equipaments.jpg) no-repeat;}
div#caja-comers-observatori {background:url(../images/fondo-caja-com-observatori.jpg) no-repeat;}

div#caja-emp-informes {background:url(../images/fondo-caja-emp-informes.jpg) no-repeat;}
div#caja-emp-directoris {background:url(../images/fondo-caja-emp-directoris.jpg) no-repeat;}
div#caja-emp-creacio {background:url(../images/fondo-caja-emp-creacio.jpg) no-repeat;}
div#caja-emp-camerfirma {background:url(../images/fondo-caja-emp-camerfirma.jpg) no-repeat;}
div#caja-emp-ajuts {background:url(../images/fondo-caja-emp-ajuts.jpg) no-repeat;}

div#caja-recursos {background:url(../images/fondo-caja-recursos.jpg) no-repeat;}
/**/

div.caja-texto {
	position:absolute;
	top:20px;
	left:330px;
	width:340px;
	line-height:140%;
}
div.caja-texto h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ce003c;
	font-size:20px;
	margin-bottom:4px;
	font-weight:bold;
}
div.caja-texto p {margin-bottom:10px;}

div.caja-secciones {
	position:absolute;
	top:10px;
	left:715px;
	border-left:1px solid #e5e5e5;
	padding-left:20px;
	width:230px;
	min-height:210px;
}
div.caja-secciones ul li {
	padding-left:15px;
	background:url(../images/cuadro-amarillo.gif) no-repeat 4px;
	margin-bottom:4px;
	font-size:11px;
}
div.caja-secciones ul li a {color:#666;}
div.caja-secciones ul li a:hover {padding-bottom:1px; border-bottom:1px solid #7fb4c8;}

a.bot-vull {
	background:url(../images/fondo-bot-vullferho.png) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	display:block;
	/*width:170px;*/
	width:190px;
	height:25px;
	padding: 10px 0 0 35px;
	position:relative;
}
a.bot-vull span {
	position:absolute;
	width:52px;
	height:59px;
	top:10px;
	/*left:160px;*/
	left:180px;
	background:url(../images/mano.png) no-repeat;
}
/*a.bot-vull:hover {
	box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}*/

div.caja-menu {
	height:51px;
	border-top:1px solid #fff;
}
div.caja-menu div {float:left; color:#fff; position:relative;}
div.caja-menu div a {
	display:block;
	height:43px;
	padding:8px 0 0 8px;
	margin-bottom:5px;
	color:#fff;
	font-size:11px;
}
div.caja-menu div a strong {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

div.caja-menu div.cm-emp {
	background:url(../images/fondo-bot-caja-empreses-off.gif) no-repeat;
	width:244px;
	margin-right:1px;
}
div.caja-menu div.cm-emp-here,
div.caja-menu div.cm-emp:hover {background:url(../images/fondo-bot-caja-empreses.gif) no-repeat !important;}
div.caja-menu div.cm-emp a {width:236px;}

div.caja-menu div.cm-int {
	background:url(../images/fondo-bot-caja-internacional-off.gif) no-repeat;
	width:245px;
	margin-right:1px;
}
div.caja-menu div.cm-int-here,
div.caja-menu div.cm-int:hover {background:url(../images/fondo-bot-caja-internacional.gif) no-repeat !important;}
div.caja-menu div.cm-int a {width:237px;}

div.caja-menu div.cm-for {
	background:url(../images/fondo-bot-caja-formacion-off.gif) no-repeat;
	width:244px;
	margin-right:1px;
}
div.caja-menu div.cm-for-here,
div.caja-menu div.cm-for:hover {background:url(../images/fondo-bot-caja-formacion.gif) no-repeat;}
div.caja-menu div.cm-for a {width:236px;}
div.caja-menu div.cm-com {
	background:url(../images/fondo-bot-caja-comercio-off.gif) no-repeat;
	width:239px;
}
div.caja-menu div.cm-com-here,
div.caja-menu div.cm-com:hover {background:url(../images/fondo-bot-caja-comercio.gif) no-repeat;}
div.caja-menu div.cm-com a {width:228px;}

div.caja-menu div.indicador {
	height:3px;
	top:-4px;
	position:absolute;
}
div.caja-menu div#indicador-emp {background:#91b640; width:244px;}
div.caja-menu div#indicador-int {background:#6899b9; width:245px;}
div.caja-menu div#indicador-for {background:#cfa413; width:244px;}
div.caja-menu div#indicador-com {background:#a268b1; width:239px;}

div.caja-inf {border-top:1px solid #e5e5e5;}

/**************************************************************** FOOTER ***********/
div#footer {
	position:relative;
	background:#f5f5f5;
	margin-top:10px;
}
div#footer a {color:#666;}
div#footer a:hover {border-bottom:2px solid #7fb4c8;}
div.fo-rojo {
	background:#b30034;
	height:16px;
}
div.fo-sombra {
	background:url(../images/sombra-pie-1.gif) no-repeat;
	height:10px;
}
div.fo-menu {
	padding:10px;
	font-size:11px;
	overflow:hidden;
	_display:inline-block;
}
div.fo-menu ul {border-left:1px solid #e5e5e5; margin-top:5px;}
div.fo-menu div {
	width:140px;
	float:left;
}
div.fo-menu ul li {
	padding-left:10px;
	padding-bottom:3px;
	background:url(../images/linea-menu-pie.gif) no-repeat 0 7px;
	margin-bottom:6px;
}
div.fo-menu h4 {font-size:12px; margin-bottom:4px;}

div.fo-abajo {
	margin-top:40px;
	background:url(../images/fondo-pie-abajo.gif) no-repeat;
	padding:15px 0 30px 0;
	text-align:center;
}
div.fo-abajo p {margin-bottom:10px; font-size:11px;}
div.fo-abajo p strong {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#999; font-weight:normal;}
div.fo-abajo p a {color:#666;}
div.fo-abajo p strong a {color:#999 !important;}

div.studiogenesis {
	text-align:center;
	font-size:10px;
	padding-bottom:20px;
}
div.studiogenesis :hover {border:none !important;}

/******************* tags *************/
.t-ag {padding:1px 3px; background:#659aae; color:#fff; font-size:9px; text-transform:uppercase;}
.t-ag:hover {background:#0681b0;}

/******************* publicidades *********/
div.pub {margin:10px 0; border:1px solid #e5e5e5;}

/******************** varios **************/
a.mes {
	padding-bottom:1px;
	border-bottom:2px solid #7db3c8;
	color:#457a8e;
}
a.mes:hover {border-bottom:2px solid #efae00;}

a.mesg {
	padding-bottom:1px;
	border-bottom:2px solid #c5c5c5;
	color:#666;
}
a.mesg:hover {border-bottom:2px solid #efae00;}

/**************************************************************************** ARIADNA ********/
div.ariadna {
	padding:8px 0;
	color:#ce003c;
	font-size:11px;
}
div.ariadna strong {color:#666;}
div.ariadna a {color:#666;}
div.ariadna a:hover {padding-bottom:1px; border-bottom:2px solid #ccc;}



