/* --------------------- Común para toda la web ---------------------*/

body {
	margin:0px;
	padding:0px;
	font:normal 100% Arial, Helvetica, sans-serif;
}

h1{
	margin:15px 9px 0 0;
	padding:0px;
	float:left;
}

h1 img {
	border:none;	
}

h2 {
	color:#daf961;
	font:normal 100% Arial, Helvetica, sans-serif;	
	font-variant:small-caps;
	padding:5px 0 0 20px;
}

h3 {
	color:#fff;
	font:normal 110% Arial, Helvetica, sans-serif;	
	font-variant:small-caps;
	margin:10px 0 10px 10px;
}

h4 {
	color:#daf961;
	font:normal 90% Arial, Helvetica, sans-serif;	
	font-variant:small-caps;
	margin:10px 0 15px 10px;
}

*{
	padding:0px;
	margin:0px;
}

a{
	color:#daf961;
	text-decoration:none;
}

a:hover{
	color:#000;
}

img{
	border:none;
}


/* --------------------- Comienza la web ---------------------*/

#contenedor{
	margin:0px auto;
	width:1024px;
	min-height:600px;
}

#head-index{
	width:900px;
	height:151px;
	margin:0px auto;
	background-color:#575757;
}

#head{
	width:900px;
	height:324px;
	margin:0px auto;
	background-color:#575757;
}

#menu{
	width:610px;
	height:121px;
	float:right;
}

#menu img{
	border:none;
	margin:0px auto;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{	
	list-style-type:none;
	margin:0px;
	display:block;
	float:left;
}

#menu li a{
	font:normal 100% Arial, Helvetica, sans-serif;
	list-style-type:none;
	display:block;
	float:left;
	height:91px;
	width:121px;
	border-left:1px solid #000;
	padding:30px 0 0 0;
	text-align:center;
	font-variant:small-caps;
	background:url(../img/fondo-menu.jpg) bottom repeat-x;
	color:#000;
	text-decoration:none;
	margin:0px;
}

#menu li a:hover{
	background:url(../img/fondo-menu.jpg) top repeat-x;
	font:normal 100% Arial, Helvetica, sans-serif;
	color:#daf961;
}

.aqui{
	background:url(../img/fondo-menu.jpg) top repeat-x;
	font:normal 100% Arial, Helvetica, sans-serif;
	color:#daf961;
	padding:60px 0 0 0;
	height:61px;
	list-style-type:none;
	display:block;
	float:left;
	width:121px;
	border-left:1px solid #000;
	text-align:center;
	font-variant:small-caps;
	text-decoration:none;
}

#mecanizados {
	width:900px;
	height:30px;
	margin:0px auto;
	padding:0px;
	background:#000;
}

#img-index{
	width:900px;
	height:330px;
	margin:0px auto;
}

#img-index img{
	border:none;
}

#contenido{
	width:900px;
	min-height:278px;
	margin:0px auto;
}

#contenido-contacto{
	width:900px;
	min-height:278px;
	margin:0px auto;
	background:#575757 url(../img/fondo-interior-caja.jpg) center bottom repeat-x;
}

#piezas{
	width:300px;
	height:278px;
	margin:0px auto;
	float:left;
	background:url(../img/interior-img-piezas.jpg) center center no-repeat;
}



#caja{
	width:600px;
	min-height:278px;
	margin:0px auto;
	padding:0 0 15px 0;
	float:right;
	background:#575757 url(../img/fondo-interior-caja.jpg) center bottom repeat-x;
}

#caja p{
	color:#fff;
	font:normal 75% Arial, Helvetica, sans-serif;
	line-height:175%;	
	margin:0 15px 0 15px;
	text-align:justify;
}

#caja ul{
	margin:0px 0 0 40px;
	padding:0px;
}

#caja li{
	list-style-image:url(../img/icono.jpg);
	text-align:left;
	font: 75% Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:140%;
	margin:5px 0 5px 0;
}

#caja-grande{
	width:860px;
	min-height:278px;
	margin:0px auto;
	padding:0 20px 15px 20px;
	float:right;
	background:#575757 url(../img/fondo-interior-caja.jpg) center bottom repeat-x;
}

#caja-grande p{
	color:#fff;
	width:300px;
	font:normal 75% Arial, Helvetica, sans-serif;
	line-height:175%;	
	margin:15px 15px 0 15px;
	text-align:justify;
}

#caja img{
	float:right;
	margin:5px 15px 0 0;
	padding:0px;
}



/*------------------------- GALERIA ---------------------------*/

#loadarea {
	width:296px;
	min-height:278px;
	margin:0px;
	padding:0px;
	float:left;
}

.foto_peq {
	width:500px;
	height:25px;
	margin:0px auto;
}

.foto_peq ul{
	text-align:left;
	margin:0px;
	padding:0px;
}

.foto_peq li{
	width:30px;
	height:25px;
	margin:0px;
	padding:5px;
	display:inline;
	list-style-type:none;
	float:left;
}

.foto_peq img {
	width:30px;
	height:25px;
	margin:0px;
	padding:0px;
	border:1px double #999;
}



/* -- Formulario -- */

#contacto{
	width:420px;
	min-height:370px;
	margin:5px 0 35px 20px;
	padding:0px;
	float:left;
	border-right:1px dotted #fff;
}

#pedido{
	width:400px;
	min-height:278px;
	margin:5px 20px 0 0;
	padding:0px;
	float:right;
}

#formulario, #presupuesto {
	float:left;
	width:400px;
	color:#fff;
	font:75% Arial, Helvetica, sans-serif;
	margin:15px auto;
}

legend {
	display:none;
}

fieldset {
	border-style:none;
	margin-bottom:8px;
}

.gracias{
	width:370px;
	margin:0px;
	padding:0px;
	float:left;
	border:1px dotted #000;
}

.gracias p{
	width:250px;
	margin:15px 10px 0 0;
	padding:0px;
	font:normal 70% tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	text-align:left;
}

.gracias img{
	margin:5px;
	padding:0px;
	float:left;
	border:none;
}

label{
	color:#fff;
	text-align:left;
}

fieldset input, textarea{
	background-color:#fff;
	border:0px solid #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
	margin-top:2px;
	margin-bottom:4px;
	color:#666;
	font:85% Arial, Helvetica, sans-serif;
	display:block;
	width:370px;
	height:15px;
}

textarea{
	height:50px;	
}

#txtCantidad{
	width:100px;
	height:15px;
}

.boton{
	width:80px;
	padding:3px 0px;
	background-color:#eee;
	border:1px solid #ccc;
	color:#666;
	margin:8px 0px 5px 0px;
	cursor:pointer;
}

.boton:hover{
	color:#fff;
	background:#333;
	border:1px solid #fff;
}

.checklabel {
	color:#fff;
}

.check {
	margin-right:2px;
}

#formulario a{
	color:#daf961;
}

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


#info{
	width:370px;
	margin:0px;
	padding:0px;
	float:left;
	border:1px dotted #000;
}

#info img{
	margin:5px;
	padding:0px;
	float:left;
	border:none;
}


#info p{
	width:250px;
	margin:15px 10px 0 0;
	padding:0px;
	font:normal 70% tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	text-align:left;
}


/*--------------- PIE ----------------*/
#pie{
	background:url(../img/fondo-pie-index.jpg) top center repeat-x;
	margin:0px auto;
	width:900px;
	min-height:70px;
	clear:both;
}

#pie ul{
	padding:14px 19px 0 0;
	margin:0px;
	text-align:right;
}

#pie li{
	font:normal 70% tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
}


#pie-index{
	background:url(../img/fondo-pie-index.jpg) top center repeat-x;
	margin:0px auto;
	width:900px;
	min-height:70px;
	clear:both;
}

.cuadro{
	width:260px;
	min-height:125px;
	float:left;
	margin:10px 10px 0 25px;
}

.cuadro ul{
	margin:0px 0 0 25px;
	padding:0px;
}

.cuadro li{
	list-style-image:url(../img/icono.jpg);
	text-align:left;
	font: 70% Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:140%;
}

.encabezado{
	text-align:left;
	color:#daf961;
	font: small-caps 90% Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

p{
	text-align:left;
	color:#fff;
	font: 70% Arial, Helvetica, sans-serif;
	line-height:200%;
}

address{
	font:normal 70% tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:15px 0 0 0;
	float:left;
}

.certificados{
	margin:0 0 0 19px;
	float:left;
}

#pie img{
	margin:0 0 0 5px;
}





.clear {
	clear:both;
}