@charset "utf-8";

/* CSS Document */

/* --- GENERAL -------------------------------------------------------------- */



body {

	/*background-color: #DFDFDF;*/

	background-color: #EBEBEB;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	z-index: -1;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#bannerEmp,#bannerGran, #menuPrincipal, #textoPrincipal, #footer {  /* ancho de página */

	width: 940px;

}



* a:link, * a:visited {

	color: #000000;

	/* width: 70px; */

	text-decoration: none;

}



* a:hover, * a:active {

	color: #92d400;

	text-decoration: none;

}



* a:link img, * a:visited img, * hover img, * active  img{

	border: none;

}



/* --- CABECERA -------------------------------------------------------------- */



#bannerEmp /*bannerPeque*/ {  

	height: 50px;

	/*margin-bottom: 5px; */

	/* background-color: #495C2A; */

	/*background-color: #DDE7CB;*/

	background-color: #DFDFDF;

}

#bannerPuntoImp /*bannerGande2 ???*/ {   

	float: right;

	height: 250px;

}

#bannerImpacto /*bannerGande*/ {  

	float: left;

	height: 250px;

}



/* --- LOGO + idioma -------------------------------------------------------------- */



#cab1 /*logo*/ {

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	height: 75px;

}

#liniaVertical{

position:relative;

right:10px;

height: 20px;

background-color:#CC3366;

}



#idioma /*txt_idioma*/ {

	position: absolute;

	top: 12px;

	left: 870px;

	color: #616365;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;

}



#idioma a, #idioma a:link, #idioma a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	cursor: pointer;

	color: #616365;

	text-decoration: none;

	font-weight: bold;

	font-style: italic;

}

#idioma a:hover, #idioma a:active {

	color: #92D400;

	font-weight: bold;

	font-style: italic;

}



/* --- secciones -------------------------------------------------------------- */



/* --- navegación -------------------------------------------------------------- */



/* --- menu -------------------------------------------------------------- */

#menuPrincipal { 

	width: 100%;

	height: 26px;

	min-height: 26px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

/*	font-style: italic;*/

/*	text-decoration: overline;*/

	text-align: center;

	/*text-align: left;*/

	margin-top: -15px !important;	/* Per la resta */

	margin-top: 0px;					/* Per IE6- */

	background-image: none;

}



#menu {

	list-style-type:none; 

	margin:15px 0 0 0; 

	padding:0px 0px 15px 0px;

	text-align: center;

	margin-left: 0px;;

	margin-right: auto;

	height: 20px;

	background-color: #ffffff;

}

#menu ul {

	margin-left: auto;

	margin-right: auto;

	/*  cursor: pointer;  -------------NO */

}

#menu li {

	position:relative;

	float:left;  

	margin:0 0 0 0;

	padding:0;

	margin-left: 10px;

	margin-right: 25px;

	display:block; 

	z-index:100;

	width: auto;

	height: 20px;

	background-color: #FFFFFF;

}

#menu li span {

	display:block; 

	z-index:100; 

	padding: 5px 10px; 

	width: auto; 

	white-space: nowrap;

}

#menu li a, #menu li a:visited {

	display:block;

	/*  padding: 5px 10px; */

	width: auto ; 

	white-space: nowrap;

	text-decoration: none;

}



#menu dl {

	position:absolute; 

	top:0; left:0; 

	margin: 0; 

	padding: 0; 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	text-decoration: none;

	text-align: left;

	/* background: transparent url(../imagenes/opaque.png); */

	background-color: #FFFFFF;

	}

#menu dt {

	margin: 0px 0px 0px 0px;

	cursor: default;

	/*width: auto;  // No funciona */

	/*float:left;*/

}

#menu dd {display:none; clear:left; 

	margin:0; 

	padding: 0px 0px 0px 15px; 

	color: #FFFFFF; 

	text-align:left;

	/* background: transparent url(../imagenes/opaque.png); */

}

/*  * html #menu dd {background:transparent url(../imagenes/opaque.gif); filter: alpha(opacity=50); } */

*:first-child+html #menu dd , * html #menu dd {background:transparent url(../imagenes/opaque.gif);}



#menu dt a, #menu dt a:visited {

	display:block; color:#000; text-decoration:none; width: auto;

}

#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block;

	padding: 5px 10px;}



#menu li a:hover {border:0; text-decoration:none;}



#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;  text-decoration: none;  }

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#92d400; text-decoration: none;  }



/* --- submenu -------------------------------------------------------------- */



/* --- cuerpo -------------------------------------------------------------- */



/* --- div -------------------------------------------------------------- */



div {

   padding: 0 0 0 0;

	margin: 0 0 0 0;

}





#web /*div_general*/ {

	position: relative;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	margin-left: auto;

	margin-right: auto;

	width: 940px;

	background-color: #F5F5F5;

}

/* --- titulos -------------------------------------------------------------- */

/* --- textos -------------------------------------------------------------- */



#textoPrincipal /*tit_principal*/ {

	position: relative;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	margin-bottom: 30px;

}



#textoseccion {

	float: left;

	position: relative;

	width: 688px;

	margin-top: 30px;

	text-align: justify;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

}

#textoseccion p {

	margin-top: 0px;

	margin-left: 75px;

	margin-right: 70px;

	font-weight: normal;

	text-align: justify;

}

#textoseccion ul {

	margin-top: 5px;

	margin-left: 75px;

	margin-right: 70px;

	list-style-type: disc;

	line-height: 14px;

	list-style-position: inside;

}

#textoseccion dl {

	margin-top: 5px;

	margin-left: 75px;

	margin-right: 70px;

	list-style-type: disc;

	line-height: 14px;

	list-style-position: inside;

}

#textoseccion li {

	margin-bottom: 10px;

	margin-left: 30px;

	font-weight: normal;

}

.ads /*.txt_adsmedia*/ {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.entreseccion {

	line-height: 7px;

}

.titulos {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

/*	font-style: inherit;*/

	font-weight: bold;

	text-decoration: none;

	color: #92d400;

	text-align: left;

}



#textoder {

	position: relative;

	float: right;

	width: 250px;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	text-align: center;

	margin-top: 45px;

	/*margin-left: auto;

	margin-right: auto;*/



	background-color: #F5F5F5;

}



/* Para Contacto */

#contactoPan {

	background-image: url(../imagenes/mapamundiContact.jpg);

	background-position: center;

	background-repeat: no-repeat;

	height: 310px;

}

#contactoIzq {

	float: left;

/*	width: 40%;*/

	width: 50%;

	margin-top: 0px;

	background-color: transparent;

}

#contactoDer {

	float: right;	

	width: 50%;

	margin-top: 0px;

	background-color: transparent;

}





/* --- imagenes -------------------------------------------------------------- */

/* --- cajas ----------------------------------------------------------------- */

/* Pastillas que se situan a la derecha  */

.colPastilla {

	width: 100%;

	margin-top: 20px;

	min-height: 50px;

}

.colPastilla a, .colPastilla a:link, .colPastilla a:visited, 

.colPastilla a:active, .colPastilla a:focus, .colPastilla a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	cursor: pointer;

}

.colPastilla img {

	float: left;

	width: 79px;

	height: 50px;

	margin-top: 5px;

	border: 1px solid Black;

	vertical-align: top;

}

.colPastilla span {

	float: right;

	width: 150px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-left: 0px;

	margin-right: 10px;

	text-align: left;

}

/* --- formularios------------------------------------------------------------ */



#formulario {	

	width: 530px;

	height: 420px;

}

#formularioInscribete {	

	width: 530px;

	height: 300px;

}

#panel_campos_form {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #5E5E5E;

}



.fila_formulario, .fila_formulario_text {

	float: left;

	width: 100%;

	height: 20px;

	margin-top: 3px;

	display: inline;

	margin-left: 75px;

	display: block;

	clear: both;

}

.fila_formulario_text {

	height: 70px;

}

.fila_formulario_enviar {

	height: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: italic;

	float: left;

	/* margin-top: -15px; */

	margin-bottom: 12px;

	padding-left: 452px;

}

.fila_formulario_enviar input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: italic;

}

.campo_asterisco {

	width: 10px;

	height: 20px;

	background-color: transparent;

	float: left;

}

.texto_campo_form {

	width: 120px;

	height: 20px;

	text-align: left;

	float: left;

	background-color: transparent;

	padding-top: 5px;

}

.respuesta_campo_form {

	width: 120px;

	height: 16px;

	text-align: left;

	float: left;

	/* background-color: #FFFFFF; */

	font-size: 11px;

}

.respuesta_campo_form input{

	font-size: 11px;

}

.respuesta_campo_form textarea {

	width: 310px;

	height: 60px;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.clear {

	clear: both;

}





/* --- flash -------------------------------------------------------------- */



#demo1, #demo2, #demo3, #demo4, #demo5, #demo6, #demo7, #demo8, #demo9 {

	position: absolute;

	top: 150px;

	left: 0px;

	visibility: hidden;

	z-index: 300;

	background-color: #F5F5F5;

}

#demo9 {

	visibility: visible;

}

#descDemo {

	width: 343px;

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	font-weight: normal;

	background-color: #2F4F4F;

}



#titulosDemo {

	float: left;

	width: 200px;

	margin-top: 0px;

	margin-left: 75px;

	font-weight: normal;

	background-color: #FFD700;

}

.demo a:link, .demo a:visited {

	color: #004780;

	font-style: italic;

	font-weight: normal;

	letter-spacing: 1px;

}

.demo a:hover, .demo a:active {

	color: #00CC00;

	font-style: italic;

	font-weight: normal;

	letter-spacing: 1px;

}

/* Caixa amb sombra */

#box2, #box3 {display:block; position:absolute; top:2px; left:2px;}

#box1 {

	display:block; 

	/*width:200px; 

	height:150px; */

	width: 700px;

	height: 350px;

	

	position:relative; 

	top:20px; 

	/* left:0;  */

	left:20; 

	background:#ccc; 

	border:2px solid #eee; 

	margin:0 auto;

	visibility: hidden;

	z-index: 351;

	}

#box2 { /*width:192px; height:142px;*/

	width: 692px; height: 342px;

	background:#999; border:2px solid #aaa;

	visibility: hidden;

	z-index: 352;

}

#box3 {/* width:184px; height:134px;*/

	/*width: 684px; *******************/

	width: 684px; 

	height: 334px;

	background:#777; border:2px solid #888;

	visibility: hidden;

	z-index: 353;

}

#box4 {display:block; /* width:190px; height:140px; */

	width: 690px; 

	height: 340px;

	position:absolute; bottom:0; right:0; 

	/* background: #FBFBFB; */

	background-color: #F5F5F5;

	border-bottom:1px solid #444; border-right:1px solid #444; 

	border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; /* padding:5px; */

	visibility: hidden;

	z-index: 360;

	/* overflow: auto;  -------------*/

	/*padding-bottom: 5px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 5px;*/

}

	/* dibuixem el cuadrat petit del costat */

#box5 {display:block; width:10px; height:10px; background:#777; border-top:1px solid #333; 

	border-left:1px solid; border-right:1px solid #ff8; border-bottom:1px solid #ff8; 

	position:absolute; bottom:5px; right:5px; overflow:hidden;

	visibility: hidden;

}



/* --- links -------------------------------------------------------------- */

/* --- pop-up -------------------------------------------------------------- */



#oscurece /*pop_oscurece*/ {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	min-height: 100%;

	background: transparent url(../imagenes/opaque.png);

	filter: alpha(opacity=70);

	visibility: hidden;

	z-index: 200;

}

/* --- pie -------------------------------------------------------------- */



.footer{

	display:block;

	width:957px;

	clear:both;

	text-align:center;

	padding:14px 0 19px 0;

}

.footer_left{

	display:block;

	width:100%;

	clear:both;

	text-align:left;

	padding:0 0 8px 12px;

	font-size: 0.9em;

}

.footer img {

	margin: 0 15px;

}

.footer a, .footer_left a {

	padding:0 7px 0 4px;

	color: #616365;

}

.footer li, .footer_left li{

	display:inline;

	color: #92d400;

}

.footer span, .footer_left span{

	padding:0 7px 0 4px;

}

.footer ul, .footer_left ul {

	margin-right:-6px;

}





/*--------------------------------------------*/



.footer{

	display:block;

	width:957px;

	clear:both;

	text-align:center;

	padding:14px 0 19px 0;

}

.footer_left{

	display:block;

	width:100%;

	clear:both;

	text-align:left;

	padding:0 0 8px 12px;

	font-size: 0.9em;

}

.footer img {

	margin: 0 15px;

}

.footer a, .footer_left a {

	padding:0 7px 0 4px;

	color: #616365;

}

.footer li, .footer_left li{

	display:inline;

	color: #92d400;

}

.footer span, .footer_left span{

	padding:0 7px 0 4px;

}

.footer ul, .footer_left ul {

	margin-right:-6px;

}



/* --- desconocidos -------------------------------------------------------------- */

#inscribete {

	position: absolute;

	height: 14px;

	top: 36px;

	left: 523px;

	color: #003399;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;

}



#inscribete a, #inscribete a:link, #inscribete a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	cursor: pointer;

	color: #003399;

	text-decoration: none;

	font-weight: bold;

	font-style: italic;

}

#inscribete a:hover, #inscribete a:active {

	color: #92d400;

	font-weight: bold;

	font-style: italic;

	margin-bottom: 3px;

}



#inscribete img{

	float: left;

}



/* ----------------------------------------------------------------- */











/* Definimos la posicion de los banners pequeños verticales */

.bannpeq, .bannpeq2{

	position: relative;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 82px;

}



.bannpeq2 {

	margin-left: -2px;

}





/*

.cuadrado {

	width: 160px;

	height: 135px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid Black;

	color: #000000;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: lighter;

	margin-top: 60px;

	vertical-align: middle;

	background-color: #FFFFFF;

}

.cuadrado img{

	width: 120px;

	height: 75px;

}

.cuadrado2 {

	width: 160px;

	height: 130px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid Black;

	color: #FFFFFF;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: lighter;

	margin-top: 60px;

	vertical-align: middle;

	background-color: #FFFFFF;

	background-image: url(../imagenes/mobile2.jpg);

}

*/





.txtTit {

	margin-top: 5px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

	color: #0063B0;

}



.txt {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

}



/* Prensa  */

.colPrensa {

	width: 550px;;

	margin-top: 10px;

	margin-left: 75px;

	padding-top: 5px;

	height: 65px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.colPrensa a, .colPrensa a:link, .colPrensa a:visited, 

.colPrensa a:active, .colPrensa a:focus, .colPrensa a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	cursor: pointer;

	text-decoration: none;

}

.colPrensa img {

	float: left;

	width: 62px;

	height: 62px;

	/* border: 1px solid Black; */

	margin-right: 15px;

	vertical-align: top;

}

.colPrensa .pdf {

	/*margin-left: 180px;*/

	float: right;

	width: 17px;

	height: 17px;

	margin-top: 5px;

}



.txtTitPrensa {

	margin-top: 5px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	text-decoration: none;

	color: #313131;

}



.txtPrensa {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	text-decoration: none;

}

.cortoPrensa {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	text-decoration: none;

	margin-right: 45px;

	text-align: justify;

	display: block;

}

#siteIzq {

	float: left;

	width: 310px;;

	margin-top: 10px;

	margin-left:75px;

	background-color: transparent;

	display: inline;

}

#siteDer {

	float: right;	

	width: 295px;

	margin-top: 10px;

	padding-left:0px;

	background-color: transparent;

	display: inline;

}

.siteTit{

	font-weight: bold;

/*	font-style: italic;*/
	font-style: normal;

	margin-left: -20px;

}

/* -------------------------------------------*/

.cargo {

	color: #707070;

}



.colorblue {

	color: #004780;

}

.colorgreen {

	color: ##92d400;

}

.colorgris {

	color: #999999;

}



/* Presenta una ventana que flota por encima */

#ventana {

	position: fixed;

	top: 50px;

	left: 20px;

	width: 700px;

	height: auto;

	background-color: transparent;

	z-index: 350;

	visibility: hidden;

}







#cabPanel {

	width: 100%;

	height: 20px;

	border-bottom: 1px solid #004780;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	vertical-align: middle;

	background-color: #FFFFFF;

	color: #004780;

	padding: 5px 0px 0px 0px;

}

#titulVent {

	float: left;

}

#closeVent {

	float: right;

	vertical-align: middle;

}



#cuerpoPanel {

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 10px 0px 10px 0px;

	

	z-index: 370;

	overflow: hidden;

	margin-left: auto;

	margin-right: auto;

	background-color: #F5F5F5;

}

#textCuerpoPan {

	float: left;

	width: 0%;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	text-align: left;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

}

#textCuerpoPan p {

	margin-left: 25px;

	margin-right: 25px;

	text-align: justify;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

}

#imagenCuerpoPan {

	float:right;

	width: 0%;

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	margin-left: auto;

	margin-right: auto;

}

#imagenCuerpoPan img {

	width: 100%;

	/* border: 1px solid #000000; -------*/

   padding: 0 0 0 0;

	margin: 0 0 0 0;

	margin-left: auto;

	margin-right: auto;

	/*padding: 5px 5px 5px; */

}

.alinDer {

	float: right;

	display: block;

	width: 50px;

}

.alinIzq{

	float: left;

	display: block;

	width: 250px;

}