/* -------------------------------------------------------------- 
  
   Dinamiclab CSS Framework
   (basado en Blue Print CSS)
   	* Website:   http://code.google.com/p/blueprintcss/

-------------------------------------------------------------- */

/*importamos las distintas hojas de estilos*/


@import 'lib/reset.css';
@import 'lib/fuentes.css';
@import 'lib/grilla.css';
@import 'lib/form.css';


/*Funcionalidades extras*/

@import 'plugin/botones.css';

 

/*Funcionalidades de este proyecto*/


#banner{
	background-image: url("../../img/banner.jpg");
	background-repeat: no-repeat;
	height:91px;
	margin: 5px 0px 10px 0px;
	border: 2px solid #fff;
	width: 815px;
}

#contenedor{
	overflow: hidden;
}

#menu_izq{
	background-image: url("../../img/menuIzq_centro.jpg");
	background-repeat: repeat-y;
	width:183px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -263px;
}

	#menu_izq ul{
		margin:100px 0px 0px 7px;
		width:161px;
	}
	
	#menu_izq li{
		border-bottom:1px solid #fff;
		list-style-type: none;
	}
	
	#menu_izq a{
		text-decoration:none;
		color:#D2D2D2;
		font-size:120%;
		font-weight: bold;
		margin-left: 3px;
	}
	
	#menu_izq a:hover{
		text-decoration:none;
		color:#333;
		font-weight: bold;
	}

	
	#izq_centro{
		background-image: url("../../img/menuIzq_arriba.jpg");
		background-repeat: no-repeat;
		padding:20px 5px 5px 5px;
		
	}
	
	#abajo{
		background-image: url("../../img/menuIzq_abajo.jpg");
		background-repeat: no-repeat;
		background-position: bottom;
		height: 263px;
		
	}
	
	#abajo img{
		margin:5px 0px 0px 11px;
	}
	
	#abajo h3{
		width: 155px;
		font-size: 120%;
		color: #716855;
		margin:5px 0px 0px 11px;
		padding:0px 0px 0px 5px;
		background-color: #fff;
		text-align:center;
	}
	
#menu_der{
	background-color:#433B33;
	height: 100%;
	padding-bottom: 30000px;
    margin-bottom: -30000px; 
}
	

	#menu_der ul{
		list-style: none;
		text-align: center;
		margin: 0px auto;
	}
	
	#menu_der li{
		list-style: none;
		text-align: center;
		
	}


#centro{
	background-color:#D4CEC2;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}

	#publicidad{
		margin-top: -10px;
	}

	#texto{
		padding: 0px 5px 0px 0px;
		margin: 0px auto;
	}
	#texto ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
		float: left;
		width: 100%;
	}

	#texto ul li{
		display: inline;
			
	}
	
	#texto li{
	width:215px;
	padding-left: 5px;
}

	#texto div{
		background-color: #C3B390;
		width:215px;
		padding: 5px;
		margin: 2px;
		height:150px ;
	}
	
	#texto h2{
		color:#433B33;
		font-size: 150%;
		font-weight: bold;
	}
	
	.texto a{text-decoration: none;color:#433B33;font-size: 100%;font-weight: bold;}
	.texto a:hover{text-decoration: underline;color:#433B33;font-weight: bold;}
	
	.mas a{text-decoration: none;color:#597D89;	}
	.mas a:hover{text-decoration: underline;color:#597D89;	}


#footer{
	margin-top: 10px;
	background-color:#B2B1AA;
	clear:both;
	height: 30px;
	padding:10px;
}



SECCIONES
//////////////////////////////////////////////////////////////////
*/
#secciones{
	margin: 0px auto;
	
}

	#estoy_sec{
		background-color:#A4A39F;
		padding-left: 5px;
		color: #000000;
	}
	
	#banner_sec{
		background-color: #ffffff;
		margin: 0px auto;
	}
	
	#posts{
		padding:10px 5px 5px 5px;
		margin: 0px auto;
		height: 220px;
		min-height: 220px;
		border-bottom: 1px dotted #fff;
	}

	#posts h2{
		color:#433B33;
		font-size: 150%;
		font-weight: bold;
	}
	
	#posts p{
		font-size: 110%;
	}
	
	#posts a{
		text-decoration: none;
		color:#597D89;
	}

	#izq img{
		padding: 5px;
		vertical-align:top;
	}

	#der{
		width: 350px;
		vertical-align:top;
	}
	
	#contenido_sec{
		padding: 5px;
		margin: 0px auto;
	}
	
		#contenido_sec img{
			margin: 0px auto;
			padding: 5px;
		}
	
		#contenido_sec div{
			margin: 0px auto;
			padding: 5px;
		}
		
		#contenido_sec h2{
			color:#433B33;
			font-size: 150%;
			font-weight: bold;	
		}
	
		.red{
			color: #8C0021;
		}
		
		#contenido_sec p{
			font-size: 110%;
		}
		
	.cd_revista{
		background-color: #C7C1B8;
		height: 105px;
		padding: 5px;
	}	
	
	#izq_revista{
		padding: 5px;
		vertical-align:top;
	}	
		
	#der_revista{
		width: 170px;
		vertical-align:top;
		
	}	
	
	#der_post{
		width: 270px;
		padding-right: 5px;
	}
	
	#izq_post{
		width: 150px;
		padding-left: 5px;
	}

	#posts_sec{
		padding:15px 5px 15px 5px;
		margin: 0px auto;
		height:118px;
		min-height: 118px;
		border-bottom: 1px dotted #fff;
		overflow:visible;
	}
	
		#posts_sec h2{
			color:#433B33;
			font-size: 150%;
			font-weight: bold;
		}
		
		#posts_sec p{
			font-size: 110%;
		}
	
		#posts_sec a{
			text-decoration: none;
			color:#597D89;
		}
	
	
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }