﻿.img-r {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.img-l {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}




/*
------------------------------------------------
ARTICULO ITEM (para listados)
------------------------------------------------
*/
.articuloItem
{
	padding-bottom:10px;
}

.articuloItem .t
{
	margin-left:0px;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
}

.articuloItem .b
{
    margin-left:0px;
    
}

.articuloItem .i
{
    float:left;
    width:80px;
    min-width:80px;
    margin-right:10px;
    margin-bottom:10px;
}

.articuloItem .lineaPuntos
{
    margin-top:5px;
}

/*

/*
------------------------------------------------
ARTICULO ITEM BLOQUE
------------------------------------------------
*/
.articuloItemBloque
{
	
}

.articuloItemBloque .imagen
{
	margin-right:10px;
		
}
	
.articuloItemBloque .seccion
{
	border:none;
	font-size:0.8em;
}

	
.articuloItemBloque .volanta
{
	border: none;
	font-size: 0.8em;
}

.articuloItemBloque a.titulo,
.articuloItemBloque a.titulo:link
{
	color: #1C4C34;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
.articuloItemBloque a.titulo:hover
{
	text-decoration:underline;
}


.articuloItemBloque .bajada
{
	
}
	
.articuloItemBloque .separadorAbajo
{
	height: 5px;
	border-bottom: #a9a9a9 1px dotted;
}
.articuloItemBloque .separadorArriba
{
	height: 5px;	
}

#tablaArticuloItemBloque
{
	text-align:left;
}

#tablaArticuloItemBloque .colImagen
{
	vertical-align: top;
	text-align:left;
	width:80px;
	
}

#tablaArticuloItemBloque .colBajada
{
	vertical-align: top;
	width:100%;
	
	
}
	


/*
-----------------------------------------------------------------
ARTICULO ITEM BLOQUE PRINCIPAL
------------------------------
Cada item se divide en secciones:
       b1, b2, b3
y a su vez en tres sectores: 
       l, c, r (left, center, right)
-----------------------------------------------------------------
*/
#bloque1
{	
	margin-left:5px;
	margin-bottom:10px;
	padding-top:10px;	
	width:450px;
	float:left;
}
#bloque2
{
	margin-left:5px;
	padding-top:10px;	
	width:220px;
	float:left;
	display:inline;
}
#bloque3
{
	margin-left:10px;
	padding-top:10px;
	width:220px;
	float:left;
}
#bloque4
{
	margin-left:10px;
	margin-top:20px;
	margin-bottom:30px;
	width:440px;
	float:left;
	display:inline;
}

.clear
{
	clear:both;
}

.relleno
{
	height:5px;
}

/*------------- BLOQUE 1 -------------*/
.bloque1
{
	width:100%;
}

.bloque1 .titulo
{

	color:#2E7E3E;
	font-weight:bold;
	white-space:normal;
	text-align:left;
	font-size:1.3em;
	margin-top:3px;
}

.bloque1 .titulo a
{	
	color:#2E7E3E;
	text-decoration:none;
	
}
.bloque1 .titulo a:hover
{
    background-color:Transparent;
	text-decoration:underline;
}

.bloque1 .fecha
{	
	float:left;	
	font-size:0.8em;
}


.bloque1 .bajada
{
	width:95%;
	color: #696969;
	line-height: 14px;
	text-align:left;
}
.bloque1 .bajada .relleno
{
	display:none;
}


.bloque1 .fecha
{
	float: left;
	color: #a9a9a9;
	top:0px;	
	
}


.bloque1 .pie
{
	text-align:right;
	vertical-align:middle;
	margin-left: 10px;
	margin-right: 10px;
}

.bloque1 .pie a
{
	/*text-decoration:none;
	color:#1C4C34;
	font-weight:bold;*/
}
 .bloque1 .pie a:hover
{
	/*text-decoration:underline;
	background-color:#A5C5B3;*/
}

 .bloque1 .separador
{
	height: 1px;
	min-height:1px;
	border-top: #a9a9a9 1px dotted;
	
	background-color:Transparent;
}





/*------------- BLOQUE 2 -------------*/
.bloque2
{
	width:100%;
}

.bloque2 .titulo
{

	color:#2E7E3E;
	font-weight:bold;
	white-space:normal;
	text-align:left;
	font-size:1.1em;
}

.bloque2 .titulo a
{	
	color:#2E7E3E;
	text-decoration:none;
	
}
.bloque2 .titulo a:hover
{
    background-color:Transparent;
	text-decoration:underline;
}

.bloque2 .fecha
{	
	float:left;	
	font-size:0.8em;
}


.bloque2 .bajada
{
	width:95%;
	color: #696969;
	line-height: 14px;
	text-align:left;
}
.bloque2 .bajada .relleno
{
	display:none;
}


.bloque2 .fecha
{
	float: left;
	color: #a9a9a9;
	top:0px;	
	
}


.bloque2 .pie
{
	text-align:right;
	vertical-align:middle;
	margin-left: 10px;
	margin-right: 10px;
}

.bloque2 .pie a
{
	/*text-decoration:none;
	color:#1C4C34;
	font-weight:bold;*/
}
 .bloque2 .pie a:hover
{
	/*text-decoration:underline;
	background-color:#A5C5B3;*/
}

 .bloque2 .separador
{
	height: 1px;
	min-height:1px;
	border-top: #a9a9a9 1px dotted;
	
	background-color:Transparent;
}



/*------------- BLOQUE 3 -------------*/
.bloque3
{
	width:100%;
}

.bloque3 .titulo
{

	color:#2E7E3E;
	font-weight:bold;
	white-space:normal;
	text-align:left;
	font-size:1.1em;
}

.bloque3 .titulo a
{	
	color:#2E7E3E;
	text-decoration:none;
	
}
.bloque3 .titulo a:hover
{
    background-color:Transparent;
	text-decoration:underline;
}

.bloque3 .fecha
{	
	float:left;	
	font-size:0.8em;
}


.bloque3 .bajada
{
	width:95%;
	color: #696969;
	line-height: 14px;
	text-align:left;
}
.bloque3 .bajada .relleno
{
	display:none;
}


.bloque3 .fecha
{
	float: left;
	color: #a9a9a9;
	top:0px;	
	
}


.bloque3 .pie
{
	text-align:right;
	vertical-align:middle;
	margin-left: 10px;
	margin-right: 10px;
}

.bloque3 .pie a
{
	/*text-decoration:none;
	color:#1C4C34;
	font-weight:bold;*/
}
.bloque3 .pie a:hover
{
	/*text-decoration:underline;
	background-color:#A5C5B3;*/
}

.bloque3 .separador
{
	height: 1px;
	min-height:1px;
	border-top: #a9a9a9 1px dotted;
	
	background-color:Transparent;
}





/*------------- BLOQUE 4 -------------*/
.bloque4
{
	width:100%;
	min-height:21px;
	background-image:url('imagenes/principal/item.png');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

.bloque4 .titulo
{

	color:#2E7E3E;
	white-space:normal;
	text-align:left;
	font-size:1em;
	margin-left:25px;
}

.bloque4 .titulo a
{	
	color:#2E7E3E;
	text-decoration:none;
	
}
.bloque4 .titulo a:hover
{
    background-color:Transparent;
	text-decoration:underline;
}

.bloque4 .fecha
{	
	display:none;
}

.bloque4 #i
{	
	display:none;
}


.bloque4 .bajada
{
	display:none;
}
.bloque4 .bajada .relleno
{
	display:none;
}


.bloque4 .fecha
{
	float: left;
	color: #a9a9a9;
	top:0px;		
}

.bloque4 .pie
{
	display:none;
}

.bloque4 .pie a
{
	/*text-decoration:none;
	color:#1C4C34;
	font-weight:bold;*/
}
 .bloque4 .pie a:hover
{
	/*text-decoration:underline;
	background-color:#A5C5B3;*/
}

.bloque4 .separador
{
	height: 1px;
	min-height:1px;
	border-top: #a9a9a9 1px dotted;	
	background-color:Transparent;
	display:none;
}







