@charset "utf-8";
/* CSS Document */

html {
	background: #553E20 url(img/bg_html.png) top center;
	}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(img/bg_body.png) top left repeat-x;
	}

	#wrap {
		width: 770px;
		margin: 0 auto;
		text-align: left;
		background: #4A361C url(img/bg_body.png) top left repeat-x;
		}

/*-----------------------------------------------------------*/

	.clearer { clear: both; font-size: 0; }
	.imgright { float: right; margin-left: 8px; }
	.imgleft { float: left; margin-right: 8px; }
	.center { text-align: center; }
	.right { text-align: right; }

/*-----------------------------------------------------------*/

	#head {
		height: 150px;
		background: transparent url(img/bg_head.jpg) right bottom no-repeat;
		}
		#head h1 {
			float: left;
			margin: 0;
			padding: 0;
			}
			#head h1 a {
				display: block;
				width: 180px;
				height: 149px;
				background: #FFFFFF url(img/logo.png) no-repeat;
				}
				#head h1 a span, #head p {
					display: none;
					}
/*-----------------------------------------------------------*/

		#head ul {
			margin: 0;
			padding: 0;
			list-style: none;
			float: right;
			}
			#head ul li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#head ul li a {
					display: block;
					height: 30px;
					width: 102px;
					text-indent: -9999px;
					background-position: top;
					}
				#head ul li a:hover, #menu ul li.sel a {
					background-position: bottom;
					}

				#head ul li a#btn_inicio {
					background-image: url(img/btn_inicio.png);
					}
				#head ul li a#btn_empresa {
					background-image: url(img/btn_empresa.png);
					}
				#head ul li a#btn_productos {
					background-image: url(img/btn_productos.png);
					}
				#head ul li a#btn_clientes {
					background-image: url(img/btn_clientes.png);
					}
				#head ul li a#btn_contactos {
					background-image: url(img/btn_contactos.png);
					}



/*-----------------------------------------------------------*/

	#cont {
		padding: 20px 0;
		}

		#cont a img {
			border: 0;
			}


/*-----------------------------------------------------------*/

		#cont div#red_box {
			float: left;
			width: 218px;
			height: 158px;
			padding: 10px;
			margin-right: 20px;
			background: #D0462C url(img/bg_red_box.png) no-repeat;
			color: #4A361C;
			}
			#cont div#red_box h3 {
				font-size: 18px;
				color: #FFFFFF;
				font-weight: normal;
				margin: 0 0 8px 0;
				}
			#cont div#red_box p  {
				margin: 0 0 6px 0;
				}
			#cont div#red_box a  {
				display: block;
				width: 60px;
				padding: 3px 24px 4px 0;
				background: transparent url(img/bg_a_redbox.png) right no-repeat;
				color: #FFFFFF;
				font-weight: bold;
				}

		#cont div#yellow_box {
			float: left;
			width: 218px;
			height: 158px;
			padding: 10px;
			margin-right: 20px;
			background: #F1E261 url(img/bg_yellow_box.png) no-repeat;
			color: #4A361C;
			}
			#cont div#yellow_box h3 {
				font-size: 18px;
				color: #FFFFFF;
				font-weight: normal;
				margin: 0 0 8px 0;
				}
			#cont div#yellow_box p  {
				margin: 0 0 6px 0;
				}
			#cont div#yellow_box a  {
				display: block;
				width: 60px;
				padding: 3px 24px 4px 0;
				background: transparent url(img/bg_a_yellowbox.png) right no-repeat;
				color: #FFFFFF;
				font-weight: bold;
				}

		#cont div#blue_box {
			float: left;
			width: 218px;
			height: 158px;
			padding: 10px;
			background: #78B1A8 url(img/bg_blue_box.png) no-repeat;
			color: #4A361C;
			}
			#cont div#blue_box h3 {
				font-size: 18px;
				color: #FFFFFF;
				font-weight: normal;
				margin: 0 0 8px 0;
				}
			#cont div#blue_box p  {
				margin: 0 0 6px 0;
				}
			#cont div#blue_box a  {
				display: block;
				width: 60px;
				padding: 3px 24px 4px 0;
				background: transparent url(img/bg_a_bluebox.png) right no-repeat;
				color: #FFFFFF;
				font-weight: bold;
				}

		#cent {
			clear: both;
			padding: 20px;
			color: #FFFFFF;
			}
			#cent h3 {
				font-size: 24px;
				color: #F1E261;
				font-weight: normal;
				}

			#cent h4 {
				font-size: 20px;
				color: #78B1A8;
				font-weight: normal;
				}

			#cent div {
				float: left;
				width: 340px;
				margin-right: 20px;
				}

		#cont p.prods_home {
			float: left;
			width: 340px;
			border-bottom: 1px solid #553E20;
			margin-right: 20px;
			height: 80px;
			}
			#cont p.prods_home a img {
				float: left;
				border: 1px solid #F1E261;
				margin-right: 10px;
				}
			#cont p.prods_home a:hover img {
				border: 1px solid #FFFFFF;
				}

			#cont div.white {
				padding: 0 20px;
				height: 170px;
				color: #666666;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 16px;
				font-style: italic;
				}
				#cont div.white h3 {
					font-size: 24px;
					color: #D0462C;
					margin: 0 0 10px 0;
					font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-style: normal;
					}
				#cont div.white a {
					color: #78B1A8;
					}


			#cont div.prods {
				width: 340px;
				float: left;
				margin-right: 20px;
				height: 100px;
				}
			#cont div.prods a img {
				float: left;
				border: 1px solid #F1E261;
				margin-right: 10px;
				}
			#cont div.prods a:hover img {
				border: 1px solid #FFFFFF;
				}
			#cont div.prods h5 {
				color: #F1E261;
				font-size: 16px;
				font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-weight: normal;
				margin: 0 0 10px 0;
				}
			#cont div.prods p {
				margin: 0;
				}

/*------------------------------------------------------------------------------*/

#contact {
	width: 360px;
	margin: 20px auto;
	padding: 6px 0;
	margin: 4px 0;
	}
	#contact fieldset {
		margin: 0;
		border: 0;
		padding: 0;
		border: 0;
		}
	#contact fieldset legend {
		display: none;
		}
	#contact fieldset label {
		display: block;
		float: left;
		width: 100px;
		padding: 5px 0 3px 0;
		margin: 3px 0 0 0;
		font-size: 11px;
		}
	#contact fieldset input {
		width: 220px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	#contact fieldset select {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 224px;
		}
	#contact fieldset textarea {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 224px;
		}


.allright, .anuncio {
	color: #000;
	border: 1px solid #669900;
	background: #F2FFF2 url(img/allright.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-size: 1.1em;
	}

ul#lista_errores {
	list-style: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	}
ul#lista_errores li {
	border: 1px solid #FF0000;
	display: block;
	color: #000;
	background: #FFF0F0 url(img/error.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-style: italic;
	margin: 3px 10px 0 10px;
	}
p.nota {
	color: #FF0000;
	font-size: 10px;
	padding-top: 20px;
	}


		#cont ul.listaObras {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#cont ul.listaObras li {
				margin: 10px 0 0 0;
				border-bottom: 1px solid #CCCCCC;
				padding: 0 0 10px 0;
				height: 90px;
				}
				#cont ul.listaObras li h4 {
					margin: 0 0 10px 0;
					}
					#cont ul.listaObras li a {
						color: #3D5056;
						text-decoration: none;
						padding: 0;
						background-image: none;
						}
					#cont ul.listaObras li a:hover {
						color: #1E1773;
						}
				#cont ul.listaObras li p {
					margin: 0;
					}
				#cont ul.listaObras li a img {
					float: left;
					margin-right: 10px;
					border: 1px solid #3D5056;
					}
				#cont ul.listaObras li a:hover img {
					border: 1px solid #1E1773;
					}


		#cont div.fotos {
			text-align: center;
			}
			#cont div.fotos a {
				padding: 0;
				background-image: none;
				}
			#cont div.fotos a img {
				margin: 4px;
				padding: 2px;
				background-color: #999999;
				border: 0;
				}
			#cont div.fotos a:hover img {
				background-color: #1E1773;
				}
			#cont div.fotos p a {
				color: #999999;
				text-decoration: none;
				font-weight: bold;
				}
			#cont div.fotos p a:hover {
				color: #FF6600;
				}



			#cont p.paginitas {
				text-align: center;
				}
			#cont p.paginitas a {
				padding: 3px 5px;
				border: 1px solid #B39766;
				margin: 0 2px;
				background-image: none;
				color: #B39766;
				text-decoration: none;
				}
			#cont p.paginitas a.actual {
				background-color: #F1E261;
				color: #4A361C;
				}
			#cont p.paginitas a:hover {
				color: #F1E261;
				}
				
			.foto {
			border: 1px solid #F1E261;
			padding: 4px;
			}

/*-----------------------------------------------------------*/

	#foot {
		text-align: center;
		padding: 10px 20px;
		margin: 0 20px;
		border-top: 1px solid #553E20;
		font-size: 10px;
		color: #FFFFFF;
		clear: both;
		background-color: transparent;
		}
	#foot p.links {
		color: #FFFFFF;
		}
		#foot p.links a {
			color: #F1E261;
			}
		#foot p.links a:hover {
			text-decoration: none;
			}