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

	Title: CSS
	Author: Iberpixel
	Date: 2008 

***********************************************************************************************

	1. Valores globales
	
	2. Elementos generales
	
	3. Secciones
		3.1 Cabecera
		3.2 central
			3.2.1 Home
		3.3 Pie	
		
***********************************************************************************************/


/* 1. Valores globales
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
html, body {
  margin:0px;
  text-align:center;
  width: 100%;
  background:#FFF;
}
img {
	border:none;
}
	
	
/* 2. Elementos generales
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#layer { 	
	text-align: center;	
	margin: 0px auto;
	padding: 0px;
	width: 100%; 
	height:100%; 
	top: 0px;
}
.punto_horizontal { 	
	width: 100%;
	height: 1px;
	margin: 3px 0;
	background:url(images/punto_gris.gif) repeat-x;
	float:left;
	overflow:hidden;
}

img, div, input, a, h3 { behavior: url(/js/iepngfix.htc) }
/* LIGHTBOX
===============================================================================================*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* SLIDEVIEWER
===============================================================================================*/
/*preload classes*/ 
.svw {
	width: 500px;
	height: 250px;
	text-align:center;
	margin-top:50px;
} 
.svw ul {
	position: relative;
	left: -999em;
} 
 
/*core classes*/ 
.stripViewer {
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
list-style-type: none;
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background:#333300;
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #333300; 
} 


/* 3. Secciones
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1 Banner ---------------------------------------------------------------------------------*/
#banner {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	height:115px;
}
	#logo a {
		float:left;
		width:185px;
		height:41px;
		margin:40px;
		background:url(images/top_logo.png) left top no-repeat;
	}
	#menu_rapido {
		float:right;
		width:505px;
		height:55px;
		*height:40px;
		margin-top:30px;
		text-align:left;
		overflow:hidden;
	}
	#menu_rapido li {
		float:left;
		height:52px;
		_height:36px;
		border-left: 1px solid #999999;
		padding: 20px 5px 0 5px;
		overflow:hidden;
	}
	#menu_rapido li form {
		background:url(images/busquedaBg.gif) right top no-repeat;
		padding-top:1px;
		padding-right:10px;
		margin-top:-2px;
		*margin-top:-2px;
	}
	.buscar {
		border: 1px solid #FFF;
		border-top: 1px solid #666666;
		*border-top: 1px solid #FFF;
		width:100px;
		height:14px;
		*height:12px;
		font-size:1em;
		padding-top:-15px;
	}
	


/* 3.3 Contenidos ---------------------------------------------------------------------------------*/
#contenidos {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:665px;
	background:url(images/contenidos_bg.jpg) left top no-repeat;
}
#menu {
	float:left;
	display:inline-table;
	width:600px;/***/
	height:24px;
	z-index:100;
	margin-left:200px;
	*margin-left:200px;
	-margin-left:95px;
	margin-top:-1px;
	*margin-top:4px;
}

#m1, #m2, #m3, #m4, #m5, #m6 {	
	position:relative;
	float:left;
	height:24px;
	text-align:left;	
	background:url(images/menu_li_bg2.png) right top no-repeat;
	*background:url(images/menu_li_bg.png) right center no-repeat;
	-background:url();
	margin-left:14px;
}
#m1:hover, #m2:hover, #m3:hover, #m4:hover, #m5:hover, #m6:hover {	
	background:url(images/menu_li2_bg2.png) right top no-repeat;
	*background:url(images/menu_li2_bg.png) right center no-repeat;
	-background:url();
}
#m1 {	
	width:45px;
}	

#m2 {
	width:65px;
}
#m3 {
	width:75px;
}
#m4 {
	width:140px;
	*width:130px;
}
#m5 {
	width:55px;
}
#m6 {
	width:70px;
	*width:65px;
}

.nivel2 {
	position:absolute;
	display:block;
	visibility:hidden;
	top:24px;
	left:0px;
	padding:5px 20px 5px 10px;
	background:url(images/submenu_bg.jpg) left top repeat-x;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	line-height:1.2em;
}	
.nivel2 a {
	background:url(images/menu_arrow.gif) left center no-repeat;
}
#seccion {
	float:left;
	width:242px;
	height:141px;
	overflow:hidden;
	margin-left:515px;
	-margin-left:257px;
}

#direccion {
	float:right;
	width:185px;
	margin-top:10px;
	overflow:hidden;
}

/* 3.3.1 Home ---------------------------------------------------------------------------------*/
#bloque1_home {
	float:left;
	width: 660px;
	margin-top:30px;
	text-align:right;
}
#bloque2_home {
	float:right;
	width: 280px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
	border-left:1px solid #999999;
	background:url(images/bloque2_bg.jpg) center bottom no-repeat;
	padding-bottom:140px;
	*padding-bottom:180px;
}
#bloque2_home h1 {
	margin-left:20px;
	_margin-left:20px;
}
#bloque2_home ul {
	margin-left:-20px;
	*margin-left:10px;
	
}
#bloque2_home li {
	margin-bottom:25px;
}
/* 3.3.2 Empresa ---------------------------------------------------------------------------------*/
#contenidos_empresa {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:665px;
	-height:665px;
	background:url(images/contenidos_bg.jpg) left top no-repeat;
}
#contenidos_localizacion {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:665px;
	-height:665px;
	background:url(images/contenidos_localizacion_bg.jpg) left top no-repeat;
}
#bloque2_empresa  {
	float:right;
	width: 520px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
}
/* 3.3.4 Formativas ---------------------------------------------------------------------------------*/
#contenidos_formativas {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:2800px;
	-height:2800px;
	background:url(images/contenidos_formativas_bg.jpg) left top no-repeat;
}
#bloque1_formativas {
	float:left;
	width: 290px;
	margin-top:330px;
	text-align:left;
}
#bloque2_formativas {
	float:left;
	width: 290px;
	margin-top:330px;
	margin-left: 20px;
	text-align:left;
}
#bloque3_formativas {
	float:left;
	width: 290px;
	margin-top:700px;
	margin-left: 20px;
	text-align:left;
}
/* 3.3.5 Empleo ---------------------------------------------------------------------------------*/
#contenidos_empleo {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:1000px;
	background:url(images/contenidos_form_bg.jpg) left top no-repeat;
}
#bloque2_empleo {
	float:right;
	width: 520px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
}
/* 3.3.6 Contacto ---------------------------------------------------------------------------------*/
#contenidos_contacto {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:665px;
	background:url(images/contenidos_contacto_bg.jpg) left top no-repeat;
}
#bloque2_contacto {
	float:right;
	width: 520px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
}
/* 3.3.7 Noticias ---------------------------------------------------------------------------------*/
#contenidos_noticias {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:665px;
	-height:665px;
	background:url(images/contenidos_bg.jpg) left top no-repeat;
}
#bloque2_noticias  {
	float:right;
	width: 520px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
}
#bloque2_noticias ul {
	margin-left:-20px;
	*margin-left:10px;
	
}
#bloque2_noticias li {
	margin-bottom:25px;
}
#contenidos_noticia {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:550px;
	min-height:570px;
	background-color:#7C2B88;
	padding:15px;
	text-align:center;
}
#bloque1_noticia {
	margin-left: auto;
	margin-right: auto;
	*margin-top:-5px;
	width: 480px;
	text-align:left;
	background-color:#FFFFFF;
	padding:10px;
	overflow:hidden;
}
#bloque1_noticia img {
	margin: 0 10px 10px 0;
}

/* 3.4 Pie ---------------------------------------------------------------------------------*/
#pie {
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	width:955px;
	text-align:left;
	background:url(images/pie_top.jpg) left top no-repeat;
	overflow:hidden;
	clear:both;
}
	#pie a {
		float:left;
		padding-left:30px;
		padding-top:20px;
	}
	
#bloque2_legal  {
	float:right;
	width: 520px;
	margin-top:40px;
	margin-bottom:10px;
	text-align:left;
}

/* PANEL ---------------------------------------------------------------------------------*/
#contenidos_panel {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	min-height:800px;
	background:url(images/contenidos_panel_bg.jpg) left top no-repeat;
}
#bloque1_panel {
	float:left;
	width: 200px;
	margin-top:50px;
	text-align:left;
}
#bloque2_panel {
	float:right;
	width: 550px;
	height:570px;
	margin-top:60px;
	margin-bottom:10px;
	text-align:left;
	background:url(images/bloque2_bg.jpg) right bottom no-repeat;
}
#acceso {
	float:left;
	width: 366px;
	height: 193px;
	background:url(images/acceso_bg.jpg) no-repeat;
	margin-left:20px;
	margin-top:50px;
	font-size: 0.80em;
}
#acceso form {
	margin-left:110px;
	margin-top:55px;
}
#acceso form a {
	margin-top:20px;
	color:#000000;
	text-decoration:none;
}