/*CSS GENERAL INTRANET SUNENERGY.COM */

body {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 82%;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

.clear {
	clear: both;
	float: none;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
}

a img{
	border: 0;
}

a{
	text-decoration:none;
}

hr{
	background: #fff;
	color: #fff;
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
dl, dl dt, dl dd{
	margin: 0;
	padding: 0;
	list-style: none;
}


#contenedora {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:1050px;
	text-align: left;
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:120px;
}
	
	#logotipo{
		width:24%;
		height:87px;
		background:url(../images/fondo_logotipo.jpg)repeat-x top left;
		color:#f05616;
		text-align:center;
	}
	html > body #contenedora #header #logotipo{
		background:url(../images/fondo_logotipo.jpg) repeat-x top left;
		color:#f05616;
	}
	h1, h2, h3, h4, h5 {
		padding: 0;
		margin: 0;
	}
	#titulo{
		position:absolute;
		top:0;
		right:10px;
		height:52px;
		text-align:right;
		
	}
		#titulo h2{
			margin-top:20px;
		}
		
	#categoria{
		float:right;
		position:absolute;
		top:53px;
		right:0;
		height:26px;
		width:76%;
		padding-top:4px;
		padding-bottom:4px;
		background-color:#333;
		color:#fff;		
		display:inline;
		z-index:1;
	}
		#categoria h3{
			position:absolute;
			left:10px;
			text-transform:uppercase;
		}
		#categoria h4{
			position:absolute;
			right:10px;
		}
		
	#sesion{
		float:left;
		position:absolute;
		left:0;
		top:87px;
		width:24%;
		height:26px;
		background-color:#333;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;		
		text-align:right;
		padding-top:7px;
		z-index:2 !important;
	}
	
	#subcategoria{
		position:absolute;
		top:87px;
		right:0;
		width:76%;
		height:23px;
		background-color:#ffb600;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		z-index:1;		
		padding-top:9px;
	}
	
		#subcategoria h4{
			position:absolute;
			left:10px;
			text-transform:uppercase;
		}
		#subcategoria h5{
			position:absolute;
			right:10px;
		}
		#subcategoria h5 a{
			color:#333;
		}
		#subcategoria h5 a:hover{
			text-decoration:underline;
		}
		
/*CONTENIDO *****************************/	

#content {
	position:absolute;
	left:0px;
	top:120px;
	width:100%;
	height:100%;
}

	
	
	#menu{
		float:left;
		width:24%;
		height:130%;
		color:#fff;
		background:url(../images/fondo_menu.jpg) repeat-x top left;
		background-color:#333;
		display:block;
		padding-bottom:50px;
	}
	#menu p{
		font-size:85%;
		margin:12px 7px;
		padding:10px;
		background-color:#999;
		border:1px dotted #fff;
		
	}
	
	#contenidoHome{
		float:left;
		width:76%;
		height:591px;
		color:#333;
		background-color:#fff;
		padding:30px 0 30px 0;
		
	}
		#tituloCategoria{
			margin-top:-18px;	
			margin-left:10px;
			width:95%;
			height:40px;
			color:#fff;
			background:url(../images/fondo_paginacion.jpg) repeat-x top left;
			padding:5px 10px;
			
		}
			
			#tituloCategoria p{
				text-align:right;
				padding:0 0 10px 0;	
				margin-top:-18px;
				position:relative;
				right:1%;				
				
			}
			#tituloCategoria p a{
				color:#000;
				text-decoration:underline;
			}
		
		#files p{
			margin: 10px auto 10px 15px;

		}
		
		/*listado articulos***********/

		dl.listado-articulos{
			margin: 10px auto 10px 15px;
			background: url(../images/fondo_caja_articulos.jpg) repeat-x bottom left #fef6e1;
			width: 95%;
			height:auto;
		}
			dl.listado-articulos dt{
				font-weight: bold;
				margin-left:0;
				padding-top:2px;
				color:#333;
				font-size:85%;
			}
			dl.listado-articulos dt a{
				color:#333;
			}
			dl.listado-articulos dt a:hover{
				text-decoration:underline;
			}
			dl.listado-articulos dd a{
				color:#f00;
				text-transform:none;
				float:left;
				margin-right:10px;
				margin-top:2px;
			}
			dl.listado-articulos dd a:hover{
				color:#000;
				text-decoration:underline;
			}
			
			dl.listado-articulos dd.ruta{
				margin-top:5px;
				margin-right:10px;
				margin-left:55px;
				text-align:justify;
				font-size:85%;
			}

			dl.listado-articulos dd a img{
				vertical-align:middle;
				text-decoration:none;

			}
			
			
			dl.listado-articulos dd.fecha{
				font-style: italic;
				clear: both;
				border-top: 1px solid #aaa;
				padding-bottom:15px;
				margin:2px 10px 0 55px;
			}
			dl.listado-articulos dd.descripcion{
				clear:both;
				margin-top:10px;
				margin-right:10px;
				margin-left:55px;
				text-align:justify;
				font-size:85%;
			}
			dl.listado-articulos dd.imagen{
				float: left;
				margin: 2px 0 10px 5px;
				width:50px;
				
			}			
			dl.listado-articulos dd.imagen img{
				width:35px;
				height:35px;
			}
			dd.imagenPie{
				margin-top:-1.8em;
			}