/*-----------------------------------------------------------------------------------------------------/
	Reset, general
/-----------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0; text-decoration:none; list-style:none; border:none}
.wrapp{margin:auto; overflow:hidden}
.left{float:left} .right{float:right}
.padding{padding:5px}

 /* alineacion de textos */
.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_justify{text-align:justify}


/*-----------------------------------------------------------------------------------------------------/
	Tipografias, colores, backgrounds
/-----------------------------------------------------------------------------------------------------*/
.texto{font-family:"Trebuchet MS", Arial, Helvetica; font-size:14px; color:#421812}

body{background:url(../imagenes/bg.png) repeat-x}

/* content */
#center{background:url(../imagenes/bg_center.png) repeat-y}
	#contenido{border-top:solid 1px #5E4340; border-bottom:solid 1px #677683}
		#contenido_right{line-height:1.5em; background-color:#E8E8E8}

/* footer */
#footer{color:#FFF; font-size:11px; line-height:2em; background-color:#012547; border-top:solid 1px #CCD3DA; border-top:solid 1px #34516C}
	#footer .wrapp div.right, #footer .wrapp div.left{background-color:#0B2E4E}

/* copyright */
#copy{font-size:12px; color:#4E4E4E; line-height:45px}
	#copy a{color:#4E4E4E}
	#copy a:hover{border-bottom:dashed 1px #4E4E4E}


/*-----------------------------------------------------------------------------------------------------/
	Layouts principales
/-----------------------------------------------------------------------------------------------------*/
#wrapper{width:960px; position:relative; z-index:1}

/* head */
#head{height:262px}
	#logo_titulo{width:100%; height:233px}
		#logo_titulo div.left{width:430px}
		#logo_titulo div.right{width:530px; margin-top:70px}

/* content */
#center{width:944px}
	#contenido{margin:0 12px 0 12px}
		#contenido .padding{width:910px}
			/* izq */
			#lado_izq{width:301px}
			/* der */
			#lado_der{width:530px; margin:50px auto 50px auto}
				#lado_der #contenido_right{width:450px}
					#lado_der #contenido_right .padding{width:410px; padding:20px}
						#lado_der #contenido_right .padding p{margin-top:10px}
						#lado_der #contenido_right .padding p:first-child{margin-top:0}

/* footer */
#footer{width:100%; margin-top:-15px; position:relative; z-index:0}
	#footer .wrapp{width:820px; padding:30px 0 15px 0}
		#footer .wrapp div.left, #footer .wrapp div.right{width:275px}
		#footer .wrapp div.center{width:220px; margin-left:25px}
			#footer .wrapp .padding{height:82px; padding:15px; overflow:hidden}

/*-----------------------------------------------------------------------------------------------------/
	Titulos
/-----------------------------------------------------------------------------------------------------*/
h1{width:455px; padding-right:15px; font-size:40px; word-spacing:4px}/* texto de la cabecera */
	h1 span{display:block; font-size:17px; font-weight:normal; word-spacing:0}
h2{width:100%; padding-bottom:20px; text-align:left; font-size:42px; color:#012547}/* titulos de secciones */


/*-----------------------------------------------------------------------------------------------------/
	Menu
/-----------------------------------------------------------------------------------------------------*/
#menu{width:100%; height:29px; font-size:17px; background-color:#33120A}
	#menu ul li{float:left; overflow:hidden; height:28px; margin-left:10px; background:url(../imagenes/bg_menu.gif)}
		#menu ul li a{color:#311109; display:block; padding:3px 15px; text-shadow:#FFF 0 1px 0}
		#menu ul li a.actual{color:#9C0D00}


/*-----------------------------------------------------------------------------------------------------/
	Secciones por separado
/-----------------------------------------------------------------------------------------------------*/
#thumbs_secciones{height:60px; margin-top:20px; padding:15px; background-color:#C0C0C0}


/* home */
#box_home{width:910px}
	#box_home div.box{width:300px}
		#box_home div.left{margin-right:5px}

#trabajos_texto_home{width:920px; height:34px; margin-bottom:45px; font-style:italic; background-color:#042849}
	#trabajos_texto_home a{display:block; width:280px; margin:auto; padding:5px; color:#042849; background:url(../imagenes/bg.png) 0 -180px; font-size:25px; line-height:25px}
	#trabajos_texto_home a:hover{color:#9C0D00}


/* box productos, cerramientos, amoblamientos */
.box{width:301px; height:230px; margin-bottom:30px; color:#FFF; background:url(../imagenes/bg_box.png) repeat-x}
.box_hover:hover{cursor:pointer; color:#C7C6C7}/* para cerramientos y amoblamientos */

	/* botones productos */
	.box ul{width:150px; margin-top:10px; font-size:22px; line-height:22px}
		.box ul li{margin-bottom:5px}
			.box ul li a{display:block; height:30px; line-height:30px; padding-left:10px; color:#9A9A9A; background-color:#C7C6C7}
			.box ul li a:hover, .box ul li a.actual{color:#ECECEC; background-color:#8B8B8B}

	.box img.left{margin-left:35px}/* la img de productos (puerta) */
	.box img.right{margin-left:-84px}/* nuevo */
	.box h3{margin-top:15px; font-size:18px; background-color:#9C0D00; padding:8px}
	.box h3.align_left{padding-left:25px}


/* servicios */
.servicio{width:408px; height:75px; margin-top:20px; background-image:url(../imagenes/servicios.jpg)}
	.servicio h4{position:relative; top:50px; right:10px; font-size:15px; font-weight:bold; color:#FFF; text-shadow:#000 2px 2px 2px}
#servicio_cerramientos{margin-top:0}
#servicio_presupuesto{background-position:0 -75px}
#servicio_entrega{background-position:0 -150px}
#servicio_herreria{background-position:0 -225px}


/* productos */
#productos ul#menu_prod{width:450px; font-size:25px; height:45px; line-height:45px; font-weight:bold}
	#productos ul#menu_prod li{display:inline; color:#ECECEC}
		#productos ul#menu_prod li a{color:#8B8B8B; background:#CCC; margin:0 -6px; padding:29px}
		#productos ul#menu_prod li a:hover, #productos ul#menu_prod li a.actual{color:#929292; background:#E8E8E8}

	#productos #productos_contenido{padding:40px 0 10px 0}
		#productos #productos_contenido #title_sist{color:#E8E8E8; background-color:#929292}

	#productos #productos_contenido #productos_desc{background-color:#D0D0D0}

	/* carousel */
	#productos .carousel{position:relative; margin:5px auto 15px; padding:0 10px}
		#productos .carousel #wrapp_ul_carousel{position:relative; z-index:0; width:100%; height:64px}
		#productos .carousel #wrapp_ul_carousel ul li{width:100px; margin:0 1px; border-left:solid 1px #929292; border-right:solid 1px #929292}
		#productos .carousel #wrapp_ul_carousel ul li:hover, #productos .carousel #wrapp_ul_carousel ul li.actual{background-color:#929292; cursor:pointer}
			#productos .carousel #wrapp_ul_carousel ul li img{margin-top:2px}

	#productos #img_prod img{width:388px; border:solid 2px #929292; margin-bottom:10px}


/* trabajos realizados */
#trabajos_realizados #contenido_right{width:460px}
	#trabajos_realizados #contenido_right img{margin:2px}


/* contacto */
#contacto #contenido_right wrapp{width:460px}

	/* left - form */
	#contacto form{width:190px; overflow:hidden}
		#contacto #contenido_right .wrapp .left form p{margin-top:0; margin-bottom:10px}
			#contacto form input, #contacto form textarea{width:177px; padding:8px 6px; border:0; color:#C0C0C0}
			#contacto form textarea{height:200px; overflow:auto}
		/* botones enviar / recibir */
		#contacto #contenido_right .wrapp .left form p#form_botones{margin-bottom:0}
			#contacto #contenido_right .wrapp .left form p#form_botones input{width:80px; background:url(../imagenes/bg.png) 0 -200px; margin-left:5px; font-weight:bold; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC}
			#contacto #contenido_right .wrapp .left form p#form_botones input:hover{color:#A9B4BE; cursor:pointer}

	/* right - datos de contacto y mapas */
	#contacto .datos_mapa{width:190px; margin-bottom:10px; background-color:#C0C0C0; font-size:13px}
		#contacto .datos_mapa .titulo_sucursal{padding:3px; color:#FFF; background-color:#626262; font-weight:bold; font-size:16px}
		#contacto .datos_mapa ul{padding:5px}
			#contacto .datos_mapa ul li{border-bottom:dashed 1px #E6E6E6; padding:4px 0}
			
	.error{background-color:#EEE}