/*Hoja de estilos de Fundación laboral de la contruccion - La Rioja

 AUTOR: Israel Rodriguez Citores

 autor url: www.saturmix.com



------- ESTRUCTURA GENERAL DE DIV: --------

	#total > ---#cabecera > ---h1 (logo)
							---#nav1 (navegacion principal)
							---#navExtra (utilidades)
							
			 ---#cuerpo >	---.inicio
						 	---#principal > ---#niveles (h1, h2, h3 .last)
											---#contenedor >	---img.descriptcion (dentro de cada sección2)
														  		---#iconazos (dentro de la seccion1)
														  		---#contenido
			 ---#pie

-------------------------------------

*/



* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	border: 0;
}
:focus {outline: 0;}


body {
	background: #EEECD7 url(imgcss/body02.jpg) no-repeat center top;
}
ul {
	list-style-type: none;
}




#total {
	margin: auto;
	width: 960px;
	position: relative;
}
	
/*--------------------------    CABECERA    ----------------------------------------------------*/
#cabecera {
	position: relative;
	height: 250px;
}

/*a.logo {
	background: url(imgcss/logo.gif);
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 325px;
	border: none;
}*/

a.logo {
	background: url(imgcss/logo02.png) no-repeat 0px 15px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 272px;
	border: none;
	margin-left:30px;
	padding-top: 15px;
}
			/*-----------    BARRA DE NAV PRINCIPAL    ----------------------------------------------------*/

			#nav1 {
	height: 142px;
	position: absolute;
	bottom: 0px;
	left: 29px;
			}
			#nav1 li {
				display: inline;
			}
			#nav1 li a {
	display: block;
	float: left;
	height: 142px;
	width: 116px;
	text-indent: -99999px;
			}
			#nav1 li .nav_fun {
				background: url(imgcss/nav01.jpg) no-repeat 0px 0px;
				margin-right: 40px;
			}
			#nav1 li .nav_fun:hover {
				background: url(imgcss/nav01.jpg) no-repeat 0px -142px;
				margin-right: 40px;
			}
			#nav1 li .nav_cur {
				background: url(imgcss/nav01.jpg) no-repeat -116px 0px;
				margin-right: 40px;
			}
			#nav1 li .nav_cur:hover {
				background: url(imgcss/nav01.jpg) no-repeat -116px -142px;
				margin-right: 40px;
			}
			#nav1 li .nav_pre {
				background: url(imgcss/nav01.jpg) no-repeat -232px 0px;
				margin-right: 40px;
			}
			#nav1 li .nav_pre:hover {
				background: url(imgcss/nav01.jpg) no-repeat -232px -142px;
				margin-right: 40px;
			}
			#nav1 li .nav_emp {
				background: url(imgcss/nav01.jpg) no-repeat -348px 0px;
				margin-right: 40px;
			}
			#nav1 li .nav_emp:hover {
				background: url(imgcss/nav01.jpg) no-repeat -348px -142px;
				margin-right: 40px;
			}
			#nav1 li .nav_cuo {
				background: url(imgcss/nav01.jpg) no-repeat -464px 0px;
				margin-right: 40px;
			}
			#nav1 li .nav_cuo:hover {
				background: url(imgcss/nav01.jpg) no-repeat -464px -142px;
				margin-right: 40px;
			}
			#nav1 li .nav_tar {
				background: url(imgcss/nav01.jpg) no-repeat -580px 0px;
			}
			#nav1 li .nav_tar:hover {
				background: url(imgcss/nav01.jpg) no-repeat -580px -142px;
			}

			/*-----------    UTILIDADES: Contacto, Zona privada, Busqueda    ---------------------------*/

			#navExtra {
				font-size: 9px;
				color: #FFF;
				background: url(imgcss/buscar_div.gif) no-repeat;
				height: 43px;
				width: 439px;
				position: absolute;
				top: 15px;
				right: 25px;
			}
			#form_buscar {
				width: 205px;
				top: 9px;
				position: absolute;
				left: 260px;
			}
			#form_buscar #temino {
				font: 12px Arial, Helvetica, sans-serif;
				color: #333;
				height: 18px;
				border: none;
				margin: 0px;
				padding: 5px 4px 3px;
				float: left;
				background: transparent url(imgcss/buscarinput.png) no-repeat left 0px;
				width: 130px;
			}
			/*para los navegadores como dios manda*/
			#form_buscar #temino[type=text] {
				background: transparent url(imgcss/buscarinput.png) no-repeat left -26px;
			}
			#form_buscar #temino[type=text]:focus {
				background: transparent url(imgcss/buscarinput.png) no-repeat left -52px;
				border: none;
			
			}
			/*... y seguimos*/
			
			#bt_buscar {
				background: url(imgcss/bt_buscar.gif) no-repeat;
				height: 26px;
				width: 30px;
				border: none;
				padding-top: 50px;
				float: left;
				overflow: hidden;
				cursor: pointer;
				cursor: hand; /*para IE 5*/
			}
			#navExtra li {
				display: inline;
				margin-left: 18px;
			}
			#navExtra a  {
				font: bold 11px/43px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #FFF;
				text-decoration: none;
				margin-right: 10px;
				padding-left: 20px;
			}
			#navExtra a.correo {
				background: url(imgcss/icon_mail_priv.gif) no-repeat 0px 2px;
			}
			#navExtra a.correo:hover {
				background: url(imgcss/icon_mail_priv.gif) no-repeat 3px -97px;
				color: #333;
			}
			#navExtra a.privada {
				background: url(imgcss/icon_mail_priv.gif) no-repeat -200px 2px;
			}
			#navExtra a.privada:hover {
				background: url(imgcss/icon_mail_priv.gif) no-repeat -197px -97px;
				color: #333;
			}

/*--------------------------    CUERPO    ----------------------------------------------------*/
#cuerpo {
background:  url(imgcss/cuerpo.gif) repeat-y center;
min-height: 350px;
height: auto !important;
height: 350px;

}

		/*--------------------------    enlace de vuelta a INICIO    ---------------------------*/
		a.inicio {
			display: block;
			font: bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #E0E0E0;
			text-decoration: none;
			padding-left: 15px;
			text-transform: uppercase;
			height: 20px;
			padding-top:5px;
		}
		a.inicio:hover {
			color: #FFF;
			padding-left:20px;
		}
	


#principal {
	margin-right: 6px;
	margin-left: 4px;
}
#contenedor {
	padding-bottom: 30px;
	position: relative;
}

			/*----------Lista de Iconazos de nivel 1   ----------------------------------------------------*/

			ul#iconazos {
				padding-left: 30px;
			}
			
			ul#iconazos li{
				display: inline;
			
			}
			ul#iconazos li a {
				display: block;
				float: left;
				width: 110px;
				height: 110px;
				position: relative;
				text-decoration: none;
				margin-left: 40px;
				margin-bottom: 15px;
				cursor: pointer;
				cursor: hand; /*para IE 5*/

			}
			ul#iconazos li a span {
	font: bold 15px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	position: absolute;
	bottom: 0px;
	padding-bottom: 82px;
	left: 0px;
	display: block;
	width: 80%;
	padding-left: 4px;
			}
			ul#iconazos li a:hover span {
				bottom: -5px;
			}
			
			ul#iconazos li a img {
				display: block;
				position: absolute;
				left: 0px;
				bottom: 0px;
				border: none;
			}

		/*--------------------------    Dentro del CONTENIDO    ---------------------------------------*/

img.descripcion {
	float: left;
	position: absolute;
	left: 65px;
	top: 0px;
}
#contenido {
margin-right: 28px;
margin-left: 363px;
font: 0.8em/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
		  }
#contenido p {
margin-bottom: 1.5em;
}
#contenido a {
font-family: Arial, Helvetica, sans-serif;
color: #436AD1;
background: url(imgcss/linkIcon.png) no-repeat right 3px;
padding-right: 18px;
}
#contenido a:hover {
text-decoration: none;
padding-right: 20px;
}

/*--------------------------   PIE    ----------------------------------------------------*/

#pie {
	background: url(imgcss/pie.gif);
	height: 120px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #817961;
	padding-right: 50px;
	padding-left: 50px;
	margin-bottom: 50px;
}
					#pie p {
						width: 50%;
						padding-top: 35px;
					}
					#pie a {
						color: #817961;
						font-size: 10px;
					}
					#pie a:hover {
						color: #655F4B;
						font-size: 10px;
						text-decoration: none;
					}
					#pie a.correo {
						font-size: 11px;
						font-weight: bold;
						text-decoration: none;
					}
/*----------------    Estilos LISTA DE DOCUMENTOS    -------------------------------------*/


#contenido ul#documentos   {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	}
	
#documentos li{
	padding:3px 3px 3px 0px;
	margin-bottom: 8px;
	position: relative;
	left: 0px;
	top: 0px;
	}
#documentos .datos{
	position:relative;
	left:0px;
	top: 0px;
	min-height: 44px;
	height:auto !important;
	height: 44px;
	padding: 0px 0px 0px 60px;
	}
#documentos a.icono{
	border: none;
	background: url(none);
	display: block;
	width: 55px;
	height: 44px;
	position: absolute;
	left: 0px;
	top: 0px;
	}
#documentos a.icono img {
	border: none;
	
}
#documentos a.nombre{
	display:  block;
	background: url(none);
	margin: -2px 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	line-height: 1em;
	position: relative;
	}
#documentos a.nombre:hover{
	text-decoration: underline;
	
}
#documentos .peso, #documentos .fecha{
	font: 10px Verdana, Geneva, sans-serif;
	color: #82A9E9;	
	}
#documentos .peso{
	margin-right: 10px;
	font-style: italic;
	color: #666;
	}
#documentos .descript{
	font: bold 10px/110% Arial, Helvetica, sans-serif;
	color: #A0A0A0;
	letter-spacing: 0.1em;
	}
#documentos .descript:hover{
	color: #666;
	}
	
#documentos .presentacion{
	background: #F2F0E3;
	padding: 1.2em;
	border-radius: 10px;
	color: #436AD1;
	font: 11px/140% Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 1.2em;
	}
#documentos li ul {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: url(imgcss/bgCarpeta.gif) repeat-x;
	margin: 10px 3px 0px 0px;
	padding: 10px 0px 0px;
	list-style-type: none;
	display: block;
}

	/*listas anidadas: carpetas abiertas*/
#documentos li ul li{
	margin-bottom:8px;
	min-height: 44px;
	height:auto !important;
	height: 44px;
	position: relative;
	left: 45px;
	top: 0px;
	margin-left:px;
	padding-top: 3px;
	padding-right: 63px;
	padding-bottom: 3px;
	}	

/*--------------------------    Estilos EXTRA    ----------------------------------------------------*/

.cleaner {
	clear: both;
}
.lefter {
	float: left;
}
.righter {
	float: right;
}