* { padding: 0;margin: 0;z-index: 1}
			
						
			BODY 				{ background: url(http://www.bricomarkt.com/logos/background.jpg) repeat-x fixed; color: black; font-family: arial; background-color: #f1f1f1; text-align: center;font-size:16px}
			BODY a:link			{ text-decoration: none; color: blue}
			BODY a:visited		{ text-decoration: none; color: purple}
			BODY a:hover		{ text-decoration: underline }
	
			.guion li			{ padding-bottom: 14px; list-style-type: none;line-height: 22px}
			.guion ul 			{ border: 0px blue solid;margin: 0px 0px 0px 16px;padding: 0px}
			.guion				{ list-style-image: url(./logos/guionbold.gif); border: 0px red solid; margin-left: 27px;margin-top: 25px;margin-bottom:15px;padding-bottom: 0px; font-size: 16px}

			.sub				{ color: brown;font-weight: bold; margin: 0px 0px 0px 18px;width: 200px;padding: 0px; line-height: auto;border: 0px red solid}
			.sub li				{ list-style-image: url(./logos/cuadradosub.gif);margin: 0px;border: 0px red solid;padding: 0px}

			/* IMPORTANT */
			.hueco 				{ width: 980px;border: 0px red solid;margin: auto;}	

			/* PIE */
			.productos			{ }
			.otros 				{ font-weight: bold;text-align: left; float: left; width:700px;font-size: 65%;padding-left: 10px;line-height: 100%;margin-top: 20px}/* CUANDO ESTE CAMBIADO HAY QUE BORRARLO USERS PREDOMINA*/
			
			.users 				{ font-weight: bold;text-align: left; float: left; width:700px;font-size: 65%;padding-left: 10px;line-height: 100%;margin-top: 20px}
			.users a			{ margin-left: 8px}
			.users img			{ float: left}
			.users p			{ margin: 7px 0px 0px 27px;border:0px blue solid}

			.atencion 			{ text-align: right; float: right; width: 210px; margin: 20px 10px 0px 0px; font-size: 69%;color: brown;font-weight: bold}
			.date 				{ color: #5c5c5c;font-size: 10px; clear:both;line-height: 100%;text-align: right;padding-right: 10px; width: 190px;float:right;margin-top: 3px;padding-bottom: 2px;margin-bottom: 5px}/* CUANDO ESTE CAMBIADO HAY QUE BORRARLO FECHA PREDOMINA*/
			.fecha 				{ color: #5c5c5c;font-size: 10px;text-align: right; margin: 2px 10px 7px 0px; width: 190px;float:right}

			/* MENU */
			.menu 				{ display:inline;float: left;text-align: left;border: 0px red solid;clear: both;width: 700px;padding-left: 0px;margin-top: 20px;color: #949494; font-weight: bold;margin-left: 4px}
			.menu a:visited		{ text-decoration: none; color: blue}
			/*EL MENU DESAPARECERA*/
			.m 					{ height:29px; background-color:#68006F; background-image: url(../../logos/m.gif); float:left; line-height:29px; color: #EBEBEB; font-weight:bold;}
			.m a:visited		{ text-decoration:none; color:#EBEBEB}
			.m a:hover			{ text-decoration:none; color:#EBEBEB}
			.m a:link			{ text-decoration:none; color:#EBEBEB}
			.l 					{ height:29px; width:8px; background-image:url(../../logos/l.gif);float:left;}
			.r					{ height:29px; width:8px; background-image:url(../../logos/r.gif);float:left;}


			/* CABECERA */
			.logo 				{ text-align: left;float:left;margin-top: 10px}
			.time 				{ display:inline;text-align: center;float: right;color: #0a4623; font-size: 100%;margin: 15px 45px 0px 0px}
			/* FORMA PARTE DE LA CABECERA PERO ES BORRABLE SOLO PARA AGOSTO */
			.time a:link 		{ color: red; font-weight: bold}
			.time a:visited		{ color: red; font-weight: bold}
			.time a:hover    	{ text-decoration: none; color: white; background-color: black}
			/*                                                              */
			.phone				{ font-size: 200%;font-weight: bold;margin: 0px 0px 0px 0px;border: 0px red solid;}

			/* CASILLA */
			.casilla 			{ background-color: #fafafa;  width: 100%; border: solid 1px #d0d0d0;clear: both;margin: 0px;padding: 0px}

			/* TITULO CASILLA */
			.titulo 			{ color: brown;	padding: 20px 0px 20px 0px}

			/* HUECO IZQUIERDO */
			.izquierda 			{ display:inline;float: left; width: 620px;margin-top: 30px;text-align: justify;position: relative;border: 0px #d0d0d0 solid;margin-left: 10px}

			.subtitulo 			{ color: brown;font-weight: bold; list-style-image: url(http://www.bricomarkt.com/logos/cuadrado.gif);border: 0px red solid}

			/* HUECO DERECHO */
			.derecha 			{ display:inline;float: right; width: 254px;margin-top: 30px;margin-right: 35px;border: 0px #d0d0d0 solid;padding-top: 22px}

			.foto 				{ text-align: center;color: #666666; font-size: 13px;margin: 0px;width: 252px}/*float: left; border: solid 0 red;*/
			.foto a:link 		{ text-decoration: none; font-size: 10px; color: #a0a0a0}/*ESTO LO BORRAREMOS NO TIENE USO*/
			.foto a:visited		{ text-decoration: none; font-size: 10px; color: #a0a0a0}
			.foto a:hover    	{ text-decoration: none; font-size: 10px; color: white; background-color: black}
			.borde 				{ border:1px #555 solid;}

			.enlaces			{ text-align: left;font-size: 80%;padding-top: 10px;padding-bottom: 0px;border: 0px red solid;padding-left: 0px;margin: 0px 0px 0px 0px}
			.enlaces a:link		{ text-decoration: none; color: blue}
			.enlaces a:visited	{ text-decoration: none; color: purple}
			.enlaces a:hover   	{ text-decoration: underline; }

			.link				{ text-align: left;font-size: 80%;margin-top: 10px; height:20px; }
			.link img			{ float:left}
			.link a:link		{ text-decoration: none; color: #0D0D0D; margin-left: 8px; float:left; margin-top:3px}
			.link a:visited		{ text-decoration: none; color: #0D0D0D; margin-left: 8px; float:left; margin-top:3px}
			.link a:hover   	{ text-decoration: underline; color: #0D0D0D; margin-left: 8px; float:left; margin-top:3px}
			/* MAIL */

			.titmail 			{ color: #1f008b;margin-top: 15px;margin-bottom: 15px}

			.adress				{ display:inline;width: 460px; float: left;border: 0px red solid;margin: 0px 0px 0px 10px} /*ESTO SERA SUSTITUIDO POR CONTACT*/
			.nombre 			{ color: #0A4623;font-size: 150%;font-weight: bold;margin-bottom: 5px; border: 0px red solid}/*ESTO SERA SUSTITUIDO POR CONTACT*/
			.direccion 			{ font-size: 110%;margin: 0px 0px 3px 0px; border: 0px red solid}/*ESTO SERA SUSTITUIDO POR CONTACT*/
			.telefonos 			{ font-size: 150%;margin: 0px 0px 3px 0px; border: 0px red solid;font-weight: bold}/*ESTO SERA SUSTITUIDO POR CONTACT*/
			.plano				{ margin-top:12px}/*ESTO SERA SUSTITUIDO POR CONTACT*/

			.contact 			{margin:auto; width: 460px; float: left; text-align:left; font-size:15px; color: #434343}
			.contact h1			{font-size:24px; color: #002F00; margin-bottom:5px; margin-left:40px}
			.contact img 		{float:left; margin-left:55px; margin-right:20px}
			.contact p			{padding-top:5px}
			.calle 				{margin-bottom:8px}
			.calle img			{margin-top:4px}
			.telefono			{margin-bottom:6px; height:28px; }
			.telefono p			{padding-top:5px; font-size:16px; font-weight:bold; text-decoration:underline; color: #191919}
			.fax				{margin-bottom:8px; height:28px}
			.mail				{margin-bottom:6px; height:28px}
			.map				{margin-bottom:6px; height:28px}
			.calendario			{margin-bottom:6px; height:28px}




			.formulario			{ display:inline;width: 470px; float: right;margin: 0px 25px 8px 0px;border: 0px blue solid}	
			.duda				{ margin: 2px 0px 3px 0px; color: #171717; font-size: 90%}
			.consulta 			{ width: 468px; border:1px #9a9a9a solid; resize:none;font-family: Arial;margin: 3px 0px 3px 0px; padding-bottom:3px; padding-left:3px; color: #4A4A4A}
			.form				{ margin: 2px 0px 3px 0px}
			.sitioboton			{ width: 468px;text-align: left;margin: 2px 0px 3px 0px;border: 0px red solid}
			.botonenviar		{ margin: 2px 0 3px; border:solid 1px #9a9a9a; background-color: #e9e9e9; text-align: center; cursor: hand; padding:1px 2px 1px 2px}
			
			/* COPYRIGHT */
			.copy				{color: #0a4623; font-size: 80%}
			.copy 	a:link,
					a:visited,
					a:hover		{color: #0a4623; text-decoration:none}
			
			/* LIMITE */
			.limite 			{clear: both;margin: 0px;padding: 0px;border: 0px blue solid;width: 1px; height:0px;line-height: 0px}
			
			/* PRECIO SOLITARIO */			
			.concepto			{font-size:16px;padding: 3px 0px 6px 0px;color: #3b3b3b;margin: 0px;}
			.unidad				{font-size: 12px;color: #363636}
			.huecoprecio		{width:252px; border: 1px solid #d0d0d0;text-align: center;font-size: 30px;color: #363636;}

			/* TITULO GRANDE */
			.titulogrande		{margin-top:20px;margin-bottom:20px;font-size:50px;color:#666666}
				
			/* CAJA */
			.caja				{margin-top:25px;margin-bottom:2px}
			.tcaja				{color:#bc7d4b;font-size:14px;font-weight:bold;margin-bottom:10px}

			/* IVA */
			.iva	{float:right; font-size:50%; color: #454545; margin:1px 3px 0px 0px} 
			

			/* LIGHTBOX */


			#lightbox		{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
			#lightbox img	{width: auto; height: auto}
			#lightbox a img	{border: none}

			#outerImageContainer	{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
			#imageContainer			{padding: 10px}

			#loading					{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
			#hoverNav					{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
			#imageContainer>#hoverNav	{left: 0}
			#hoverNav a					{outline: none}

			#prevLink, #nextLink						{width: 49%; height: 100%; background-image: url(image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block}
			#prevLink 									{left: 0; float: left}
			#nextLink 									{right: 0; float: right}
			#prevLink:hover, #prevLink:visited:hover 	{background: url(http://www.bricomarkt.com/lightbox/prevlabel.gif) left 15% no-repeat}
			#nextLink:hover, #nextLink:visited:hover	{background: url(http://www.bricomarkt.com/lightbox/nextlabel.gif) right 15% no-repeat}

			#imageDataContainer	{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}

			#imageData					{padding:0 10px; color: #666}
			#imageData #imageDetails	{width: 70%; float: left; text-align: left}	
			#imageData #caption			{font-weight: bold}
			#imageData #numberDisplay	{display: block; clear: left; padding-bottom: 1.0em}			
			#imageData #bottomNavClose	{width: 66px; float: right;  padding-bottom: 0.7em; outline: none}	 	

			#overlay	{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}

			
			/* BOTON
			.boton	 			{ height:30px;padding:4px 0px 7px 0px}
			.boton img	 		{ position:relative;height: 30px;top: 8px}
			.boton a:link	 	{ color:white;font-size:19px;text-decoration: none;padding:4px 0px 5px 0px;background-image: url(./logos/fondo.gif)}
			.boton a:visited 	{ color:white;font-size:19px;text-decoration: none;padding:4px 0px 5px 0px;background-image: url(./logos/fondo.gif)}
			.boton a:hover		{ color:black;text-decoration: none;padding:4px 0px 5px 0px;background-image: url(./logos/fondo.gif)}						 
			*/


			/* ES PARA LOS CERTIFICADOS DE VIGAS LAMINADAS BORRAR SI NO SE USA */

			.cert				{vertical-align: text-top;padding:25px 0px 25px 0px;border:0px red solid;}
			.cert img			{border:1px #555 solid;}
			.cert a:link 		{font-size: 10px; color: black; text-decoration: none}
			.cert a:visited		{font-size: 10px; color: purple; text-decoration: none}
			.cert a:hover    	{font-size: 10px; color: black; text-decoration: underline}
			.cert p 			{border:0px red solid;line-height: 14px;margin-top: 4px;font-size:10px;padding: 0px}