/* CSS Document para Progeles.com // Diseño y maquetación > Javier Granado */


body{
	margin:0;
	padding:0;
	background:#fff;
	font:normal 7pt Arial, Helvetica, sans-serif;
	background: #f2f2f2 url(../images/index/bg.jpg) repeat-y center top;
}

img{
	border:none;
}

.img_derecha{
	float:right;
	padding:0 0 10px 10px;
}

.img_izda{
	float:left;
	padding:0 10px 10px 0;
}

.imagen_derecha{
	width:auto;
	float:right;
	margin:0 0 10px 20px;
	background:#f2f2f2;
	padding:5px;
	text-align:center;
}

.imagen_derecha img{
	float:none;
}

.imagen_derecha i{
	text-align:center;
	display:block;
}


#align{
	width:770px;
	float:none;
	margin:0 auto;
}


/************************************ <NIDOS ************************************/

#contenidos{
	width:535px;
	float:left;
	padding:0 0 0 4px;
	overflow: hidden;
	background:#fff;
}

#contenidos h1{
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 0 5px 10px;
	margin:0 0 5px 0;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) bottom left repeat-x;
}

#contenidos h1 strong{
	color:#ca0000;
}

#contenidos h2{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#ca0000;
	padding:0 0 2px 0;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) repeat-x left bottom;
}

#contenidos h3{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	padding-left: 13px;
	background:url(../images/index/menu_bullet_on.jpg) no-repeat 0px 2px;
}


#contenidos_texto{
	width:515px;
	float:left;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	color:#333;
}

#contenidos_texto p a, #contenidos_texto ul a{
	color:#3389cd;
}

#contenidos_texto strong{
	color: #70a1bf;
}

#contenidos_texto strong span{
	color: #000;
}



#contenidos_texto blockquote{
	background:#f2f2f2;
	border:1px solid #ccc;
	padding:5px 10px;
}


/************************************ CAMINO DE MIGAS */

#camino_migas{
	width:535px;
	height:20px;
	display:block;
	padding: 5px 0 0 0px;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#ca0000;
	text-align:right;
/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/

}


#camino_migas:hover{
/*	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
}

#camino_migas a{
	color: #333;
	text-decoration:none;
}

#camino_migas a:hover{
	text-decoration: underline;
}


/************************************ BLOQUES */

#bloques{
	width:535px;
	float:left;
	padding:20px 0 0 0;
}

#bloques ul{
	margin:0;
	padding:0;
	list-style:none;
}


#bloques ul li{
	width:158px;
	float: left;
	padding:0 10px;
	border-bottom:solid 15px #fff;
	text-align:center;
	background: url(../images/elementos/bloques/separador.gif) no-repeat 0px 0px;
}

#bloques ul li img{
	float:none;
}

#bloques ul li strong{
	display:block;
	color:#70a1bf;
}

#bloques ul li span{
	color:#666;
}


#bloques ul li a{
	float:none;
	text-align:center;
	margin:10px 0 0 50px;
}

/************************************ LISTADOS ************************************/



/************************************ LISTADO 1 */


.listado1 ul{
	list-style:none;
}

.listado1 ul li{
	background: url(../images/icons/bullet_rojo.jpg) no-repeat 0 8px;
	margin:0;
	padding:5px 15px;
}

/************************************ LISTADO 2 - 4 COLUMNAS */

.listado2 ul{
	margin:0;
	padding:0;
	list-style:none;
}

.listado2 ul li{
	width:158px;
	height:25px;
	float:left;
	background: url(../images/icons/bullet_rojo.jpg) no-repeat 0 8px;
	margin:0;
	padding:7px 0 0 12px;
}



/************************************ PIE */

#pie{
	width: 656px;
	float:left;
	margin:0 auto;
	padding:10px 57px;
	border-top:5px solid #fff;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) top repeat-x;
}

#pie ul{
	margin:0;
	padding:0;
	list-style:none;
}

#pie ul li{
	float:left;
	padding:0 11px;
	
}
 
/************************************ COLUMNA ************************************/



#columna{
	width:231px;
	float: left;
	overflow:hidden;
	background:url(../images/index/contenidos_bg.jpg) repeat-y;
}

#columna h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 0px 0px;
	margin:0 0 5px 0;
	color:#678ca1;
	background:url(../images/index/bullet_left.jpg) no-repeat 40px 15px;
	
}


#columna ul{
	margin:0;
	padding:0;
	list-style:none;
}



/************************************ CABECERA */

#cabecera{
	width:231px;
	float:left;
	background:#fff;
}


#cabecera h1{
	margin:0;
	padding:0;
}

#links{
	width:80px;
	float:left;
	padding:0 10px;
	background:#ccc;
}

#links ul li{
	padding:2px 5px;
	float:right;
}

#idiomas{
	width:121px;
	height:24px;
	float:left;
	padding-left:10px;
	background:#ccc url(../images/index/idiomas.jpg) no-repeat;
}

#idiomas ul li{
	padding:5px;
	float:left;
}

#idiomas ul li img{
	border:1px solid #333;
}

/************************************ MEN&U */

#menu{
	width:231px;
	float:left;
	padding:18px 0;
	border-top:1px solid #fff;
	background:url(../images/index/menu_bg.jpg) repeat-y;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu li{
	width:231px;
	float:left;
	padding:0px 0;
	background: url(../images/index/menu_bullet.jpg) no-repeat 28px 4px;
}

#menu li a{
	width:189px;
	float:left;
	padding:3px 0 3px 42px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;

}

#menu li a:hover{ 
	background:  url(../images/index/menu_bullet_on.jpg) no-repeat 28px 4px;
}

.menu_active{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:  url(../images/index/menu_bullet_on.jpg) no-repeat 28px 4px;
}



/************************************ SUBMEN&U */

#submenu{
	width:231px;
	float:left;
	padding:20px 0;
	overflow:hidden;
}

#submenu li{
	padding:0px 0;
	float:left;
	background:url(../images/index/menu_secundario/bullet.jpg) no-repeat 65px 6px;
}

#submenu li a{
	width:151px;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	color:#333;
	padding:4px 0 4px 80px;
	display: block;

}

#submenu li a:hover{
	background:url(../images/index/menu_secundario/menu_over.jpg) no-repeat 60px 0;
}

.submenu_active{
	background:url(../images/index/menu_secundario/menu_active.jpg) no-repeat top right;
}

/************************************ BANNER */

#banner{
	width:231px;
	float:left;
}


/************************************ CONTACTO */

#contacto{
	width:231px;
	float:left;
	background: url(../images/index/contacto/contacto_bg.jpg) repeat-y;
}

#contacto span{
	color:#fff;
	padding:5px 45px;
	display:block;
}

#contacto a{
	color:#fff;
}

#contacto h2{
	margin:0;
	padding:0;
}

/************************************ NOTICIAS */

#noticias{
	width:231px;
	height:520px;
	float:left;
}

#noticias li{
	padding:4px 0;
	display:block;
}	

#noticias li a{
	padding:0 10px 0 44px;
	display:block;
	text-decoration:none;
	background:url(../images/index/lateral_bullet.jpg) no-repeat 26px 2px;
}

#noticias li a strong{
	color:#333333;
}

#noticias li a span{
	color: #666666;
}

/************************************ PROMOS */

#promos{
	width:231px;
	float:left;
	padding:14px 0;
	overflow:hidden;
}

#promos li{
	padding: 0 0 0 40px;
}

#promos img{
	float:right;
}

/************************************ DESAPARECIDOS */

#desaparecidos{
	width:171px;
	float:left;
	overflow:hidden;
	padding: 10px 10px 10px 50px;
	border-top:2px solid #dae3e9;
	border-bottom:2px solid #dae3e9;
}



#desaparecidos li{

}

#desaparecidos span{
	color:#333;
	display:block;
}

#desaparecidos ul{
	padding: 10px 0;
	margin:0;
	list-style:none;
}

#desaparecidos ul li{
	padding:2px;
	float:left;
}

#desaparecidos ul li img{
	width:47px;
	height:47px;
	float:left;
}

#desaparecidos ul li a{
	float:left;
	color:#333;
	border:3px solid #fff;
}

#desaparecidos ul li a:hover{
	border:3px solid #ca0000;
}



/************************************ ELEMENTOS ************************************/

#video{
	width:505px;
	padding:20px 0;
	display:block;
}

/************************************ HOME ************************************/



/************************************ DENUNCIA */

#home_denuncia{
	width:515px;
	height:140px;
	padding:10px;
	color:#333;
	border-bottom:8px solid #fff;
	background:url(../images/home/denuncia_bg.jpg) no-repeat;
}

#home_denuncia h2{
	margin:0;
	padding:0 0 5px 0;
}

#home_denuncia1{
	width:270px;
	float:left;
	padding:10px;
}

#home_denuncia1 span{

}

#home_denuncia2{
	width:205px;
	float:left;
	padding:10px;
}

#home_denuncia2 span{
	display: block;
	padding:0 70px 0 0px;
}

.home_denuncia_but{
	width:160px;
	margin:5px 0 0 5px;
	padding-left: 20px;
	border:1px solid #666666;
	background: #fff url(../images/icons/caution.jpg) no-repeat;
	font:normal 1em Arial, Helvetica, sans-serif;
}

#home_baner{
	width:515px;
	padding:4px 10px;
	float:left;
	text-align:center;
}

#home_baner img{
	float:none;
}

/************************************ LINEAS */

#home_lineas{
	width:290px;
	float: left;
	padding:10px 0 0 10px;
	border-right:5px solid #fff;
	background:url(../images/elementos/separadores/sep_vertical.jpg) repeat-y right top;
}

#home_lineas h2{
	width:290px;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#ca0000;
	margin:0 0 10px 0;
	padding:5px 0 4px 0; 
	background:url(../images/elementos/separadores/sep_horizontal.jpg) bottom repeat-x;
}

#home_lineas ul{
	margin:0;
	padding:0;
	list-style:none;
}

#home_lineas ul li{
	float: left;
}

#home_lineas ul li a{
	width:290px;
	float:left;
	text-decoration:none;
}

#home_lineas ul li a img{
	float:left;
	padding:0 10px 0 0;
}

#home_lineas ul li a strong{
	width:210px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #70a1bf;
	padding:10px 0 0 0px;
}

#home_lineas ul li a span{
	width:210px;
	float:left;
	color: #333;
	padding:0px 0 0 0px;
}

/************************************ WEBS */

#home_webs{
	width:230px;
	float: left;
	background: url(../images/home/webs_recomendadas/recomendadas_bg.jpg);	
}

#home_webs h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 10px;
	margin:0 0 10px 0;
	color:#678ca1;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) repeat-x left bottom;
}

#home_webs ul{
	margin:0;
	padding:0;
	list-style:none;
}

#home_webs ul li{
	width:230px;
	float:left;
	padding:5px 0;
}

#home_webs ul li img{
	float:left;
	padding:0 10px 20px 0;
}

#home_webs ul li strong a{
	width:150px;
	float: left;
	color: #70a1bf;
}

#home_webs ul li span{
	width:150px;
	float:left;
	padding:0 0 10px 0;

}
/************************************ ELEMENTOS ************************************/


/************************************ BOTONES */

.but_tipo1, .but_tipo1:hover{
	width:28px;
	height:16px;
	display:block;
	color:#fff;
	float:left;
	padding:2px 0 0 0;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background:url(../images/elementos/botones/tipo1.gif) no-repeat;
}

.but_tipo2, .but_tipo2:hover{
	width:60px;
	height:16px;
	display:block;
	color:#fff;
	float:left;
	padding:2px 0 0 0;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background:url(../images/elementos/botones/tipo2.gif) no-repeat;
}


.but_tipo3, .but_tipo3:hover{
	width:176px;
	height:15px;
	display:block;
	float:none;
	color:#fff;
	float:left;
	padding:10px 5px;
	margin:0 auto;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	background:url(../images/elementos/botones/tipo3.jpg) no-repeat;
}

.but_subir{
	width:55px;
	padding: 2px 9px 2px 1px;
	margin:0 0 0px 0;
	display:block;
	text-align:right;
	float:right;
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	background:url(../images/icons/subir.gif) no-repeat 4px 0;
}

.but_subir a{
	color:#fff;
}

.but_pdf{
	display:block;
	padding:4px 20px;
	color:#fff;
	background:url(../images/icons/pdf.gif) no-repeat;
}

/************************************ WEBS ************************************/

#webs{
	width:535px;
	float:left;	
}

#webs ul{
	margin:0;
	padding:0;
	list-style:none;
}

#webs ul li{
	width:178px;
	float:left;
	padding:0 0 20px 0;
}

#webs ul li strong{
	display:block;
	color:#70a1bf;
	padding: 0 0 0 25px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
}

#webs ul li a{
	margin:2px 0 0 80px;
}

#materiales{
	width:535px;
	float:left;	
}

#materiales ul{
	margin:0;
	padding:0;
	list-style:none;
}

#materiales ul li{
	width:535px;
	float:left;
	padding:0 0 20px 0;
	background: url(../images/elementos/separadores/sep_horizontal.jpg) left bottom repeat-x;
}

#materiales ul li img{
	float:left;
}

#materiales ul li strong{
	width: 355px;
	float:left;
	color:#70a1bf;
	padding: 20px 0 5px 0px;
	margin:0 0 10px 0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	background: url(../images/elementos/separadores/sep_horizontal.jpg) left bottom repeat-x;
}

#materiales ul li span{
	width: 330px;
	float:left;
}

/************************************ DESAPARECIDOS ************************************/

#desaparecidos_missing{
	float:left;
	padding:5px;
	background:#f2f2f2;
}

#desaparecidos_missing p{
	padding:10px;
}


#desaparecidos_missing span img{
	float:left;
	margin:10px 10px 10px 0;
	padding:2px;
	border:1px solid #CCC;
}


#desaparecido_list{
	width:535px;
	float:left;
}




#desaparecido_list ul{
	margin:0;
	padding:0;
	list-style:none;
}

#desaparecido_list ul li{
	width:535px;
	float:left;
}

#desaparecido_list ul li a{
	width:535px;
	float:left;
	color:#333;
	text-decoration:none;
	padding:10px 0;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) bottom left repeat-x;
}

#desaparecido_list ul li a:hover{
	background: #f2f2f2 url(../images/elementos/separadores/sep_horizontal.jpg) bottom left repeat-x;
}

#desaparecido_list ul li a img{
	width:60px;
	height:60px;
	float:left;
	padding:0 10px 0 0;
}

#desaparecido_list ul li a strong{
	float:left;
	color:#ca0000;
}

#desaparecido_list ul li a span{
	float:left;
	width:400px;
}


#desaparecido_ficha{
	width:309px;
	float: left;
	padding:0 0 0 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
}

#desaparecido_ficha h2{
	width:315px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#ca0000;
	padding:0 0 2px 0;
	margin:0 0 10px 0;
	background:url(../images/elementos/separadores/sep_horizontal.jpg) repeat-x left bottom;
}

#desaparecido_ficha_datos{
	float:left;
}


#desaparecido_ficha_datos ul{
	margin:0;
	padding:0 20px;
}

#desaparecido_ficha_datos ul li{
	padding:0 0 5px 0;
}

#desaparecido_foto{
	width:216px;
	float:left;
}

#desaparecido_foto img{
	width:216px;
	height:255px;
}

#desaparecido_foto ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#desaparecido_foto ul li{
	float:left;
}

#desaparecido_foto ul li img{
	width:54px;
	height:64px;
}

#desaparecido_carteles{
	width:309px;
	float:left;
}

#desaparecido_carteles ul{
	margin:0;
	padding:0;
	list-style:none;
}


#desaparecido_carteles ul li{
	width:135px;
	float:left;
	text-align:center;
}

#desaparecido_carteles ul li img{
	float:none;
	margin:0 auto;
}

#desaparecido_carteles ul li a{
	display: block;
	background:url(../images/icons/pdf.gif) center top no-repeat;
	padding:18px 0 0 0;
	color:#333;
	text-align:center;
}

#desaparecido_contacte{
	display: none;
}

/************************************ FORMULARIO DE CONTACTO ************************************/

#formulario_contacto{

}

#formulario_contacto span{
	display:block;
	padding:0 0 0 0px;
}

#formulario_contacto label{
	padding:0 5px 0 0;
}

#formulario_contacto input{
	margin:0 0 0 5px;
}

#formulario_contacto ul{
	margin:0;
	padding:0;
	list-style:none;
}


#formulario_contacto ul li{
	display:block;
	padding:0 0 5px 20px;
}

#formulario_contacto ol, #formulario_contacto ol ul{
	margin:0;
	padding:0;
	list-style:none;
}

#formulario_contacto ol li{
	font-weight:bold;
	padding:0px 0 20px 0;
}

#formulario_contacto ol ul li{
	font-weight:normal;
}

#formulario_contacto ol ul li label{
	font-weight:normal;
	padding:0 0 0 20px;
}