body{width:960px;margin:auto;}

#header{height:83px;/*la altura es la de la imagen*/
padding: 0px;margin: 0px;/*se sobreescriben posibles asignaciones.*/
background-color:#F7F3E1;
width:auto!important;}

#logo{	float: left;}

#stats{	background: transparent;
				font-size:90%;float: right;
				text-align:right;padding:0;margin:0;}	
#stats p {margin:0;}
#stats p#hoy {font:bold 120% "Times New Roman",Times,serif;color:#647D8F;}


#footer{background:  #F7F3E1;
	clear: both;
	position: relative;
	text-align: center;
	font-size:90%;
	padding:1px 0px; 
	height: 7ex;}
			
#faldon{
	background:#647D8F;
	color:#CFDCE6;
	font:75% Arial,Verdana,Helvetica,sans-serif;
	padding:0.8em;
	position:relative;
	text-align:center;
	z-index:1;
	clear:both;}
#faldon a{color:#fff !important;}

#navegacion ul {margin: 0;
  padding-bottom:4px;
  list-style-type: none;
  text-align: center;
  background-color:#647D8F;}
#navegacion ul li {display: inline; }
#navegacion ul li a:link,#navegacion ul li a:visited{text-decoration: none;
  padding: 0.2em 1em;
  color: #CFDCE6;}
#navegacion ul li a:hover {color:#fff !important;}

#Shome li#home,#Sautores li#autores,
#Sproyectos li#proyectos,#Salfa li#alfa,
#Sblogs li#blogs,#Snoticias li#noticias,#Santeriores li#anteriores
 {background-color:#F7F3E1;color: #CFDCE6 !important;}

#Shome li#home a,#Sautores li#autores a,
#Sproyectos li#proyectos a,#Salfa li#alfa a,
#Sblogs li#blogs a,#Snoticias li#noticias a, #Santeriores li#anteriores a 
 {text-decoration: none;
  padding: 0.2em 1em;
  color:#647D8F  !important;
  cursor:default;}

#content{width:auto;
background:#FFF url(vignette.gif) repeat-x;
padding:11px 6px 11px 12px !important;
min-height: 400px;
}

#principal {float:left;
width:78%;
padding-right:1px;
margin-left:0px;	 
margin-right:1%;}
/*es necesario poner un envolvente relative para posicionarlo luego absolutamente*/
#capa_relative {position:relative;}
#blogpreview {position:absolute;
width:26%;
border:1px solid #7088B0;
border-width: 0 1px 1px 1px;		 
right:0;	
top:0;
background: #fff;
padding:0;}

#blogpreview p{padding:0 1em 1em 1em;}
#blogpreview dl{padding:0 1em;}
#blogpreview dt{padding-top:1.5em;}

#capa_contenido{float:right; 
overflow: visible !important; 
overflow:hidden;
width:74.3%;	
padding:0 0 20px 0;
margin:0;}

#recent {background:#fff;
width:62.2%;
padding:0; 
display: block;
margin-bottom: 10px !important ;
border: 1px solid #7088B0;
border-width: 0 1px 1px 1px;}

.art {position:relative;
margin:15px 5px 27px 5px;}

.art h3{font-size:100%;
font-weight: bold;margin-bottom:5px;}

.art p{font-size:90%;
margin-top:0;
margin-left: 78px;/*estaba en 70 originalmente*/
margin-bottom: 24px;}	

/* imagenes articulos */
.art .w1 {float: left;
    margin-right: 2px;
    margin-bottom: 8px;
    background:url(sombra.gif) right  bottom no-repeat;}
.art .w2 {background:url(esq_s.gif) left  bottom no-repeat;}
.art .w3 {padding:0 4px 4px 0;
  background:url(esq_i.gif) right  top no-repeat;}
.art .w3 img {padding:2px;
  background-color: #FFFFFF;
  border: 1px solid #647D8F;}

#anterior dl{margin-left:5em;}
#anterior h3{margin:2em 0 0 0;}
.artespecial{
 background-color: #CFE6CF;
 border: 1px solid #72A372;
 margin: 5px;
}	
.antetitulo{margin: 0 !important;padding:0 !important; color:	#BF6060;
						font: normal 80% "Times New Roman",Times,serif;
						letter-spacing: 0.1em  ;}

#col1{
/*overflow: hidden;*/
float:left;
clear: left;
width:24%; 
margin:0 0 0 0;}


.nav  {background:#F9FAF9;
border: 1px #7088B0 solid;
border-width: 0 1px 1px 1px !important;
margin-bottom:11px ; 
overflow: hidden;
width:auto!important;
width:99%;} 

.product  {width:auto!important;	
width:99%;
overflow: hidden;	
background-color: #FFFAF0; 
border:1px solid #BF6060;
border-top:0 none; 
margin-bottom:11px ; 
position: relative;}

h2.tit{margin:0;background-color:#647D8F;overflow: hidden;
		 color:#fff;
		 font-weight: bold;
		 font-size:100%;
		 padding:0.1em 0 0.1em 0.2em;}
h2.seccionespecial{margin:0;
		 padding: 0.2em 0.5em 0.5em 0.5em;
     background-color:#F9FAF9;overflow: hidden;
     border-top: 1px #647D8F solid;
		 color:#BF6060;
		 font-style: italic;
		 font-weight: normal;
		 font-size:110%;}
h2.seccionespecial .sep{font-style: normal;}
		 
.product h2.tit{border:1px solid #BF6060;	background-color: #BF6060;}
.nav h3,.product h3,.nav h4,.product h4{
		 font-weight: bold;
		 font-size:100%;
		 padding:0.1em 0 0.1em 0.5em;
		 line-height:130%;}
.product h3{color: #BF6060;}
.nav ul,.product ul{margin: 5px ;
		 padding:0 0.5em 1em 2em;  
		 line-height:1.5em; font-size:85%;
		 font-weight:normal;
		 border: 1px #7088B0 solid;
		 border-width: 0 0 1px 0;}
.nav li,.product li{margin: 0 5px 2px 5px;
		 padding:0;color:#647D8F;}
.nav p,.product p,.nav form,.product form{padding:0 1em 1em 1em;font-size:0.85em;}

.linklist{border:0 !important;
					margin-right:0;
					padding-right:0;}

.medio{width:47%;line-height:100%;
float:left;
padding:0 3px;
margin:0 0 5px 5px;	 
overflow: hidden;}

.medio h3,.medio h4{padding:0.2em 0 0 0;margin:0;}
.medio p{padding:0.2em 0;}
.medio img{margin:0 7px 4px 0;}
.medio h3 img{float:left;
  padding:0.1em 0 0.2em 0;}
.medio h3 .we{float:left;margin:0 0.4em 0.1em 0;
  padding:0.1em 0 0.1em 0;}
.medio h3 .we img.e{ padding:2px; margin:0;
  background-color: #FFFFFF;
  border: 1px solid #647D8F;}
	
img.audelegere{float:left;
  padding:0.1em 0.3em 0.1em 0;}
/*
.medio h3 .w1 {float: left;
    padding:0 0 0.3em 0;
    margin: 0 2px 8px 0 ;
    background:url(sombra.gif) right  bottom no-repeat;}
.medio h3 .w2 {background:url(esq_s.gif) left  bottom no-repeat;}
.medio h3 .w3 {padding:0 4px 4px 0;
    background:url(esq_i.gif) right  top no-repeat;}
.medio h3 .w3 img.e {padding:1px;float:clear;
  margin:0;
  background-color: #FFFFFF;
  border: 1px solid #647D8F;}
	*/
#auxiliar {float:left;
width:19.58%;	
margin:0;}

#blogdire{
  padding-left:5px;
	font-size:90%;
}
#blogdire img{
  float: left;
	margin-right:5px;
  padding:2px;
	border: 1px #7088B0 solid;
}


/* PIE clearfix */
.clearfix:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.clearfix {display:block;}

* html .clearfix {height:1%;}


.vermas{ font: normal 80% Arial,Helvetica,sans-serif;
 margin:0;
 padding:0;
 text-align:right;}
 
 
img.imgDer{float:right; margin:0 0 10px 10px;}
img.imgIzq{float:left;  margin:0 10px 10px 0;}
img.imgMed {
display: block;
margin:10px auto;}