body {	background:url(../images/background.jpg) repeat-x #6bc7e6; color:#666666;	
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 62.5%; margin: 25px 0;
text-align: center; }
body.admin, body.nobg, body.mceContentBody{	background:none; background-color: #fff;	}

body.verArchivo {margin:5px;font-size: 0.7em}
body.verArchivo div#imagen {float:left; min-width:640px;}
body.verArchivo div.datos span.resalta { color: #000;}
body.verArchivo div#comentarios {float:left;text-align: left; width:247px; }
body.verArchivo #formComentarios {margin: 0 auto ;  /*label.left width + input.large width + ...*/}



body.mceContentBody { font-size:0.7em; text-align:left; margin:2px;}

/*********************************************************************/
/*PARA LAS ETAPAS*/
.verde {
color:green;
}
.azul {
color:blue;
}
.morado { color: #996699; }


/*********************************************************************/

table { font-family: Arial, Helvetica, sans-serif; }
table.animadores {text-align:left; width: 60%}
table.mantenimiento { padding: 10px; background-color:#FFFFFF; font-size: 1.4em}
th { background-color: #2050A0; color: white; text-align: left; padding: 2px;}
table.caja, div.caja, .bordes { border: 1px solid #2050A0; border-collapse:collapse; }
h1.bg {background-color: #2050A0; text-align:center; color: white; padding:0}
td.caja {  border: 1px solid #2050A0; }
tr.odd { background-color:#eaeff5;}
a { color: #2050A0; text-decoration: none}
a:hover {text-decoration: underline}
p.texto { text-align: justify;}
.noborder { border: none; }
div.linea {border-top: 1px dashed #2050A0; margin: 0 15%;}
div.centro {text-align:center}
.textocentrado {text-align:center}
.centrado {margin-left:auto; margin-right:auto;}
/*********************************************************************/
#contenedor{ margin: auto;	text-align: left;	width: 960px; font-size: 1.1em } 
#pagina_menu{ background: url(../images/pagina_menu_bg.png) no-repeat top right; height: 125px; /*=pagina_menu_bg.png*/ }
#pagina_menu_admin{ background: url(../images/pagina_menu_bg.png) no-repeat top right; height: 125px; /*=pagina_menu_bg.png*/ }
#pagina_menu a, #pagina_menu_admin a { color: #fff; font-weight:bold; text-decoration:none; font-size:1.2em }
#pagina_menu #logo {border:0 none;float:left;margin:-20px;vertical-align:middle;}
#pagina_menu #menu {padding-left: 150px;}
#pagina_menu div.elemento { float:left; text-align:center; padding:  8px 10px; top: 62px; position:relative; }
#pagina_menu div.elemento img { width: 36px}
#pagina_menu div.mail { float:right; padding-right: 35px;}
#pagina_cuerpo{	clear: both; background: #FFF; border: 1px solid #556b05;}
#cuerpo_menu{ float:right; 	padding: 10px;	width: 260px; background: url(../images/cuerpo_menu_border.gif) top left no-repeat;}
#cuerpo_menu h1 { background:url(../images/cuerpo_menu_h1_bg.png); height: 20px; margin-bottom: 5px; font-size: 1.4em;}
#cuerpo_menu ul { margin: 0; padding-left: 15px; list-style: none;}
#cuerpo_menu li { padding: 1px 0 1px 12px; background-image: url(../images/iconos/li.gif); background-repeat: no-repeat; background-position: 0 .5em}
#cuerpo_menu div.imagenes, #cuerpo_menu #contador, #cuerpo_menu #creditos { text-align:center;}
#cuerpo_contenido {  margin-right: 280px;	padding: 10px; width:660px; }
#cuerpo_contenido.anchototal {width:937px !important;}
#cuerpo_contenido_admin {padding: 10px; }
#cuerpo_contenido li { line-height: 20px; }
#pagina_pie{ color: #fff;  background: url(../images/pagina_pie_bg.png) no-repeat bottom right; height: 125px; /*=pagina_pie_bg.png*/ }
#pagina_pie div{ text-align:center; padding-top: 105px}
#pagina_pie div span {margin: 0 15px;}
#pagina_pie div a {color: #fff; text-decoration: none; font-weight: bold;}
/*********************************************************************/
h1 {color: #2050A0;	font-size: 1.8em; font-weight: bold; margin:0 }
h2 { color: #666;  font-size: 1.6em; margin:0; padding: 12px 5px 0 5px; }
h2 img {margin-right: 10px;}
h3 { color: #666; font-size: 1.4em; margin:0; padding: 0 8px 0 8px;; }

h4 { color: #2050A0; font-size: 1.2em; font-weight: 700; text-align:center;}
div.superTitulo  { color: #2050A0; text-align: center; font-weight: bold; font-size: 1.5em; font-family: "Comic Sans MS" }

div#noticias {margin: 20px 0;}
div#noticias div.cabecera {  padding: 5px; background-color: #61b3cf}
div#noticias div.cabecera h1 {font-size: 2em}
div#noticias div.cabecera h1 a {color:white;}
div#noticias div.titulo { padding-bottom: 5px; }  
div#noticias div.fechalugar { color:#666; padding: 2px 6px; font-weight:700}
div#noticias div.fechalugar span {padding-right: 18px; }
div#noticias div.galeria {color: #666; padding: 2px 6px; font-weight:700}
div#noticias div.galeria span { padding-right: 18px;}
div#noticias div.datos { color: #666; padding: 2px 6px; font-weight:700 }
div#noticias div.datos span.resalta { color: #000;}
div#noticias div.datos a {color:white;}
div#noticias div.imagencategoria { float: right; padding: 5px;  }
div#noticias div.imagen {  text-align: center;  margin: 5px 5%; }
div#noticias div.imagen p { text-align: center;  margin-top:0; }
div#noticias div.resumen {	padding:4px; margin: 5px 15px 5px 15px;}
div#noticias div.url {	margin-top:10px; padding: 6px; font-size:1.2em; font-weight: 700;}
div#noticias div.cuerpo {	padding:4px; margin: 20px 0 20px 0; }
div#noticias div.paginas { text-align: center; }
div#noticias div.paginas a.paginas { font-size: 12px; }
div#noticias div.separador {text-align:center; margin: 30px 0;}

div#comentarios { border-top: 1px  dashed #666;}
div#comentarios.noborder { border: 0;}
div#comentarios h2 a { font-size: 0.9em; margin-left: 10px; font-weight: normal; }
div#comentarios div.datos {padding: 5px; }
div#comentarios div.datos, #comentarios div.datos a { font-weight: bold; color:#996699 }
div#comentarios div.comentario { padding: 0 10px 10px 10px; margin-bottom: 5px; }
div#comentarios div.titulo { padding-top: 10px; font-size: 1.1em; font-weight: 700; }

#librovisitas { }
#librovisitas #paginacion { text-align: center; margin: 5px;}
#librovisitas h2 a, #librovisitas h2 span { font-size: 1.1em; margin-left: 10px; font-weight: normal; }
#librovisitas div.datos {padding: 5px; }
#librovisitas div.datos, #librovisitas div.datos a { font-weight: bold; color:#996699 }
#librovisitas div.texto { padding: 0 10px 10px 10px; margin-bottom: 5px; }

div.datos_admin, div.datos_admin_noAprobado { margin-top: 10px; border-top: 1px dashed #666;}
div.datos_admin_noAprobado { text-decoration:line-through;}
/*********************************************************************/
table.recuerdas {width: 80%}
table.recuerdas td {padding: 6px;}
table.recuerdas td.archivoprincipal {text-align:center;width:1%}
table.recuerdas td.archivoprincipal img {height:100px;max-width:133px}
table.recuerdas td a.presentacion {padding: 4px;}
table.recuerdas td div.datos { padding:4px;}

ul.galeria { padding: 10px; margin:0}
ul.galeria>li {float: left}
ul.galeria li { display:inline;	width:295px; height: 250px; background-color:#f5f7f9; padding:5px; margin:5px; 
		text-align: center; border-right: #a5a7aa solid 1px; border-bottom: #a5a7aa solid 1px;} 
ul.galeria li img.foto { height: 165px; cursor: pointer; }
ul.galeria li img.marcaAgua { position: absolute; height: 16px; margin: 2px; }
ul.galeria li span {  }
/*********************************************************************/
img { border: 0px; vertical-align: middle; }
img.noSelec { cursor: pointer; border: 1px solid #FFF;}
img.selec { border: 1px solid #666666;}

input, textarea, select { color:#666666;	font-family: "Trebuchet MS", Arial, Helvetiva, sans-serif;margin:0;font-size:1em;}
input {}
input[type="file"] {}
input[type="checkbox"] {margin:4px 0 0 0;}
select {}

textarea {font-size: 1em;}
textarea.comentario { width: 220px;}
/*********************************************************************/
.obligatorio { color: red; font-weight: bold;}
fieldset legend { color: #666666; font-size: 1.1em;	font-weight: bold;	padding: 7px 5px 10px 5px; }
fieldset div.help{border:solid 1px #2050A0; float:right;width:390px}
fieldset div.public {margin-top: 30px; width:100%}
fieldset div.help h5{background-color:#2050A0;color:#FFF;font-size: 1.1em;padding:2px;margin:0px}
fieldset div.help div{padding:2px;}

div.large{margin-left:135px;/* = a width de label.left */width:305px/* = input.large */;}


/*fieldset div a { line-height: 25px;} OJO*/
div.buttons {	text-align: center; clear: both; margin-top:15px;}

fieldset div { margin: 2px;}
fieldset div.separador {border-top:1px  dotted #666; margin-left:80px; width: 470px;}
fieldset div label.left {	float: left; margin: 4px 5px 0 0;	text-align: right;	width: 130px; }

fieldset div.center { text-align:center }
fieldset div label.right { text-align: right }
fieldset div input.middle, select.middle {	width: 150px; }
fieldset div input.large, fieldset div textarea.large{	width: 305px;}
fieldset div input.extralarge, fieldset div textarea.extralarge{	width: 355px;}

fieldset div select.large  {	width: 309px;}
fieldset div select.extralarge  {	width: 359px;}
fieldset div input.dosNum {	width: 20px; }
fieldset div input.cuatroNum {	width: 32px; }
/**/
div.addlink{float:right; padding:1px}
div.intro {float: left; padding-left: 4px;}
div.filter{clear: left; padding:14px 4px}
div.filter div.title{font-size:1.1em;font-weight:700}
div.filter div.options{padding: 0 0 4px 6px;}
table.edit{border-collapse:collapse;width:100%; margin-bottom: 15px;}
table.edit th{text-align: center}
table.edit td{/*border-bottom:solid 1px #2050A0;*/height:16px;padding:2px}
table.edit td.noborder{border: none;}
table.edit td.footer{border-bottom:0;border-right:0;border-left:0;border-top:solid 2px #2050A0;font-weight:700}
table.edit td.pagination {text-align: center; border: 0;padding: 10px;background-color: #fff;}
table.edit div.miniatura {float:left; margin: 12px 5px;}
table.edit div.miniatura img {height:50px;}
table.edit div.miniminiatura {}
table.edit div.miniminiatura img {height:35px;}
table.edit div#comentarios {float:left;}
/**/
#librovisitas div.buttons, #comentarios div.buttons {margin-bottom: 25px;}
/**/
div.VerificacionFormulario {text-align:center; margin-top:5px;}

.mensajeinfo, .mensajecorrecto, .mensajeadvertencia, .mensajeerror, .mensajevalidacion {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.mensajeinfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/iconos/32_info.png');
}
.mensajecorrecto {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/iconos/32_correcto.png');
}
.mensajeadvertencia {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/iconos/32_advertencia.png');
}
.mensajeerror {
		text-align:center;
		font-size: 12px;
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('../images/iconos/32_error.png');*/
}
.mensajevalidacion {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('validacion.png');
}

#encuestas {margin: 5px 0 20px 0; border: 1px solid #a4467a; padding: 2px; background:url(../images/encuestas.gif) center bottom no-repeat; font-weight: 700;}
#noticias #encuestas {margin: 0 25% ;}
#encuestas ul { list-style: none;}
#encuestas li { padding: 1px 0 1px 12px; background-image: url(../images/iconos/li.gif); background-repeat: no-repeat; background-position: 0 .5em}
#encuestas h3 { text-align:center;color: #a4467a; background: none;}
#encuestas div.explicacion {text-align:center; font-size:0.9em}
#encuestas div.enlaceResultados {text-align:center;font-size:0.9em}
#encuestas table.resultados {border-collapse:collapse;}
#encuestas table.resultados td {padding: 5px 10px; font-size:1.1em;}
#encuestas table.resultados td.total { border-top: 1px solid #a4467a}
div.grafico {padding:3px; background-color: #2050A0; color: #fff;}
/*******************************************************************************************/
/*.button {border: 1px red solid}*/
