/*
Theme Name: Madera Elegante
Theme URI: http://www.arte2.es
Description: Tema para el sitio arte2.es
Version: 1.0
Author: Manuel Castillo - Nodos Technologies -
Author URI: http://www.nodos.ws
*/

/* COLORES USADOS

Dorado cordoue		#d4b776

Beige fondo			#f5e8d4

Fuente párrafo: 	#FEA640

Soil Brown			#777053

Burnt Sienna		#A8996e

Light Tan			#e8e8c9

Old Paper White		#eae7d3

====================================*/

/*importamos el reseteo de estilos.*/

@import url(reset.css);


body{
	background: url(../images/bg_maderas.jpg) top center no-repeat fixed #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #5a3d32;
}

/*LAYOUTS*/
div#wrapper{
	margin: 0 auto;
	width: 960px;
}

div#header{
	position: relative;
	overflow: auto;
}

div#footer{
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}
/*FIN DE LOS LAYOUTS*/


/*CONTENIDO DE DIV#HEADER*/
h1 img{
	display: block;
	margin: 0 auto;	
}
/*FIN CONTENIDO DIV#HEADER*/

/*MENÚ*/
ul.navigation{
	width: 960px;
	height: 37px;
	margin: 0 auto 10px auto;
}
ul.navigation li {float:left;}
ul.navigation a {background:url(../images/menu960.png);display:block; height:37px; text-indent:-9000px;}
ul.navigation a:focus {
    outline: none;
}

/*ESTADO NORMAL*/
#menu_bienvenida a {width:142px;}
#menu_guadameci a {width:375px; background-position:-142px 0px;}
#menu_taller a{width:179px; background-position:-517px 0px;}
#menu_showroom a {width:137px; background-position:-696px 0px;}
#menu_contacto a {width:127px; background-position:-833px 0px;}

/*ESTADO ROLLOVER*/
#menu_bienvenida a:hover {background-position:0px -37px;}
#menu_guadameci a:hover{background-position:-142px -37px;}
#menu_taller a:hover {background-position:-517px -37px;}
#menu_showroom a:hover {background-position:-696px -37px;}
#menu_contacto a:hover {background-position:-833px -37px;}

/*ESTADO ACTIVO*/
#menu_bienvenida a.selected {background-position:0px -74px;}
#menu_guadameci a.selected {background-position:-142px -74px;}
#menu_taller a.selected {background-position:-517px -74px;}
#menu_showroom a.selected {background-position:-696px -74px;}
#menu_contacto a.selected {background-position:-833px -74px;}

/*FIN MENÚ*/

/*EFECTO CODA*/
#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 522px;
    width: 960px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 522px;
    width: 960px;
	background-color: #f5e8d4;
}

.hide {
    display: none;
}
/*FIN EFECTO CODA*/

p{
	padding-top: 10px;
	font-size: 1.2em;
	line-height: 1.8em;
}
h2{
	font-family: Georgia;
	font-size: 2em;
	font-style: italic;
}
/*PANEL BIENVENIDA*/
div#bienvenida{background: url(../images/panel_bienvenida.jpg) no-repeat; overflow: auto;}

div#bienvenida_spanish, div#bienvenida_english{
	float: left;
	width: 250px;
	padding: 30px 15px;
}
div#bienvenida_graphics{
	float: left;
	width: 340px;
	height: 417px;
	margin: 21px 30px 0 30px;
}
/*FIN PANEL BIENVENIDA*/

/*PANEL CORDOBÁN*/
div#cordoban{background: url(../images/panel_cordoban.jpg) no-repeat; overflow: auto;}
div#cordoban_spanish{
	float: left;
	width: 310px;
	padding: 30px 55px 30px 35px;
}
div#cordoban_english{text-align: right;
	float: left;
	width: 310px;
	padding: 30px 35px 0px 55px;
}
div#cordoban_graphics{
	float: left;
	width: 160px;
	height: 417px;
	margin: 21px 0;
}

/*FIN PANEL CORDOBÁN*/

/*PANEL DE TALLER*/

div#taller{background: url(../images/panel_taller.jpg) no-repeat; overflow: auto;}
div#taller_spanish{
	float: left;
	width: 310px;
	padding: 30px 5px 30px 25px;
}
div#taller_english{
	float: right;
	width: 300px;
	padding: 30px 35px 0px 110px;
}


/*FIN PANEL DE TALLER*/


/*PANEL CATALOGO*/
div#catalogo{
}
div#datos{
	height: 379px;
	margin: 0 auto;
	width: 800px;

}

ul.menu_catalogo{
	width: 829px;
	height: 113px;
	margin: 15px auto 25px auto;
}
ul.menu_catalogo li {float:left;}
ul.menu_catalogo a {background:url(../images/menu_catalogo.jpg);display:block; height:113px; text-indent:-9000%}
ul.menu_catalogo a:focus {
    outline: none;
}

/*ESTADO NORMAL*/
#menu_cat1 a{width:114px;}
#menu_cat2 a {width:120px; background-position: -114px 0px;}
#menu_cat3 a {width:120px; background-position: -234px 0px;}
#menu_cat4 a {width:120px; background-position:-354px 0px;}
#menu_cat5 a {width:120px; background-position:-474px 0px;}
#menu_cat6 a {width:120px; background-position:-594px 0px;}
#menu_cat7 a {width:115px; background-position:-714px 0px;}

/*ESTADO ROLLOVER*/

#menu_cat1 a:hover {background-position:0px -113px;}
#menu_cat2 a:hover {background-position:-114px -113px;}
#menu_cat3 a:hover {background-position:-234px -113px;}
#menu_cat4 a:hover {background-position:-354px -113px;}
#menu_cat5 a:hover {background-position:-474px -113px;}
#menu_cat6 a:hover {background-position:-594px -113px;}
#menu_cat7 a:hover {background-position:-714px -113px;}

/*ESTADO ACTIVO*/
#menu_cat1 a.seleccionado {background-position:0px -225px;}
#menu_cat2 a.seleccionado {background-position:-114px -225px;}
#menu_cat3 a.seleccionado {background-position:-234px -225px;}
#menu_cat4 a.seleccionado {background-position:-354px -225px;}
#menu_cat5 a.seleccionado {background-position:-474px -225px;}
#menu_cat6 a.seleccionado {background-position:-594px -225px;}
#menu_cat7 a.seleccionado {background-position:-714px -225px;}

/*FIN PANEL CATALOGO*/


/*PANEL DE CONTACTO*/
div#lateral1, div#lateral2{
	float: left;
	width: 420px;
	padding: 30px;
}
div#map{
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 385px;
	height: 200px;
	border: 2px solid #D9D7CA;
}
form{
	margin-left: 0px;	
}

label{
	display: block;
	font-size: 1.1em;
	color: #4b4b4b;
}
input{
	display: block;
	margin-bottom: 5px;
	border: 1px solid #d1d1d1;
	background: url(../images/input.gif) #fff left top repeat-x;
}
input#nombre, input#email{
	width: 200px;
}
textarea{
	border: 1px solid #d1d1d1;
	width: 250px;
	height: 100px;
	background: url(../images/input.gif) #fff left top repeat-x;
}

input#submit{
	margin-top: 5px;
	color: #656565;
}
#formulario label.error {
	width: auto;
	display: inline;
	color: Red;
}
fieldset{
	padding-top: 15px;
	border: none;
}
label.error{
	color: #FF0000;
	padding-bottom: 10px;
}

/*FIN PANEL DE CONTACTO*/

div#loader{
	width: 100px;	
	position: relative;
	top: 120px;
	left: 430px;
	display: none;
	font-size: 14px;
}
p#error{
	top: 120px;
	left:260px;
	font-size: 14px;
	position: relative;
	width: 300px;
}
div.articulo{
	float: left;
	width: 266px;
	margin: 10px 0 40px 0;
	height: 75px;
	padding: 0;
/*	background-color: fuchsia;*/
}
div.articulo + p{
}
div.articulo .fotografia{
	float: left;
}
div.articulo .especificaciones{
	font-family: Verdana;
}
div.articulo .especificaciones p{
	float: right;
	width: 146px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
}
.especificaciones p span{
	font-weight: bold;
}

ul#paginacion{
	width: 800px;
	clear: both;
	text-align: center;
	padding-top: 40px;
}
#paginacion li{
	display: inline;
	padding: 3px 6px 4px;
}
#paginacion li a{
	background-color: #000;
	border: 2px solid #d4b776;
	padding: 5px 10px;
	color: #d4b776;
	text-decoration: none;
}

/*download catálago*/
div#descarga{
	position: absolute;
 	background-color: transparent;
	width: 102px;
	height: 101px;
	top: 0;
	left: 0;
}