< /* Documento CSS preparado por MARIO CARVAJAL



Version 1.0.2 (16 de febrero de 2007) para Colnodo

Hoja de estilos optimizada

Validado sin errores en http://jigsaw.w3.org/css-validator */



						/* ETIQUETAS GENERALES */



* {

	margin: 0;

	padding: 0;

	font: 12px/150% Arial, Helvetica, sans-serif;

}





body {

	/*color: #000;*/

	background-color: #000;

	background-image: url(../graficas1/bg.jpg);

	}



a {

	font-family: "Arial", Helvetica, sans-serif;

	border-bottom-color: #3177AC;

	color: #3177AC;

	font-size: 11px;

	font-weight: bold;

}



a:hover {

	color:  #3177AC; /*color de la fuente en sobre*/

	border-bottom-color: #3177AC;

}



a img {

	border-bottom-width: 0;

}



ul {

	margin-left: 25px;

}





#esconde{

	display:none;

}





/*-----------------------**************** Formato imagenes **************--------------------------------------*/





.imagen_izq{



	border: none;

	float: left;

	margin: 0px 10px 3px 0px;



}





.imagen_der{
	width:315px;
	Height:230px;
	float: right;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding: 5px;
	border: 1px solid #C3CDD6;
}

.imagen_reducida{
	width: 136px;
	Height:100px;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	border: 1px solid #C3CDD6;
}







.imagen{



        border: none;

		margin: 0px 0px 0px 0px;



}







/*------------------------------------------ ESQUEMA DE MAQUETACION -------------------------------------------------*/



#contenedor {



	width: 1024px;   /*ancho de contenedor anterior 760*/

    margin: 0 auto;

	background-color: #C1CBD4;



}







#encabezado {



	margin-bottom: 0;

	padding: 0;



}



#menu-principal {



	height: 44px;

	float: left;

	width: 750px;

	position: relative;

	top: 0px;

	display: inline;

    background-color: #C1CBD4;	/*background:#0000FF*/	

}  





#menu-secundario {

	clear: left;

	float: left;

	width: 960px;

	color: #fff;

	height: 50px;

	background-color: #c3cdd6;

	/* ----------------background-image: url(../graficas1/topicsbg.gif); */

	background-repeat: repeat-x;

	background-position: left bottom;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 0px;

	

}  /*imagen de fondo del menu anterior #000099 url(../graficas1/fondo_menu_horizontal.gif)  no-repeat left top*/





#menu-secundario div{

	float: left;

	width: 230px;

	padding: 0 5px 0 5px;

 	}	



#menu-secundario a {

	color: #FFF; /*color #630*/

	border-width: 0;

}



#menu-secundario a:hover {

	color: #CF6;

}



#columna-izquierda {

	float: left;

	width: 670px;

	margin-left: 5px;

	display: inline;

	clear: both;

 }



/*--------------------------------CONTENIDO----------------------------------*/



#contenido {  /*contenido del centro*/



	float: left;

	width: 694px;

	background-color: #C1CBD4;	

	padding-right: 0px;

	padding-left: 0px;	



	}



#contenido h1 a{

	font-family: "Arial", Helvetica, sans-serif;

	color:#3177AC;

	font-weight: bold;

	text-align: right;

	font-size: 10px;

	color:#3177AC;

}



#contenido h2 {

	font-family: "Arial", Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

}



#contenido h3 {

	margin-top: 5px;

	margin-bottom: 5px;

	color: #000;	/*border-bottom: 1px dotted #000; /* linea de parrafo */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;	

	font-weight: bold;

}



#contenido h3 a {  /*texto de el titulo del contenido*/

	border-width: 0;

	color:#3177AC;

	font-weight: bold;

	font-size: 18px;

	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 20px;

	text-decoration: none;

}



#contenido h4 a{

	font-family: "Arial", Helvetica, sans-serif;

	color:#3177AC;

	font-weight: bold;

	text-align: right;

}

#contenido h5 a {  /*texto de el titulo del contenido*/

	border-width: 0;
	color:#3177AC;
	font-weight: bold;
	font-size: 14px;
	font-family: "Arial Narrow", Times, serif;
	line-height: 1px;
}

#contenido h6 {  /*texto de la Fecha Italica*/
	color:#000;
	font-weight: bold;
	font-size: 11px;
	font-family: "Arial Narrow";
	font-style: italic;
	line-height: 20px;

}

/*-----------------FIN DE CONTENIDO---------------------------------------*/

/*------------------------------------------------------------------*/

#detalle {  

	width: 670px;

	background-color: #FFFFFF;

    padding-top: 10px;	

	padding-right: 10px;

	padding-left: 10px;

	margin-bottom: 3px;





}



#detalle h6 {  /*Fecha de titulo*/

	color:#000;

	font-weight: bold;

	font-size: 11px;

	font-family: "Arial Narrow";

	font-style: italic;

}

#detalle h4 {  /*Fecha de titulo*/

	color:#3177AC;

	font-weight: bold;

	font-size: 30px;

	font-family: "Arial Narrow";



}

#detalle h3 {  /*texto de el titulo */

	border-width: 0;

	color:#3177AC;

	font-weight: bold;

	font-size: 18px;

	font-family: Georgia, "Times New Roman", Times, serif;

    line-height: 20px;

}

#detalle h3 a {  /*texto de el titulo */

	border-width: 0;

	color:#3177AC;

	font-weight: bold;

	font-size: 18px;

	font-family: Georgia, "Times New Roman", Times, serif;

    line-height: 20px;

}

#detalle h2 { /*texto */

	font-family: "Verdana", Helvetica, sans-serif;

	font-size: 11px;

	text-align: justify;

	line-height: 17px;

	font-weight: normal;

}

#detalle h1 { /*resumen en plomo */

	color:#666;

	font-weight: bold;

	font-size: 11px;

	font-family: "Arial";

	font-style: italic;

}

/*---------------------------noticicia destacada-------------------------*/

#noticia_principal {  /*noticicia destacada*/

	/*float: left;*/



	width: 670px;

	background-color: #FFFFFF;

	padding-top: 10px;	

	padding-right: 10px;

	padding-left: 10px;

	

	margin-bottom: 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	



	}





#texto_principal {  /*texto de la noticia*/
	float: left;
	width: 320px;
	padding-right: 10px;
	}
#texto_principal h2 {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 15px;
	font-weight: normal;

}

#noticias{  /*notocias*/

	width: 692px;
	background-color: #FFFFFF;	
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom: 2px;
	margin-top: 1px;

	}

#calendario{  /*notocias*/
	width: 692px;
	background-color: #FFFFFF;	
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom: 2px;
	margin-top: 1px;
	}

#calendario h1 a{  /*texto de el titulo del contenido*/
	color:#954826;
	font-weight: bold;
	font-size: 14px;
	font-family: "Arial Narrow";
	text-decoration: none;
}

#calendario h2{  /*texto de el titulo del contenido*/

	color:#348844;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	font-family: "Georgia";

}

#calendario h3{  /*texto de el titulo del contenido*/
	color:#348844;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
	line-height: 10px;
	font-family: "Georgia";

}
#calendario h4{  /*Fecha dis naranja*/
	color:#eb8808;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Georgia";
}
#calendario h5{  /*texto de el titulo del contenido*/
	color:#348844;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	line-height: 10px;
	font-family: "Georgia";
}
#calendario h6{  /*Mes Naranja*/
	color:#eb8808;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	line-height: 0px;
	font-family: Georgia;
	font-style: normal;
}

/*----------------------------------- fin noticicia destacada----------------------*/

/*----------------------------------- Enlaces de la otras 3 noticias--------------*/

#enlaces{  /*enlaces*/

    /*float: left;*/

	width: 692px;

	padding-right: 0px;

	padding-left: 0px;

	padding-bottom:5px;

	padding-top:5px;

	margin-bottom: 2px;

	margin-top: 1px;

	background-image: url(../graficas1/motivofondo.gif);

	}







/*fondo del contenido*/



#trama{

	width: 672px;

	background-color: #ffffff;

	white-space: normal;

	background-image: url(../graficas1/motivofondo.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding: 10px;

	font-family: Arial;

	font-size: 36px;

}



/*-------------------------------ColumnaDerecha MAQUETASION------------------*/

#columna-derecha {
	float: right;
	width: 330px;
	display: inline;
    background-color: #DAEAEE;
}
#sistemas {

	 background-color: #FFFFFF;
}

#convocatorias {
	 float: right;
	 width: 310px;
	 display: inline;
	 background-color: #DAEAEE;
	 padding-bottom:10px;
	 padding-top:10px;
	 padding-left:10px;
	 padding-right:10px;
}

/*---------------------textos de la columna derecha-----------------*/
#columna-derecha h3 a{  /*texto Convocatorias*/
	border-width: 0;
	color:#3177AC;
	font-weight: bold;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	font-style: normal;
	text-decoration: none;
}
#columna-derecha h1 {
	font-size: 35px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-left:15px;
	margin-right:15px;
	color:#eb8808;
	font-style: normal;
}



#columna-derecha h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman";
	text-align: center;
	margin: 0px;
	color:#954826;
}

#columna-derecha h4 {

	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	font-family: "Aria";
	text-align: right;
	margin: 0px;
	color:#000000;



}

#columna-derecha h5 a{
	font-family: "Arial", Helvetica, sans-serif;
	color:#3177AC;
	font-weight: bold;
	text-align: right;

}

#columna-derecha h6 {  /*texto de el titulo del contenido*/
	color:#000;
	font-weight: bold;
	font-size: 11px;
	font-family: "Arial Narrow";
	font-style: italic;
}

#columna-derecha a:hover {
	color: #eb8808;	
}



#columna-derecha li {
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-right: 9px;
	padding-left: 10px;
	margin-left: 0;
	background: url(../graficas1/bala_descargas1.gif) no-repeat 0 50%;/*cambiar*/

}

#columna-derecha a {
	color: #999; /*color #630*/
	border-width: 0;

}



#columna-derecha ul {



	margin-left: 5px;

}

#columna-derecha p.centrado {



	text-align: center;



}





/*------------------------------ FIN de Columna Derecha-------------------*/





/*-------------------------- ENCABEZADO ---------------------------------*/



#encabezado a img {



	margin-top: 15px;

	margin-left: 15px;

	margin-bottom: 15px;

	float: left;

}



#encabezado a {

	color: #FFFFF2;

	font-size: 0.80em;

	border-width: 0;

}



#encabezado a:hover {

	color: #FFFF00;          

	text-decoration: none;

	background: #FF0000;  

}



#encabezado h1 {



	font-size: 16px;

	margin-top: 10px;

	margin-left: 110px;

    position: absolute;



}



#encabezado h2 {



	margin-top: 28px;

	margin-left: 110px;

	position: absolute;

	color: #E2E2E2;

	font-style: italic;



}



#encabezado ul {



	float: right;

	margin-top: 0;

	margin-right: 10px;

	padding-top: 20px;   /*50*/



}



#encabezado li {



	padding-right: 10px;

	padding-left: 10px;

	display: inline;

	list-style-type: none;



}











/*#encabezado  a {



	padding-top: 15px;



}



#encabezado .inicio a {



	background: url(../graficas1/icono_home.gif) no-repeat 50% 0;



}



#encabezado .inicio a:hover {



	background: url(../graficas1/icono_home.gif) no-repeat 50% 0;



}



#encabezado .mapa a {



	background: url(../graficas1/icono_mapa.gif) no-repeat 50% 0;



}



#encabezado .mapa a:hover {



	background: url(../graficas1/icono_mapa.gif) no-repeat 50% 0;



}



#encabezado .ayuda a {



	background: url(../graficas1/icono_faq.gif) no-repeat 50% 0;



}



#encabezado .admin a {



	background: url(../graficas/icono_aa.gif) no-repeat 50% 0;



}



		



		/* MENU-PRINCIPAL */



/*#menu-principal h2 {



	display: none;



}



#menu-principal ul {



	padding-top: 20px;



}



#menu-principal li {



	display: inline;



	padding-right: 10px;



	padding-left: 10px;



	list-style-type: none;







}



#menu-principal a {



	text-transform: uppercase;



	color: #FFF;



	text-align: center;



	font-weight: normal;



	border-width: 0;



	font-size: 0.9em;



	



}



#menu-principal a:hover {



	color: #FFC;



	background: url(../graficas1/botones.gif);



}











#menu-principal ul li a.actual:link, #menu-principal ul li a.actual:visited, #menu-principal ul li a:hover {



	padding-bottom: 3px;



	color: #000;



	border-bottom: 3px solid #000;



	}



	*/







/* COLUMNA-IZQUIERDA */







/*inicio marquesina de noticias-----------------------------------------------------------------------------------*/



#slider1 {



	width: 650px; /* important to be same as image width */



	height: 250px; /* important to be same as image height */



	position: relative; /* important */



	overflow: hidden; /* important */



	left: 2px;



}







.slider1Image {



    float: left;



    position: relative;



	display: none;



}



.slider1Image span {



	position: absolute;



	font-family: "Trebuchet MS", Arial, Verdana;



	padding: 5px;



	width: 650px;



	



	background-color: #000;



	filter: alpha(opacity=70);



	-moz-opacity: 0.7;



	-khtml-opacity: 0.7;



	opacity: 0.7;



	color: #fff;



	display: none;



}



.clear {



	clear: both;



}



.slider1Image span strong {



    font-size: 16px;



}



.right {



	right: 2;



	bottom: 0;



	width: 310px !important;



	height: 240px;



	color: #FFF;



	top: 0px;



}















#nuestra-voz {



	height: 182px;



	width: 150px;



	margin-top: 15px;



	background: url(../graficas1/boton_nuestra_voz.jpg) no-repeat;



}



#nuestra-voz h2 {



	display: none;



}



#nuestra-voz p.descripcion-audio {



	color: #000;



	padding-top: 68px;



	padding-right: 14px;



	padding-left: 14px;



}



#nuestra-voz a {



	color: #187D00;



	padding-left: 14px;



	padding-top: 14px;



	font-size: 10px;



	font-weight: bold;



	margin-top: 0;



	border-width: 0;



}



#nuestra-voz a:hover {



	color: #22A800;



	text-decoration: none;



	background: #FC0;



}













#contenido_sec h2 {



	margin-top: 20px;



	font-size: 15px;



	margin-bottom: 13px;



	border-bottom: 1px dotted #000;



}







#contenido_sec h3 {/*color del titulo en texto completo*/



	margin-top: 20px;



	margin-bottom: 10px;



	font-size: 14px;



	font-weight: bold;



	color:#330000;



}







#contenido_sec h4 {



	margin-top: 20px;



	margin-bottom: 13px;



	font-size: 13px;



}







#contenido_sec h2 a{



	font-size: 15px Georgia, "Trebuchet MS", Arial, Verdana;







	border-width: 0;



}







#contenido_sec h3 a {



	font-size: 14px Georgia, "Trebuchet MS", Arial, Verdana;







	border-width: 0;



}







#contenido_sec h4 a {



	border-width: 0;



	font: 13px Georgia, "Trebuchet MS", Arial, Verdana;







}







#contenido_sec p {



	margin: 3px;



}



	



#contenido_sec ul {



	margin-left:20px;



}	











#contenido_sec .caltable{



	margin: 10px 3px 3px 3px;



	width: 98%;



	border: 1px solid #CCC;



      	}







#contenido_sec .caltable{



	margin-right: 2px;	



	}







#contenido_sec .weekdays{



	background-color: #8DA54B; 



	color: #fff;



	text-align: center;



	}



#contenido_sec td{



	text-align: right;



        width: 10%;



	border: 1px solid #55642d;



	}



/*---------------------------------------------------------fin marquesina de noticias---------------------------------------*/









/*



#columna-izquierda h2.menu-secundario {



	display: none;



}







#columna-izquierda .menu-secundario {



	padding-top: 15px;



	padding-bottom: 25px;



	background: #898A88 url(../graficas1/fondo_menu_azul.gif) no-repeat bottom;



	margin: 0;   /*color de fondo menu izquierdo



} 



#columna-izquierda li {



	list-style-type: none;



	padding-bottom: 5px;



	padding-top: 5px;



	margin-right: 9px;



	padding-left: 10px;



	margin-left: 8px;



	background: url(../graficas1/bala_menu_azul.gif) no-repeat 0 50%;



	border-bottom: 1px dotted #000; /*lineas punteadas del menu izquierdo



}



#columna-izquierda li a {



	border-width: 0;



	color: #101010;  /*color de fuente menu izquierdo



}



#columna-izquierda li a:hover {



	color: #FFFFFF;



	background: #999999;/*sobre menu izquierdo



}



#columna-izquierda table.caltable {



	width: 80%;



	background: #C993E0F4;



}



#columna-izquierda tr.weekdays td {



	color: #660;



	background: #FFCC00;



}



#columna-izquierda table.caltable a {



	color: #F60;



	font-weight: bold;



}



#columna-izquierda table.caltable a:hover {



	color: #F90;



	font-weight: bold;



	background: #C3E0F4;



}



#columna-izquierda td.numbers {



	color: #333;



	background: #FFFFCC;



}



#columna-izquierda h2.calendario {



	font-size: 0;



	height: 28px;



	width: 143px;



	margin-top: 15px;



	background: url(../graficas1/titulo_calendario1.gif);



}



#columna-izquierda h2.rss {



	font-size: 12px;



	text-transform: uppercase;



	text-align: center;



	width: 100%;



	margin-top: 15px;



	margin-bottom: 9px;



	color: #00099;/*color de la fuente



	border-bottom: 1px solid;



}



#columna-izquierda p {



	text-align: center;



	margin-top: 15px;



}*/



						/* COLUMNA-DERECHA */





						/* PIE */



						/*



#pie h2 {



	display: none;



}



#pie ul {



	text-align: center;



	height: 26px;



	padding-top: 10px;



	background: #000033;



	margin-left: 0;



}



#pie li {



	display: inline;



	list-style-type: none;



	padding-right: 10px;



	padding-left: 10px;



}



#pie li a {



	font-size: 0.8em;



	font-weight: bold;



	text-transform: uppercase;



	border-width: 0;



}



#pie li a:hover {



	color: #FFF;



	background: #81AB17;



}



#pie .dominio {



	font-weight: bold;



	font-size: 16px;



	margin-top: 10px;



}



#pie .derecha {



	width: 250px;



	float: right;



	clear: both;



}



#pie .izquierda {



	margin-top: 10px;



	margin-left: 20px;







}







#pie .centrado {



	margin-top: 10px;



	margin-left: 400px;







}



*/







/* AVISO DE NAVEGADORES */



#esconde {



	width: 760px;



	background: #9c0 url(../graficas1/nota_importante.gif) no-repeat 50% 20px;



	margin: 0 auto;



}



#esconde ul {



	color: #333;



	padding-top: 35px;



	padding-right: 50px;



	padding-bottom: 10px;



}



#esconde li {



	margin-top: 5px;



	list-style-type: none;



	padding-bottom: 5px;



	padding-top: 5px;



	padding-left: 16px;



	margin-left: 15px;



	background: url(../graficas1/bala_esconde.gif) no-repeat 0 30%;



}



#esconde a {



	color: #039;



	border-width: 0;



}



#esconde a:hover { 



		color : #0d5bff;



		text-decoration : underline;



} 



#menu-principal .esconde { 



		display : none;



}







/*********************** comunicados en formato de hoja *************************/







#comunicados{



	width: 470px;



	height: auto;



	padding:10px;



	background: #fff;



}







#comunicados p{



	height: auto;



	padding:10px;



	color: #000;



	text-align: justify;



}







#comunicados h3{



	height: auto;



	padding:10px;



	color: #000;



	font-size: 13px;



	font-weight: bold;



}







#encabezado_com{



width: 460px;



        height: auto;



	padding:5px;



}











#pie_com{



width: 460px;



        height: auto;



	padding:5px;



}







/******************** Fecha de ultima actualización ****************/







.fechaactualizacion{



	font-size: 10px;



	color: #e9e9e9;



	text-align: right;



}







option{



	color: #000;



}







/******************** Marquesina lado derecho ****************/







#marquesina {



	margin:0;



	list-style:none;



	padding-top: 5px;



	padding-right: 0px;



	padding-bottom: 5px;



	padding-left: 0px;	



}



#marquesina ul,



#marquesina li { margin:0; padding:0; list-style:none; }



/* 



    parametros



    entire slider area will adjust according to the parameters provided here



*/



#marquesina li {



	width:290px;



	height:185 px;



	overflow:hidden;



	text-align: center;



}



p#controls { margin:0; position:relative; }







/********************  Pie de Página ****************/



#pie {



	width: 1024px;



	background-image: url(../graficas1/topicsbg.gif);



	height: 59;



	color: #C0CAD3;



	text-align: center;



	font-family: "Trebuchet MS", Arial, Verdana;



	font-size: 11px;



	font-weight: bold;



	background-repeat: repeat-x;



	float: left;



	padding-top: 10px;



	padding-bottom: 10px;







}







#pie a {



	color: #D0D5DF;



	text-decoration: none;



}



#pie a:hover {



	color: #FFCC00;



	text-decoration: none;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #FFCC00;



}



/******************** Fin de Pie de Página ****************/