/*                                                    CSS´s */
/* ---------------------------------------------- Generales */

body {
	margin: 0em;
	padding: 0em;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: #5f1707 url(../img/fnd-web.jpg) no-repeat bottom right;
}

html {
	margin: 0em;
	padding: 0em;
	height: 100%;
}

h1 {
	text-indent: -500em;
	float: left;
}

h2 {
	margin: 0em 0em 1em 1.3em;
	padding: 0em 0em 0em 1.5em;
	font: bold 1.4em Arial;
	color: #8a2711;
	width: 90%;
	text-transform: uppercase;
	background: url(../img/pepita.gif) no-repeat left;
	float: left;
}
html>body h2 {
	margin: 0em 0em 1em 2.6em;
}

h5 {
	margin: 2em 0em 0em 1.5em;
	padding: 0em;
	font: bold 1.2em Arial;
	color: #565656;
	width: 80%;
	text-transform: uppercase;
	float: left;
}
html>body h5 {
	margin: 2em 0em 0em 3em;
}

div.hr {
	margin: 0em;
	padding: 0em;
	background: url(../img/hr.gif) repeat-x;
	height: 0.1em;
	float: left;
	width: 100%;
}
html>body.hr {
	min-height: 0.1em;
	height: auto;
}
div.hr hr{
	display: none;
}

a {
	text-decoration: none;
	color: #8a2711;
	cursor: pointer;
}

a:hover {
	color: #af4c36;
}

img {
	border: none;
}


.enlace {
	margin: 0em;
	padding: 0em;
	width: 22.5%;
	height: 11em;
	background: url(../img/null.gif) repeat;
	float: left;
}
.enlace2 {
	margin: 0em;
	padding: 0em;
	width: 20%;
	height: 10em;
	background: url(../img/null.gif) repeat;
	float: left;
}

#righti {
	clear: both;
	}




/*                                         Página de inicio */
/* -------------------------------------------------------- */

#home {
	margin: 4em auto 0em auto;
	padding: 0em;
	width: 70em;
	height: 48.4em;
	background: #8e2e18 url(../img/fnd-home.jpg) no-repeat bottom;
	float: left:
}

ul#menuh {
	width: 90%;
	margin: 31em 0em 0em 0em;
	padding: 0em 0em 0em 4em;
	float: left;
}
ul#menuh li {
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 0em 2em;
	clear: both;
	float: left;
	background: url(../img/sep-men.gif) no-repeat top left;
	height: 0.8em;
}
html>body ul#menuh li {
	min-height: 0.8em;
	height: auto;
}
ul#menuh li li {
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 100%;
	background: none;
	float: left;
}
ul#menuh li a {
	margin: 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: bold 1.1em Arial;
	color: #ffffff;
	background-color: #842711;
	float: left;
}
ul#menuh li li a{
	margin: 0em 0em 0em 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: normal 1.1em Arial;
	color: #ffffff;
	background-color: #842711;
	float: left;
}
ul#menuh li.blog a {
	color: #ffffff;
	background: #6f1f0d;
}
ul#menuh li a:hover{
	color: #f0a371;
}

#pieinicio {
	margin: 0em auto;
	padding: 2em 0em 1em 0em;
	width: 82.5em;
	height: 2em;
	font: normal 1em Verdana;
	color: #f8ac78;
}
html>body #pieinicio {
	padding: 1em 0em 2em 0em;
	min-height: 1.5em;	
	height: auto;
}

#pieinicio p{
	float: right;
}





/*                                          Página interior */
/* -------------------------------------------------------- */

/* --------------------------------------------------- Menus */

#zonamenu {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 14em;
	float: left;
}
html>body #zonamenu {
	min-height: 18em;
	height: auto;
}

ul#menu {
	margin: 1.5em 0em 0em 25em;
	padding: 0em 0em 0em 0em;
	width: 22em;
	height: 2em;
	float: right;
}
html>body ul#menu {
	margin: 1.5em 0em 4em 25em;
	min-height: 2em;
	height: auto;
}
ul#menu li {
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 2.5em;
	float: left;
	background: url(../img/sep-men.gif) no-repeat top left;
	height: 0.8em;
	width: 70%;
}
html>body ul#menu li {
	min-height: 0.8em;
	height: auto;
}
ul#menu li a{
	margin: 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: bold 1.1em Arial;
	color: #ffffff;
	background-color: #842711;
	float: left;
}
ul#menu li a.selec{
	color: #f0a371;
}
ul#menu li.blog a:hover {
	color: #f0a371;
}
ul#menu li.blog a {
	background: #6f1f0d;
}
ul#menu li.cesta {
	background: url(../img/sep-ces.gif) no-repeat top left;
}
ul#menu li.cesta a {
	background: none;
}
ul#menu li.inter {
	background: url(../img/sep-int.gif) no-repeat top left;
}
ul#menu li.inter a {
	background: none;
}
ul#menu li a:hover{
	color: #f0a371;
}
ul#menu li li {
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 70%;
	background: none;
	float: left;
}
ul#menu li li a{
	margin: 0em 0em 0em 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: normal 1.1em Arial;
	color: #ffffff;
	background-color: #842711;
	float: left;
}
ul#menu li li a.selec{
	color: #f0a371;
}

ul#smenu {
	margin: 0em 0em 2em 2em;
	padding: 0em 0em 0em 3.6em;
	clear: both;
}
html>body ul#smenu {
	margin: 0em 0em 3em 2em;
}
ul#smenu li {
	list-style-type: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 0em 2.5em;
	background: url(../img/sep-men2.gif) no-repeat 0em;
	height: 0.8em;
	clear: both;
}
html>body ul#smenu li {
	margin: 1em 0em 0em 0em;
	padding: 0em 1em 0em 2.5em;
	height: 1.4em;
	flear: both;
}
ul#smenu li a {
	margin: 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: bold 1.1em Verdana;
	color: #565656;
	background-color: #e1e1e1;
	float: left;
}
ul#smenu li a:hover{
	color: #565656;
}
ul#smenu li.sel a {
	margin: 0em;
	padding: 0.2em 0.6em 0.3em 0.6em;
	text-decoration: none;
	font: bold 1.1em Verdana;
	color: #8e2e18;
	background-color: #f8e4e0;
	float: left;
}
ul#smenu li.sel a:hover{
	color: #8e2e18;
}





/* --------------------------------------------- Contenedor */

#contenedor {
	margin: 0 auto;
	padding: 0em 0em 1em 0em;
	width: 90em;
	height: 2em;
	background: #8a2711 url(../img/fnd-int.jpg) no-repeat;
}
html>body #contenedor {
	min-height: 30em;
	height: auto;
}

#contenedor-cialdos {
	margin: 0 auto;
	padding: 0em 0em 1em 0em;
	width: 90em;
	height: 2em;
	background: #8a2711 url(../img/fnd-intcialdos.jpg) no-repeat;
}
html>body #contenedor-cialdos {
	min-height: 30em;
	height: auto;
}





/* --------------------------------------------- Contenido */

#contenido {
	margin: 4em 0em 0em 0.9em;
	padding: 0em 0em 0em 0em;
	width: 870px;
	height: 10em;
	background: #ffffff url(../img/fnd-contenido.jpg) no-repeat top left;
	float: left;
}
html>body #contenido {
	margin: 0em 0em 0em 1.8em;
	width: 864px;
	min-height: 10em;
	height: auto;
}

#contenido p {
	margin: 3em 0em 0em 2.6em;
	padding: 0em 0em 0em 0em;
	width: 88%;
	font: normal 1.1em Verdana;
	color: #3b3b3b;
	float: left;
}
html>body #contenido p {
	margin: 3em 0em 0em 5em;
	width: 85%;
}

#contenido2 {
	margin: 4em 0em 0em 0.9em;
	padding: 0em 0em 0em 0em;
	width: 87em;
	height: 10em;
	background: #ffffff url(../img/fnd-contenido.jpg) no-repeat top left;
	float: left;
}
html>body #contenido2 {
	margin: 0em 0em 0em 1.8em;
	width: 864px;
	min-height: 10em;
	height: auto;
}

#contenido2 p {
	margin: 0em;
	padding: 0em;
	width: 88%;
	font: normal 1.1em Verdana;
	color: #3b3b3b;
	float: left;
}
html>body #contenido2 p {
	width: 85%;
}



#base {
	margin: 1em 0em 0em 0em;
	padding: 0em;
	width: 100%!important;
	height: 10em!important;
	background: #ffffff url(../img/base-contenido.jpg) no-repeat bottom right;
	float: left;
}
#base2 {
	margin: 1em 0em 0em 0em;
	padding: 0em;
	width: 100%!important;
	height: 10em!important;
	background: url(../img/base-contenido.jpg) no-repeat bottom right;
}
html>body #base2 {
	margin: 1em 0em 0em 0em;
	padding: 0em;
	width: 100%!important;
	height: 10em!important;
	background: url(../img/base-contenido.jpg) no-repeat bottom right;
	float: left;
}
.calidad {
	margin: 2em 0em 0em 2em!important;
	padding: 0em;
	float: left;
	}
	
	
	
	
	
/* -------------- Cafes para casa ----------------- */

#monodosis {
	margin: 0em!important;
	padding: 0em;
	width: 21.6em;
	height: 29.5em;
	background: #ffffff url(../img/monodosis.jpg) no-repeat top left;
	float: left;
}
html>body #monodosis {
	width: 21.5em;
	height: 29.4em;
}
#monodosis p {
	margin: 21.5em 0em 0em 0.55em!important;
	padding: 0em;
	width: 90%;
	color: #ffffff;
	float: left;
}
html>body #monodosis p {
	margin: 21.5em 0em 0em 1em!important;
}

.enlaceentrada {
	position: absolute;
	margin: 0em 0em 0em -19.4em;
	padding: 0em;
	width: 21.5em;
	height: 29.5em;
	background: url(../img/null.gif) repeat;
}

#molido {
	margin: 0em!important;
	padding: 0em;
	width: 21.6em;
	height: 29.5em;
	background: #ffffff url(../img/molido.jpg) no-repeat top left;
	float: left;
}
html>body #molido {
	width: 21.5em;
	height: 29.4em;
}
#molido p {
	margin: 21.5em 0em 0em 0.55em!important;
	padding: 0em;
	width: 90%;
	color: #ffffff;
	float: left;
}
html>body #molido p {
	margin: 21.5em 0em 0em 1em!important;
}

#maquinas {
	margin: 0em!important;
	padding: 0em;
	width: 21.6em;
	height: 29.5em;
	background: #ffffff url(../img/maquinas.jpg) no-repeat top left;
	float: left;
}
html>body #maquinas {
	width: 21.5em;
	height: 29.4em;
}
#maquinas p {
	margin: 21.5em 0em 0em 0.55em!important;
	padding: 0em;
	width: 90%;
	color: #ffffff;
	float: left;
}
html>body #maquinas p {
	margin: 21.5em 0em 0em 1em!important;
}

#ofertas {
	margin: 0em!important;
	padding: 0em;
	width: 22em;
	height: 29.5em;
	background: #ffffff url(../img/ofertass.jpg) no-repeat top left;
	float: left;
}
html>body #ofertas {
	width: 21.9em;
	height: 29.4em;
}
#ofertas p {
	margin: 21.5em 0em 0em 0.55em!important;
	padding: 0em;
	width: 90%;
	color: #ffffff;
	float: left;
}
html>body #ofertas p {
	margin: 21.5em 0em 0em 1em!important;
}
	
	
	

/* --------------------------------------------- Promociones */

#promociones {
	margin: 4em 0em 0em 2.8em;
	padding: 0em;
	width: 76em;
	height: 20em;
	background: #555555;
	float: left;
}
html>body #promociones {
	margin: 4em 0em 0em 5.5em;
	padding: 0em;
	min-height: 20em;
	height: auto;
}
.f-promo{
	margin: 1em 0em 0em 1em;
	padding: 0em 0em 1em 0em;
	float: left;
}

#cabecera-p {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 3em;
	background: #3f3f3f;
	float: left;
}
#cabecera-p p{
	margin: 0.5em 0em 0em 0.5em;
	padding: 0em;
	font: bold 1.2em Arial;
	color: #ffffff;
	float: left;
}
html>body #cabecera-p p{
	margin: 0.5em 0em 0em 1em;
}
	
	
	
	
	
	
/* --------------------------------------------- Boxs */

#box-g {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 10em;
	background: url(../img/hrv.gif) repeat-y top;
	float: left;
}
html>body #box-g {
	min-height: 10em;
	height: auto;
}

#box-i {
	margin: 0em 0.1em 0em 0em;
	padding: 0em;
	width: 43.5em;
	height: 33em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box-i {
	margin: 0em 0.1em 0em 0em;
	width: 43.2em;
	min-height: 33em;
	height: auto;
}

#box-d {
	margin: 0em;
	padding: 0em;
	width: 43.3em;
	height: 33em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box-d {
	width: 43.1em;
	min-height: 33em;
	height: auto;
}

#box-l {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	height: 20em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box-l {
	min-height: 20em;
	height: auto;
}
#box-l p {
	margin: 1.5em 0em 0em 5.1em;
	padding: 0em;
	width: 70%;
	font: normal 1.1em Verdana;
	color: #3b3b3b;
	float: left;
}
html>body #box-l p {
	width: 70%;
}

#box-p {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	height: 15em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box-p {
	min-height: 15em;
	height: auto;
}
#box-p p {
	margin: 0.5em 0em 0em 6em!important;
	padding: 0em;
	width: 60%;
	font: normal 1em Verdana;
	color: #3b3b3b;
	float: left;
}
html>body #box-p p {
	width: 60%;
}

#box-v {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	height: 10em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box-v {
	min-height: 10em;
	height: auto;
}

#box-listado {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 18em;
	background: url(../img/hr3.gif) repeat-y top;
	float: left;
}
html>body #box-listado {
	min-height: 18em;
	height: auto;
}

#box-listado2 {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 18em;
	background: url(../img/hr4.gif) repeat-y top;
	float: left;
}
html>body #box-listado2 {
	min-height: 18em;
	height: auto;
}

#box1 {
	margin: 0em 0.1em 0em 0em;
	padding: 0em;
	width: 28.8em;
	height: 23em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box1 {
	width: 28.6em;
	min-height: 23em;
	height: auto;
}

#box2 {
	margin: 0em 0.1em 0em 0em;
	padding: 0em;
	width: 28.9em;
	height: 23em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box2 {
	width: 28.7em;
	min-height: 23em;
	height: auto;
}

#box3 {
	margin: 0em 0.1em 0em 0em;
	padding: 0em;
	width: 28.9em;
	height: 23em;
	background: url(../img/fnd-box.gif) repeat-x bottom;
	float: left;
}
html>body #box3 {
	width: 28.8em;
	min-height: 23em;
	height: auto;
}

.pliege {
	margin: 0em;
	padding: 0em;
	float: right;
	}

.p-platinum {
	margin: 4em 0em 0em 15.5em;
	padding: 0em;
	float: left;
}

.p-negra {
	margin: 3em 0em 0em 16.5em;
	padding: 0em;
	float: left;
}

.p-extra {
	margin: 0.6em 0em 0em 5em;
	padding: 0em;
	width: 12.5em;
	float: left;
}

.p-listado {
	margin: 3.3em 0em 0em 8.5em;
	padding: 0em;
	float: left;
}

.p-listado2 {
	margin: 1.5em 0em 0em 10em;
	padding: 0em;
	float: left;
}

.p-listado3 {
	margin: 2.5em 0em 0em 9.5em;
	padding: 0em;
	float: left;
}

.p-listado4 {
	margin: 3.2em 0em 0em 6em;
	padding: 0em;
	float: left;
}

.p-descafe {
	margin: 0em 0em 0em 8em;
	padding: 0em;
	width: 5.8em;
	float: left;
}

.titular {
	margin: -4.5em 0em 0em 9em;
	padding: 0em;
	width: 75%;
	font: bold 1.4em Arial;
	color: #8a2711;
	text-transform: uppercase;
	float: left;
	}
html>body .titular {
	margin: -3em 0em 0em 6.5em;
	padding: 0em;
	}

.titular2 {
	margin: -5.5em 0em 0em 9em;
	padding: 0em;
	width: 75%;
	font: bold 1.4em Arial;
	color: #8a2711;
	text-transform: uppercase;
	float: left;
	}
html>body .titular2 {
	margin: -3.7em 0em 0em 6.5em;
	padding: 0em;
	}
	
.titular3 {
	margin: 4em 0em 0em 5.6em;
	padding: 0em;
	width: 65%;
	font: bold 1.4em Arial;
	color: #8a2711;
	text-transform: uppercase;
	float: left;
	}
html>body .titular3 {
	margin: 3em 0em 0em 4em;
	width: 60%;
	}
	
.titular4 {
	margin: 3em 0em 1em 6em;
	padding: 0em;
	width: 65%;
	font: bold 1.4em Arial;
	color: #8a2711;
	text-transform: uppercase;
	float: left;
	}
html>body .titular4 {
	margin: 2em 0em 1em 4.2em;
	width: 60%;
	}
	
.titular5 {
	margin: -3em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	font: bold 1.1em Arial;
	color: #8a2711;
	text-transform: uppercase;
	text-align: center;
	float: left;
	}
html>body .titular5 {
	margin: -2.5em 0em 0em 0em;
	}
	
.precios {
	margin: 0em;
	padding: 0em 0.3em 0em 0.3em;
	font: bold 1.4em Arial;
	color: #ffffff;
	background: #333333;
	text-transform: none;
	}
	
.precios2 {
	margin: 0em;
	padding: 0em 0.3em 0em 0.3em;
	font: bold 1.4em Arial;
	color: #ffffff;
	background: #333333;
	text-transform: none;
	float: left;
	}

.titular-i {
	margin: 2.5em 0em 0em 5.6em;
	padding: 0em;
	width: 80%;
	font: bold 1.4em Arial;
	color: #8a2711;
	text-transform: uppercase;
	float: left;
	}
html>body .titular-i {
	margin: 2em 0em 0em 4em;
	}
	
.sombra {
	margin: -2em 0em 0.1em 9em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	font: normal 1.2em Verdana;
	color: #ffffff;
	background: #3b3b3b;
	float: left;
	}
html>body .sombra {
	margin: -1.5em 0em 0.1em 7.5em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	}

.sombra2 {
	margin: -3em 0em 0.1em 9em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	font: normal 1.2em Verdana;
	color: #ffffff;
	background: #3b3b3b;
	float: left;
	}
html>body .sombra2 {
	margin: -2.3em 0em 0.1em 7.5em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	}
	
.sombra-i {
	margin: 1em 0em 1em 5.6em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	font: normal 1.2em Verdana;
	color: #ffffff;
	background: #3b3b3b;
	float: left;
	}
html>body .sombra-i {
	margin: 1em 0em 1em 4.6em;
	}
	
.sombra-d {
	margin: 0em 0em 1em 3em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	font: bold 1.1em Verdana;
	color: #565656;
	width: 70%;
	background: #f7f7f7;
	float: left;
	}
html>body .sombra-d {
	margin: 0em 0em 1em 3em;
	}
	
.sombra-o {
	margin: 1em 0em 1em 0em;
	padding: 0.2em 0.4em 0.4em 0.4em;
	font: normal 1.2em Verdana;
	color: #ffffff;
	background: #3b3b3b;
	clear: both;
	}
	
	
	


/* ---------------------------------------------------- Pie */

#pie {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 6em;
	clear: both;
}
html>body #pie {
	padding: 1em 0em 1em 0em;
	min-height: 4em;	
	height: auto;
}

#pie p{
	margin: 2.5em 1.5em 0em 0em;
	padding: 0.1em 0.4em 0.2em 0.4em;
	font: normal 1em Verdana;
	color: #f8ac78;
	background-color:#7f250f;
	float: right;
}
html>body #pie p{
	margin: 1.5em 3em 0em 0em;
}

.naranja {
	color: #f8ac78;
	font-weight: bold;
	}





/* ---------------------------------------------------- Botones */

.interesado {
	margin: 0em 0em 0.5em 0em;
	padding: 1em 2em 1.1em 2em;
	height: 1em;
	background: url(../img/info.gif) no-repeat left;
	float: left;
	border-bottom: 2px solid #cccccc;
}
html>body .interesado {
	padding: 1em 2em 1.3em 2em;
}

.comprar {
	margin: 0em 0em 0.5em 0em;
	padding: 1em 2em 1.1em 2em;
	height: 1em;
	background: url(../img/carro.gif) no-repeat left;
	float: left;
	border-bottom: 2px solid #cccccc;
}
html>body .comprar {
	padding: 1em 2em 1.3em 2em;
}

.comprar2 {
	margin: 0em 0em 0.5em 0em;
	padding: 1em 0em 1.1em 2em;
	height: 1em;
	background: url(../img/carro.gif) no-repeat left;
	float: left;
	border-bottom: 2px solid #cccccc;
}
html>body .comprar2 {
	padding: 0.7em 0em 1em 2em;
}

.botoncomprar {
	margin: 0em;
	padding: 0em;
	background: none;
	border: none;
	font: bold 1em Verdana;
	width: 170px;
	color: #8a2711;
	cursor: pointer;
	float: left;
}

.volver {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 2em;
	width: 9.5em;
	height: 3em;
	font: normal 1em Verdana;
	color: #8a2711;
	background: url(../img/volver.jpg) no-repeat left;
	float: left;
}
	
.rojo {
	color: #8a2711;
	}





/* ---------------------------------------------------- Productos */ 

.producto {
	margin: 0em 0em 0.5em 0em;
	padding: 1em 0em 1.1em 2em;
	font: bold 1em Verdana;
	color: #8a2711;
	width: 80%;
	height: 1em;
	background: url(../img/pepita.gif) no-repeat left;
	float: left;
	border-bottom: 2px solid #cccccc;
}
html>body .producto {
	padding: 1em 2em 1.1em 2em;
	width: 100%;
}

.precrl {
	margin: 0em 0em 0em 2em;
	font: bold 1.4em Arial;
	color: #8a2711;
	float: left;
}
html>body .precrl {
	margin: 0em 0em 0em 1.5em;
	font: bold 1.4em Arial;
	color: #8a2711;
	clear: both;
}

/* -------------- Formularios ----------------- */

table {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 85%;
	border-collapse: collapse;
	border-spacing: 0em;
	float: left;
}
table, td, th {
	margin: 2em 0em 1em 2em;
	padding: 0em 1em 0em 1em;
	height: 2em;
	font: normal 1em!important Verdana;
	border-spacing: 0em;
	border: none;
}
html>body table, td, th {
	margin: 2em 0em 0em 4em;
}


.campo1 {
	margin: 0em 0em 0em 0.3em;
	padding: 0em;
	font: normal 1em!important Verdana;
	color: #615920;
	width: 20em;
	height: 1.5em;
	background-color: #ffffff;
	border: 0.1em solid #CCCCCC;
	}
	
.campo2 {
	margin: 0.1em 0em 0em 0.3em;
	padding: 0em;
	font: normal 1em Verdana;
	color: #615920;
	width: 20em;
	height: 10em;
	background-color: #ffffff;
	border: 0.1em solid #CCCCCC;
	}

	
	



/* CIALDOS */

#izquierda {
	margin: 0em;
	padding: 0em;
	width: 21.9em;
	height: 5em;
	float: left;
	}
html>body #izquierda {
	width: 21.4em;
	min-height: 5em;
	height: auto;
	}

#izquierda2 {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 550px;
	float: left;
	}	
#izquierda2 p {
	margin: 3em 0em 0em 2.6em;
	padding: 0em;
	float: left;
	}
html>body #izquierda2 p {
	margin: 3em 0em 0em 5em;
	}

#derecha2 {
	margin: 0em;
	padding: 0em;
	width: 280px;
	float: left;
	}
#derecha2 p {
	margin: 0px!important;
	padding: 0px!important;
	float: left;
	}
	
#banner {
	margin: 2em 0em 3em 2em;
	padding: 0em;
	width: 57.2em;
	height: 9.5em;
	float: left;
	border: 0.8em solid #e7e7e7;
	}
html>body #banner {
	margin: 2em 0em 3em 4em;
	}
	
#banner p {
	position: relative;
	margin: -7.8em 0em 0em 1em;
	padding: 0em;
	width: 85%;
	font: bold 1.1em Verdana;
	color: #ffffff;
	text-transform: uppercase;
	float: left;
	}
	
html>body #banner p {
	margin: -7.8em 0em 0em 2em;
	}

ul#menulateral {
	margin: 1em 0em 0em 1.7em;
	padding: 0em;
	width: 70%;
	float: left;
	}
html>body ul#menulateral {
	margin: 1em 0em 0em 3.4em;
	}
ul#menulateral li{
	list-style-type: none;
	margin: 0em 0em 1em 0em;
	padding: 0.7em 0em 0em 2em;
	width: 100%;
	height: 2em;
	background: url(../img/pepita.gif) no-repeat left;
	border-bottom: 2px solid #cccccc;
	clear: both;
	}
ul#menulateral li a{
	margin: 0em;
	padding: 0em;
	font: bold 1em Verdana;
	color: #8a2711;
	}
	
#derecha {
	margin: 0em;
	padding: 0em;
	width: 63em;
	height: 5em;
	float: right;
	}
html>body #derecha {
	width: 62.6em;
	min-height: 5em;
	height: auto;
	}
	
#bdestacado {
	margin: 0em!important;
	padding: 0em;
	width: 100%;
	height: 19.4em;
	background: url(../img/bdestacado.gif) no-repeat top right;
	border-bottom: 0.3em solid #b06d5a;
	float: left;
	}
html>body #bdestacado {
	min-height: 19.4em;
	height: auto;
	}
#bdestacado p {
	margin: 2em 0em 0em 0em!important;
	padding: 0em;
	width: 81%!important;
	height: 2em;
	float: left;
	}
html>body #bdestacado p {
	margin: 2em 0em 0em 0em;
	padding: 0em;
	float: left;
	min-height: 2em;
	height: auto;
	}

#bnormal {
	margin: 0em!important;
	padding: 0em;
	width: 30.9em;
	height: 19.4em;
	background: url(../img/pliege.gif) no-repeat top right;
	border: 0.3em solid #e4e4e4;
	float: left;
	}
html>body #bnormal {
	width: 30.7em;
	min-height: 19.4em;
	height: auto;
	}
#bnormal p {
	margin: 2em 0em 0em 0em!important;
	padding: 0em;
	width: 95%!important;
	height: 2em;
	float: left;
	}
html>body #bnormal p {
	margin: 2em 0em 0em 0em;
	padding: 0em;
	min-height: 2em;
	height: auto;
	float: left;
	}
	
.negro {
	color: #5b5b5b;
	}
	
.txtblanco {
	font: bold 1.2em Verdana;
	color: #ffffff;
	}
	
.boton {
	font: bold 1em Verdana;
	color: #ffffff;
	padding: 0em;
	margin: 0.3em;
	background-color: #535353;
	border: 2px solid #535353;
}
html>body .boton {
	border: 3px solid #535353;
}

#informacion {	
	margin: 1em 0em 0em 2em!important;
	padding: 0em;
	background: #f8e4e0;
	width: 65em;
	float: left;
	}
html>body #informacion {	
	margin: 1em 0em 0em 4em!important;
	}
	
#informacion p {	
	margin: 2em 0em 0em 1.5em!important;
	padding: 0em 0em 2.2em 0em;
	color: #333333!important;
	float: left;
	}
html>body #informacion p {	
	margin: 2em 0em 0em 3em!important;
	}