@import "reset.css";
/*
0-import reset
1-estructura
2-container
3-cabecera
4-banner
5-head
6-contenido
7-navi
8-footer
9-utilidades

/* ----------1-estructura-------------- */
body {
background:#FFF url(../img/background.gif) repeat;
padding:0;
margin:0;
}

a, a:active {
color:#F63; 
font-weight:700; 
text-decoration:none;
}

a:hover {text-decoration:underline;}

img.a {border:0;}

.bold{font-weight:700;}
.left{float:left;}
.right{float:right;}
.home{
margin-left:127px;
padding:0 16px;
float:left;
}
#home{
	margin:0 auto;
	width:20px;
}
/* ----------2-container-------------- */
#container {
width: 990px;
margin: 0 auto;
}

/* ----------3-cabecera-------------- */
#cabecera{
width:990px;
height:120px;
}

.logo {
padding: 0;
margin:10px 0 0 10px;
float:left;
}

.clear{
clear:both;
}

/* ----------4-banner-------------- */
#bannerTop{
float:right;
width:728px;
height:90px;
margin-top:10px;
background-color:#fdf5ee;
}

#bannerVertical{
width:120px;
height:600px;
margin:10px auto;
background-color:#fdf5ee;
}

#bannerTextual{
width:260px;
height:250px;
padding:20px 20px 20px 0;
}

#bannerTextual p{
line-height:1.1em;
font:0.7em Tahoma, Geneva, sans-serif;
color:#666;
}

#bannerTextual a{
font:0.8em Verdana, Geneva, sans-serif;
font-weight:700;
color:#C60;
}

#bannerTextual a.link{
font:0.7em Verdana, Geneva, sans-serif;
font-weight:400;
color:#930;
}

#bannerTextual a{
font:0.8em Verdana, Geneva, sans-serif;
font-weight:700;
color:#C60;
}

#bannerTextual a{
font:0.8em Verdana, Geneva, sans-serif;
font-weight:700;
color:#C60;
}

#bannerCuadrado{
width:300px;
height:250px;
margin:10px 0;
}

#bannerCentral{
width:468px;
height:60px;
margin:10px 0;
}
#bannerCentralint{
width:468px;
height:60px;
margin:0px;
background-color:#fdf5ee;
}


/* -----------------5-head--------------------- */


#head {
padding: 0;
width:990px;
height:264px;
}

#head #box-left{
width:600px;
height:264px;
background:url(../img/linea-interes.gif) no-repeat top;
float:left;
margin:0;
padding:0;
}

#head #box-404{
width:400px;
height:154px;
background:#fcf0f0;
float:left;
margin:0;
padding:20px;
border:8px solid #FFF;
}

#head #box-amigo{
width:400px;
background:#fcf0f0;
float:left;
margin:0;
padding:20px;
border:8px solid #FFF;
}

#head #box-amigo p{
	height:auto;
}

#head #content-left{
padding:10px 0 5px 30px;
}

#head #box-right{
width:350px;
background:url(../img/back-interes.gif) repeat;
height:245px;
float:right;
margin:0;
padding:0;
font:Georgia, "Times New Roman", Times, serif
}

#head #content-right{
padding:5px 5px 5px 10px;  
background:url(../img/flecia-papel.gif) no-repeat top right;
}

#head #content-right h1, #head #content-right h2{margin-bottom:12px;}

#head p{ /*texto posts important*/
margin:6px 0 0;
height:65px;
}

.img-box{
border:3px solid #999;
margin:10px 10px 10px 0;
float:left;
}
#post-noticia {
text-align:justify;
}
.detalles{
color:#666;	
padding-bottom:10px;
clear:both;
}

.detalles-int{
margin-top:30px;
margin-left:20px;
margin-right:20px;
color:#666;	
padding-bottom:10px;
}

.detalles .fecha, .detalles-int .fecha, .detalles .link-comm, .detalles-int .link-comm-int,	.detalles .link-post{ 
font:10px Verdana, Geneva, sans-serif;  
height:20px;  
padding:5px 0 0 20px;
}

.comm h1{
font-size:1.3em;

}
.detalles .fecha, .detalles-int .fecha{
float:left;
background:url(../img/ico-fecha.gif) no-repeat left 3px;
}

.detalles .link-comm{
float:left;	
background:url(../img/ico-comm.gif) no-repeat left 3px;
margin-left:50px;
}

.detalles-int .link-comm-int{
float:right;	
background:url(../img/ico-comm.gif) no-repeat left 3px;
}

.detalles .link-post{
float:right;	
background:url(../img/ico-mas.gif) no-repeat left 3px;
}
#content-right .link-post{
float:right;	
font:10px Verdana, Geneva, sans-serif;
margin-bottom:10px;
margin-right:10px;  

}
.categorias{
margin:0 auto;
padding:3px;
font:11px Verdana, Geneva, sans-serif;
border:1px dotted #CCC;
width:90%;
}

.categorias img{
	vertical-align:bottom;
}
	
.categorias a{
color:#039;
font-weight:400;
}

.categorias a:hover{
text-decoration:underline;
}

.navi-post{
font:11px Verdana, Geneva, sans-serif; 
margin-left:20px;
text-align:center;
}

.navi-post a, .navi-post a:hover, .navi-post-interes a, .navi-post-interes a:hover{
color:#039;
}
.navi-post-interes{
font:11px Verdana, Geneva, sans-serif; 
margin:0 0 20px ;
text-align:center;
}

.interes{
color:#000;
font:700 1.5em Georgia, "Times New Roman", Times, serif
}

.compartir{
margin:5px auto;
text-align:center;
border:1px dotted #CCC;
font:11px Verdana, Geneva, sans-serif;
padding:5px;
width:90%;
}

.compartir img {
padding:0;
margin:0 1px;
vertical-align:middle;
}

.comm{
width:95%;
background:url(../img/back-interes.gif) repeat;
border:#FC9 1px solid;
margin-bottom:10px;
padding:10px;
}

#replica-comm{
position:absolute; 
display:none;
border:#FC9 1px solid;
width:464px;


}

.replica-comm{
background:url(../img/back-interes.gif) repeat;

margin:0px 0;
padding:10px;

}
	
.txt-comm{
margin:10px 0 0 10px;
}

.txt-comm .fecha{
padding:5px 20px;
background:url(../img/ico-fecha.gif) no-repeat left 3px;
}
	
.txt-comm p a{
font:10px Verdana, Geneva, sans-serif 700; 
margin:10px 0;
text-align:right;
}

.txt-comm p.numero{
margin:0;
padding:0;
}

label{
font-family:Tahoma, Geneva, sans-serif;
color:#000;
padding:0;
line-height:1.7em;
}

.btn{
border:#999 1px solid;
padding:1px 0;
font-weight:700;
float:right;
}

.btn-comm{
border:#999 1px solid;
padding:2px 4px;
font-weight:700;
}

/* -----------------6-contenido--------------------- */
#content, #content-interes {
padding: 0;
width:468px;
float:left;
margin:0;
padding:0;
}

#content{
background:url(../img/linea-interes2.gif) no-repeat top;
border:0px solid #ccc;
}

#content-interes {
background:url(../img/back-interes.gif) repeat;
border:0px solid #ccc;
}


h1, h2, h3{
font-family: Arial, Helvetica, sans-serif;
color:#630;
}

h1 { /*titulares*/
font-size:1.5em;
margin:0 0 15px;
padding:0;
}

h1.interes{
font-size:0.9em;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:18px;
}
#content-right h2{
font-family:Georgia, "Times New Roman", Times, serif
}
h1 a, h2 a{color:#630;}

h1 a:hover, h2 a:hover{color:#F63;}

h2 { /*descricion titulares*/
font-size:1em;
padding:0;
}

p{ /*texto posts*/
font-size:0.75em;
font-family: Arial, Helvetica, sans-serif;
color:#000;
padding:0;
line-height:1.6em;
}

ul.enlaces{
font-family:Tahoma, Geneva, sans-serif;
font-size:0.75em;
line-height:1.3em;
margin-top:5px;
}



.post-final{
padding:20px;
border-bottom:0;
}

#send-mail-main{
position:absolute;
top:300px;
left:0;
float:left;
width:100%;
visibility:hidden;
z-index:100;
}

#send-mail-content{
background:#FFF url(../img/background.gif) repeat;
padding:20px;
}

.transparente { 
background-color: #000;  /* the background          */
filter:alpha(opacity=50);   /* Internet Explorer       */
opacity: 0.5;                /* newer Mozilla and CSS-3 */
z-index:10000;
}

#content-interes, #content-interes .post-final{
padding:5px;
border-bottom:0;
}

.post{
border-bottom:0;
margin:0px 0 0px 0;
border-bottom:1px solid #ccc;
padding:10px 0;
font-family:Arial, Helvetica, sans-serif
}

.flecia{
background:url(../img/flecia-papel.gif) no-repeat top right;
width:22px;
height:21px;
float:right;
}

#content .post p, #content .post h4, h2, h1, #content-interes .post h4, h2, h1, #content-interes .post p, #content .post-final p, #content .post-final h2, #content-interes .post-final h2{margin-top:10px;margin-left:20px; margin-right:20px}

#content .navbar{
width:300px;
margin:10px auto;
font:11px Verdana, Geneva, sans-serif;  
color:#000;
text-align:center;
}
#content-interes .navbar{
width:300px;
margin:10px auto;
font:11px Verdana, Geneva, sans-serif;  
color:#000;
text-align:center;
}
#content-interes .compartir img{
margin:0px
}
#content-interes img{
margin-left:20px
}
#content .compartir img{
margin:0px
}
#content img{
margin-left:20px
}
.navi-post img{
margin-right:20px;
margin-left:0px;
}
/* --------------7-navi------------- */
#left {
float: left;
width: 300px;
margin: 0 8px 0 0;
padding: 0;
background:url(../img/linea-interes.gif) no-repeat top;
}

#right {
float: right;
width: 200px;
margin: 0 0 10px;
padding: 0;
background:url(../img/linea-interes.gif) no-repeat top;
}

h3 { /*titulos nav*/
font-size:0.8em;
margin:0;
padding-bottom:5px;
color:#000;
font-weight:700;
}

.fecha{
font:10px Verdana, Geneva, sans-serif;  
height:20px; 
color:#666;
}

#buscar{
padding:20px 10px;
height:20px;
border-bottom:1px solid #CCC;
}

#buscar .input-buscar{
margin:0 4px;
float:left;
}

.cat, .tags{
border-top:1px solid #CCC;
padding:10px 0 10px 20px;
}

ul, li{text-decoration:none;}

.tags li{
	display:inline;
	margin:0; padding:0;
}
	
.tags ul li a{
color:#039;
font-weight:400;
background-position: 0 6px;
padding:0 2px;
line-height:1em;
}
	.tags .small{
	font-size:14px;
	}
	.tags .medio{
	font-size:20px;
	}
	
	.tags .big{
	font-size:26px;
	}
	
.cat ul li a{
color:#039;
font-weight:400;
background:url(../img/point.gif) no-repeat;
background-position: 0 6px;
padding:0 10px;
line-height:1.3em;
}

.cat ul li a.no-point{
background:none;
}

.cat ul li.link-post a { 
font:10px Verdana, Geneva, sans-serif;
background:none;
font-weight:700;
color:#F63;
}

ul.relacionados li{
margin-top:10px;
list-style:circle;
margin-left:40px;
}

ul.relacionados li a{
font:14px Arial, Helvetica, sans-serif;
color:#630;
}

/* -----------8-footer--------------------------- */
#footer {
clear:both;
text-align: center; 
padding:10px;
border-top:1px solid #CCC;

}

#footer p{
	font-size:11px;
	word-spacing:-1px;
	
	padding:4px 0;
	font-family:"Georgia", "Times New Roman", Times, serif;
	color:#000;
}

#footer p a{

color:#039;
font-weight:400;
}

/* -----------9-utilidades--------------------------- */
#legal{
padding:20px;
}

.txt-table-left{
font:12px Verdana, Geneva, sans-serif;
line-height:2em;
float:left;
}

.txt-table{
font:12px Verdana, Geneva, sans-serif;
line-height:2em;
}

tr.linea-col{
background:#FFF;
}

.euribor{
	width:250px;
	margin:0 auto;
	padding:3px 0;
}

.flag{
float:left;
margin:10px 5px 5px 0;
}

div.tabla{
clear: none;
overflow: auto;
}

div.fila{
clear: both;
}

div.col_titulo{
float: left;
border:0px solid #ccc;
width:140px;
margin:0px;
text-align:center;
margin-bottom:10px;
}
div.col_titulo h2{
	font-size:14px
}

div.col_titulo img{
width:100px;
margin:0px;
padding:0px;
float:left;
clear:both;
padding-bottom:10px;

}

div.button{
float: left;
padding: 5px;
text-align:center;
margin-top:30px;
}

/* subfooter */

div#subfooter  {
overflow:hidden;
padding:0 0 20px;
}

div#subfooter a img {
border:none;}

div#subfooter p {
color:#666666;
font:11px Arial,Helvetica,sans-serif;
}
div#subfooter p.enlaces_externos {
line-height:19px;
padding:5px 0 0;
text-align:center;
}
div#subfooter p.enlaces_externos a {
border-right:1px solid #777777;
font-size:11px;
margin:0 5px 0 0;
padding:0 5px 0 0;
text-decoration:none;
}
.derecha {
float:right;
margin-left:20px;
margin-top:8px;
}
.left {
float:left;
margin-top:5px;
}
p.logo_conteneo {
float:left;
margin:0 30px 0 15px;
padding:10px 0 0;
}
div.miembro {
float:right;
margin:9px 9px 0 20px;
}
div.miembro .literal {
color:#999999;
font-size:11px;
overflow:hidden;
}
div.miembro a {
float:left;
margin:0 5px 0 0;
text-decoration:none;
}
div.miembro span {
color:#999999;
display:block;
font-size:10px;
text-align:left;
margin:0 0 7px 0;
}

.copy{margin:0 0 0 20px;}

/* subfooter ende */