BODY { 
	background : #C0D9D9 url(imagenes/z23.gif) repeat;  
/*	background : #D8D9F9 url(imagenes/fondo_mundial.gif);  */ 
/*	background : #005fdc url(imagenes/fondo_azul.gif);   */

    font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    color : #666666; 
    margin : 20px 0px 20px 0px; 
    text-align: center; 
}

h1 { 
    font-size: 11pt; 
} 

INPUT { 
	font-size : 8pt; 
} 

/*############################################################################*/
/*########################## CONTENEDORES ####################################*/
/*############################################################################*/
#borde{ 
/*    border: 2px solid #cccccc;  */
    text-align: left; 
    width: 900px;  /*E.E. (anchura) Si cambiamos este ancho hay que igualarlo al de (1) */
    margin: auto; 
} 

#contenedorTotal{ 
    text-align: left; 
    width: 900px;   /* E.E. (anchura) Si cambiamos este ancho hay que igualarlo al de (1) */ /* relations with: (principal) (lateral) (borde) (contenedorTotal) */
/*	background : #C0D9D9 url(imagenes/fondo2.gif) repeat; */
/*    background-color : #ffffff; */
    margin: auto; 
} 

#cabecera{	
	/* background: transparent url(imagenes/z23.gif) repeat; */	
	height:106px;
	/* width: 100%; */
}

#contenedor3cols{
    margin: 0 0 0 0px;
}

#lateral{
    width: 170px; /*E.E. (anchura) relations with: (principal) (lateral) (borde) (contenedorTotal) */
    float:right;
/* 	E.E. SI QUEREMOS BORDES Y FONDO	ACTIVAR LAS TRES LINEAS SIGUIENTES */
/*    background-color: #EBF2FE;  */
/*    border-bottom : 1px solid #cccccc;  */
/*    border-left : 1px solid #cccccc; */
}

#enlaces{
    width: 150px; /*E.E. (anchura) relations with: (principal) (lateral) (borde) (contenedorTotal) */
    float: left;
/* 	E.E. SI QUEREMOS BORDES Y FONDO	ACTIVAR LAS TRES LINEAS SIGUIENTES */	
/*    background-color: #EBF2FE; */
/*    border-bottom : 1px solid #cccccc; */
/*    border-right : 1px solid #cccccc; */
}

#principal{
    margin-left: 151px; /*E.E. (anchura) relations with: (principal) (lateral) (borde) (contenedorTotal) */
    background-color : #ffffff;
    padding: 0 0 0 0px;
    width: 570px; /*E.E. (anchura) relations with: (principal) (lateral) (borde) (contenedorTotal) */
	background: transparent url(imagenes/decora_trans.jpg) no-repeat top left ;
}

#centro {
	position:absolute;
	width:250px;
	height:250px;
	top:30%;
	left:40%;
	background-color:#000000;
	color:#CCCCCC;
	font-family:"Courier New", Courier, mono;
	font-size:16px;
	font-stretch:semi-condensed;
}

#pie{ 
    clear : both; 
    color : #cccccc; 
    text-align : left; 
    margin : 10px 10px 0px 10px; 
    padding-bottom:10px; 
	/* background-color:#CCFFFF; */
} 

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<CABECERA>> ######################  */
#cabecera h1 { 	
	margin : 0px 0px 0px 0px;
}
#cabecera h1 span {
	display:none;
}

a.ult_elinks {
color:#777777;
font-family:Verdana;
font-size:10px;
text-decoration:none;
}

a.ult_elinks:hover {
color:#009191;
font-family:Verdana;
font-size:10px;
text-decoration:none;
}

a.ult_elinks1 {
    color:#CC3333;
    font-family:Verdana;
    font-size:10px;
    text-decoration:none;
    font-weight: bold;
}

a.ult_elinks1:hover {
    font-family:Verdana;
    font-size:10px;
    text-decoration:underline;
/*    color:#009191; */
/*    background-color:#c0c0c0; */
/*    font-weight: bold; */
}

a.ult_elinks2 {
    color:#de0000;
    font-family:Verdana;
    font-size:10px;
    text-decoration:none;
    font-weight: 500; /* normal  bold 	bolder 	lighter 	100 200 300 400 500 600 700 800 900 */
}

a.ult_elinks2:hover {
    text-decoration:underline;
}

a.ult_elinks3 {
    color:#dede00;
    font-family:Verdana;
    font-size:10px;
    text-decoration:none;
    font-weight: bold;
}

a.ult_elinks3:hover {
    font-family:Verdana;
    font-size:10px;
    text-decoration:underline;
/*    color:#009191; */
/*    background-color:#c0c0c0; */
/*    font-weight: bold; */
}

/* #######################   FIN utilizadas en <<CABECERA>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<principal>> ######################  */
#navabajo{ 
    font-weight : bold; 
} 
A.nav_abajo, A.nav_abajo:VISITED, A.nav_abajo:ACTIVE, A.nav_abajo:FOCUS, A.nav_abajo:LINK{ 
    color: #3F7DE3; 
    text-decoration:none;
} 
A.nav_abajo:HOVER{ 
    color: #494EFB; 
    text-decoration:underline;
    /*background-color: #C0D9D9; /* #F5F4C3 */
} 

#principal p {
    text-align:justify;
}

div.principal_izda{
    width: 260px; /*E.E. la suma de este y el (principal_dcha) no puede superar 570 */
    float: left;
	text-align:justify;
	padding : 2px 2px 2px 2px; 
	margin: 0px 0px 0px 0px;
}

div.principal_dcha{
    width: 260px; /*E.E. la suma de este y el (principal_izda) no puede superar 570 */
    float: right;
	text-align:justify;
	padding : 2px 2px 2px 2px; 
	margin: 0px 0px 0px 0px;
}

a.sobreRojo, A.sobreRojo:VISITED, A.sobreRojo:ACTIVE, A.sobreRojo:FOCUS, A.sobreRojo:LINK{ 
    color: #FFFF66; 
    text-decoration:none;
} 

a.sobreRojo:HOVER{ 
    color: #FFFF66; 
    text-decoration:underline;
    /*background-color: #C0D9D9; /* #F5F4C3 */
} 

/* #######################   FIN utilizadas en <<principal>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<navegador>> ######################  */
#navegador{ 
    background : #F5F4C3 url(images/fondonav.gif); 
    padding : 3px 10px 5px 10px; 
    border-top : 1px solid #cccccc; 
    border-bottom : 1px solid #cccccc; 
} 

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
    color: #494E6B; 
    text-decoration:none;
} 
A.enlacenav:HOVER{ 
    color: #3F7DE3; 
    text-decoration:underline;
    /*background-color: #C0D9D9; /* #F5F4C3 */
} 


ul.button_menu {
	padding: 0;
	width: 620px;
	border-top: 1px Solid Black;
}
ul.button_menu li {
	display: inline;	
}
ul.button_menu li a {
	width: 75px;
	text-align: center;
	margin-right: 3px;
	
	font-family: Arial;
	font-size:12px;
	text-decoration: none;
	float:left;
	padding: 4px;
	background-color: #2175bc;
	color: #fff;
	display: block; 
	border: 1px Solid #000;
}
ul.button_menu li a:hover {
	background-color: #2586d7;
	/*margin-top:-2px;*/
	padding-bottom:5px;
	border-top: 0px Solid #000;

}


/* MENU EN FORMATO TAB...*/

ul.tab_menu {
	width: 600px;
	list-style: none;
	padding: 0; 
	margin: 0; 
	display: inline; 
	float: left; 
	border-bottom: 1px Solid Black;
}

li.tab_menu {
	width: 85px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 10px;
	/*position: relative; */
	top: 1px;
}

a.tab_menu_navegador {
	width: 85px;
	display: block; 
	background: #3B9CCC; 
	border: 1px Solid #000;
	text-decoration: none;
	border-bottom: 1px Solid Black;
}

a.tab_menu_navegador:HOVER {
	width: 85px;
	display: block; 
	background-color: #3B7CFF; 
	border: 1px Solid #000;
	text-decoration: none;
	border-bottom: 0px Solid Black;
}

a.tab_menu_navegador_marcado {
	width: 85px;
	display: block; 
	background-color: #3B7CAA; 
	border: 1px Solid #000;
	text-decoration: none;
	border-bottom: 0px Solid Black;
}

a.tab_menu_navegador_marcado:HOVER {
	width: 85px;
	display: block; 
	background-color: #3B7CFF; 
	border: 1px Solid #000;
	text-decoration: none;
	border-bottom: 0px Solid Black;
}


/* #######################   FIN utilizadas en <<navegador>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* #######################   INICIO utilizadas en <<LATERAL>> ######################  */
A.lateral  { 
    text-decoration : none ;
    font-weight : bold; 
    color: #AAAA00; /* #F5F4C3 */    
}

A.lateral:HOVER  { 
    color: #AAAA00; /* #F5F4C3 */    
    font-weight : bold; 
    text-decoration : underline ;
}

.titlat{ 
    background-color:#68729E; 
    color:#ffffff; 
    font-size:8pt; 
    text-transform : uppercase; 
    padding: 7px 3px 7px 8px; 
    font-weight : normal; 
    letter-spacing : 2px; 
    margin: 0px 0px 8px 0px; 
} 

.cuerpolateral{ 
    padding: 2px 2px 2px 2px; 
} 

div.botonbuscar  input{ 
    border : 0px none; 
	float:right;
}

div.campotexto input{ 
    float: left; 
	width:100px; 
} 

div.fbuscar form{ 
    margin-bottom : 0px; 
    margin-top : 0px; 
	padding: 2px 2px 2px 2px; 
} 

/*
#otras ul{ 
    margin : 5px 10px 0px 0px; 
    padding: 0px 0px 0px 4px; 
    list-style: none; 
} 

#otras li{ 
    padding-left: 14px; 
    background: transparent url("images/bullet.gif") 0 2px no-repeat; 
    margin-bottom: 10px; 
} 

#registro { 
    color: #3F7DE3; 
    background-color: #C0D9D9; 
    margin-bottom : 0px; 
    margin-top : 0px; 
}
*/
/* #######################   FIN utilizadas en <<LATERAL>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* ##################### INICIO  utilizadas en <<enlaces>> ###########################*/

#float_izda{
    float:left;
	text-align:left;
	color:#000099;
}

#float_dcha{
    float: right;
	text-align:right;
}

ul.enlaces {
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	padding: 1px 1px 1px 12px;
	margin: 1px;
	list-style-position: outside;
	list-style-image: url(imagenes/bullet.gif);
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1em;
	text-indent: 1px;	
}

a.destacados {
	text-transform: none;
	color: #EDEFBB;
	text-decoration: none;	
}

a.destacados:hover {
	/* text-transform: uppercase; */
	color: #FFCC33;
	text-decoration: underline;	
	background-color: #5C5C5C;
}

a.teimporta {
	text-transform: none;
	color: #DEDCBA;
	text-decoration: none;	
}

a.teimporta:hover {
	/* text-transform: uppercase; */
	color: #FFCC33;
	text-decoration: underline;	
	background-color: #5C5C5C;
}

a.urgente {
	text-transform: none;
	color: #535433;
	text-decoration: none;	
}

a.urgente:hover {
	/* text-transform: uppercase; */
	color: #FFCC33;
	text-decoration: underline;	
	background-color: #5C5C5C;
}

a.bibliografia {
	text-transform: none;
	color: #CECD99;
	text-decoration: none;	
}

a.bibliografia:hover {
	/* text-transform: uppercase; */
	color: #FFCC33;
	text-decoration: underline;	
	background-color: #5C5C5C;
}

p.beneficios {
	font-size: 0.75em;
	color: #000000;	
}

/* #######################   FIN utilizadas en <<enlaces>> ######################  */
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/*---------------------------------- CONTACTO ------------------------------------------*/
div.muestraMensaje {	
	padding:2px 2px 2px 2px;
	margin-left:30px;
	font-size: 1.35em;
	text-align:justify;
	width:250px;
	height:150px;
	overflow:auto;
	background-color:#8F8F8F;
	color:#000000;
}

#float_dcha_contacto{
    float: right;
}


/*--------------------------------------------------------------------------------------*/
/*---------------------------------- AUTOR ---------------------------------------------*/
div.autor p{	
	padding:2px 180px 20px 20px;
	font-size: 1.35em;
	text-align:justify;
}
/*--------------------------------------------------------------------------------------*/
/*---------------------------------- AUTOR ---------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/*---------------------------------- FIRMAS ---------------------------------------------*/
div.fondoPapel table{	
	background : #C0D9D9 url(imagenes/29-vuelta-paper.jpg) repeat;  	
	font-size: 1.15em;
	text-align:justify;
}
div.fondoPapel table th{	
	color:#353535;	
}

div.fondoPapel table td{	
	font-family: 'Comic Sans MS', cursive;
}

div.miniForm  {
	color:#AAAA00;	
	text-align:right
	font-size: 0.80em; 
	font-family: 'Comic Sans MS', cursive; 
}

form.miniForm input {
	color:#AA5533;	
	text-align:justify;
	font-size: 0.95em; 
	font-family: 'Comic Sans MS', cursive; 
}

form.miniForm span {
	color:#AAAA00;	
	text-align:justify;
	font-size: 1.05em; 
	font-family: 'Comic Sans MS', cursive; 
}

div.miniForm span{	
	color:#FF6622;
	text-align:right
	font-size: 1.15em; 
	font-family: 'Comic Sans MS', cursive; 
}

/*--------------------------------------------------------------------------------------*/
/*---------------------------------- FIRMAS Y NOTICIAS ---------------------------------------------*/

.txt_medio {
	font-size: 0.75em;
}

.txt_petit {
	font-size: 0.55em;
}

.txt_muypetit {
	font-size: 0.25em;
}

.txt_petitClaro {
	font-size: 0.55em;
	color: #DDDDBB;
}

/*####################################*/

div.lista-sharethis ul {
    font-size: 0.85em;
    list-style: none outside none; 
    margin: 10px 0 0;  
    padding: 0 0 0 0; 
}
div.lista-sharethis ul li {
    margin: 2px 0; 
/*    padding: 0 10px 0 0;*/
/*    width: 100px; */
}
div.lista-sharethis ul li a {
    color: #CF6F03;
    display: block;
    padding: 1px 0 1px 23px; 
    text-decoration: none; 
}
div.lista-sharethis ul p {
    color: #76B324;
    font-weight: bold; 
    margin: 0;
    padding: 0;
}

div.lista-sharethis ul li#li-facebook2 {
    padding: 0;
    width: 130px; 
}
div.lista-sharethis ul li#li-facebook2 a {
    background: url("imagenes/bt-share-facebook-off.jpg") no-repeat scroll left top;
}
div.lista-sharethis ul li#li-facebook2 a:hover {
    background: url("imagenes/bt-share-facebook-over.jpg") no-repeat scroll left top;
    color: #FF2101;
}

div.lista-sharethis ul li#li-twitter {
    padding: 0;
    width: 154px;
}
div.lista-sharethis ul li#li-twitter a {
    background: url("imagenes/bt-share-twitter-off.jpg") no-repeat scroll left top;
}
div.lista-sharethis ul li#li-twitter a:hover {
    background: url("imagenes/bt-share-twitter-over.jpg") no-repeat scroll left top;
    color: #FF2101;
}

/*############################################################*/
/*------------------- PLAYER --------------------*/
/* styling of the container. */
a.myPlayer {
	display:block;
	width: 240px;
	height:180px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left; 
	border:2px solid #999;	
}

/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}