/* ======== ELEMENTOS PRINCIPALES DE LA PÁGINA  =========== */



*, html {

	margin: 0px;

	padding: 0px;

}



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #E9E8E3;

}

#container {

	background-color:#F9F9F9;

	width:850px;

	height:auto;

	background-image: url(imagenes/contenido_background.jpg);

	background-repeat:  repeat-y;

	padding: 0px;

	margin-top: 16px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#header{

	width:850px;

	height:110px;

	background-image: url(imagenes/header.jpg);

}

#navegacion{

	width:850px;

	height:69px;

	background-image: url(imagenes/menu.jpg);

}

#header a {

	display: block;

	height: 83px;

	width: 200px;

	margin-left: 25px;

	text-indent: -5000px;

	margin-top: 22px;

}



.izquierda{

	width:200px;

	height:100%;

	float:left;

	display: inline;

	padding: 0px;

	margin-top: -15px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 25px;

	background-image: url(imagenes/fondos/izquierda_background.gif);

}

.principal{

	width:574px;

	height:auto;

	background-color:#FFF;

	float: right;

	margin-top: -15px;

	margin-right: 30px;

	margin-bottom: 10px;

	margin-left: 0px;

	background-image: url(imagenes/fondos/principal_background.gif);

	background-repeat: repeat-y;

	display: inline;

}



.central{

	width:360px;

	height:auto;

	background-color:#FFF;

	margin-top: -15px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 245px;

	background-image: url(imagenes/fondos/central_background.gif);

	background-repeat: repeat-y;

}





.derecha{

	width:200px;

	float:right;

	padding: 0px;

	margin-top: -15px;

	margin-right: 30px;

	margin-bottom: 0;

	margin-left: 0px;

	background-image: url(imagenes/fondos/izquierda_background.gif);

	display: inline;

}



.hidden {display: none;	}





#footer{

	width:auto;

	height:37px;

	background-color:#FFF;

	background-image: url(imagenes/contenido_footer.jpg);

	clear: both;

}



.pie {

	font-size: 0.6em;

	text-align: center;

	display: block;

	color: #999999;

	padding-bottom: 10px;

}



#navegacion ul{

	list-style-type: none;

	width: 798px;

	margin-top: 3px;

	float: left;

	margin-left: 25px;

	display: inline;

}

#navegacion  ul li{

	float:left;

}



#navegacion  ul li a {

	display:block;

	width:114px;

	height:36px;

	text-indent: -5000px;

}



#navegacion  ul li a:hover {background-position:bottom;}



#menup0 {background-image:url(imagenes/menu_home.gif);}

#menup1 {background-image:url(imagenes/menu_sobrenosotros.gif);}

#menup2 {background-image:url(imagenes/menu_productos.gif);}

#menup3 {background-image:url(imagenes/menu_ofertas.gif);}

#menup4 {background-image:url(imagenes/menu_presupuesto.gif);}

#menup5 {background-image:url(imagenes/menu_boletin.gif);}

#menup6 {background-image:url(imagenes/menu_contactar.gif);}











/* MENU DE NAVEGACION IZQUIERDA */



.izquierda_header{

	width:200px;

	background-image: url(imagenes/fondos/izquierda_header.gif);

	background-repeat: no-repeat;

	height: 25px;

	margin: 0px;

	padding: 0px;

}



.izquierda_background{

	width:200px;

	margin:0;

	height: auto;

}



.izquierda_footer {

	width:200px;

	margin:0;

	background-image: url(imagenes/fondos/izquierda_footer.gif);

	height: 25px;

	padding: 0px;

	background-repeat: no-repeat;

	display: block;

	clear: both;

}



.izquierda p {

	font-size: 0.8em;

}



.izquierda ul{

	list-style-type: none;

	text-align: left;

	width: 176px;

	display: block;

	padding: 0px;

	margin-top: -15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}

.izquierda ul li{

	padding: 0px;

	float:left;

}



.izquierda ul li a {

	display:block;

	width:176px;

	height:33px; 

}



.izquierda ul li a:hover {background-position:bottom;}





/* LISTA DE PRODUCTOS DINÁMICA */



.productos {

	width: 150px!important;

	height: auto;

	margin: 0px;

	padding: 0px;

}



.productos ul{

	list-style-type: none;

	margin-left: 28px;

	margin-bottom: 10px;

	width: 150px;

	float: left;

	margin-top: 5px;

	display: inline;

}



.productos ul li {

	margin-top: 0px;

	margin-bottom: 0px;

}





.productos ul li a {

	text-decoration: none;

	font-size: 0.7em;

	color: #333333;

	line-height: 2em;

	height: auto;

	width: 150px;

}



.productos ul li a:hover {

	text-decoration: none;

	color: #F86503;

}







/* FONDO DEL AREA PRINCIPAL */



.principal_header{

	width:574px;

	background-image: url(imagenes/fondos/principal_header.gif);

	background-repeat: no-repeat;

	height: 25px;

}



.principal_background{

	width:574px;

	background-image: url(imagenes/fondos/principal_background.gif);

	height: auto;

	vertical-align: top;

	margin: 0px;

	left: 100px;

	background-repeat: repeat-y;

}



.principal_footer {

	width:574px;

	background-image: url(imagenes/fondos/principal_footer.gif);

	height: 25px;

	background-repeat: no-repeat;

	margin: 0px;

	clear: both;	

}







/* LISTA DE ELEMENTOS AUXILIARES (Ficha de producto) */



.items ul{

	margin-left: 15px;

	margin-bottom: 10px;

	width: 200px;

	margin-top: 10px;

	float: left;

	list-style-type: none;

}

.ficha {

	float: left;

	width: 330px;

}





.items ul li a {

	text-decoration: none;

	font-size: 0.7em;

	color: #333333;

	list-style-type: none;

	display: block;

	height: 26px;

	width: 250px;

	background-repeat: no-repeat;

}



.items ul li a:hover {background-position:bottom;}



#item1 {background-image:url(imagenes/bt_solicitarpresupuesto.gif);}

#item2 {background-image:url(imagenes/bt_descargapdf.gif);}

#item3 {background-image:url(imagenes/bt_enviamigo.gif);}

#item4 {background-image:url(imagenes/bt_videos.gif);}





/* ELEMENTOS DE FONDO DE LA ZONA CENTRAL (solo aparece en la página de inicio) */



.central_header{

	width:360px;

	background-image: url(imagenes/fondos/central_header.gif);

	background-repeat: no-repeat;

	height: 25px;



}



.central_background{

	width:360px;

	background-image: url(imagenes/fondos/central_background.gif);

	height: auto;

	vertical-align: top;

	margin: 0px;

	left: 100px;

	background-repeat: repeat-y;

}



.central_footer {

	width:360px;

	background-image: url(imagenes/fondos/central_footer.gif);

	height: 25px;

	background-repeat: no-repeat;

	margin: 0px;

	clear: both;

}





/* PIE DE FOTOS (Ficha de producto) */



.piefoto {

	font-size: 0.6em;

	text-align: center;

	display: block;

	margin-top: 5px;

}

.piefoto a{

	color: #000000;

	text-decoration: none;

}



.piefoto a:hover{

	color: #F86503;

}



/* OTROS ELEMENTOS */



.auxiliar {

	list-style-type: none;

	margin-bottom: 15px;

}





.fotografia {

	width: 175px;

	float: right;

	margin-top: 1.5em;

	margin-right: 20px;

}



.fotografia_grande {

	width: 500px;

	margin-top: 1.5em;

	float: left;

	margin-left: 34px;

}



.logotipo {

	height: 80px;

	width: 315px;

	margin-top: 28px;

	margin-left: 35px;

	background-color: #993399;

	display: block;

	padding: 0px;

	clear: both;

}

.logoespina {

	height: 85px;

	width: 310px;

	display: block;

	position: relative;

	left: 40px;

	top: 40px;

}







/* buscador */





#buscador {

	height: 100px;

	width: 183px;

	margin-top: -35px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 8px;



}



#destacado {

	height: 100px;

	width: 183px;

	margin-top: -35px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 8px;



}





/* AÑADIDO PEDRO */

.texto {

	font-size: 11px;

}



.formulario {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	border: 1px solid #CCCCCC;

	background-color: #EEEEEE;

	width: 250px;

}



.formulario_peque {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	border: 1px solid #CCCCCC;

	background-color: #EEEEEE;

	width: 150px;

}



.formulario_boton {

	border: 1px solid #666666;

	background-color: #CCCCCC;

	padding: 1px;

	width: 150px;

	font-size: 11px;

}



.formulario_calendario {

	font-size: 11px;

	text-align: center;

	border: 1px solid #CCCCCC;

	background-color: #EEEEEE;

	width: 20px;

}



.formulario_check {

	border: 1px solid #CCCCCC;

	background-color: #EEEEEE;

	width: 16px;

	height: 16px;

}

.imagenderecha {

	float: right;

	margin-left: 10px;

	margin-bottom: 20px;

}