/* 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
*/

/* bloque contenedor y detalles */
#web{
	width:100%;
	height:auto;
}
#contenedor{
	width:960px;
	height:auto;
	margin-top:23px;
	margin-bottom:5px;
	display:block;
}
/* caja generica que se ajusta desde contenedorbd */
.cajagen{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	display:block;
	position:relative;
	}
/* caja generica que se ajusta desde contenedorbd flota Right */
.cajagenrt{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:right;
	display:block;
	position:relative;
	}
/* contenedores de patrones/modulos con 5 derecha e inferior de margen */
.contgen{
	width:100%;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	position:relative;
	display:block;
	}
/* interior de los patrones/modulos */
.areacn{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
	padding-bottom:0px;
}
.caja120{
	width:110px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja240{
	width:230px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja360{
	width:350px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja480{
	width:470px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
*html .caja480{
	width:470px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin:0px;
}

.caja600{
	width:590px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja720{
	width:710px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja840{
	width:830px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.caja960{
	width:950px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.cont110{
	width:110px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont230{
	width:230px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont350{
	width:350px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont470{
	width:470px;
	height:auto;
	margin-bottom:5px;
	margin-right:5px;
}
.cont590{
	width:590px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont710{
	width:710px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont830{
	width:830px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.cont950{
	width:950px;
	height:auto;
	margin-right:5px;
	margin-bottom:5px;
}
.agpcontv{
	width:230px;
	height:auto;
	padding:0px;
	margin:0px;
	position:relative;
	}
*html .agpcontv{
	width:230px;
	height:auto;
	padding:0px;
	position:relative;
	margin:0px;
	}
.contvi{
	width:110px;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	position:relative;
}
/*IE6 hack*/
*html .contvi{
	width:110px;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:0px;
	position:relative;
	padding-left:0px;
	padding-right:0px;
}

.contvd{
	width:110px;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-left:5px;	
	position:relative;
}
/*IE6 hack*/
*html .contvd{
	width:110px;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:0px;
	position:relative;
	padding-left:0px;
	padding-right:0px;
}
.caja110{
	width:110px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}

.caja230{
	width:230px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
* html .caja230{
	width:230px;
	height:auto;
	padding:0px;
	margin-bottom:0px;
	float:left;
	position:relative;
	}

.caja470{
	width:470px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
.caja590{
	width:590px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
.caja710{
	width:710px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
.caja830{
	width:830px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
.caja950{
	width:950px;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
	}
.rotulo {
	width:100%;
	height:auto;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	position:relative;
}
.rotulointerior {
	padding-left:4px;
	position:relative;
}
.rotulo110{
	width:106px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
.rotulo230{
	width:226px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
.rotulo470{
	width:466px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
.rotulo470negro{
	width:466px;
	height:23px;
	float:left;
	background-color:#2a2623;
	color:#FFFFFF;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	position:relative;
}
.rotulo590{
	width:586px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
	
.rotulo710{
	width:706px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
.rotulo830{
	width:826px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}
.rotulo950{
	width:946px;
	height:17px;
	float:left;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:0px;
	}