/* CSS Document */

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tama�os de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineaci�n del texto */
caption, th {
text-align: left;
}

* {outline:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#d7e300;

}

/*********************************** PRINCIPAL ***************************************/

#principal {
	width:auto;
	height:530px;
	border-bottom:3px solid #fff;
	background-image:url(../img/fondo_general.jpg);
	background-color:#fff;

}

#zona1, #zona2, #zona3, #zona4, #zona5, #zona7 {
	float:left;
	display:inline;
	
}

#zona1 {width:186px;}
#zona2 {width:200px;margin-left:20px; margin-top:40px;margin-right:20px;}
#zona3 {width:150px;margin-top:40px; height:50px;}
#zona7 {width:150px;margin-top:40px; height:50px;}
#zona4 {width:125px;margin-top:40px;}
#zona5 {width:150px;margin-top:40px;}

#zona2 ul, #zona3 ul, #zona4 ul, #zona5 ul, #zona7 ul {
	border-left:5px solid #ccc;
	margin-left:10px;
	padding:2px 0 20px 8px;
	line-height:14px;
	font-weight:bold;
}

#zona2 li, #zona3 li, #zona4 li, #zona5 li, #zona7 li {display:inline;}

#zona2 li a:active, #zona3 li a:active, #zona5 li a:active, #zona7 li a:active {color:#000; background-color:#fff; padding:0 2px;text-decoration:none; display:block;}
#zona2 li a:focus, #zona3 li a:focus, #zona5 li a:focus, #zona7 li a:focus {color:#000; background-color:#fff; padding:0 2px;text-decoration:none;display:block;}
#zona2 li a:link, #zona3 li a:link, #zona5 li a:link, #zona7 li a:link  {color:#000;text-decoration:none;display:block;}
#zona2 li a:visited, #zona3 li a:visited, #zona5 li a:visited, #zona7 li a:visited   {color:#000;text-decoration:none;display:block;}
#zona2 li a:hover, #zona3 li a:hover, #zona5 li a:hover, #zona7 li a:hover {background-color:#d7e300; padding:0 2px;text-decoration:none;display:block;}


#zona2 h1 {
	/*background-color:#d7e300;*/
	color:#d7e300;
	font-size:48px;
	line-height:50px;
	padding-right:5px;
	display:inline;

}


#zona2 p {
	font-weight:normal;
	line-height:14px;
	margin-top:20px;

}

#zona2 p a:active {color:#000; background-color:#fff; padding:0 2px;text-decoration:none;}
#zona2 p a:focus {color:#000; background-color:#fff; padding:0 2px;text-decoration:none;}
#zona2 p a:link {color:#000;background-color:#fff;text-decoration:none; padding:0 2px;}
#zona2 p a:visited {color:#000;background-color:#fff;text-decoration:none; padding:0 2px;}
#zona2 p a:hover {background-color:#3d3d3d; color:#fff; padding:0 2px;text-decoration:none;}

#zona2 img {
	float:left;
	padding-right:6px;
	padding-bottom:2px;
	
}

.formularioZona2 input {
	width:150px;
	border:none;
	background-color:#d7e300;
	margin:0 2px 3px 0;
	padding:0 2px;
	height:18px;
	font-size:10px;
	vertical-align:middle;
	float:left;

}

.formularioZona2 {
	margin-top:15px;
	float:left; display:inline;

}

.formularioZona2 textarea {
	width:307px;
	height:150px;
	border:0;
	margin:0 0 3px 0;
	padding:0 2px;
	background-color:#d7e300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left; display:inline;

}

.condicionesZona2 {
	background:none;
	width:auto;

}


.enviar, .titulo {
	width:100px;
	border:none;
	background-color:#d7e300;
	margin:0 0 3px 0;
	padding:0 2px;
	height:18px;
	font-size:10px;
	vertical-align:middle;
	text-align:right;
	float:left;
	clear:both;

}

.titulo {
	width:100px;
	background-color:#ccc;
	margin-right:2px;

}

.titulo label a:active {color:#000; padding:0 2px;text-decoration:underline;}
.titulo label a:focus {color:#000; padding:0 2px;text-decoration:underline;}
.titulo label a:link {color:#000;text-decoration:none; padding:0 2px; text-decoration:underline;}
.titulo label a:visited {color:#000; text-decoration:none; padding:0 2px; text-decoration:underline;}
.titulo label a:hover {color:#fff;background-color:#3d3d3; padding:0 2px;text-decoration:none;}

.enviar:hover {
	background-color:#ccc;
	cursor:pointer;


}

.enviar a:active {color:#000; padding:0 2px;text-decoration:none;}
.enviar a:focus {color:#000; padding:0 2px;text-decoration:none;}
.enviar a:link {color:#000;text-decoration:none; padding:0 2px;}
.enviar a:visited {color:#000; text-decoration:none; padding:0 2px;}
.enviar a:hover {color:#fff;background-color:#3d3d3; padding:0 2px;text-decoration:none;}

.marca {font-size:15px; font-weight:bold; line-height:20px;}
.modelo {font-size:14px; font-weight:bold;}


.paginacion li {
	float:left;
	display:inline;
	margin:0 2px;
}

.formularios {
	height:auto;
	margin-left:10px;
	padding:20px 0;
	margin-bottom:60px;
}

.formularios h1 {
	font-weight:bold;
	width:170px;
	background-color:#fff;
	margin-bottom:5px;
	text-align:center;
}

.formularios select {
	width:170px;
	background-color:#e5e5e5;
	margin-bottom:5px;
	float:left;
	display:block;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	border-right:0;
}

.menuGeneral {
	height:auto;
	margin-left:10px;

}

.menuGeneral ul {
	border-left:5px solid #ccc;
	float:left;
	padding:2px 0 20px 8px;
	line-height:14px;
	font-weight:bold;
	width:105px;
	
}

.menuGeneral li a {
	display:block;
	width:100%;
	

}

	
.menuGeneral li a:active {color:#000; background-color:#fff; padding:0 2px; text-decoration:none;}
.menuGeneral li a:focus {color:#000; background-color:#fff; padding:0 2px;text-decoration:none;}
.menuGeneral li a:link {color:#000;text-decoration:none;}
.menuGeneral li a:visited {color:#000; text-decoration:none;}
.menuGeneral li a:hover {background-color:#d7e300; padding:0 2px; text-decoration:none;}

.solete {
	position:absolute;
	left:0;
	margin-top:377px;
	
}

.activo {color:#000; background-color:#d7e300; padding:0 2px;text-decoration:none;display:block; width:100%;}

/*********************************** ZONA COMPRA ***************************************/

#zonaCompra {
	width:auto;
	height:140px;
	border-bottom:3px solid #fff;
	background-color:#3d3d3d;

}

.logo {
	float:left;
	margin-left:20px;
	margin-right:90px;
}

.registro {
	border-right:5px solid #fff;
	padding:0 10px 30px 0;
	float:left;
	display:block;
	width:150px;
	margin-top:20px;
	
}

.registro ul li {
	
}

.registro input {
	width:150px;
	border:none;
	background-color:#fff;
	margin:0 0 3px 0;
	padding:0 2px;
	height:13px;
	font-size:10px;

}

.accesoPerfil {
	width:150px;
	background-color:#fff;
	padding:0 2px;
	font-weight:bold;
	
}

.total {
	padding:0 10px 0px 0;
	float:left;
	display:block;
	width:230px;
	margin-top:52px;
	margin-left:5px;
	font-weight:bold;

}

.total a:active, .registro a:active {color:#000;text-decoration:none;}
.total a:focus, .registro a:focus {color:#000;text-decoration:none;}
.total a:link, .registro a:link {color:#000;text-decoration:none;}
.total a:visited, .registro a:visited {color:#000;text-decoration:none;}
.total a:hover, .registro a:hover {text-decoration:none; padding:0 2px;}

.total li {
	float:left;
	display:inline;
	margin:0 3px 3px 0;
	

}

.totalCompra {
	width:130px;
	background-color:#fff;
	padding:0 2px;
	
}

.euros {
	width:70px;
	background-color:#fff;
	text-align:right;
	padding:0 2px;

}

.modificarArticulos {
	width:130px;
	background-color:#fff;
	padding:0 2px;
	
}


.carrito {
	top:35px;
	position:relative;
	
}


/*********************************** FOOTER *********************************************/

#footer {
	position:relative;
	background-color:#d7e300;
	bottom:0;
	height: auto !important;
 	height: 100%;

	

}

.textoFooter {
	position:absolute;
	margin:15px 0 0 20px;
	text-align:center;
	left:0;
	padding-bottom:15px;

}

.textoFooter a:active {color:#000; padding:0 2px;text-decoration:underline;}
.textoFootera:focus {color:#000; padding:0 2px;text-decoration:underline;}
.textoFooter a:link {color:#000;text-decoration:none; padding:0 2px; text-decoration:underline;}
.textoFooter a:visited {color:#000; text-decoration:none; padding:0 2px; text-decoration:underline;}
.textoFooter a:hover {color:#4d4d4d;background-color:#3d3d3; padding:0 2px;text-decoration:none;}