/*	css de diario y bolsa	*/

* { margin: 2; padding: 0; }

body{
margin:10px auto 0 auto;
font-family:verdana;
font-size:0.8em;
color:#464646;

}

img {border:0;}
hr {
border:1px;
border-color:#cccccc;
border-style:dotted;}

.clear-both{clear:both;}


a:link{color:#0b87cd; text-decoration:none;}
a:visited{color:#4b321a;}
a:hover{color: #006496; text-decoration: underline;}
a:active{}


.amarillo{color:#ffb900;}


.mensaje-verde{font-weight:bold; color:green;}
.mensaje-rojo{font-weight:bold; color:red;}

span.destacado{
color:#04599D;
font-weight: bold;
}


#header{

width:1010px;
height:125px;
margin:auto auto 0px;
/*margin-bottom:7px;*/
/*background: #ffffff ;*/
background-image: url("../img/cabecera-bolsa.jpg");
background-repeat:no-repeat;
background-position: right top; 


}

#sub_menu_cabecera { position: relative; top: -120px; left:575px; width: 300px;}

#sub_menu_cabecera a:link{color:#000000; text-decoration:none;}
#sub_menu_cabecera a:visited{color:#000000;text-decoration:none;}
#sub_menu_cabecera a:hover{color:#000000;text-decoration:underline;}
#sub_menu_cabecera a:active{color:#000000;text-decoration:none;}



#form { position: relative; top: -50px; left: 150px; width: 475px;}

#header form {
font-size:0.8em;
display:inline;
}
/*#header form input{}*/
#header form input#send{margin-bottom:-0.7em; font-size:0.8em;}



.formulariocontactoboletin { position: relative; top: -50px; left: 150px; width: 475px;}

.header formulariocontactoboletin {
font-size:0.8em;
display:inline;
}
/*#header form input{}*/
.header formulariocontactoboletin input#send{margin-bottom:-0.7em; font-size:0.8em;}


#menu {
width:1010px;
margin:auto;
background: url("../img/menu-fondo.jpg") left center no-repeat;
min-height: 25px;
height:25px;
font-size:0.9em;
}


#menu img{margin-bottom:-2px; margin-left:10px; margin-right: 0px;}


#menu #acciones{float: left; font-size:14px; padding-left: 30px; padding-top:4px;font-color:#333333;}

#menu #acciones a:link{padding-top: 7px; color: #000000; text-decoration:none; }
#menu #acciones a:visited{color:#000000;text-decoration:none;}
#menu #acciones a:hover{color:#000000;text-decoration:underline;}
#menu #acciones a:active{color:#000000;text-decoration:none;}



#menu #contacto{float:right; padding-left:30px; padding-top:4px; font-size:0.8em; margin-right: 50px;}

#menu #contacto a:link{color:#000000; text-decoration:none;}
#menu #contacto a:visited{color:#000000;text-decoration:none;}
#menu #contacto a:hover{color:#464646;text-decoration:underline;}
#menu #contacto a:active{color:#ffdd00;text-decoration:none;}



#content{
margin:auto;
width:1010px;

}



#informacion{
margin-bottom:7px;
background-color:none;
float:left;
width:885px; /*850*/
/*height:500px;*/

}


/*  #informacion#izqda lo utilizo en indices.php e indice.php 
    para situar a la izquierda el contenido general, y a la derecha flotando la publicidad vertical
*/
#informacion#izqda{float:left;}
#izquierda p{margin: 1em;}
/* +++++++++++++++++++++++++++++  */


/*  .presentacion y .suscripcion se utilizan en index.php   */
.presentacion{
width:510px; /*500*/
height:220px;
float:right;
padding: 0px;
font-size:1em;
/*background-color:#EEEEEE;  */
margin-top:5px;}

.form{
width:510px; /*500*/
height:220px;
float:left;
padding: 0px;
font-size:1em;
/*background-color:#EEEEEE;  */
margin-top:25px;}

.presentacion h1{font-size:12px; margin-bottom:5px; margin-top:15px;}

.suscripcion{
	width:320px;
	height:245px;
	line-height: 1.5em;
	background-color: #ffffff;
	/* ESTA LINEA LA TENDRÉ QUE SUBIR EN PRODUCCIÓN   background-image: url(../img/banner_alertas.gif);*/
	background-image: url(../../img/suscripcion-boletin.gif);  /* DE MOMENTO TENGO PUESTO ESTA, QUE ES LA IMAGEN DE LA CHICA SUSCRIPCIÓN   */
	background-repeat: no-repeat;
	background-position: center top;
	float:right;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:10px;
	font-size:1em;
	border:1px solid #cccccc;
}

.suscripcion-banner{
	width:320px;
	height:200px;
	line-height: 1.5em;
	background-color: #ffffff;
	/* ESTA LINEA LA TENDRÉ QUE SUBIR EN PRODUCCIÓN   background-image: url(../img/banner_alertas.gif);*/
	/*background-image: url(../../img/suscripcion-boletin.gif);  /* DE MOMENTO TENGO PUESTO ESTA, QUE ES LA IMAGEN DE LA CHICA SUSCRIPCIÓN   */
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	padding-top:10px;
	font-size:1em;
	/*border:1px solid #cccccc;*/
}

.alerta_bolsa_suscripcion{
	width:320px;
	height:227px;
	line-height: 1.5em;
	background-color: #ffffff;
	/*background-image: url(../img/barra.gif);  */
	background-repeat: no-repeat;
	background-position: center top;
	float:right;
	margin-top:40px;
	margin-bottom:15px;
	font-size:1em;
	/*padding-top:10px; */
}

.alerta_bolsa_suscriptores{
	width:275px;
	height:290px;
	/*height:100%;*/
	line-height: 1.5em;
	/*background-color: #eeeeee; */
	background-image: url(../img/ventajas-suscriptores.gif);  
	background-repeat: no-repeat;
	background-position: center top;
	float:right;
	margin-top:40px;
	margin-bottom:15px;
	margin-right:40px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	color:#000000;
	font-size:1em;
}

.alerta_bolsa_suscriptores p {

padding-left:15px;

}

.alerta_bolsa_imagen {
width:885px;
float:left;
padding-left:5px;
padding-top:5px;
margin-top:5px;


}

.suscripcion p {margin-left: 15px;}
/*  +++++++++++++++++++++++++++++++*/

#form_boletin{margin-left: 15px;
border:1px;
border-color:#eeeeee;
border-style:solid;
width:275px;}



/* #introduccion se utiliza en las indices.php  e indice.php */
#introduccion{

margin-bottom:7px;
padding: 7px;
font-size: 1em;
background-color: #fbf9c9;
border: 1px solid #fbde0B;
}
/*+++++++++++++++++++++++*/



/*  .parrafo820px se utiliza en divisas.php */
.parrafo820px
{
width:820px;
margin-bottom:20px;
margin-top:25px;
}
/*  çççççç PENDIENTE DE VALIDAD çççççç*/






#publicidad-vertical{
width:120px;
text-align:center;
float:right;
margin-top:15px;

}
#publicidad-vertical-grafico{
width:120px;
text-align:center;
float:right;
margin-top:15px;
margin-left:5px;

}

#publicidad-horizontal{
margin-top:20px;
text-align:center;
float:left;
width:950px;
}

#publicidad-horizontal-cabecera{
margin-top:30px;
text-align:center;
float:left;
width:950px;
}

h1.seccion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*padding: 4px 4px 4px 15px;*/
	margin-bottom:10px;
	margin-top:10px;
	/*background-color: #ffffff;
	background-image: url(../img/fondoBotMapa.jpg);
	/*background-image:url(../img/icono-titular.jpg);
	background-repeat: no-repeat; 
	/*background-color:#eeeeee; */
	background-position: left center;
	color:#006699;
}
h1.seccion-tablas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 4px 4px 15px;
	margin-bottom:10px;
	margin-top:30px;
	background-color: #ffffff;
	background-image: url(../img/fondoBotMapa.jpg);
	background-repeat: repeat-y; 
	/*background-color:#eeeeee;*/
	background-position: left center;
	color:#006699;
	
}
h2.seccion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding: 2px 2px 2px 15px;
	margin-bottom:10px;
	marging-left:15px;
	color: #409CBE;
	background-color: #ffffff;
	background-image: url(../img/fondoazulado.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}



/*	#acercade   y   #imagen-cia   de  companyia.php	*/
#acercade{
	width:610px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right: 10px;
	/*font-size: 11px; */
	line-height: 1.5em;
}
#acercade p{margin-bottom:15px;}

#acercade ul{margin-left:50px; margin-top:-5px;}


#imagen-cia{
width:265px;
float:left;
margin-top:80px;
margin-bottom:15px;
}
/* ++++++++++++++++++++++++++++++++++++++  */



#menu-pie{

width:1000px;
margin: auto;
margin-top:20px;
border-top: 1px solid #898989;
padding-bottom:10px;
/*background-color: #eeeeee;  */

}

#menu-pie a:link{color:#000000; text-decoration:none;}
#menu-pie a:visited{color:#000000;text-decoration:none;}
#menu-pie a:hover{color:#000000;text-decoration:underline;}
#menu-pie a:active{color:#000000;text-decoration:none;}

#footer{
width:1000px;
margin: auto;
margin-top:10px;
border-top: 1px solid #898989;
padding-bottom:10px;
background-color: #eeeeee;
/*background-image:url(../img/fondo-pie.gif);
background-repeat: repeat-x;*/
}



#footer p{
font-size:11px; 
text-align:center;
line-height: 1.5em;
background-color: #eeeeee;
}

.openpopuli{
color:#464646; 
text-align:center; 
font-size:11px; 
margin-top:10px;
}

.openpopuli .resaltado{color:#0084a8;font-weight: bold;}

.openpopuli a:link{color:#0084a8;}
.openpopuli a:visited{color:#0084a8;}
.openpopuli a:hover{color:#004a99;}
.openpopuli a:active{color:#ffba00;}

.openpopuli img{margin-bottom:-3px;}

#resumen{clear:both;}
#resumen h2{color: #464646; font-size:14px; display: block;  background-color: #c1c1c1;}
#resumen h3{color: #409DBE; font-size:11px;  margin-top: 0.5em; margin-bottom:0.2em;}
/*  +++++++++++++++++++++++++++++++++++++++++++++++++  */


span.mensaje-error{
font-weight:bold;
color:red;
margin-bottom:10px;
margin-left:60px;
}


span.mensaje-ok{
font-weight:bold;
color:green;
margin-bottom:10px;
margin-left:60px;
}




div.paginado{
margin: 20px auto;
font-weight:bold;
border: solid 1px #9EC5D4;
padding: 2px 15px;
}

div.paginado span.comentario{
}

div.paginado span.pagina{
margin-right:5px;
}


div.paginado span.actual{
color:#000000;
}

div.paginado span.pagina a:link,
div.paginado span.pagina a:visited,
div.paginado span.pagina a:hover,
div.paginado span.pagina a:active{
margin:0;
text-decoration:underline!important;
color:#0b87cd;
padding: 2px 4px;
}

div.paginado span.pagina a:hover{
background-color:#9EC5D4;
}

#noticias{
margin-bottom:7px;
background-color:none;
float:left;
width:885px; /*850*/
/*height:500px;*/

}

.noticias_presentacion{
width:885px; /*500*/
float:left;
padding: 0px;
font-size:1em;
border:1px solid #C1C1C1;
margin-bottom:10px;
}

.noticias_publicidad{
	width:314px;

	line-height: 1.5em;
	background-color: #ffffff;
	/* ESTA LINEA LA TENDRÉ QUE SUBIR EN PRODUCCIÓN   background-image: url(../img/banner_alertas.gif);*/
	/*background-image: url(../img/hfondo-mujer.gif);  /* DE MOMENTO TENGO PUESTO ESTA, QUE ES LA IMAGEN DE LA CHICA SUSCRIPCIÓN   */
	background-repeat: no-repeat;
	background-position: center top;
	float:right;
	margin-bottom:15px;
	margin-right:100px;
	margin-left:8px;
	padding-top:16px;
	font-size:1em;
	
}