/* CSS Document */

body {padding:0; margin:0}
#wrapper {background:url(../imagenes/common/bg.gif) repeat-y; height:1%; overflow:hidden;padding-bottom: 10px;}
#left {width:207px; float:left; padding:20px 0 0 0}
#logo {text-align:center; margin-bottom:15px;}
#right {margin-left:207px; padding-left:50px; font:12px arial;}
#banner {background:url(../imagenes/common/banner.gif) repeat-x; padding:40px 0; margin-left:207px;}
#head {background-color:#333333; color:#cccccc; font:bold 12px arial; padding:5px 8px; border-bottom:1px solid #D2D2D2; margin-left:207px;}
#bottom {clear:both; background-color:#333333; text-align:center; height:15px; font:bold 10px arial; color:#cccccc; padding:5px 0;}

/* seleccion de idioma */
#idioma, #idioma_S {float:right; text-align:center; font:bold 12px arial; height:18px; border:1px solid #CAB4CD; margin-top:2px; padding:2px 5px;}
#idioma_S {background-color:#BE51CC; color:#E9E9E9;text-decoration:none; }	
#idioma {background-color:#333333; color:#E9E9E9;text-decoration:none; }	


/* home */
#home {margin: 40px 0px; text-align:center;}
.portada {margin:10px;float:left}
#bienvenida {font:18px georgia; color:#444444; text-align:center;}
#banners {height:150px; width:490px; margin:5px auto; }
.caja {width:110px; float:left; margin: 20px 10px 0 0; text-align:right;}
.mas img{margin:0; padding:0}
.ban {border:2px solid #000000; margin:5px auto; position:relative; background-color:#BE51CC; width:500px; color:#ffffff; font:bold 11px verdana; text-align:left;}
.ban p {padding:10px 5px 10px 120px; margin:0}
.ban a {color:#E9E9E9}
.ban img {border:0px;}
#nota  {position:absolute; left:15px; top:-20px; 
background-image:url(../imagenes/common/nota.png) !important;
background-image: none;
filter:none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=../imagenes/common/nota.png); width:97px; height:110px}
.ban_bottom {padding:3px 0; background-color:#cccccc;}
.ban_bottom span {background-color:#333333; font:11px Georgia; color:#ffffff; width:490px; display:block; text-align:right; padding:2px 5px}

#notaen  {position:absolute; left:15px; top:-20px; 
background-image:url(../imagenes/common/notaen.png) !important;
background-image: none;
filter:none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=../imagenes/common/notaen.png); width:97px; height:110px}
.ban_bottom {padding:3px 0; background-color:#cccccc;}
.ban_bottom span {background-color:#333333; font:11px Georgia; color:#ffffff; width:490px; display:block; text-align:right; padding:2px 5px}


/* textos */
#title {background: url(../imagenes/common/bg_title.gif) repeat-x; height:35px; font: bold 15px georgia; color:#ffffff; padding:2px 0 0 7px; margin-top:35px;}
#subtitle{border-bottom:1px solid #333333; background-color:#BE51CC; color:#ffffff; font:bold 12px georgia; padding:4px 15px;margin-bottom:10px;}
#subtitle_more{float:left;width:100%;border-bottom:1px solid #333333; background-color:#BE51CC; color:#ffffff; font:bold 12px georgia; padding:4px 15px;margin-bottom:10px;}
#return {margin:10px;}
h1 {font:bold 16px arial; background:url('../imagenes/common/flecha.gif') no-repeat center left; margin-top:15px; margin-bottom:15px; padding-left:7px; }
h2 {font:bold 14px arial; background:url('../imagenes/common/flecha_gris.gif') no-repeat center left; margin-left:15px; margin-right:5px; margin-bottom:5px; padding-left:12px; }
h4 {font:bold 12px arial; background:url('../imagenes/common/flecha_gris.gif') no-repeat center left; margin-left:25px; margin-right:5px; margin-bottom:5px; padding-left:12px; }
.ph2 p { margin-left:15px; }
.ph4 p { margin-left:25px; }
.Nota { font-style:italic; }

#texto {margin:0 0px 0 0px;}
.texto_foto {margin:0 0px 0 0px;}
.texto_foto p {margin:5px;}

/* noticias*/
#noticias_detalles_date{font:10px arial;}
#noticias_detalles{width:70%}
#noticias_detalles a{color:#BE51CC; font-weight:bold; text-decoration:none;font-size:11px;}
#noticias_title{}
#noticias_title a{color:#BE51CC; font-weight:bold; text-decoration:none;font-size:14px;}

/* foto y texto*/
.foto_textoDos {margin-top:20px; float:left;}

/* foto */
.foto_left {float:left; border:1px solid #BE51CC; padding:1px; margin:10px 10px 10px 0;}
.foto_center{border:1px solid #BE51CC; padding:1px;	margin-left: auto;	margin-right: auto; display: block;}
.foto_left_min {float:left;padding:1px; margin:5px 10px 10px 0;}


/* listas */
ul.lista li { list-style:none outside url('../imagenes/common/flecha.gif'); padding-bottom:10px;}
ul.lista_noticias li {float:left;width:100%;list-style:none outside url('../imagenes/common/flecha.gif'); padding:6px;border-bottom:1px solid #E5E5E5;}


/* enlaces */
a {color:#BE51CC; font-weight:bold; text-decoration:none;}

/* tablon */
table#tab { margin:0 150px 50px 0; width:80%;}
table#tab td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#tab td.tab_title {border-bottom:1px solid #333333; background-color:#BE51CC; color:#ffffff; font:bold 12px georgia; padding:4px 15px}

table#tab_portada { margin:0 150px 50px 0; width:80%;border:1px solid #333333;}
table#tab_portada td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#tab_portada td.tab_title {border-bottom:1px solid #333333; background-color:#800080; color:#ffffff; font:bold 14px georgia; padding:6px 17px}
/* directorio */
table#dir { margin-bottom:50px;}
table#dir td {padding-left:10px}
table#dir td.dir_title {border-bottom:1px solid #cccccc; color:#BE51CC; font:bold 12px georgia}

/* boletin */
#siete, #ocho, #nueve, #cero, #diez {visibility:hidden; position:absolute; top:30px; font:bold 12px verdana; background:url('../imagenes/common/flecha.gif') no-repeat left center; padding-left:10px; margin-left:10px;}
#fechas { position:relative; height:70px; }
#fecha {cursor:hand; cursor:pointer;font:bold 14px verdana; background:url('../imagenes/common/flecha.gif') no-repeat left center; padding-left:10px}
table#boletin { margin:0 150px 50px 0; width:80%;}
table#boletin td.revista {padding-top:0; width: 20%}
table#boletin td.numero {padding-top:10px; width: 10%}
table#boletin td.articulo {padding-top:10px; width: 70%}
table#boletin td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#boletin td.tab_title {border-bottom:1px solid #333333; background-color:#BE51CC; color:#ffffff; font:bold 12px georgia; padding:4px 15px; height:30px}

/* preguntas y respuestas */
table#pregunta { margin:0px; width:80%;}
table#pregunta td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#pregunta td.tab_title {border-bottom:1px solid #333333; background-color:#BE51CC; color:#ffffff; font:bold 12px georgia; padding:4px 15px}

/* menu */
#menu {margin-right:0; }
.menu a {background-color:#333333; color:#cccccc; border-top:1px solid #cccccc; font:bold 12px arial; width:165px; display:block; text-decoration:none; padding:3px 0}

/* menu desplegable */
.arrowlistmenu{
width: 165px; /*width of accordion menu*/
}

.arrowlistmenu { /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
margin-bottom: 50px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.menuheader {background-color:#333333; color:#cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font: bold 12px Arial; width:165px; display:block; text-decoration:none; padding:3px 0 3px 10px;cursor: hand;
cursor: pointer; margin:0;}

.menuheader_cero a {background-color:#333333; color:#cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font: bold 12px Arial; width:165px; display:block; text-decoration:none; padding:3px 0 3px 10px;cursor: hand;
cursor: pointer; margin:0;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color: #BE51CC;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
width:175px;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333333;
background-color: #CAB4CD; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font: bold 12px Arial;
border-bottom: 1px solid #cccccc;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #333333;
background-color: #cccccc;
}

h3 {margin:0;}


.msg-success {
	color: #BE51CC;
	font: bold 14px Arial;
}

.msg-error {
	color: #FF0000;
	font: bold 14px Arial;
}

.form-button {
	background:#b181C1;
	#border-color: #999999;
	#border-style: solid;
	#border-width: 2px;
}

#menuOn {background-color:#BE51CC; color:#E9E9E9;}