/* CSS Document */

/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	
	font-family: "Trebuchet MS", Verdana;
	font-size: 90%;
}

/*ul {
	list-style: none;
	list-style-type: none;
}*/

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: underline;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

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

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.centro{
	text-align:center;
}	

/* Para empezar un layout centrado: */

body {
	text-align: center;/* Hack para que IE6 no de problemas */
	background-color:#CACFCB;
	background-image: url(../images/fondo.gif);
	background-repeat:  repeat-x;
	margin-top:40px;
	margin-bottom:40px;
}

#contenedor{
	width:980px;
	margin-left:auto;
	margin-right:auto;

}

#contenedor #superior{
	height:8px;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	background-position: center bottom;
}

* html #contenedor #superior{
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
}

#contenedor #medio{
	
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

#contenedor #inferior{
	height:8px;	
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: center top;	
	margin:0;
	padding:0;	
}

* html #contenedor #inferior{
	background-image: url(../images/down.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#contenedor #pie{
	text-align:center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	clear:both;
	margin:0;
	padding:0;
	padding-top:10px;
	margin-top:30px;
}

h1{
	float:left;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
}

#leather{
	float:right;
	text-align:right;
	margin-right:20px;
	margin-top:10px;
	font-size:.7em;
}

#leather a{
	color:#000;
	text-decoration:none;
}

#leather a:hover{
	color:#FF9933;
}

#menu{
	clear:both;
	margin:10px;
	height:30px;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;	
	font-size:1.1em;
}

#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	
}

#menu ul li{
	display:inline;
	height:30px;
	margin:0;
	padding:0;
}

#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	margin-left:-5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#menu ul li a:hover{
	/*background-color:#017F01;*/
	color:#000;
}

#menu ul li a.sele{
	text-decoration:underline;
}

#cabecera{
	height:220px;
	margin:10px;
	z-index:1;
	position:relative;
}

#cabecera #texto{
/*	margin-top:-120px;
	margin-right:10px;*/
	height:120px;
	width:220px;
	top:100px;
	right:10px;
	float:right;
	color:#FFFFFF;
	text-align:right;	
	z-index:5;
	position:absolute;
}	

#contenido{
	clear:both;
	margin:10px;
	margin-bottom:0;
	text-align:justify;
}

#fotosservicios{
	
}

#fotosservicios #uno{
	float:left;
}

#fotosservicios #dos{
	float:left;	
	margin-left:15px;
}

#fotosservicios #tres{
	float:right;
}

#contacto{
	width:50%;
	float:right;
	
}

#contenido ul{
	margin-left:20px;
}

#contenido a{
	color:#000;
}

#contenido a:hover{
	color:#FF9933;
}

.contenedorfoto{
	text-align:center;
	margin-top:40px;

}

.contenedorfoto img{
	border: 4px solid #000;
}

h3{
	color: #FFA200;
	margin-top:1.5em;
}

.ico1{
	background-image:url(../images/muebles.gif);
	
	background-repeat: no-repeat;
	background-position: left center;
	
	padding:10px;
	padding-left: 43px;
	margin-left:7px;
}

.ico2{
	background-image:url(../images/auto.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding:10px;
	padding-left: 50px;	
}

.ico3{
	background-image:url(../images/cuero.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding:10px;
	padding-left: 40px;
	margin-left:10px;	
}

.ico4{
	background-image:url(../images/volante.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding:10px;
	padding-left: 46px;
	margin-left:4px;
}

ul.trabajos{
	list-style-type:none;
}

ul.trabajos li{
	line-height:40px;
	height:40px;
}
.producto{
	width:452px;
	height:161px;	
	float:left;
	padding:10px;
	margin:4px;
	background-image: url(../images/fondo-tienda2.png);
	background-repeat: no-repeat;
}
.producto h3{
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	font-weight:bold;
}

.producto img{
	float:left;
	margin-right:10px;
}

#cesta{
	width:250px;
	height:70px;
	margin-top:20px;
	float:right;
}

#cesta img{
	float:left;
	margin-right:10px;
}

#trabajos{
	text-align:center;
}

#trabajos a{
	width:200px;		
	display:block;
	padding-top:150px;
	height:50px;
	line-height:50px;
	float:left;
	margin: 20px;
	font-size:1.1em;
	font-weight:bold;
	background-color:#CCCCCC;
}

#trabajos a:hover{
	color:#FFFFFF;
}

#trabajos a#t-automoviles{
	background-image: url(../images/trabajos-automoviles.jpg);
}

#trabajos a#t-muebles{
	background-image: url(../images/trabajos-muebles.jpg);
}

#trabajos a#t-volantes{
	background-image: url(../images/trabajos-volantes.jpg);
}

#trabajos a#t-restauracion{
	background-image: url(../images/trabajos-restauracion.jpg);
	line-height:20px;
}

#facebook{
	float:right;
	width:100px;
	margin-top:10px;	
}

#logos{
	text-align:right;
	
	width:980px;
	margin-left:auto;
	margin-right:auto;	
}

#logos img{
	margin: 10px 0 0 10px;
}

.contenedorfotos{
	width:500px;
	float:left	
}

#comentarios{
	width:425px;
	float:right;
}

.fotoproducto{
	display:block;
	width:200px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	margin-right:10px;
}

.naranja{
	color:#FF9933;	
}


/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}






/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:961px;
    height:220px; 
	margin:10px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#slider {
	position:relative;
    width:961px;
    height:220px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:20px;
	top:20px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    /*font-family: Helvetica, Arial, sans-serif;*/
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}