/* Estilos básicos del site */

html, body {
	margin-top:4px;
	padding:0;
	text-align:center;
	background-color:#bdd608;
	font:87%/125% 'Tahoma', 'Arial', 'Geneva', 'Helvetica', sans-serif;
	color:#000;
	}

#pagewidth {
	width:1004px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

/* Encabezado con logo y fecha */

#header {
	position:relative;
	height:170px;
	width:100%;
	background-color:#fff;
	background:url(../img/bgHeader.gif) left top no-repeat;
	}

	#header img.logo {
		position:relative;
		float:left;
		margin:-50px 0px 20px 10px;
		padding:0;
		border:0;
		width:187px;
		}

	#header h1 {
		font-size:1.7em;
		font-family:'Arial', 'Helvetica',sans-serif;
		letter-spacing:-0.1em;
		color:#71941E;
		text-align:right;
		margin:0;
		padding:16px 10px 4px 0px;
		}

	#header h2 {
		font-size:1em;
		text-align:right;
		margin:0px 10px 4px 0px;
		padding:0;
		}

	#header h3 {
		font-size:.75em;
		text-align:right;
		margin:0px 10px 0px 0px;
		padding:0;
		}

	/* Menú: forma parte del encabezado */

	#menu {
		position:relative;
		clear:both;
		width:100%;
		height:40px;
		padding:0;
		margin:0px 0px 0px 1px;
		background-color:#71941E;
		background:url(../img/bgMenu.jpg) left top repeat-x;
		}

	#menu ul {
		text-align:center;
		padding:14px 4px 10px 4px;
		margin:0;
		}

	#menu li {
		list-style-type:none;
		display:inline;
		padding:10px 6px 10px 6px;
		margin:1px;
		border-left:dotted 1px #b7ce04;
		border-right:dotted 1px #b7ce04;
		}

	#menu li.marcado {
		background-color:#b7ce04;
		}

	#menu li:hover {
		background-color:#b7ce04;
		}

	#menu a.menu:link, a.menu:visited, a.marcado:link {
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
		color:#fff;
		}

	#menu a.menu:hover, a.menu:active {
		color:#000;
		}

/* Estilos del contenido principal de la página */

#maincol {
	float:right;
	display:inline;
	position:relative;
	width:100%;
	background-color:#fff;
	border-left:solid 1px #739421;
	border-right:solid 1px #739421;
	min-height:380px;
	padding:0;
	margin:0;
	}

	#maincol a:link, a:visited {
		color:#547008;
		}

	#maincol a:hover, a:active {
		color:#bdd608;
		}

	/* Home */

	#maincol p.tithome {
		font-size:1.2em;
		font-weight:bold;
		padding:20px 0px 20px 60px;
		margin:0;
		}

	#maincol p.txthome {
		font-size:1.1em;
		padding:10px 60px 0px 60px;
		margin:0;
		text-align:justify;
		}

	#maincol img.home {
		float:right;
		padding:0px 100px 20px 60px;
		margin:0;
		border:0;
		width:150px;
		}

	/* Quienes somos */

	#maincol p.titqui {
		font-size:1.2em;
		font-weight:bold;
		padding:20px 60px 20px 30px;
		margin:0;
		text-align:justify;
		}

	#maincol p.txtqui {
		font-size:1.1em;
		padding:10px 60px 0px 30px;
		margin:0;
		text-align:justify;
		}

	#maincol img.qui {
		float:left;
		padding:0px 60px 0px 0px;
		margin:0;
		border:0;
		width:360;
		}

	/* Productos */
	
	#maincol p.titpro {
		float:left;
		position:absolute;
		clear:left;
		font-size:1.1em;
		font-weight:bold;
		padding:30px 20px 20px 60px;
		margin:0;
		}

	#maincol p.txtpro {
		font-size:1.1em;
		padding:30px 60px 0px 200px;
		margin:0;
		text-align:justify;
		}

	#maincol img.pro {
		margin:20px 0px 20px 25px;
		padding:0;
		border:solid 1px #bdd608;
		clear:right;
		width:350px;
		}

	/* Características */
	
	#maincol p.titcar {
		font-size:1.1em;
		font-weight:bold;
		padding:20px 0px 0px 60px;
		margin:0;
		}

	#maincol p.txtcar {
		font-size:1.1em;
		padding:6px 100px 40px 60px;
		margin:0;
		}

	#maincol img.car {
		float:left;
		padding:0px 30px 0px 0px;
		margin:0;
		border:0;
		width:80px
		}

	/* Calcula tu espacio */
	
	#maincol table {
		padding:0;
		margin:0px 0px 20px 100px;
		text-align:center;
		border:0;
		}

	#maincol td {
		padding:8px;
		margin:0px;
		}

	#maincol tr.cab {
		background-color:#bdd608;
		font-weight:bold;
		}

	#maincol tr.row:hover {
		background-color:#547008;
		color:#fff;
		}

	#maincol td.fondo {
		border:0;
		padding:0;
		margin:0;
		background-color:#fff;
		}

	#maincol img.calcula {
		width:254px;
		height:190px;
		border:0;
		margin:0;
		padding:0;
		}

	/* Dónde estamos */
	
	#maincol p.titdonde {
		font-size:1.2em;
		font-weight:bold;
		padding:20px 0px 20px 39px;
		margin:0;
		}

	#maincol p.txtdonde {
		font-size:1.1em;
		padding:10px 60px 0px 39px;
		margin:0;
		}

	#maincol img.donde {
		float:left;
		padding:0px 20px 0px 0px;
		margin:0;
		border:0;
		width:274px;
		}

	#maincol iframe {
		margin:10px 0px 10px 39px;
		padding:0;
		border:solid 1px #bdd608;
		}

	/* Tienda */
	
	#maincol p.tittien {
		font-size:1.2em;
		font-weight:bold;
		padding:30px 0px 4px 60px;
		margin:0;
		}

	#maincol p.txttien {
		font-size:1.1em;
		padding:0px 250px 20px 60px;
		margin:0;
		}

	#maincol img.tien {
		margin:10px 10px 10px 20px;
		padding:0;
		border:solid 1px #bdd608;
		clear:right;
		width:350px;
		}

	/* Contacto */
	
	#maincol p.titcon {
		font-size:1.2em;
		font-weight:bold;
		padding:0px 0px 4px 60px;
		margin:0;
		}

	#maincol p.txtcon {
		font-size:1.1em;
		padding:0px 0px 80px 60px;
		margin:0;
		}

	#maincol img.con {
		float:left;
		padding:0px 40px 40px 0px;
		margin:0;
		border:0;
		width:80px;
		}

/* Pie con info de copyright */

#footer {
	height:90px;
	clear:both;
	text-align:center;
	background-color:#fff;
	background:url(../img/bgFooter.gif) left bottom no-repeat;
	}

	#footer p {
	font-size:.9em;
	margin:0;
	padding:14px 0px 0px 0px;
	}

	#footer a:link, a:visited {
		color:#547008;
		}

	#footer a:hover, a:active {
		color:#bdd608;
		}

/* IMPORTANTE: no editar/borrar nada de aquí en adelante.
   Estas clases controlan la correcta visualización del layout
   según navegadores y versiones */

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}

* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}

	.horario{float:right;  padding: 3px 3px 3px 3px; background-color:#000; color:#fff; font-size:11px; line-height:14px; }