*{ font-family:arial, verdana, sans-serif; /*font-weight:bold;*/}
body{ font-size:13px }

#flash{width:990px; margin:auto}
#content{width:990px; margin:auto}
.nomb_foto{ font-size:11px}
/*div izquiero*/
#mod_izq{ width:200px; float:left; margin-right:10px}
	#botones{ text-align:left; font-size:12px; color:white; clear:both;}
		#botones a{color:white}
		#botones .top{width:200px; height:35px; background:url(../images/top_botones.png)}
		#botones .centro{width:200px; background:url(../images/bg_px.png)}
		#botones .bottom{width:200px; height:25px; background:url(../images/bottom1.png)}
	#suscripcion{clear:both;}
		#suscripcion .top{ width:200px; height:35px; background:url(../images/top_suscripcion.png);}
		#suscripcion .centro{ width:200px; background:url(../images/centro2.png) repeat-y; }
		#suscripcion .bottom{ width:200px; height:25px; background:url(../images/bottom2.png)}
	#traductor{ clear:both}
		#traductor .top{width:200px; height:35px; background:url(../images/top_botones.png)}
		#traductor .centro{ width:200px; background:url(../images/centro2.png) repeat-y;}
		#traductor .bottom{width:200px; height:25px; background:url(../images/bottom3.png)}
/*div de arriba*/
#mod_arriba{width:770px; float:right; /*border:1px red solid*/; text-align:center }
/*div central*/
#mod_centro{ width:460px; float:left; }
	#actualizaciones{}
		#actualizaciones .top{ width:460px; height:25px; background:url(../images/top_actualizaciones2.png);}
		#actualizaciones .centro{ width:460px; background:url(../images/centro4.png) repeat-y;}
		#actualizaciones .bottom{ width:460px; height:25px; background:url(../images/bottom4.png)}
	#comunicados{clear:both}
		#comunicados .top{ width:460px; height:35px; background:url(../images/top_comunicados.png);}
		#comunicados .centro{ width:460px; background:url(../images/centro4.png) repeat-y;}
		#comunicados .bottom{ width:460px; height:25px; background:url(../images/bottom4.png)}
	#colabora_btn{clear:both; margin-top:10px}	

/*div derecho*/	
#mod_dcho{ width:300px; float:right;}
	#tv{}
		#tv .top{ width:300px; height:25px; background:url(../images/top_tv.png);}
		#tv .centro{ width:300px; background:url(../images/centro5.png) repeat-y;}
		#tv .bottom{ width:300px; height:25px; background:url(../images/bottom5.png)}
	#encuesta{ clear:both}
		#encuesta .top{ width:300px; height:35px; background:url(../images/top_encuesta.png);}
		#encuesta .centro{ width:300px; background:url(../images/centro5.png) repeat-y;}
		#encuesta .bottom{ width:300px; height:25px; background:url(../images/bottom5.png)}
	#facebook{clear:both; margin-top:10px}	

/*div derecho de todas las paginas menos el index, es donde va el desarrollo de las paginas*/
#cuerpo{width:770px; float:right;/*border:1px blue solid*/}

/*pagina camadas*/
#camadas{	float: left; width: 200px; left:0px; margin-right:20px}
#camadas a{	padding: 3px 1px;display: block;width: 100%;	text-decoration: none;	border-bottom: 3px double #8c5589;	color: #606;}
#camadas a:hover{	background: url(../imagenes/bg_morado.gif);	color: #fff;}
#contenidos{	float:left;	width:550px;	right:0px;}
/*--/pagina camadas--*/

/*pagina descargas*/
.desc td{ height:25px; width:130px}
/*--/pagina descargas--*/	
img {border: 0;}

a {text-decoration: none;}
 
hr{ border-top:#8c5589 double 4px; width:50%}

#content h1{color:#8c5589}

.sangria{ text-indent:30px}
.borde1{ border-bottom:double #317db1 medium}
.marco{	position: absolute;	z-index: 10;}
/*colores textos*/
.azul{ color:#2f76a8}
.morado{color:#8c5589}
.content h3, h2{color:#8c5589}
.blanco{color:white}

/*bg*/
.bgazul{ background-color:#3990cd}
.bgmorado{background-color:#8c5589}

/*alineacion de textos*/
.right{ text-align:right}
.centrado{ text-align:center}
.justificado { text-align:justify}
.izq{ text-align:left}

/*tamaño letra*/
.small{ font-size:70%}
.medium{ font-size:85%}
.title_avance{font-weight:bold; color:#8c5589}

/*pag junta_dir*/
.junta_dir blockquote{ font-style:italic; text-align:center; color:#317db1}
/*--/junta directiva--*/
.junta2 h4{ color:#8c5589}
.junta2 p{ color:#317db1}


/*calendarios*/

.calendario table{ border:0; width:160px; margin:auto}
.calendario td.titulo{text-align:center;color:#8c5589;}
.calendario a{ text-decoration:none}
.calendario td{ font-weight:bold}
.calendario a img{ width:12px; border:0}
.calendario h3{ }
.calendario p{ font-size:80%}
.azul_claro{background:#c3def0}
.morado_claro{background:#e3b3e0}
.calendario_expos td{ height:25px; padding-left:5px}

/*formulario subida archivos*/
.inputbox, textarea{ background:#c3def0}

/*traductor*/

/*footer*/
#footer
{
	clear:both;
	/*width:990px;
	height: 39px;*/
	margin:10px auto 0 auto;
	font-size: 10px;
	color: #1a6e8e;
	text-align: center;
	border:2px double #1a6e8e;
}

#footer a
{
color: #1a6e8e;
font-size: 10px;
text-decoration: none;
}

/**/
.instant{border: 4px double #8c5589}
.fecha_noti{color:red; font-size:75%; text-align:right}


/*caja encuesta*/

.tusencuestas_encuesta
{
    /* Define aquí los estilos de la encuesta en general */
    /* Por ejemplo, dale un color de fondo:
    background-color: #f2f2f2;
    */
}

.tusencuestas_pregunta
{
    /* Define aquí el estilo de la pregunta */
    /* Por ejemplo, haz que el título de la encuesta (la pregunta) esté en negrita
    font-weight: bold;
    */
}   

.tusencuestas_respuestas
{
    /* Define aquí el estilo de las respuestas */
    /* Por ejemplo, haz que las respuestas estén en azul:
    color: blue;
    */
} 
.tusencuestas_myBar{/*Define las propiedades generales de todas las barras. Las más típicas son el color de fondo y el borde*//*background-color: Yellow; border: solid 1px black*/;}
.tusencuestas_myBar_1{    background: url(../imagenes/images_encuestas/red_white_2.gif);   }
.tusencuestas_myBar_2{    background: url(../imagenes/images_encuestas/silver.gif);   }
.tusencuestas_myBar_3{    background: url(../imagenes/images_encuestas/gold.gif);  }
.tusencuestas_myBar_4{    background:green;   }
.tusencuestas_myBar_5{    background:black;   }
.tusencuestas_inferior{    font-size: 10px;    color: Blue;    text-align: center;}

a.tusencuestas_inferior
{
    /* También referido a la parte inferior, pero en particular a los enlaces*/
    /* Por ejemplo:
    color: red;
    */
}

input.tusencuestas_inferior
{
    /* También referido a la parte inferior, pero en particular al botón de votar */
    /* Por ejemplo:
    font-family: verdana,tahoma,sans-serif;
    font-size: 10px;    
    color:black;
    text-decoration:normal; 
    border: 1px groove black;
    */
}

/*--TOOTIP--*/
#dhtmltooltip{position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: #FFFFE0; visibility: hidden; z-index: 500; font-size:10px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }
/*--/TOOLTIP--*/