/* CSS Document  para SAFE INTERNET DAY 2009 // SID09 // DÍA INTERNACIONAL DE LA INTERNET SEGURA 

> Diseño y Maquetación Javier Granado (Protegeles) */



body{
	margin:0;
	padding:0;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color: #666;
	background:url(../images/index/bg.jpg) repeat-x;
}

img{
	border:none;
}



a{
	color:#3c65a5;
}

h1{
	color:#ffa40b;
	font: bold 1.8em Arial, Helvetica, sans-serif;
}

h2{
	color:#3c65a5;
	font: bold 1.4em Arial, Helvetica, sans-serif;
}


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


/************************************ Listado tipo 1 */

#listado_items{
}

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

#listado_items ul li{
	list-style: none;
	padding:0 0 15px 20px;
	background: url(../images/iconos/flecha_naranja.gif) no-repeat 4px 2px;
}

#listado_items ul li a{
}

/************************************ Listado tipo 2 */

#listado_items2{
}

#listado_items2 img{
	float:left;
	padding:0 0px 0 0;
}

#listado_items2 ul{
	width:340px;
	margin-left:0;
	padding-left:0;
	float:left;
}

#listado_items2 ul li{
	list-style: none;
	padding:0 0 15px 20px;
	background: url(../images/iconos/flecha_naranja.gif) no-repeat 4px 2px;
}

#listado_items2 ul li a{
}

/************************************ CAJAS ESTRUCTURALES ************************************/

#fondo{
	width:100%;
	float:left;
	background:url(../images/index/skyline.gif) repeat-x;
}

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

#cuerpo{
	width:770px;
	float:left;
	background:url(../images/index/cabecera.jpg) no-repeat;
}

#cabecera{
	width:550px;
	height:250px;
	float:left;
	padding:0 0 0 220px;
}

#pie{
	width:770px;
	float:left;
	padding:10px 0 0 0;
	border-top:1px solid  #CCC;
}

#pie ul{
	width: 320px;
	float:none;
	margin:0 auto;
	padding:0;
	list-style:none;
}

#pie ul li{
	float:left;
}

#pie span{
	width:770px;
	float:left;
	padding:10px 0;
	text-align:center;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;
}


#logos{
	width:770px;
	float:left;
	text-align:center;
	padding:6px 0;

}

#logos img{
	float:none;
	padding:4px 2px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}

#logos img:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
}


/************************************ Menú */

#menu{
	width:770px;
	height:30px;
	float:left;
}

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

#menu ul li{
	float: left;
	padding:0 30px 5px 0;
}

#menu ul li a{
	display:block;
	padding:0 0 5px 0;
}

#menu ul li a:hover{
	border-bottom:5px solid #3c65a5;
}

.menu_active{
	border-bottom:5px solid #ffa40b;
}


/************************************ Contenidos */

#contenidos{
	width:594px;
	float:left;
	padding:0 20px 0 0;
}

#contenidos ul{
	list-style-image:url(../images/iconos/flecha_naranja.gif);
}

#contenidos ul li{
	padding-bottom:10px;
	padding-right:30px;
}

.ul_menu{
	border:1px solid #CCC;
	background:#f2f2f2;
	padding-top:10px;
}


.contenidos_half{
	width:274px;
	float:left;
	padding:0 2px 20px 20px;
	border-top:1px dotted  #CCC;
}

.contenidos_half p img{
	display:block;
	text-align: center;
	padding:0 0 0 60px;
}

.contenidos_half_col{
	border-right:1px dotted  #ccc;
}

.contenidos_half ul li{
	width:240px;
	float: left;
	list-style:none;
	margin:0;
	padding: 0 0 0px 0px;
}

.contenidos_half ul li a{
	padding:3px 0;
	float:left;
	text-decoration:none;
}

.contenidos_half ul li a:hover{
	text-decoration:underline;
}

.contenidos_half ul li img{
	padding:0px 5px 0 0;
	float:left;
}


.img_left{
	float:left;
	padding:0 0 0 5px;
}

.img_right{
	float:right;
	padding:0 0 0 5px;
}


.subir{
	display:block;
	text-align:right;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	background:url(../images/iconos/flecha_subir.jpg) no-repeat 550px 0;
}

.contenidos h2{
	color:#3c65a5;
	text-decoration:underline;	
}

.contenidos_half span{
	padding:10px 0;
	display:block;
}

.contenidos_half i span{
	font: italic 0.8em Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	margin:5px 10px 5px 0;
	padding:5px;
	display:block;
	border:1px dotted #666;
	overflow: auto;
}

/************************************ Columna */

#columna{
	width:154px;
	float:left;
	padding: 5px 0 0 0;
}

/************************************ CAJAS HOME ************************************/


/************************************ Bienvenido */

#home_bienvenidos{
	width:290px;
	float:left;
	padding:20px 0 8px 300px;
	background:url(../images/index/home_bienvenido.jpg) no-repeat 0 20px;
}

#home_enlaces{
	width:464px;
	float:left;
	padding:5px 0 0px 130px;
}

#home_enlaces img{
	float:left;
}

#home_caja{
	width:290px;
	float:left;
	padding: 0 2px 5px 2px;
	overflow:hidden;
}

.home_caja_borde{
	border-right:1px solid #CCCCCC;	
}



#home_caja h2{
	width: 286px;
	display: block;
	padding:0 0 0 4px;
	margin:0;
	color:#fff;
	text-decoration:none;
	border-right:1px solid ##FEA713;
	border-left:1px solid ##FEA713;
	border-bottom:4px solid #fff;
}

#home_caja p{
	padding:0px 10px;
}

#home_caja form{
	margin:0;
	display:block;
	padding:10px 0;
}

#home_caja label{
	float:left;
	width:95px;
	padding:2px 5px 0 5px;
}

.amigo1_form{
	width:130px;
	height:14px;
	float:left;
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
}

#home_caja ul{
	margin-left:0;
	padding-left: 30px;
}
	
	
#home_caja ul li{
	width:240px;
	float:left;
	padding:0 5px 5px 0;
	list-style:none;
}

#home_caja ul li a{
	text-decoration:none;
}

#home_caja ul li a:hover{
	text-decoration:underline;
}

#home_caja ul li img{
	float:left;
	padding:0 5px 0 0;
}

.amigo1_button{
	width: 35px;
	height:20px;
	margin:0 0 0 2px;
	border: 1px solid #ccc;
	background: #fff url(../images/iconos/flecha_naranja.gif) center center no-repeat;
}

.h2_naranja{
	background:url(../images/index/h2_naranja.jpg);
}

.h2_azul{
	background:url(../images/index/h2_azul.jpg);
}

/************************************ Eventos */

#eventos{
	width:594px;
	float:left;
	padding:0 0px 0 0;
	overflow: hidden;
}

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

#eventos ul li{
	width:590px;
	float:left;
	padding:10px 0;
	border-top:1px solid #999999; 
}

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


#eventos ul li h2{
	width:400px;
	float: left;
	padding:0;
	margin:0;
	color:#3c65a5;
	text-decoration:underline;
}
#eventos ul li span{
	width:400px;
	float: left;
	padding:0 5px;
}


/************************************ CAJAS PRENSA ************************************/


#prensa_imagen{
	width:594px;
	float:left;
	padding:0 0 40px 0;
	text-align:center;
}

#prensa_imagen ul{

	margin:0;
	padding:0;
	list-style:none;
}

#prensa_imagen ul li{
	width:190px;
	float:left;
}


#prensa_imagen span{
	width:180px;
	float:left;
}


#prensa_imagen ul li img{
	width:180px;
	float:none;
}

/************************************ ENVIAR A UN AMIGO ************************************/

#enviar{
	width:154px;
	height:200px;
	float:left;
	padding:20px 0 80px 0;
	background:url(../images/index/col_enviar.jpg) no-repeat left bottom;
}

#enviar form{
	
}

#enviar label{
	font: normal 0.75em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 0 0 0;
	display:block;
}

.enviar_input{
	width:128px;
	height:13px;
	border:1px solid #666;
	margin:0;
	padding:2px;
	color:#666;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}

.enviar_button{
	width:66px;
	height:18px;
	border:none;
	float:right;
	padding:0;
	margin:3px 0 0 0;
	background:url(../images/botones/enviar.jpg) no-repeat;
}