/*
----------------------------------------------------------------------------------------------------------------------
----------------------------------------- COMUNES A TODAS LAS PAGINAS --------------------------
----------------------------------------------------------------------------------------------------------------------
*/
.hide
{
	display : none;
}
.center
{
	text-align : center;
}
a
{
	text-decoration : none;
	color: #FF6600;
}
a:hover
{
	text-decoration : underline;
}
body
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 2px 0px 0px 0px;
	font-size: 70%;/*x-small;*/
	color : #777778;
	text-align: center;
}
img
{
	border : none;
	vertical-align : middle;
}
div#contenedor /* ------------------------------------INCLUYE TODA LA PAGINA. ENCARGADO DE CENTRARLA */
{
	text-align:left;
	margin-left : auto;
	margin-right: auto;	
	width: 770px;
	padding: 0px 0px 0px 0px;
}
a.aMenuTop /* ------------------------------------INCLUYE TODOS LOS COMPONENTES DE LA CABECERA */
{
	color: #FFFFFF;
}
div#cabecera
{
	margin-left : auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	vertical-align : bottom;
	width : 770px;
	height: 81px;
	background-color : #FF6600;
	background-image : url(../img/cabecera.jpg);
}
div#cabeceraRelleno /* Para que el menu de la cabecera aparezca abajo de la cabecera*/
{
	padding : 0px 0px 0px 0px;
	height : 62px;
}
div#menuTop /* MENU DE LA CABECERA */
{
	padding : 2px 20px 2px 145px;
	color: #FFFFFF;
	font-weight: /*bold;*/normal;
	font-size: smaller;
	border-bottom : 1px solid #000000;
	height: 14px;
}
ul#ulMenuTop /* MENU DE LA CABECERA */
{
	height: 14px;
	width: 585px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style : none;
	text-align: left;
}
li.liMenuTop /* MENU DE LA CABECERA */
{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	float: left;
	width: 70px;
	height : 14px;
	text-align: center;
	border-left : solid 1px #FFFFFF;
}
li#liMenuTopDate /* MENU DE LA CABECERA */
{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	float: left;
	text-align: left;
	width: 225px;
	height: 14px;
}
li#liMenuLang /* MENU DE LA CABECERA */
{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	float: left;
	text-align: center;
	width: 70px;
	height: 14px;
	border-left : solid 1px #FFFFFF;
	border-right : solid 1px #FFFFFF;
}
div#migasPan /* RUTA INDICATIVA DE DONDE SE ENCUENTRA EL VISITANTE EN TODO MOMENTO */
{
	font-size: smaller;
}
div#cuerpo /*--------------------------------INCLUYE LA PARTE LEFT Y RIGHT DONDE IRA EL MENU Y EL CONTENIDO*/
{
	width : 770px;
}
div#left /*--------------------------------INCLUYE EL MENU DE LA PARTE IZQUIERDA*/
{
	float: left;
	width: 170px;
	padding : 0px 5px 0px 5px;
	margin-left: 0px;
	margin-bottom: 0px;
}
div#menu /*-------------------- CAJA QUE CONTIENE LOS COMPENENTES DEL MENU */
{
	width: 160px;
	margin-top : 10px;
	margin-left: 5px;
	padding : 0px 0px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;/*#000000;*/
	font-size: /*smaller;*/80%;
	border : 1px solid /*#999999;*/#FF6600;
}
a.menu /* ENLACES PRINCIPALES DEL MENU */
{
	color: /*#000000;*/#FFFFFF;
}
div.titmenu /* CAJA QUE CONTIENE LOS TITULOS DE LAS SECCIONES DEL MENU */
{
	padding : 5px 3px 5px 7px;
	background-color : #FF6600; /*#FFAC68;*/
	margin: 0px 0px 0px 0px;
/*	height : 10px;*/
}
a.submenu /* ENLACES DE LOS SUBMENUS */
{
	color: #000000;
}
div.submenu /* CAJA QUE CONTIENE LOS TITULOS DE LAS SUBSECCIONES  */
{
	margin: 0px 0px 0px 0px;
	background-color : #EDEEEF; /*#FFAC68;*/ 
	font-weight: normal;
	padding : 3px 3px 3px 16px;
}
div#right /*-------------------- CAJA QUE CONTIENE LOS COMPENENTES PARTICULARES DE CADA PAGINA */
{
	float: right;
	width : 575px;
	margin-right: 0px;
	text-align : justify;
	padding : 10px 5px 0px 0px;
/*	border-left : 1px dotted #FF6600;*/
}
a.aPieRight
{
	color: #777778;
}
div#pieRight
{
	border-top : 1px solid #FF6600;
	padding: 10px 0px 10px 0px;
	margin-top: 10px;
	clear : both;
}
h1.titCuerpo /*TITULO PARA TODAS LA PAGINAS */
{
	height: 15px;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	background-image : url(../img/bg_h1.gif);
	background-repeat : repeat-x;
	border-bottom : 1px #FF6600 solid;
	border-top : 1px #FF6600 solid;
}
h2.subTitCuerpo
{
	font-size: 110%;
	text-align:center;
	color: #FF6600;
	text-decoration: underline;
}

h3.subTitCuerpo
{
	height: 15px;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	border-bottom : 2px #FF6600 solid;
	border-top : 2px #FF6600 solid;
}

h4.subTitCuerpo
{
	height: 15px;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	border-bottom : 1px #FF6600 solid;
	background-position: bottom;
}

td /*-------------------- ESTILO BÁSICO DE TODAS LAS TABLAS */
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small; /* evitar que en mozilla se vea muy pequeño si se usa el porcentaje*/
	vertical-align : top;
	text-align: justify;
}
a.aPie /*-------------------- CAJA QUE CONTIENE LOS COMPENENTES PARA EL PIE DE TODAS LA PAGINAS */
{
	color: #FFFFFF;
}
div#pie
{
	border-top: 1px solid #000000;
	text-align: center;
	font-size: smaller;
	padding-top : 4px;
	padding-bottom: 4px;
	clear : both;
	background-color : #FF6600;
	height : 15px;
	color: #FFFFFF;
}
/* ---------------------------------------------------------------------------------------------------------------------
   noticia.php
   noticias_lista.php
   --------------------------------------- PARA LAS PAGINAS DONDE APAREZCAN NOTICIAS
   ---------------------------------------------------------------------------------------------------------------------- 
   Dentro del propio código de las noticias hay pequeñas modificaciones del estilo. 
   Sobre todo para el tamaño de las letras 
   ---------------------------------------------------------------------------------------------------------------------- 
   */
.divNews
{
	float:left; 
	width:575px; 
	padding-top: 5px;
	padding-bottom:5px;
	border-bottom-width:1px; 
	border-bottom-style:dotted; 
	border-bottom-color:#CCCCCC;
}

.bodyNews
{
/*	font-size: smaller;*/
}

.titNews
{
	font-weight : bold;
}

.titNews2
{
	color:#FF6600;
	width: 100%;
	text-align : left;
	font-weight : bold;
	text-decoration: underline;
	padding-bottom : 3px;
	font-size: 14px;
}

.dateNews
{
	color:#FF6600;
	width: 100%;
	text-align : left;
	font-weight : bold;
	text-decoration: underline;
	padding-bottom : 3px;
}
.introNews
{
	font-weight:normal; 
/*	font-size : smaller;*/
}
a.moreInfo
{
	font-weight : bold;
	color:  #777778;
}
/* ---------------------------------------------------------------------------------------------------------------------
   contacto.php 
   ------------------------------------------ PARA LA PAGINA DEL FORMULARIO DE CONTACTO y BOLETIN ASOCIADO 
   ------------------------------------------ y DE INSCRIPCION
   ---------------------------------------------------------------------------------------------------------------------- 
   */
span.obligado
{
	color: #FF6600;
}
form#fContacto,form#fBoletin,form#fInscripcion
{
	background-color : #EEEEEE;
	padding : 10px 10px 10px 10px;
	border : 1px #7A7A7A solid;
	color: #000000;
	margin-top: 0px;
}
input.boton
{
	color: #FF6600;
	border : 1px #FF6600 solid;
	background-color : #FFFFFF;
	font-weight: normal;
	font-size: smaller;
}
input.texto,textarea.texto
{
	color: #7A7A7A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;/*x-small;*/
}
select
{
	color: #7A7A7A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;/*x-small;*/
}
/* ---------------------------------------------------------------------------------------------------------------------
   donde.php 
   ------------------------------------------ PARA LA PAGINA DE LA INFORMACION DE LOS CENTROS
   ---------------------------------------------------------------------------------------------------------------------- 
   */
div#bloque_info
{
	width: 560px;
}
div#cfa17_21
{
	width : 100%;
}
div#cfa17
{
	float:left;
}
div#cfa21
{
	float:right;
}
div#mapa_cv
{
	text-align: center;
}
div.infoCentro
{
	text-align : center;
	padding-top : 10px;
}
h2.name_centro
{
	color: #FF6600;
	text-decoration : underline;
	font-size : 120%;
}
img.planoCentro
{
	border : 1px solid #000000;
}
/* ---------------------------------------------------------------------------------------------------------------------
   accesible.php 
   ------------------------------------------ PARA LA PAGINA DE LA INFORMACION DE LA ACCESIBILIDAD
   ---------------------------------------------------------------------------------------------------------------------- 
   */
img.accesible
{
	vertical-align : text-bottom;
}

.cajasfinancia     { width:134px; height:134px; background-color:#FFFFFF; border:#E3E8EE 3px solid; float:left; margin:2px; font-size:0.8em; text-align:center; vertical-align:middle;}
.cajasfinancia     {  _height:135px;}
.cajasfinancia img { padding:3px; }
.cajasfinancia p { margin-top:-5px;}

.cajascentros 	{ width:180px; height:180px; background-color:#FFFFFF; border:#E3E8EE 3px solid; float:left; margin:2px; font-size:0.8em; text-align:center; vertical-align:middle;}
.cajascentros     {  _height:180px;}
.cajascentros img { padding:3px; }
.cajascentros p { margin-top:-5px;}


.orange2{color:#000;text-decoration:none}
.orange2:hover{color:#000;text-decoration:underline}