/* PRUEBA
 * style.css
 * Contiene los estilos generales del site
 *
 * @package Espai Plantilla Horizontal
 * @subpackage css
 * @author Nacho Hern�ndez
 */
 

/*#### GENERAL - inicio ####*/ 
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* {margin:0; padding:0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

img{ border:none; }

img.borde{
  border: 1px #000000 solid;
}

p{
  font-size: 11px;
  margin: 5px 0 0 0;
  text-align: justify;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
}

a{ 
  color: #666;											
  outline: 0; 
  text-decoration: none;
}

a:hover{
  color: #222;											
}

a.activo{
  color: #222;											
}

h1, h2{
 	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #333;											
}

h3{
 	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-weight:normal;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	color: #333;											
}

span.cursiva{
	font-style:italic;
}

ul{
  font-size: 11px;
  font-weight: normal;
}

li{
  list-style-type: none;
  margin-bottom: 5px;
}

body{
	background: #fff ; 							
	width:100%;
	margin:0 !important;
	padding:0 !important;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
}
	

#contentPral{
  	position: absolute;
  	width:980px;
	min-height:100%;
  	left: 50%;   	
	margin-left: -505px;
	padding:0px 15px 0px 15px;
	background: #fff ; 								
}
/*#### GENERAL - fin ####*/

/*#### ENCABEZADO - inicio ####*/
#encabezado{
  width: 979px;
  height: 99px;  
  border-bottom: 1px solid #fff;						
  margin: 10px 0px 0px 0px;
}

#encabezado #logo{
	position:absolute;
  	left: 50%;   	
	margin-left: -490px;
	width: 980px;
	height: 99px;
	z-index:0;
}

#encabezado #der{
	position:relative;
	float:left;
	margin-top: 43px;
	margin-left: 320px;
	width: 659px;
	z-index: 999;
	margin-bottom: 0;
	padding-bottom: 0;
	background:   ;
}
	

	/*### Menu IDIOMAS - inicio ###*/
	#encabezado #idiomas{
	  position:relative;
	  list-style:none !important;
	  font-size: 9px;
	  float: right;
	  padding-top: 5px;
	  color: #666;				
	  z-index: 999;
	  height: 12px;
	  width: 200px;
	}
	
	#encabezado #idiomas li{
		float:right;
		margin-left:2px !important;
		list-style: none;
	}
	
	#encabezado #idiomas a{
	  padding: 3px;
	  text-decoration: none;
	  color: #666;											
	}
	
	#encabezado #idiomas a:hover{
	  color: #333; 										
	}
	
	#encabezado #idiomas a.activo{
	  color: #333; 										
	}
	
	.icon_en{ background:url(../img/iconos/idioma/en_OFF.gif) center no-repeat; }
		.icon_en:hover{ background:url(../img/iconos/idioma/en_ON.gif) center no-repeat; }
		.icon_en_ON{ background:url(../img/iconos/idioma/en_ON.gif) center no-repeat; }
	.icon_es{ background:url(../img/iconos/idioma/es_OFF.gif) center no-repeat; }
		.icon_es:hover{ background:url(../img/iconos/idioma/es_ON.gif) center no-repeat; }
		.icon_es_ON{ background:url(../img/iconos/idioma/es_ON.gif) center no-repeat; }
	.icon_ca{ background:url(../img/iconos/idioma/ca_OFF.gif) center no-repeat; }
		.icon_ca:hover{ background:url(../img/iconos/idioma/ca_ON.gif) center no-repeat; }
		.icon_ca_ON{ background:url(../img/iconos/idioma/ca_ON.gif) center no-repeat; }
	.icon_fr{ background:url(../img/iconos/idioma/fr_OFF.gif) center no-repeat; }
		.icon_fr:hover{ background:url(../img/iconos/idioma/fr_ON.gif) center no-repeat; }
		.icon_fr_ON{ background:url(../img/iconos/idioma/fr_ON.gif) center no-repeat; }	
	/*### Menu IDIOMAS - fin ###*/

	/*### Menu SECCIONES - inicio ###*/
	
	#encabezado #der ul{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 670px;
	}
	
	#encabezado #der li{
		float: left;
		position: relative;
		width: 120px; /* Ancho de las pesta�as */
		margin: 0;
		padding: 0;
		border-right:1px solid #fff;						
		background:  ;	
	}
	
	#encabezado #der ul a.home{
		display: block;
		text-decoration: none;
		color: #666; /* Color del texto de las pesta�as */
		padding: 10px;
		border: 1px solid #fff; /* Borde de las pesta�as */
		text-align: center; /* Alineaci�n del texto */
		font-size: 14px;
	}
	
	#encabezado #der ul a.home:hover{
	   color: #333;						
	}
	
	#encabezado #der ul a.activo{
	   color: #333;
	}
	#encabezado #der li:hover{
		background:  ;
	}
	
	#encabezado #der li.activo{
		background:  ;
	}

	#encabezado #der li ul{
		  margin: 0;
		  border: 0 none;
		  padding: 0;
		  list-style: none;
		  display: none;
		  position: absolute;
		  top: 36px;
		  left: 1px;
    	  opacity: .9;
	      filter: alpha(opacity=90);
      	  -moz-opacity: .9;
		  z-index:100 !important;
		  width: 100px;
	}
	
	#encabezado #der li li{
		float: none;
		padding: 10px;
		border: none;
	}
	
	#encabezado #der li:hover ul{
		display: block;
	}
	/*### Menu SECCIONES - fin ###*/

/*#### ENCABEZADO - fin ####*/


/*#### CONTENIDO - inicio ####*/

	/*### GENERALES - inicio ###*/
	.barra{
	  padding: 0px 15px 0px 0px;
	}
	
	/*### GENERALES - fin ###*/


	/*### HOME - inicio ###*/
    #conten_inicio{
      width: 980px;
	  height: 100%;
      margin: 1px 0 0px 0px;
      font-size: 9px;
      font-weight: bold;
    }
	
	#conten_inicio #inicio{
		margin: 20px 0px 0px 0px;
		overflow: hidden;
	}
		
		/*### IZQUIERDA - inicio ###*/
		#conten_inicio #izq{
			margin-top: 20px;
			width: 490px;
			float:left;
		}
		
		#conten_inicio .mini img{
			width: 145px; height: 83px; margin: 0px 5px 5px 0px;
		}
		
		#conten_inicio .mini a{
		  opacity: .8;
    	  filter: alpha(opacity=80);
	      -moz-opacity: .8;
		}
		
		#conten_inicio .mini a:hover{
		  opacity: 1;
    	  filter: alpha(opacity=100);
	      -moz-opacity: 1;
		}
		
		#conten_inicio #izq li{
			margin-bottom: 8px;
		}		
		
		#conten_inicio #izq_proj{
			margin-top: 10px;
			width: 270px;
			height: 550px;
			float:left;
			overflow:auto;
		}
		
		#conten_inicio #izq_proj h3{
			font-size: 15px;
			font-weight:normal;
		}
		
		#conten_inicio #izq_proj a.activo{
	
		}
		
			/*### MENU PROYECTOS - inicio ###*/
			
			
			#acc {width:230px; list-style:none; margin:0; background-color: ;}
			#acc a{ color: #666; font-size:16px; }
			#acc a:hover{ color:#000; }
			#acc a.activo{color:#333;}
			#acc li{list-style: none;margin:0;padding: 5px; border: 1px solid #fff}
			#acc li:hover{ background-color: }
			#acc li.activo{background-color: }
			
			#acc .acc-section {overflow:hidden;}
			#acc .acc-content {width:217px; padding:0; margin-top:5px;}
			#acc .acc-section a{ color: #666; font-size:14px; font-style:italic; }
			#acc .acc-section a.activo{color: #333333;}
			#acc .acc-section a:hover{ color: #333; }
			#acc .acc-content li{padding: 5px; background-color:;border: 1px solid #fff}
			#acc .acc-content li:hover{padding: 5px; background-color: }
			#acc .acc-content li.activo{background-color:}


			#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
			#menu li {
			width: 230px; /* Ancho de las pesta�as */
			}
			
			#menu li ul {
			}
			
			#menu li>ul {
			top: auto;
			left: auto;
			}
			
			#menu li:hover ul { display: block; }
			#menu ul, li { margin: 0 0 0 0; }
			
			#menu ul a {
			display: block;
			text-decoration: none;
			color: #666; /* Color del texto de las pesta�as */
			background:  ; /* Color de fondo de las pesta�as */
			padding: 5px;
			border: 1px solid #fff; /* Borde de las pesta�as */
			text-align: left; /* Alineaci�n del texto */
			}
			
			#menu ul a:hover {
			color: #333; /* Color del texto al pasar el cursor */
			background:  ; /* Color de fondo de las pesta�as */			
			}
			
			#menu ul a.activo {
			color: #000; 
			background:  ;
			}
			
			#menu li ul a {
			text-align: left;
			text-decoration: none;
			color: #666; /* Color del texto de las subpesta�as */
			background:  ; /* Color de fondo de las subpesta�as */
			border: 1px solid #fff; /* Borde de las subpesta�as */
			padding: 5px 5px 5px 15px;
			}
			
			#menu li ul a:hover {
			color: #333333; /* Color del texto de las subpesta�as al pasar el cursor */
			background:  ; /* Color de fondo de las subpesta�as al pasar el cursor */
			}			

			#menu li ul a.activo {
			color: #333; /* Color del texto de las subpesta�as al pasar el cursor */
			background:  ; /* Color de fondo de las subpesta�as al pasar el cursor */
			}		

			#menu li ul li ul a {
				padding: 5px 5px 5px 25px;
			}
			/*### MENU PROYECTOS - fin ###*/
			
		/*### IZQUIERDA - fin ###*/
	
		/*### DERECHA - inicio ###*/
		#conten_inicio #der{
			margin-top: 20px;
			float:right;
			width: 490px;
			overflow:hidden;
		}
		
		#conten_inicio #der_gran{
			margin-top: 20px;
			float:right;
			width: 980px;
			overflow:hidden;
		}
    		
		
		#conten_inicio #der_proj{
			margin-top: 20px;
			float:right;
			width: 697px;
			padding-left: 10px;
		}
		
		#conten_inicio #der_proj #pag{
			float:right;
			clear:both;
		}
		
		#conten_inicio #der_proj #txt{
			overflow:hidden;
		}
		/*### DERECHA - fin ###*/
		
		/*### MAPA - inicio ###*/
		#mapa{
			height: 388px;
			width: 980px;
		}
		/*### MAPA - fin ###*/

    /*#### HOME - fin ####*/
    
/*#### CONTENIDO - fin ####*/


/*#### PIE - inicio ####*/
.pie{
  font-size: 10px;
  font-weight: normal;
  padding: 10px 0px 0px 0px; 
  border-top: 1px solid #fff;							
  margin: 30px 0px 0px 0px;
  width: 980px;
  color: #999999;											
}

	/*#### IZQUIERDA - inicio ####*/
	#copyr{
	  float: left;
	}

	#copyr a{
	  color: #999999;										
	}
	
	#copyr a:hover{
	  color: #333;									
	}
	/*#### IZQUIERDA - fin ####*/
	
	/*#### DERECHA - inicio ####*/	
	#copyr_d{
	  float: right;
	}
	
	#copyr_d a{
	  color: #999999;										
	}
	
	#copyr_d a:hover{
	  color: #333;
	}
	/*#### DERECHA - inicio ####*/

/*#### PIE - fin ####*/


/******* Scroll **********/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #999999;
	position: relative;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #999999;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #999999;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #999999;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane
{
	width: 100%;
	height: 386px;
	overflow: auto;
}

.scroll-mapa
{
	width: 100%;
	height: 385px;
	overflow: auto;
}

.horizontal-only
{
	height: auto;
	min-height: 386px;
}

/*************************/


/*#### VENTANAS EMERGENTES PIE - inicio ####*/
.mapaWeb{
	background-color: #fff;	
	color: #333;	
}

#ventanaemergente{
	margin: 5px 0px 0px 30px;	
}

.mapaWeb .contenedor{
	padding-right: 20px;
	font-size:10px;
	color: #333;	
}

.mapaWeb .contenedor h2{
	font-size:24px;
}

.mapaWeb h2{
	color: #CCCCCC;
}

.mapaWeb a{
	color: #CCCCCC;
}

.mapaWeb a:hover{
	color: #FF9000;
}

#mapaRoot{
	margin: 20px;
}

#mapaRoot li{
	list-style:square;
	font-size: 12px;
	margin-bottom: 10px;
}

#mapaRoot ul{
	margin: 10px 0px 0px 20px;	
}

.inputStyle{
	width: 320px;	
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.textareaStyle{
	width: 660px;	
	height: 150px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 15px; 
}
/*#### VENTANAS EMERGENTES PIE - fin ####*/

#plantilla{ width: 760px;height: 528px; }
#plantilla #logo_plantilla{ height: 60px; }
#plantilla #logo_plantilla img{ width: 240px;}
#plantilla #izq{ float: left;width: 240px; }
#plantilla #cabecera{ color:#FFFFFF;background-color: #fff;padding: 5px; font-size: 9px; font-family: Arial, Verdana; }
#plantilla #cuerpo{ border: 1px solid #333333; height: 320px; overflow: hidden;padding: 10px; text-align:justify; background-color: #FFFFFF}
#plantilla #cuerpo p{ font-size:9px; color: #fff; font-family: Arial, Verdana; margin:0px 0px 3px 0px; padding:0;}
#plantilla #der{float:right;width: 517px;height: 451px;text-align:left;}
#plantilla #der img{ border: 1px solid #333;margin: 15px 5px 0px 10px;width:236px; height: 133px; }
#pie_plantilla{ width: 750px;text-align:center; height: 20px; font-size:9px; color: #333333; font-family: Verdana; }

/*#### FICHA EMPLEADO - inicio ####*/
.empleado{
	width: 490px;
	float: left;
	height: 105px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

.empleado .emp_foto{
	width: 100px;
	height: 100px;
	float: left;
	padding-left: 5px;
}

.empleado .emp_ficha{
	width: 375px;
	height: 90px;
	overflow: hidden;
	padding: 5px;
}

.empleado .emp_ficha_gran{
	width: 475px;
	height: 90px;
	overflow: hidden;
	padding: 5px;
}

.empleado .linea{
	width: 480px;
	margin:auto;
	margin-top: 10px;
	height: 2px;
	border-bottom: 1px solid #999;
}
/*#### FICHA EMPLEADO - fin ####*/

/*#### WOWSLIDER INDEX tamanyo - inicio ####*/
#wowslider-container #wowslider-images{
	height: 388px;
}
/*#### WOWSLIDER INDEX tamanyo - fin ####*/

/*#### WOWSLIDER INDEX tamanyo - fin ####*/

/*#### WOWSLIDER PROYECTOS tamanyo - inicio ####*/
#wowslider-container1 .ws_images{
	height:	388px;
}
/*#### WOWSLIDER PROYECTOS tamanyo - fin ####*/


/*#### WOWSLIDER PROYECTOS tamanyo - inicio ####*/
#wowslider-container2 .ws_images{
	height:	393px;
}
/*#### WOWSLIDER PROYECTOS tamanyo - fin ####*/