@charset "utf-8";
/* CSS NEOSIMIO */


body{
margin:0px auto;
background:#ebebeb;
background:url(../img/bg_total.jpg) repeat-x center top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*//////////////////////////////////////////////////////////////////////////*/

#todo{
width:960px;
margin:0px auto;
}

/*//////////////////////////////////////////////////////////////////////////*/

#todo #header{
width:960px;
display:inline-block;
height:220px;
margin-bottom:25px;
}

#todo #header #logo{
height:169px;
width:290px;
}

#todo #header #logo img{
border:none;
}

/********************************************************************/

#todo #header #sigla{
height:45px;
width:350px;
float:right;
position:relative;
top:-100px;
text-align:right;
border-right:2px solid #e9e9e9;
padding-right:10px;
}

/******************************************************************/

#todo #header #asoc{
height:45px;
width:250px;
float:right;
position:relative;
top:-100px;
background:url(../img/btn/asos.png) no-repeat center top;
z-index:100;
}

#todo #header #asoc:hover{
background:url(../img/btn/asos.png) no-repeat center -52px;
cursor:pointer;
}

#todo #header #asoc #asoc_abajo{
height:315px;
position:relative;
top:43px;
width:228px;
float:right;
margin-right:10px;
z-index:100;
margin-top:2px;
visibility:hidden;
background:url(../img/btn/fondo_asoc.png) no-repeat center top;
}

#todo #header #asoc #asoc_abajo ul{
float:left;
display:inline-block;
text-indent:-20px;
list-style: none;
.margin-top:10px;
}

#todo #header #asoc #asoc_abajo ul li a{
font-size:12px;
text-decoration:none;
color:#333;
font-weight:bold;
line-height:25px;
padding:5px 10px;
}

#todo #header #asoc #asoc_abajo ul li a:hover{
text-decoration:none;
color:#1d3f99;
background:#fff;
border:1px solid #CCCCCC;
}
/******************************** ACCESO  **********************************************/

#todo #header #acceso{
float:right;
width:auto;
height:auto;
margin-top:5px;
font-size:12px;
font-weight:bold;
}

#todo #header #acceso ul{
font-size:12px;
font-weight:bold !important;
color:#000;
}

#todo #header #acceso ul li{
display:inline-block;
float:left;
margin-right:0px;
padding:5px;
list-style:none;
width:92px;
height:17px;
text-align:center;
font-size:12px;
font-weight:bold !important;
background:url(../img/btn/boton.png) no-repeat center top;
}

#todo #header #acceso ul li:hover{
background:url(../img/btn/boton.png) no-repeat center -26px;
text-decoration:none;
color:#1d3f99;
}

#todo #header #acceso ul li a{
color:#000000;
}

#todo #header #acceso ul li a:hover{
color:#1d3f99;
text-decoration:none;
}

#todo #header #acceso #contiene_login{
width:92px;
height:30px;
}

#todo #header #acceso #contiene_login #btn_login{
width:92px;
}

#todo #header #acceso #contiene_login #login_abajo{
margin-top:10px;
padding-left:4px;
position:relative;
left:-200px;
width:283px;
height:45px;
background:url(../img/fondo_login.png) no-repeat center top;
visibility:hidden;
}

/****************************** MENU ***********************************************/

#todo #header #menu{
float:left;
position:relative;
height:33px;
top:19px;
}

#todo #header #menu ul#menu_ppal{
list-style:none;
padding-left:0px;
margin-left:0px;
display:inline;
}

#todo #header #menu ul#menu_ppal li{
display:inline-block;
float:left;
background:url(../img/btn/btn.png) no-repeat center top;
height:30px;
width:120px;
}

#todo #header #menu ul#menu_ppal li:hover{
background:url(../img/btn/btn.png) no-repeat center -30px;
height:30px;
width:120px;
}

#todo #header #menu ul#menu_ppal li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
padding:10px;
line-height:30px;
}

#todo #header #menu ul#menu_ppal li #activo_menu{
height:30px;
cursor:pointer;
}

#todo #header #menu ul#menu_ppal .submenu {
background:#fff;
border:2px solid #004080;
border-top:none;
-moz-border-radius:0 0 4pt 4pt;
width:220px;
height:auto;
visibility:hidden;
z-index:100;
padding:3px;
margin-top:-3px;
}

#todo #header #menu ul#menu_ppal .submenu a{
color:#1d3f99;
line-height:25px;
font-weight:bold;
font-size:12px;
padding:2px 4px;
border:1px solid #fff;
text-align:left !important;
}

#todo #header #menu ul#menu_ppal .submenu a:hover{
color:#2757D3;
cursor:pointer;
border:1px solid #ccc;
}

/*//////////////////////////////////////////////////////////////////////////*/

#todo #contenedor{
height:auto;
width:960px;
}
/* //////////////////////////////////////////////////////////////////////// */
#todo #contenedor #cont_izq{
width:170px;
margin-right:5px;
float:left;
padding:5px;
} 

#todo #contenedor #cont_izq ul{
list-style:none;
padding-left:0px;
margin-left:0px;
display:inline;
}

#todo #contenedor #cont_izq ul li{
display:inline-block;
float:left;
height:30px;
width:80px;
border:1px solid #bbb;
background:#E3EDFD;
margin-right:2px;
border-bottom:none;
padding-top:5px;
text-indent:10px;
}

#todo #contenedor #cont_izq ul li:hover{
background:#fff;
cursor:pointer;
}

#todo #contenedor #cont_izq ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333;
text-decoration:none;
text-indent:10px;
letter-spacing:1px;
}

#todo #contenedor #cont_izq ul li.activo{
background:#FFFFFF;
}

#todo #contenedor #cont_izq #news{
border:1px solid #bbb;
border-top:none;
height:auto;
width:164px;
padding-top:15px;
}

#todo #contenedor #cont_izq #separa{
height:30px;
}

#todo #contenedor #cont_izq #news p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
padding:0px 5px;
text-align:left;
}

#todo #contenedor #cont_izq #news p strong{
color:#1d3f99;
}

#todo #contenedor #cont_izq #eventos{
border:1px solid #bbb;
border-top:none;
height:auto;
width:164px;
padding-top:15px;
}

#todo #contenedor #cont_izq #publi2{
background:#F4F4F4;
margin-top:7px;
width:164px;
}

#todo #contenedor #cont_izq #frases{
border:1px solid #ccc;
background:#F4F4F4;
height:204px;
margin-top:15px;
width:164px;
}

/* ////////////////////////////////////////////////////////////////// */

#todo #contenedor #cont_ctr{
width:552px;
margin-right:5px;
float:left;
padding:5px;
border-left:1px dotted #CCCCCC;
border-right:1px dotted #CCCCCC;
} 

#todo #contenedor #cont_ruta{
width:538px;
margin-right:5px;
float:left;
padding:5px;
color:#666;
font-size:11px;
margin-bottom:5px;
background-color:#F3F3F3;
border-bottom:1px dotted #e9e9e9;
}

#todo #contenedor #cont_ruta a{
/*color:#333333;
font-size:11px;
text-decoration:none;*/
}

#todo #contenedor #cont_ruta a:link:hover{
color:#333333;
font-size:11px;
text-decoration:underline;
}

#todo #contenedor #cont_ctr img{
float:left;
margin-bottom:20px;
} 

/* ////////////////////////////////////////////////////////////////// */

#todo #contenedor #cont_der{
width:200px;
float:right;
margin-top:0px;
padding-left:6px;
}

/* ////////////////////////////////////////////////////////////////// */

#todo #contenedor #cont_der #buscar{
border-bottom:1px dotted #CCCCCC;
margin-bottom:20px;
.margin-bottom:0px;
}

/* ////////////////////////////////////////////////////////////////// */

#todo #contenedor #cont_der #publi{
background:#F4F4F4;
height:auto;
background: #F8F8F8;
margin-bottom:20px;

}

#todo #contenedor #cont_der #utilidades{
height:auto;
width:200px;
margin-left:10px;
}

/*//////////////////////////////////////////////////////////////////////////*/

#footer{
background:#E3EDFD;
border-top:1px solid #ccc;
height:160px;
width:auto;
clear:both;
margin-top:10px;
}

#footer #f_dentro{
padding-top:5px;
padding-left:15px;
width:960px;
margin:0px auto;
}

#footer #f_dentro ul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#183378;
list-style:none;
padding:0px;
}

#footer #f_dentro ul.txtGris{
color:#333;
}

#footer #f_dentro  p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

#footer #f_acceso{
float:left;
display:inline-block;
width:100px;
height:auto;
}

#footer #f_menu{
float:left;
display:inline-block;
width:120px;
margin-right:10px;
height:auto;
}

#footer #f_registro{
float:left;
display:inline-block;
width:auto;
height:auto;
border-left:1px dashed #aaaaaa;
padding:0px 25px;
height:130px;
}

#footer #f_contacto{
float:left;
display:inline-block;
width:auto;
height:auto;
border-left:1px dashed #aaaaaa;
padding-left:25px;
height:130px;
}