html,body{margin:0;padding:0}
body{
	text-align:center;
	background:#DDD;
}
div#container{text-align:left}
div#footer{
	clear:both;
}
div#footer p{padding:10px;margin-bottom:5px;padding-top:0px; padding-bottom:0px;}
div#container{width:940px;margin:0 auto;background-color:#FFF;border:25px solid #FFF;border-top:none;}
div#wrapper{float:left;width:100%;background-color:#FFF;}
div#content{margin: 0 200px;background-color:#FFF;}
div#extra{
	float:left;
	width:200px;
	margin-left:-200px;
	background: #FFF url(../Imagenes/bgextra.gif) repeat-y left top;
	padding-bottom:60px;
	

}

div#extra p{
	margin-bottom:5px;
}
div#footer{clear:left;width:100%}

.tablacontenidos td{border:1px solid #CCC;}

h5{
	padding:3px;
	background-color:#EEE;
	color:#555;
	font: bold 15px Arial, Helvetica, sans-serif, serif;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
}

.form_google{
	margin-top:10px;
}
.input_google{
	width:200px;
	height:19px;
	border:1px solid #DDD;
	font: 11px Arial, Helvetica, sans-serif, serif;
}
.buscar_google{
	width:60px;
	height:26px;
	margin-top:2px;
	background: url(../Imagenes/buscar_google.gif) no-repeat;
	border:none;
}

#alerta_omic{
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3300;	
	padding:5px;
	background-color:#FCF0EF;
	padding-left:10px;
	border-left:10px solid #db5f5f;
}
#alerta_omic p{margin:0px;}

/*-------------------------------------------
PAGINA
--------------------------------------------*/
.cab_omic img{display:block;}
.comandos_edicion{margin-top:15px;margin-bottom:15px;padding:4px;border:1px solid #CCC; background-color:#F2F2F2;}
	.comandos_edicion img{margin-right:10px;vertical-align:middle;}

.acciones img{display:inline;padding-right:3px;cursor:pointer;}

#pagina, #pagina td{
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
}
#pagina{padding-bottom:200px;padding-top:20px;}
#pagina a{color:#597f01;text-decoration:none;}
	#pagina a:hover{color:#333;text-decoration:none;}
#pagina .acciones a{text-decoration:none;}
#pagina h4{
	font: bold 12px/18px Arial, Helvetica, sans-serif, serif;
	color:#525252;
	border-bottom:1px dotted #CCC;
	padding:4px;
	padding-left:0px;
	margin-bottom:5px;
	margin-top:35px;
}

.titulos_pagina{
	color:#FFF;
	font: bold 15px Arial, Helvetica, sans-serif, serif;
	width:100%;
	padding:2px;
	text-indent:7px;
	margin:0px;
}


/*-------------------------------------------
NOTICIAS
--------------------------------------------*/
.noticiasyagenda {
	margin-top:10px;
	border-bottom: #A163A1 1px dotted;
}
.noticiasyagenda table{margin-top:0px;}
.noticiasyagenda td{padding-left:0px;
padding-right:0px;}
.noticiasyagenda img{border:1px solid #999999;margin-right:20px;}
.noticiasyagenda td .titulo_noticia a{
	display:block;
	font: bold 13px Arial, Helvetica, sans-serif, serif;
	color: #6178a2;
	line-height:18px;
}
.fecha_noticia{
	display:block;
	font: 11px Arial, Helvetica, sans-serif, serif;
	color: #98737f;	
	margin-bottom:5px;
}
.corto_noticia{
	font: 11px Arial, Helvetica, sans-serif, serif;
	color: #545454;
	padding-bottom:10px;
}
.noticiasyagenda td .masinfo{
	border:none;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
}
/*-------------------------------------------
LISTADOS
--------------------------------------------*/
#pagina ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:10px;
}
#pagina ul li{
	margin-bottom:7px;
	padding-bottom:0px;
	background: url(../Imagenes/li2.gif) no-repeat 0px 2px;
	padding-left:16px;
}
#pagina ul li br{display:none;}	
#pagina ul li ol{margin-top:10px;}
#pagina ul li ol li{background:none;padding-left:0px;}
#pagina ul li ul li{
	background: url(../Imagenes/li.png) no-repeat 0px 2px;
}
/*-------------------------------------------
HEADER SUPERIOR
--------------------------------------------*/
#header{
	width:940px;margin:0 auto;
	border-left:25px solid #FFF;
	border-right:25px solid #FFF;
	background:#FFF;
}
.logo_centros{display:block;float:left;text-align:left;width:340px;margin-left:10px;}
.menu_horizontal{display:block;padding-top:10px; padding-top:10px;clear:both;}
.menu_horizontal img{margin-right:2px;}

/*-------------------------------------------
HEADER INFERIOR
--------------------------------------------*/

.bgheadizq{
	background: url(../Imagenes/bg_head_izq.gif) no-repeat;
	padding-top:15px;
}
.bgheader{
	background: url(../Imagenes/bg_head_der.gif);
}
.fecha_larga{
	font: 11px Arial, Helvetica, sans-serif, serif;
	padding-bottom:2px;
	color: #FFFFFF;
	padding-left:11px;
}
.header_derecha{display:block;float:left;text-align:right;width:590px;}
/*-------------------------------------------
NAVIGATION
--------------------------------------------*/
div#navigation{
	float:left;
	width:200px;
	margin-left:-940px;
	background: #FFF url(../Imagenes/bgnavigation.gif) repeat-y right top;
	padding-bottom:60px;
}
.menu_head, .menu_head_sinhijos {
	border-bottom:1px solid #d5d5d5;
	font: bold 13px "Trebuchet MS", Arial, sans-serif;
	color: #666;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	margin:0px;
		background: url(../Imagenes/bgmenubody.gif) repeat-y right top;	
}
.menu_head_sinhijos a{
	font: bold 13px "Trebuchet MS", Arial, sans-serif;
	letter-spacing:0px;
	color: #666;
	text-decoration:none;
}
.menu_body{

}

.menu_body a{
	display:block;
	text-indent:7px;
	padding:3px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #cecec8;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #597f01;
	text-decoration:none;
	background: url(../Imagenes/arrow_menubody.gif) no-repeat 12px 10px;
	padding-left:13px;
}
.bgheadizq .menu_body{background:none;}
.bgheadizq .menu_body a{border-bottom:none;background: url(../Imagenes/arrow_menubody.gif) no-repeat 12px 7px;padding-top:2px;padding-bottom:2px;}

/*-------------------------------------------
TIEMPO
--------------------------------------------*/
#tiempo{
	font: 11px Arial, Helvetica, sans-serif, serif;
	color: #777;
	padding:0px;
}
#tiempo h5{
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #777;
	margin:0px;
	padding:0px;
}
#tiempo img{
	display:block;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	margin-bottom:10px;
}

/*-------------------------------------------
ENCUESTA
--------------------------------------------*/
#divencuesta{
	font: 11px Arial, Helvetica, sans-serif, serif;
	color: #777;
	padding:10px;
}
#divencuesta h5{
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #777;
	margin:0px;
	margin-bottom:0px;
	padding:0px;

}
#divencuesta td {font: 11px Arial, Helvetica, sans-serif, serif;border-bottom:1px solid #E4E4E4;}
.alert_encuesta{
	background-color:#f7eef1;
	color:#CC0000;
	border:1px solid #dfbcc6;
	padding-left:10px;
	font-weight:bold;
}

/*-------------------------------------------------------------
LISTADOS
----------------------------------------------------------------
*/
.listados {
	display:block;
	margin-bottom:10px;
	width: 100%; /*Ancho del formulario*/
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border:1px solid #CCC;
	background-color: #f1f1f1;
	line-height:15px;
}
.listados td{padding:5px;}
.thumb {border:1px solid #CCC;} 
.fecha {font-size:9px; color:#999;}

/*-------------------------------------------------------------
FORMULARIOS
----------------------------------------------------------------
*/
.invisible{display:none;}
.obligatorio {
	color:#fb9926;
	font: 16px "Trebuchet MS", Arial, sans-serif;
}
form.cmxform {
	width: 100%; /*Ancho del formulario*/
	color: #444444;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border:1px solid #BBB;
	background-color: #eaeaea;
	padding:0px;
	margin:0px;
}
p {margin-bottom:15px; margin-top:5px;}
form.cmxform p {margin:10px;border-bottom:1px dotted #ccd5dd;}
form.cmxform label {
	float: left;
	width: 160px; /*Ancho de la primera columna*/
}
form.cmxform fieldset {
	border: none;
	margin:0px;
	padding:0px;
	background-color: #f1f1f1;
}
form.cmxform fieldset fieldset {
	background: none;
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 7px 7px 7px;
	background: url(../Imagenes/divisor.gif) left top repeat-x;
}
 
.indicacionform {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}
/* ELEMENTOS INPUT, TEXTAREA, SELECT,... */
textarea, input  {border: 1px solid #c3cadc;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;padding:5px;}
select {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
textarea:focus, input:focus{ border:1px solid #89b21b; }
input.error { border: 1px solid #ffa17f; }
label {padding:6px;font-weight:bold;color:#666;}
/* BOTONES*/
form .submit {
	width:68px;
	height:25px;
	border:none;
	background: url(../Imagenes/Submit.gif) no-repeat;
}
form .grabar { 
	margin-top:20px;
	width:59px;
	vertical-align:bottom;
	height:25px;
	background-image:url(../Imagenes/Grabar.gif);
	border:none;
	cursor:pointer;
}
form .recortar {
	width:106px;
	vertical-align:bottom;
	height:27px;
	border:none;
	cursor:pointer;
	background: url(../Imagenes/RecortarImagen.gif) no-repeat;
}

form .imagen { 
	display:block;
	margin-top:10px;
	width:53px;
	height:27px;
	background-image:url(../Imagenes/EnviarImagen.gif);
	border:none;
}

/* CONTEO TOTAL DE ERRORES*/
#warning {
	margin:15px;
	padding:7px;
	text-indent:15px;
	border:1px solid #b8c4e6;
	background: #e6eaf5 url(../Imagenes/fracaso.gif) no-repeat 3px center;
	color:#336699;
	padding-left:20px;
}
#warning {
	display:none;
}
/* ETIQUETAS DE ERROR Y OK A NIVEL DE ELEMENTO*/
em.error {
	display:inline;
	margin-left:5px;
	text-align:left;
	height:10px;
	background:url(../Imagenes/error.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #ff5432;
}
em.success {
	display:block;
	height:10px;
	background:url(../Imagenes/ok.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
}

#FormAcceso input,.form_google input{
	padding:3px;
	font:10px Arial, Helvetica, sans-serif, serif;
	background-color:#f3f3f3;
	border:1px solid #DDD;
}
#FormAcceso{
	font:10px Arial, Helvetica, sans-serif, serif;
	color:#8e8e8e;
	width:240px;
	float:right;
	padding-top:17px;
}

/*-------------------------------------------------------------
SHORTCUTS
----------------------------------------------------------------
*/
.shortcuts{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
.shortcuts img{vertical-align:middle;}
.shortcuts input{
	margin-top:4px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height:14px;line-height:14px;
}
.advertencia{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;	
}

/***********************************
			CALENDARIO
***********************************/
.evento a{
	color: #597f01 !important;
}
