/* CSS principal para MBC usos de class= 
Application: MBC Model of Boxes and Containers v.8
Author: Juan Menéndez Crespo
Info: http://www.mastercafe.com
Copyright: Juen Menéndez Crespo - Mastercafe SL ©2003-2008. All rights reserved
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif, trebuchet;
	background-color:#2a2623;
	font-size:0.7em;
	padding:0px;
	margin:3px;
}
input {
	font-size:10px;
	}
select {
	font-size:10px;
	}
a {
	text-decoration:none;
	color:#000000;

	}
p {
	margin: 0px 0px 1em 0px;
}
img {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	border:0px;
	}
*html img {
	margin-bottom:-3px;
	}
*html img a{
	margin-bottom:-3px;
	}
.divimg {
}

td.contentarea {
    padding: 0px;
    }


/* clases para los contenidos de la web de los bloques principales */
.banner480{
	width:470px;
	height:auto;
	margin-bottom:5px;
	float:left;
	background-color:#FFFFFF;
}
.areac{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:0px;
	position:relative;
}
.areac110{
	width:110px;
	height:auto;
	float:left;
	margin-bottom:0px;
	position:relative;
}
.areac230{
	width:230px;
	height:auto;
	float:left;
	margin-bottom:0px;
	position:relative;
}
.areac470{
	width:470px;
	height:auto;
	float:left;
	margin-bottom:0px;
	position:relative;
}
.areac950{
	width:950px;
	height:auto;
	float:left;
	margin-bottom:0px;
	position:relative;
}
* html areacn {
	height:1px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
	padding-bottom:0px;
}
/*fijamos una columna con espacio vacio a la izquierda para fotos*/
.contentcolumn{
	margin-left:240px;
}
/*creamos la columna que va encajada a la izquierda*/
.leftcolumn {
	float:left;
	width:240px;
	margin-left:-100%;
	}
.areacn110{
	width:110px;
	height:auto;
	float:left;
	overflow:hidden;
	position:relative;
}
.areacn230{
	width:230px;
	height:150px;
	float:left;
	overflow:hidden;
	position:relative;
}
.areacn385{
	width:385px;
	height:95px;
	float:left;
	overflow:hidden;
	position:relative;
}
.areacn470{
	width:100%;
	height:150px;
	float:left;
	position:relative;
}
.areacn710{
	width:710px;
	height:150px;
	float:left;
	position:relative;
}
.imgdiv{
	width:auto;
	height:auto;
	padding-right:10px;
	float:left;
	display:block;
}
.img75{
	width:70px;
	height:90px;
	padding-right:10px;
	padding-left:5px;
	padding-bottom:5px;
	float:left;
}
.img110{
	width:110px;
	height:75px;
	padding-right:10px;
	float:left;
}
/*IE6 Hack */
* html .img110{
	width:110px;
	height:75px;
	padding-right:0px;
	float:left;
}

.img110i {
	width:110px;
	height:150px;
	padding-right:10px;
	float:left;
	display:block;
	}
/*IE6 Hack */
* html .img110i{
	width:110px;
	height:75px;
	padding-left:0px;
	float:left;
}
.img110d {
	width:110px;
	height:150px;
	padding-left:10px;
	float:right;
	display:block;
	}
/*IE6 Hack */
* html .img110d{
	width:110px;
	height:75px;
	padding-left:0px;
	float:right;
}
.img150{
	width:150px;
	height:auto;
	padding-right:10px;
	float:left;
}
/*IE6 Hack */
* html .img150{
	width:150px;
	height:auto;
	padding-right:10px;
	float:left;
	margin-bottom: -3px;
}

.img220{
	width:230px;
	height:220px;
	float:left;
}
/*IE6 Hack */
* html .img220{
	width:230px;
	height:220px;
	float:left;
	padding:0px;
	margin-bottom:-3px;
}

.img230{
	width:230px;
	height:150px;
	padding-right:10px;
	float:left;
	display:block;
}
/*IE6 Hack */
* html .img230{
	width:230px;
	height:150px;
	padding-right:10px;
	float:left;
	margin-bottom: -3px;
}
.rotulocn{
	height:auto;
	float:left;
	font-size:1.5em;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
}
.rotulocn110{
	width:110px;
	height:auto;
	float:left;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;

}
.rotulocn230{
	width:230px;
	height:auto;
	float:left;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
.rotulocn385{
	width:385px;
	height:auto;
	float:left;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
.rotulocn470{
	width:470px;
	height:auto;
	float:left;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
.rotulocn470negro{
	width:470px;
	height:auto;
	float:left;
	background-color:#2a2623;
	padding-top:5px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
.rotulocn710{
	width:710px;
	height:auto;
	float:left;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
	position:relative;
	top:0px;
	left:0px;
}
.rotulogenerico{
	background-color:#FFFFFF;
	font-size:20px;
	font-family:"Times New Roman", Times, serif, verdana, arial;
	padding-top:7px;
	padding-bottom:2px;
}
.deta{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	position:relative;
}
.deta110{
	width:110px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta230{
	width:230px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta230s{
	width:230px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta385{
	width:385px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta470{
	width:470px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta470s{
	width:470px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.deta710{
	width:710px;
	height:auto;
	float:left;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.areacnpie{
	width:100%;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpieblog{
	width:100%;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpie110{
	width:110px;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpie230{
	width:230px;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpie470{
	width:470px;
	height:18px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpie470simple{
	width:470px;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}
.areacnpie470blog{
	width:470px;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	display:block;
	position:relative;
	float:left;
}
.areacnpie470a{
	width:470px;
	height:1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-bottom:5px;
	display:block;
	position:relative;
	float:left;
}
.pielista{
	width:100%;
	height:auto;
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	float:left;
	position:relative;
	left:0px;
	margin-right:0px;
}
.pielista a{
	color:#FFFFFF;
	text-decoration:none;
}
.pielista230{
}

.pielista470{
	width:460px;
	height:20px;
	background-color:#2a2623;
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	float:left;
	position:relative;
	left:0px;
	bottom:16px;
	margin-right:0px;
}
areacnpie470 {}
*html .pielista470{
	width:460px;
	height:20px;
	background-color:#2a2623;
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	float:left;
	position:relative;
	left:0px;
	bottom:16px;
	margin-right:0px;
}
.pielista470 a{
	color:#FFFFFF;
	text-decoration:none;
}
.pielista710{
	width:701px;
	height:20px;
	background-color:#2a2623;
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	float:left;
	position:relative;
	left:0px;
	bottom:16px;
	margin-right:5px;
}
*html .pielista710{
	width:700px;
	height:20px;
	background-color:#2a2623;
	color:#FFFFFF;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	float:left;
	position:relative;
	left:0px;
	bottom:16px;
	margin-right:0px;
}
.pielista710 a{
	color:#FFFFFF;
	text-decoration:none;
}
.areacrotulorss {
	width:16px;
	height:16px;
	float:right;
	bottom:1px;
	right:1px;
	position:relative;
	}
.masinfo {
	width:9px;
	height:9px;
	float:right;
	bottom:3px;
	right:5px;
	position:absolute;
	}
.separador {
	width:auto;
	height:5px;
	float:left;
	background-color:#FFFFFF;
	}
.txtscroll a {
	color:#FFFFFF;
	}
/* bloque footer o pie de la web */
#footer {
	width:inherit;
	height:auto;
	background-color:#2a2623;
	color:#999999;
	padding-left:4px;
}
#footer a {
	color:#999999;
	text-decoration:none;
	}
	
/* lectores RSS mostrar sus contenidos */
.titulo_rss a{
         font: bold 13px "Trebuchet MS", Verdana, Arial;
         color: #676D46;
         text-decoration:none;
         display:block;
         margin-top:5px;
}
.titulo_rss a:hover{
         color: #666;
}
.descripcion_rss {
         font: 11px Verdana, Arial, Helvetica, sans-serif;
         color: #888;
         display:block;
         margin-top:5px;
		 margin-bottom:5px;
}
.fecha_rss {
         font: 10px "Lucida Sans Unicode", Verdana, Arial, Georgia;
         color: #CC6633;
}

/* bloque de thumbnails para galeria */
.thumbnail{
	padding: 3px 3px 5px 3px;
	background-color: #222222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}