body {
  margin:0;
  padding:0;
  text-align:center;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background:#b3c008;
  font-size:0.8em; 
  background: url(../images/fondo-degradado.gif) repeat-x #b3c008;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}


h1 {
	position:absolute;
	left:100px;
	top:45px;
	color:#0099FF;
	font-size:1.5em;
	margin:5px 0 0 10px;
	text-align:left;
}

.nombre-comercio {
	color:#0066FF;
}

.nombre-subsector {
	color:#0099FF;
	font-size:0.8em;
}

h2 {
	font-size:1.2em;
	padding:0;
	margin:0;
	color:#b3c008;
}

h3 {
	font-size:1.2em;
	color:#368bc3;
	margin:0 0 0 10px;
	border-bottom:1px solid #ccc;;
}

h4 {
	font-size:1em;
	color:#669933;
	margin:0;
	padding-left:20px;
}

#cuerpo {
	position:relative;
	top:0;
	margin:0 auto;
	width:740px;
	height:auto;
	background-color:#FFF;
	border: 2px solid #0e53f0;
	border-top: none;
}

#titulo {
	width:740px;
	height:80px;
	position:relative;
}

#titulo img {
	border:none;
}

#menu {
	position:absolute;
	left:238px;
	top:149px;
	width:650px;
	height:30px;
	margin:0;
	padding:0;
	z-index:10;
}

#submenu {
	top:-30px;
}

#submenu ul {
	position:absolute;
	top:11px;
	/top:10px;
	left:20px;
	margin:0;
	padding:0;
	list-style-image:url(../images/punto-lista.gif);
	list-style-position:inside;
	font-size:1em;
}

#submenu ul li {
	float:left;
	width:auto;
	padding:0 10px;
	margin:0;
}

#submenu ul li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#submenu ul li a:hover, #submenu ul li a:focus {
	color:#DDD;
	text-decoration:none;
	border-bottom: 5px solid #d9e617;
}


#contenido {
	width:700px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	font-size:0.8em;
}

#contenido p {
	padding:0;
	margin:5px 0 5px 0;
}

#header-tienda {
	position:relative;
	text-align:left;
	height:37px;
	width:737px;
	background-image:url(../images/fondo-header-tienda.gif);
	background-repeat:no-repeat;
	background-color:#2b8a38;
}

.colizq {
	position:relative;
	width:470px;
	padding-right:10px;
	float:left;
	font-size:1.2em;
}

.colder-contacto {
	position:relative;
	width:470px;
	padding-right:10px;
	float:right;
	font-size:1.2em;
}

.colder {
	position:relative;
	width:210px;
	background-color:#EEE;
	border:1px solid #DDD;
	float:right;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}

.colder img {
	margin:5px 0;
	border:2px solid #FFF;
}

.colder h2 {
	border-top:2px solid #FFF;
	padding-top:5px;
}

.colder .horario {
	width:200px;
	border:1px solid #d0dcee;
	background-color:#FFF;
	padding: 5px 2px;
	margin:0 0 5px 0;
	font-size:0.9em;
	color:#0066CC;
}

.col-catalogo {
	position:relative;
	width:auto;
	padding-right:10px;
	font-size:1.2em;
}

.h2contacto {
	font-size:1.5em;
}

.colizq-contacto {
	position:relative;
	width:210px;
	background-color:#FFE;
	border:1px solid #FFCC99;
	float:left;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}

.colizq-contacto dl{
	margin:5px;
	padding:0;
	text-align:left;
}

.colizq-contacto dt{
	margin:5px;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	color:#CC0000;
}

.colizq-contacto dd{
	font-size:1.2em;
	margin:5px 5px 5px 15px;
	padding:0;
	color:#993300;
}



.fix {
	clear:both;
	position:relative;
}

#pie {
	position:relative;
	width:730px;
	margin:10px auto;
	background-color:#368bc3;
	padding:5px;
	border:2px solid #FFF;
	color:#FFF;
}

#pie a:link, #pie a:visited {
	color: #FFF;
	text-decoration:none;
}

#pie a:hover {
	color: #FFF;
	text-decoration:underline;
}

.form-club {
	width:170px;
	height:200px;
	background-image:url(../images/fondo-club.gif);
	font-size:1em;
	text-align:left;
	margin:2px auto;
	color:#694707;
	font-weight:bold;
}

.form-club td {
	vertical-align:top;
}

.form-club th{
	text-align:center;
	color:#91630a;
	font-size:1.3em;
}

.form-club .club-quees {
	background-color:#ffa900;
	border:1px solid #ca8603;
	font-size:0.8em;
}

input {
	font-size:1em;
	height:12px;
}

.boton {
	font-size:1.2em;
	height:auto;
	width:80px;
}

.noticia {
	width:710px;
	text-align:justify;
	margin:5px auto;
	background-color:#e0e874;
	border:1px solid #b3c008;
}

.noticia th {
	background-color:#d0dd1f;
}

.noticia img {
	border:2px solid #98a307;
	margin:2px;
}

.logo {
	margin-bottom:10px;
}

#info-ok {
	position:inherit;
	margin:5px auto;
    padding:10px 10px 10px 30px;
	color:#0075C7;
	border-top:1px solid #4EA5FF;
	border-bottom:1px solid #4EA5FF;
	background: #D3E9FF url('../images/ico-info.png') no-repeat 8px 10px;
}

.info-error{
	position:inherit;
	margin:5px auto;
    padding:10px 10px 10px 30px;
	color:#a38a00;
	border-top:solid 1px #CCCC33;
	border-bottom:solid 1px #CCCC33;
    background: #ffffaa url('../images/ico-error.png') no-repeat 8px 10px;
}

.info-perfect{
	position:inherit;
	margin:5px auto;
    padding:10px 10px 10px 30px;
	color:#38982c;
	border-top:solid 1px #48c539;
	border-bottom:solid 1px #48c539;
    background: #c2ecbd url('../images/ico-puntoverde.png') no-repeat 8px 10px;
}

#idioma {
	position:absolute;
	top:40px;
	right:0px;
	float:right;
	margin-top:0px;	
	margin-right:0px;	
}

#idioma a {
	text-decoration:none;
	padding:2px;
	font-weight:bold;
	color:#009900;
	background-color:#FFF;
}

#idioma a:hover {
	text-decoration:underline;
}

.info-ok {
	position:inherit;
	margin:0 auto;
    padding:10px 10px 10px 30px;
	color:#0075C7;
	border-top:1px solid #4EA5FF;
	border-bottom:1px solid #4EA5FF;
	background: #D3E9FF url('../images/ico-info.png') no-repeat 8px 10px;
}

#form-contacto {
	font-size:0.8em;
	margin-bottom:5px;
}

#form-contacto fieldset {
	width:350px;
	margin:0 auto;
	background-color:#D3E9FF;
	border:1px solid #CCC;
	color:#0099FF;
}

#form-contacto legend {
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	color:#0066FF;
}

#form-contacto th {
	vertical-align:top;
	text-align:right;
}

#form-contacto input, #form-contacto textarea {
	border:1px solid #AAA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:1px;
}

#form-contacto .botones {
	text-align:right;
	padding-right:20px;
}

#form-contacto .botones .boton {	
	width:100px;
	background-color:#38b649;
	color:#ffff1b;
	border:1px solid #2a8837;
	font-weight:bold;
	font-size:1.2em;
}

#form-contacto .botones .boton:hover {
	background-color:#FFF;
}

.producto-ficha {
	position:relative;
	width:640px;
	padding:10px;
	margin:20px;
	border:1px solid #ccc;
	clear:both;
}

.producto-imagen {
	width:170px;
	text-align:center;
	float:left;
}

.producto-imagen img {
	padding:10px;
	border:1px solid #CCC;
	background-color:#EEE;
}

.producto-imagen img:hover {
	padding:10px;
	border:1px solid #CCC;
	background-color:#666666;
}

.producto-info {
	padding-left:200px;
}

.producto-ficha h4 {
	font-size:1.5em;
	padding:0;
}

.producto-ficha h5 {
	font-size:1em;
	padding:0 auto;
}

.producto-precio {
	font-size:1em;
	color:#336600;
	font-style:italic;
}