
/* CSS Document */


body{
	margin:0;
	padding:0;
	font:normal 8pt Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/index/fondo.gif) no-repeat left bottom;
}

a{
	color:#333333;
}

img{
	border:none;
	float: left;
}

strong{
	color: #FF8817;
}

.img_right{
	float:right;
}

.img_none{
	float:none;
}

h1{
	margin:0;
	padding:0;
}

h2{
	font:bold 1.5em Geneva, Arial, Helvetica, sans-serif;
}

h3{
	background:url(../images/eltos/bullet_naranja.jpg) no-repeat 0 2px;
	padding:0 0 0 12px;
	display:block;
}

#fondo{
	width:100%;
	float:left;
	background:url(../images/index/menu_bg.jpg) repeat-x 0 166px;
}

#align{
	width:770px;
	float:none;
	margin:0 auto;
}

#izquierda{
	width:524px;
	float:left;
	background:#fff;
}

#cabecera{
	width:524px;
	height:166px;
	float:left;
	background:url(../images/index/cabecera_fondo.gif) top right;
}

#contenidos{
	width:504px;
	float:left;
	padding:10px;
	overflow:hidden;
}

#contenidos h2 img{
	float: none;
}

/**************************************** MENU ****************************************/

#menu{
	width:524px;
	height:25px;
	float:left;
	padding:18px 0 0 0;
	background: #000;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	float:left;
	padding:0 14px;
}

#menu ul li a:hover{
	height:20px;
	float:left;
	border-bottom:5px solid #FEB700;
}

.menu_active{
	height:25px;
	float: left;
	background:url(../images/index/menu_active.jpg) no-repeat center bottom;
}

/**************************************** COLUMNA ****************************************/

#columna{	
	width:246px;
	float:left;
	background: #fff url(../images/index/television.jpg) no-repeat;
}

#columna h2{
	margin:0;
	padding:0;
}

#columna_logo{
	width:246px;
	height:84px;
	float: left;
}

#columna_logo img{
	float:right;
}

#columna_baner{
	width:246px;
	height:145px;
	float: left;
	background:url(../images/index/television.gif);
}

#columna_denuncia{
	width:246px;
	float: left;
	padding:65px 0 0 0;
}

#columna_denuncia span{
	width:206px;
	float:left;
	padding:5px 20px;
	color: #999999;
}

/**************************************** PIE ****************************************/

#pie{	
	width:770px;
	float:left;
	color:#757575;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	padding:10px 0;
	background:#000;
}

/**************************************** HOME ****************************************/

#home_caja{
	width:464px;
	float:left;
	background: #f5f5f5;
	padding:0 0 10px 0;
	border-bottom:solid 10px #fff;
}

#home_caja h2{
	margin:0;
}

#home_caja a{

	color:#ff8410;
}


#home_caja span{
	width:424px;
	float:left;
	padding:0 20px;
	background: #f5f5f5; 
}

/**************************************** LISTADOS CONTENTOS ****************************************/

.li_smiley{
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
	background:url(../images/eltos/icon_sm_smile.jpg) no-repeat;
}

.li_worry{
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
	background:url(../images/eltos/icon_sm_worry.jpg) no-repeat;
}

/**************************************** SENALIZACION ****************************************/

#senalizacion ul{
	margin:0;
	padding:0;
	list-style:none;
}

#senalizacion ul li{
	width: 400px;
	height:40px;
	display:block;
	padding:0 0 0 20px;
}


#senalizacion ul li img{
	float:left;
	padding:0 5px 0 0;
}


#senalizacion ul li span{
	background:url(../images/eltos/bullet_gris.jpg) no-repeat 0 10px;
	padding:10px 0 0 15px;
	float:left;
}


/**************************************** PDF ****************************************/

#pdf{

}

#pdf ul{
	list-style: url(../images/eltos/pdf_icon.jpg);
}

#pdf ul li{
	padding:0 0 10px 0;
}

/**************************************** FORMULARIO DE DENUNCIA ****************************************/

#formulario_denuncia{
	padding: 20px 0 0 20px;
}

#formulario_denuncia td{
	border-bottom:1px solid #fff;
}

.formulario_denuncia_label{
	width:170px;
}

#formulario_denuncia label{
	height:18px;
	text-align:right;
	float:right;
	padding:2px 10px 0 10px;
	color:#CCCCCC;
	background:#000;
}

#formulario_denuncia input, #formulario_denuncia select, #formulario_denuncia textarea{
	height:18px;
	padding:2px 2px 0 2px;
	font: normal 1em Geneva, Arial, Helvetica, sans-serif;
	border:none;
	background:#ff830d;
	color:#fff;
}

#formulario_denuncia textarea{
	height:150px;
}

#formulario_denuncia ul{
	float: left;
	margin:0;
	padding:30px 0 0 0;
	list-style:none;
	background:#f2f2f2 url(../images/eltos/bullet_vertical.jpg) no-repeat 50px 5px;
}

#formulario_denuncia ul li{
	width:305px;
	display:block;
	float:left;
	background:#f2f2f2;
	border-bottom:1px solid #fff;
}

#formulario_denuncia ul li input{
	float:left;
}

#formulario_denuncia ul li span{
	width:270px;
	padding:3px 0 0 0;
	float: left;
}

#formulario_denuncia ul label{
	float:none;
	padding:0;
	color:#000;
	background:#f2f2f2;
	text-align:left;
}

/**************************************** ENLACES ****************************************/

#enlaces{

}

#enlaces ul{
	margin:20px 0;
	list-style:none;
}

#enlaces ul li{
	padding:0 0 10px 14px;
	background: url(../images/eltos/bullet_amarillo.jpg) no-repeat;
}

#enlaces ul li span{
	color:#fe8716;
}

#enlaces ul li a{
	display:block;
	color:#666666;
}