/*
* CSS especifico de customización de diarios
* Autor: Matías - NetOne
*/


/**********************************
* Header
***/
#header{
height:120px;
}

.header-flash{
height: 130px;}
/***************************/



/* *******************************
* Menu superior 
*/
#menu-top ul {
margin:0px;
padding: 1px 8px;
background-color:#f3f3e7;
border-bottom: 3px solid #b33818;
height: 43px;
}

#menu-top ul li {
background-color:#f3f3e7;
margin-right: 1px;
height: 30px;
float: left;
}

#menu-top ul li a {
display: block;
font-family: "Trebuchet MS";	
font-weight: bold;
font-size: 16px;	
text-decoration: none;
color: #666;
padding: 12px 10px 2px 10px;
height: 30px;
border-right: 1px solid #EFDEDE;
float: left;	
}

#menu-top ul li a:hover {
background: #b33818;
color: #fff;
}
/******************************************/




/*****************************************************
* Div contenedora de Fecha y span que muestra la fecha
*/
#fecha{
margint:3px 0 0 0;
}
#fecha span {
font-size:11px;
font-weight: bold;
border-bottom:1px solid #999;
}
/*****************************************************/


/**************
* Clima 
*/
.clima{
font-size:11px;
visibility: hidden;
}
/**************/


/****************************************************
* Marquesina (a traves del tag html <MARQUEE>) 
*/
.linkmar {
background-color:#f3f3e7;
font-family: Verdana;
font-size:11px;
height:15px;
}
/* notas que van pasando por la marquesina */
.linkmar a{
color: #5E2F2F;
height:15px;
}
/********************************************/






/*******************************************
* Acaba de Pasar!
*/
#acabadepasar h5 a{
color: #666666;
}
#acabadepasar{
height:2px;
display:none;
}

/***************************************/





/*********************************************************
* ** Notas
*/

/* Caja - (afecta a todas las notas exceptuando
		   la nota detallada y notas del cierre ) */
.caja{
border:1px  dashed #CCCCCC;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
}

/* párrafo dentro de notas*/
.caja p{
font-size:11px;
}


/* copete de las noticias */
.copete{
font-size: 12px;
}

/* epigrafe de las noticias */
.epigrafe{
text-align: center;
background-color:#eee;
font-size: 12px;
}


/* titulos de nota */
.caja H3 a{
color: #5E2F2F;
text-decoration: none;
}

.titular{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.columna-grande .titular{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

.columna-grande .caja{
padding-left: 3px;
}


#columna-lateral .titular{
font-size: 12px;}


#ed-impresa{
background-color:#d3d3b1;
color: #555;}

#ed-impresa .caja{
border-bottom: 1px solid #999;
}

#impresa{
font-family: Arial, Helvetica, sans-serif;
margin:2px 5px;
font-size: 14px;
}

#ed-impresa .titular{
margin:4px 5px 2px 5px;
font-size: 11px;
}

/*********************************************************/




/********************************************************
*  Cierre ( notas de la parte inferior del home)
****/
.cierre{
border: 1px solid #eee;
line-height: 11px;
}

.cierre p{
font-size: 11px;
}

.cierre h5{

}
/*********************************************************/




/*******************************************************
* Footer
****/
.separador-cierre{
background-color:#f3f3e7;
color: #5E2F2F;
text-align: center;
}


.separador-cierre a{
color: #5E2F2F;
}


#footer{
}
/*****************************************************/




/**********************************
* Columnas 
***/

/** Para mostrar columna lateral a la izquierda
**/
#contentcolumn{
margin-right: 200px;
}

#columna-lateral{
float: left;
width: 200px; 
margin-left: -200px; 
background: #F5F5F5;
}


/** Para mostrar columna lateral a la derecha
**/
/*
#contentcolumn{
margin-right: 200px; 
float:right;
}

#columna-lateral{
float: right;
width: 200px; 
margin-left: -200px; 
background: #F5F5F5;
}*/


.columna{
float:left;
width: 255px;}

.columna-seccion{
float:left;
width: 255px;}

.columna-grande{
margin:0 5px;

width: 510px;
}

.columna-grande .caja{
background-color: #f3f3e7;
border:0;
border-bottom: 1px solid #EFDEDE;
}
/*********************************/



#detalle{
font-size: larger;
}

#detalle a {
color: red;
font-size: 10px;
}