@charset "utf-8";
/* CSS Document */
html {
	background-image: url(img/html_bg.png);
	height: 100%;
	}
body {
	background: transparent url(img/body_bg.png) top repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
div#bg {
	width: 100%;
	padding: 0;
	margin: 0;
	background: transparent url(img/bgfoto.png) bottom right no-repeat;
	}
	
/*---------------------------------------------------------------------*/

.links a { color:#FFAD1F; }
.links a:hover { color: #B35D14; }
img { border: 0; }
.border { text-align:center; border: 4px solid #F4F4F4; }
.center { text-align: center; }
.padding {
	min-height: 1000px;
	_height: 1000px;
	}

/*---------------------------------------------------------------------*/
#wrap {
	width: 760px;
	margin: 0 auto 0 40px;
	padding: 0;
	}
	
#head {
	float: left;
	width: 565px;
	height: 160px;
	background: url(img/bg_head.png) left center no-repeat;
	}
	#head h1 {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		}
		#head h1 a {
			display: block;
			width: 250px;
			height: 130px;
			padding: 9px;
			}
			#head h1 a span {
				display: none;
				}
		
	#menu {
		float: left;
		width: 190px;
		}
	#menu ul {
		margin: 0;
		padding: 4px 0 0 0;
		list-style: none;
		}
		#menu ul li {
			margin: 0 0 1px 0;
			padding: 0;
			}
			#menu ul li a {
				display: block;
				height: 24px;
				width: 158px;
				text-indent: -9999px;
				background-position: top left;
				}
			#menu ul li a:hover, #menu ul li.sel a {
				background-position: top right;
				}
			#menu ul li a#btn_home {
				background-image: url(img/btn_home.png);
				}
			#menu ul li a#btn_quienes {
				background-image:url(img/btn_quienes.png);
				}
			#menu ul li a#btn_servicios {
				background-image: url(img/btn_servicios.png);
				}
			#menu ul li a#btn_portafolio {
				background-image: url(img/btn_portafolio.png);
				}
			#menu ul li a#btn_clientes {
				background-image: url(img/btn_clientes.png);
				}
			#menu ul li a#btn_contactos {
				background-image: url(img/btn_contactos.png);
				}
				
/*----------------------------------------------------------*/				
	
#cont {
	float: left;
	width: 505px;
	background-color: #FFFFFF;
	padding: 20px;
	border-left: 10px solid #FFAD1F;
	border-right: 10px solid #FFAD1F;
	font-size: 14px;
	text-align: justify;
	}
	#cont p.linkes {
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		}
		#cont p.linkes a {
			padding: 4px;
			background-color: #E0ECFE;
			color: #003366;
			text-decoration: none;
			}
		#cont p.linkes a:hover {
			background-color: #AED7FF;
			}
	#cont h2 {
			background: transparent url(img/h2Ioi.png) top right no-repeat;
			color: #B35D14;
			text-align:left;
			padding: 0 25px 10px 0;
			margin: 25px 0;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: normal;
			border-bottom: 1px solid #CCCCCC;
		}
		
		#cont h3 {
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			color: #B35D14;
			font-weight: normal;
			padding: 2px 0 2px 28px;
			background: url(img/bg_h3_cont.png) center left  no-repeat;
		}
	
		#cont blockquote {
			margin: 10px;
			}
		#cont blockquote p {
			padding: 4px 10px 4px 20px;
			border-top: 1px solid #8ED5F2;
			border-bottom: 1px solid #8ED5F2;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #999999;
			font-style: italic;
			font-size: 16px;
			font-weight: bold;
			background: #FFFFFF url(img/quote.png) top left no-repeat;
			}
		
		#cont ul.sel {
			color:#666666;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
		#cont ul.sel li {
			margin-left: 20px;
			background: #FFFFFF url(img/bg_bull.png) left no-repeat;
			padding-left: 20px;
			padding-top: 4px;
			height: 20px;
			}

		#cont span {
			color:#FFAD1F;
			font-weight:bold;
			}
			#cont span.brown {
				color: #B35D14;
				}
		#cont p {
			color: #666666;
			}
			
		#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 h3 {
					margin: 0 0 10px 0;
					}
					#cont ul.listaObras li h3 a {
						color: #E9711A;
						text-decoration: none;
						}
					#cont ul.listaObras li h3 a:hover {
						color: #304E69;
						}
				#cont ul.listaObras li p {
					margin: 0;
					}
				#cont ul.listaObras li a img {
					float: left;
					margin-right: 10px;
					border: 1px solid #999999;
					}
				#cont ul.listaObras li a:hover img {
					border: 1px solid #E9711A;
					}
					
		
		#cont div.fotos {
			text-align: center;
			}
			#cont div.fotos a img {
				margin: 4px;
				padding: 2px;
				background-color: #999999;
				}
			#cont div.fotos a:hover img {
				background-color: #FF6600;
				}						
			#cont div.fotos p a {
				color: #999999;
				text-decoration: none;
				font-weight: bold;
				}
			#cont div.fotos p a:hover {
				color: #FF6600;
				}						
		
	
#side {
	float: left;
	width: 190px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-align: justify;
	}
	#side div {
		padding: 10px 0 0 8px;
		}
	#side h3 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #FFFFFF;
		font-weight: normal;
		padding: 2px 0 2px 28px;
		margin: 0 0 10px 0;
		background: url(img/bg_h3_side.png) center left  no-repeat;
		}
#foot {
	background-color: #FFFFFF;
	padding: 10px;
	border-left: 10px solid #FFAD1F;
	border-right: 10px solid #FFAD1F;
	clear:both;
	width:525px;
	_width:526px;
	text-align:center;
	color:#000000;
	font-size:10px;
	_margin-top: -20px;
	}

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

#contact {
	width: 280px;
	height: 300px;
	margin: 20px auto;
	padding: 6px 0;
	}
	#contact fieldset {
		margin: 0;
		border: 1px solid #DBE8F3;
		padding: 0;
		border: 0;
		}
	#contact fieldset legend {
		display: none;
		}
	#contact fieldset label {
		display: block;
		float: left;
		width: 76px;
		padding: 5px 0 3px 0;
		margin: 3px 0 0 0;
		font-size: 10px;
		}
	#contact fieldset input {
		width: 180px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	#contact fieldset select {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 200x;
		}
	#contact fieldset textarea {
		margin: 3px 0 2px 4px;
		border: 1px solid #CCCCCC;
		width: 260px;
		}