/* Estilos para AESPI */



div.hidden{
	display:none;
}



/*- ESTRUCTURA PAGINA */

body{
	background-color:#f1f1f0;
	margin-top:20px;
}

div#main{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	font-family:arial, sans-serif;
}

div#main div#banner{
	position:relative;
	width:950px;
	height:150px;
}



/*-- BANNER SUPERIOR */

/*-- logo --*/
div#main div#banner div#banner-logo{
	float:left;
	width:950px;
	height:89px;
	background:url(../img/banner_sup.gif) top left no-repeat #66ccff;
}

/*-- menu --*/
div#main div#banner div#banner-menu{
	float:left;
	width:950px;
	height:39px;
	display:block;
	background:url(../img/fondo_menu.gif) top left repeat;
}

div#main div#banner div#banner-menu ul{
	width:950px;
	height:39px;
	margin:0 auto 20px auto;
	padding:0;
	list-style:none;
}

div#main div#banner div#banner-menu ul li.linea_sin{
	float:left;
	background:url(../img/linea_menu_sin.gif) top left no-repeat;
	margin:0;
	padding:0;
	width:1px;
}

div#main div#banner div#banner-menu ul li.linea{
	float:left;
	background:url(../img/linea_menu.gif) top left no-repeat;
	margin:0;
	padding:0;
	width:1px;
}

div#main div#banner div#banner-menu ul li{
	float:left;
	height:39px;
	margin:0 0 0 0;
	padding:0 20px 0 20px;
	font: normal 17px/37px arial, sans-serif;
}

div#main div#banner div#banner-menu ul li a{
	color:#515156;
	text-decoration:none;
}

div#main div#banner div#banner-menu ul li a:hover{
	text-decoration:underline;

}

div#main div#banner div#banner-menu ul li.select{
	background:url(../img/fondo_menu_2.gif) top right repeat #dddee2;
}

div#main div#banner div#banner-menu ul li.select a{
	color:#ffffff;
}


/*-- fecha y hora --*/
div#tablon{
	margin-top:3px;
	float:right;
	width:80px;
	height:39px;
}

div#tablon div#caja-hora input.hora {
	float:right;
	font: bold 12px arial, sans-serif;
	text-decoration:none;
	border-width:0px;
	border-style:none;
	color:#515156;
	text-align:right;
	width:80px;
	background:none;
}

div#tablon div#fecha{
	float:right;
	width:80px;
	font: normal 12px arial, sans-serif;
	color:#515156;
	text-align:right;
}


/*-- ticker --*/
div#main div#banner div#banner-ticker{
	float:left;
	width:950px;
	height:21px;
	font: normal 12px/20px arial, sans-serif;
	color:#515156;
}



/*-- CONTENIDO */
/*-- all --*/
div#main div#all{
	float:left;
	width:950px;
	background-color:#eef5fb;
}

div#main div#all div#col-izq{
	float:left;
	width:270px;
}

/*-- columna izquierda / video --*/
div#main div#all div#col-izq div#video{
	float:left;
	width:270px;
	height:180px;
}

div#main div#all div#col-izq div#video div#video-foto{
	float:left;
	width:270px;
	height:150px;
	background:url(../img/foto_esperanza.jpg) top left no-repeat;
}

div#main div#all div#col-izq div#video div#video-text{
	float:left;
	width:235px;
	height:30px;
	padding-left:35px;
	font: normal 16px/28px arial, sans-serif;
	color:#FFFFFF;
	background:url(../img/fondo_video.gif) top left no-repeat;
}

div#main div#all div#col-izq div#video div#video-text a{
	color:#FFFFFF;
	text-decoration:none;
}

div#main div#all div#col-izq div#video div#video-text a:hover{
	color:#eef5fb;
	text-decoration:underline;
}

/*-- columna izquierda / foto-apartado --*/
div#main div#all div#col-izq div.foto-apartado{
	float:left;
	width:270px;
	height:180px;
}


/*-- columna izquierda / submenu --*/
div#col-izq div#submenu{
	float:left;
	margin-top:14px;
	width:270px;
	height:200px;
}

div#col-izq div#submenu{
	float:left;
	margin-top:14px;
	width:270px;
	height:200px;
}

div#col-izq div#submenu div.submenu-fila-first{
	float:left;
	margin-left:11px;
	width:248px;
	height:36px;
	background:url(../img/submenu_01.gif) top right no-repeat;
	border-bottom: solid 1px #cfd2d4;
	border-top: solid 1px #cfd2d4;
}
div#col-izq div#submenu div.submenu-fila-first-select{
	float:left;
	margin-left:11px;
	width:248px;
	height:36px;
	background:url(../img/submenu_02.gif) top right no-repeat;
	border-bottom: solid 1px #cfd2d4;
	border-top: solid 1px #cfd2d4;
}
div#col-izq div#submenu div.submenu-fila-select{
	float:left;
	margin-left:11px;
	width:248px;
	height:36px;
	background:url(../img/submenu_02.gif) top right no-repeat;
	border-bottom: solid 1px #cfd2d4;
}

div#col-izq div#submenu div.submenu-fila{
	float:left;
	margin-left:11px;
	width:248px;
	height:36px;
	background:url(../img/submenu_01.gif) top right no-repeat;
	border-bottom: solid 1px #cfd2d4;
}

div#col-izq div#submenu div.submenu-fila div.submenu-box-text, div#col-izq div#submenu div.submenu-fila-first div.submenu-box-text, div#col-izq div#submenu div.submenu-fila-first-select div.submenu-box-text, div#col-izq div#submenu div.submenu-fila-select div.submenu-box-text{
	float:left;
	width:248px;
	height:36px;
}

div#col-izq div#submenu div.submenu-fila div.submenu-box-text div.submenu-text, div#col-izq div#submenu div.submenu-fila-first div.submenu-box-text div.submenu-text, div#col-izq div#submenu div.submenu-fila-first-select div.submenu-box-text div.submenu-text, div#col-izq div#submenu div.submenu-fila-select div.submenu-box-text div.submenu-text{
	float:left;
	width:248px;
	height:36px;
	font: normal 16px/36px arial, sans-serif;
	color:#727273;
}

div#col-izq div#submenu div.submenu-fila div.submenu-box-text div.submenu-text a, div#col-izq div#submenu div.submenu-fila-first div.submenu-box-text div.submenu-text a, div#col-izq div#submenu div.submenu-fila-first-select div.submenu-box-text div.submenu-text a, div#col-izq div#submenu div.submenu-fila-select div.submenu-box-text div.submenu-text a{
	color:#727273;
	text-decoration:none;
}

div#col-izq div#submenu div.submenu-fila div.submenu-box-text div.submenu-text a:hover, div#col-izq div#submenu div.submenu-fila-first div.submenu-box-text div.submenu-text a:hover, div#col-izq div#submenu div.submenu-fila-select div.submenu-box-text div.submenu-text a:hover, div#col-izq div#submenu div.submenu-fila-first-select div.submenu-box-text div.submenu-text a:hover{
	color:#727273;
	background:url(../img/submenu_02.gif) top right no-repeat;
	display:block;
}

/*-- columna izquierda / entidades --*/
div#col-izq div#entidades{
	float:left;
	margin-top:10px;
	width:270px;
}

div#col-izq div#entidades div#entidades-all{
	float:left;
	margin-left:11px;
	width:248px;
}

div#col-izq div#entidades div#entidades-all div.entidades-title{
	float:left;
	width:248px;
	height:27px;
	background:url(../img/entidades_col.gif) top left no-repeat;
}

div#col-izq div#entidades div#entidades-all div.entidades-logo{
	float:left;
	width:124px;
	height:67px;
}
div#col-izq div#entidades div#entidades-all div.entidades-logo img{
	border:0px;
}

/*-- columna izquierda / textos --*/
div#col-izq div#submenu div#box-text{
	width:270px;
	padding:5px 0 0 15px;
}

div#col-izq div#submenu div#box-text div.title{
	font: bold 18px/12px arial, sans-serif;
	color:#515156;
}

div#col-izq div#submenu div#box-text div.text{
	font: normal 13px/16px arial, sans-serif;
	color:#515156;
}

div#col-izq div#submenu div#box-text div.text a{
	color:#515156;
	font-weight:bold;
	text-decoration:underline;
}

div#col-izq div#submenu div#box-text a:hover{
	color:#278ec1;
	font-weight:bold;
	text-decoration:underline;
}

/*-- columna central --*/
div#main div#all div#col-cen{
	float:left;
	width:530px;
	background-color:#FFFFFF;
}

div#main div#all div#col-cen div#col-cen-box{
	float:left;
	padding:30px;
	width:470px;
}

div#main div#all div#col-cen div#col-cen-box li{
	font: normal 13px/30px arial, sans-serif;
	color:#515156;
	font-weight:bold;
}

div#main div#all div#col-cen div#col-cen-box div.title{
	font: normal 28px arial, sans-serif;
	color:#4c7fa6;
}

div#main div#all div#col-cen div#col-cen-box div.subtitle{
	font: normal 14px arial, sans-serif;
	font-weight:bold;
	color:#4c7fa6;
	margin:30px 0 -10px 0;
}

div#main div#all div#col-cen div#col-cen-box div.text{
	font: normal 13px/21px arial, sans-serif;
	color:#515156;
}

div#main div#all div#col-cen div#col-cen-box div.text a{
	color:#515156;
	font-weight:bold;
	text-decoration:underline;
}

div#main div#all div#col-cen div#col-cen-box div.text a:hover{
	color:#278ec1;
	font-weight:bold;
	text-decoration:underline;
}

div#main div#all div#col-cen div#col-cen-box div.text ul li, div#main div#all div#col-cen div#col-cen-box div.text ol li{
	font: normal 13px/26px arial, sans-serif;
	color:#515156;
}

div.inicio-box{
	width:470px;
	height:20px;
	padding-bottom:20px;
}

div.inicio-box div.inicio-box-linea{
	float:left;
	width:415px;
	height:20px;
	border-bottom: solid 1px #4a7da5;
}

div.inicio-box div.inicio-box-flecha{
	float:left;
	width:15px;
	height:20px;
	background:url(../img/flecha_inicio.gif) bottom left no-repeat;
}

div.inicio-box div.inicio-box-texto{
	float:left;
	width:40px;
	height:20px;
	font: normal 12px/32px arial, sans-serif;
	color:#4c7fa6;
	text-decoration:none;
}

div.inicio-box div.inicio-box-texto a{
	color:#4c7fa6;
	font-weight:bold;
	text-decoration:none;
}

div.inicio-box div.inicio-box-texto a:hover{
	color:#278ec1;
	font-weight:bold;
	text-decoration:underline;
}

/*-- columna central - images --*/
div#image-box-all{
	float:left;
	margin:20px 0 30px 0;
}

div.image-box{
	float:left;
	height:172px;
	margin:10px 10px 10px 0;
	background-color:#eef5fb;
}

div.image-box div.foto{
	width:120px;
	height:90px;
	background-color:#eef5fb;
	padding:13px;
	text-align:center;
}

div.image-box div.foto img{
	border:none;
}

div.image-box div.foto-text{
	float:left;
	margin-top:8px;
	width:120px;
	height:45px;
	text-align:center;
	font: normal 11px arial, sans-serif;
	color:#515156;
}

/*-- columna central - formulario --*/
div.formurario-box{
	float:left;
	width:100%;
	margin:8px 0 8px 0;
}

div.formurario-box div.formurario-text{
	float:left;
	width:145px;
	color:#278ec1;
	font-weight:bold;
}

div.formurario-box div.formurario-caja{
	float:left;
}

div.formurario-box div.formurario-boton{
	margin-top:20px;
	width:100%;
	text-align:center;
}

/*-- columna central / video --*/
div#col-cen div#col-cen-box div#video{
	float:left;
	width:215px;
	height:180px;
	margin-top:20px;
	padding:10px;
	background-color:#eef5fb;
}

div#col-cen div#col-cen-box div#video-foto{
	float:left;
	width:215px;
	height:150px;
	background:url(../img/foto_video_spi.jpg) top left no-repeat;
}

div#col-cen div#col-cen-box div#video div#video-text{
	float:left;
	width:180px;
	height:30px;
	padding-left:35px;
	font: normal 16px/28px arial, sans-serif;
	color:#FFFFFF;
	background:url(../img/fondo_video.gif) top left no-repeat;
}

div#col-cen div#col-cen-box div#video div#video-text a{
	color:#FFFFFF;
	text-decoration:none;
}

div#col-cen div#col-cen-box div#video div#video-text a:hover{
	color:#eef5fb;
	text-decoration:underline;
}

/*-- columna central / links --*/
div#col-cen div#col-cen-box div.text div.links-text{
	float:left;
	background-color:#eef5fb;
	width:275px;
	margin-top:7px;
	padding:2px;
	font-weight:bold;
	color:#4c7fa6;
	height:20px;
}

div#col-cen div#col-cen-box div.text div.links-web{
	float:left;
	background-color:#eef5fb;
	width:182px;
	margin-top:7px;
	padding:2px;
	font: normal 12px/19px arial, sans-serif;
	height:20px;
}

/*-- columna derecha --*/
div#main div#all div#col-der{
	float:left;
	width:150px;
	height:350px;
}


/*-- columna derecha / marco --*/
div.marco-all{
	float:left;
	width:150px;
}

div.marco-all div#marco-img{
	float:left;
	width:108px;
	margin:40px 0 0 21px;
}
div.marco-all div#marco-img img{
	border:none;
}

div.marco-all div#marco-img div.marco-sup{
	float:left;
	width:108px;
	height:8px;
	background:url(../img/marco_sup.gif) top left no-repeat;
}

div.marco-all div#marco-img div.marco-cen{
	float:left;
	width:92px;
	padding:0 8px 0 8px;
	background-color:#dcdcdc;
}

div.marco-all div#marco-img div.marco-inf{
	float:left;
	width:108px;
	height:8px;
	background:url(../img/marco_inf.gif) top left no-repeat;
}

div.marco-all div.marco-text{
	float:left;
	margin-top:10px;
	width:150px;
	height:15px;
	text-align:center;
	font: normal 12px arial, sans-serif;
	color:#515156;
}

div.marco-all div.marco-text a{
	color:#515156;
	font-weight:bold;
	text-decoration:underline;
}

div.marco-all div.marco-text a:hover{
	color:#278ec1;
	font-weight:bold;
	text-decoration:underline;
}


/*-- footer */
div#main div#all div#footer{
	float:left;
	padding-top:20px;
	width:950px;
	height:60px;
	background-color:#FFFFFF;
}

div#main div#all div#footer div.footer-text{
	float:right;
	width:830px;
	height:20px;
	font: normal 12px arial, sans-serif;
	color:#515156;
	text-align:center;
}

div#main div#all div#footer div.footer-text a{
	color:#515156;
	text-decoration:underline;
}

div#main div#all div#footer div.footer-text a:hover{
	color:#278ec1;
	text-decoration:underline;
}
/************************************* TICKER *****************************************/
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 740px; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px ;
background: #f1f1f1; 
width: 738px; 
height: 17px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
/*width: 718px;*/
width: 930px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #f1f1f1;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
/************************************* FIN TICKER *****************************************/