/* 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:#333333;
	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:#ffa40b;
	font: bold 1.4em Arial, Helvetica, sans-serif;
}


/************************************ 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.jpg) no-repeat 4px 2px;
}

#listado_items 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_half{
	width:290px;
	float:left;
}

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

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

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

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

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


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

#home_bienvenidos{
	width:434px;
	float:left;
	padding:20px 0 25px 120px;
	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_eventos{
	width:290px;
	float:left;
	padding:2px;
	border-right:1px solid #CCCCCC;
	overflow:hidden;
}


#home-ciber_bullying{
	width:292px;
	padding:2px;
	float:left;
	margin:0 0px 0 0;
	overflow:hidden;
}

.h2_naranja{
	width: 286px;
	float:left;
	padding:0 0 0 4px;
	margin:0;
	color:#fff;
	border-right:1px solid ##FEA713;
	border-left:1px solid ##FEA713;
	border-bottom:4px solid #fff;
	background:url(../images/index/h2_naranja.jpg);
}

.h2_azul{
	width: 286px;
	float:left;
	padding:0 0 0 4px;
	margin:0;
	color:#fff;
	border-right:1px solid ##FEA713;
	border-left:1px solid ##FEA713;
	border-bottom:4px solid #fff;
	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;
}
#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;
}

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