@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
	color:#727272;
	font-size:12px;
	margin:30px 0 10px 0;
	line-height:14px;
}
#contenido{
	width:800px;
	min-height:600px;
	background:#FFF;
	margin:0 auto;
}
#head{
	width:800px;
	height:38px;
}
#logo{
	float:left;
	width:338px;
}
#menu{
	float:left;
	width:462px;
}
.clear{
	clear:both;
}
#barra_sup{
	width:800px;
	height:15px;
	background: #FEA620;
}
#menu_sup_principal{
	padding-top:3px;
	width:800px;
	background:url(../images/barra_inf_menu.jpg) no-repeat bottom;
	height:22px;
	position:relative;
}
#contenido #izquierda{
	width:550px;
	float:left;
}
#izquierda #top{
	height:140px;
	background:#727272;
}
#izquierda #imagen{
	height:267px;
	background:#FFF;
}
#izquierda #imagen_detalle{
	height:407px;
	background:#FFF;
}
#izquierda #imagen #galeria_proyecto{
	width:520px; 
	margin:0 auto; 
	height:267px; 
	overflow:auto;
}
#izquierda #imagen .img{
	padding:5px;
	background:#FFF;
	border:#CCC 1px solid;
	margin:5px;
}
#izquierda #bottom{
	height:140px;
	background:#434444;
	position:relative;
}
#contenido #derecha{
	width:250px;
	float:left;
}
#derecha #content{
	font-size:11px;
	height:407px;
	background:#FFF;
}
#derecha #contact{
	height:140px;
	background:#727272;
	position:relative;
}
#derecha #contact #enlaces{
	position:absolute;
	bottom:10px;
	right:25px;
}
#derecha #contact #barra{
	position:absolute;
	height:140px;
	width:15px;
	background:#FEA620;
	right:0;
}
#pie{
	width:550px;
	position:absolute;
	bottom:10px;
	text-align:center;
}
/*menu superior*/
#menu_sup {
	position:absolute;
	/*margin-left:250px;
	margin-top: 20px;*/
	top:3px;
	right:0;
}
#menu_sup ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 240px;  Width of Menu Items 
	border-bottom: 1px solid #ccc;*/
}
#menu_sup ul li {
	top:-1px;
	float:left;
	padding: 0px 0px 0px 10px;
}
#menu_sup ul li a {
	display: block;
	text-decoration: none;
	/*padding: 0px 10px;*/
	/*width:60px;*/
	text-align:center;
	color:#727272;
	/*border-right: 1px solid #FFF;*/
}
#menu_sup ul li a:hover {
	color:#FEA620;
}
/*menu horizontal*/
#menuh {
	margin-left:110px;
	margin-top: 20px;
}
#menuh ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 240px;  Width of Menu Items 
	border-bottom: 1px solid #ccc;*/
}
#menuh ul li {
	top:-1px;
	float:left;
	position: relative;
}
#menuh li ul {
	float:none;
	position: absolute;
	left: -70px; /* Set 1px less than menu width */
	display: none;
	z-index:999;
}
/* Styles for Menu Items */
#menuh ul li a {
	display: block;
	text-decoration: none;
	padding: 0px 10px;
	/*width:60px;*/
	text-align:center;
	color:#727272;
	/*border-right: 1px solid #FFF;*/
}
#menuh ul li a:hover {
	color:#FEA620;
}
#menuh li ul a {
	font-size:11px;
	display: block;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 5px 3px;
	border-top: 1px solid #CCC; /* IE6 Bug */
	border-left: 1px solid #CCC; /* IE6 Bug */
	border-right: 1px solid #CCC; /* IE6 Bug */
	width:200px;
	color:#727272;
}
#menuh li ul a:hover {
	background: #FEA620;  /*IE6 Bug*/ 
	color:#FFF;
}
#ultimo {
	border-bottom: 1px solid #CCC; /* IE6 Bug */
}
/* Holly Hack. IE Requirement \*/
* html #menuh ul li {
	width:60px;
	float: left;
	height: 1%;
	z-index:999;
}
* html #menuh ul li a {
	height: 1%;
}
/* End */

#menuh li:hover ul, li.over ul {
	display: block;
} /* The magic */

/*menu inferior*/
#menu_principal {
	/*margin-left:110px;
	margin-top: 20px;*/
}
#menu_principal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 240px;  Width of Menu Items 
	border-bottom: 1px solid #ccc;*/
}
#menu_principal ul li {
	top:-1px;
	float:left;
	position: relative;
	padding:0 5px 0 0;
}
#menu_principal li ul {
	float:none;
	position: absolute;
	left: -70px; /* Set 1px less than menu width */
	display: none;
	z-index:999;
}
/* Styles for Menu Items */
#menu_principal ul li a {
	display: block;
	text-decoration: none;
	/*padding:0 10px 0 0;*/
	/*width:60px;*/
	text-align:center;
	color:#727272;
	/*border-right: 1px solid #FFF;*/
}
#menu_principal ul li a:hover {
	color:#FEA620;
}
#menu_principal li ul a {
	font-size:11px;
	display: block;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 5px 3px;
	border-top: 1px solid #CCC; /* IE6 Bug */
	border-left: 1px solid #CCC; /* IE6 Bug */
	border-right: 1px solid #CCC; /* IE6 Bug */
	width:200px;
	color:#727272;
}
#menu_principal li ul a:hover {
	background: #FEA620;  /*IE6 Bug*/ 
	color:#FFF;
}
/* Holly Hack. IE Requirement \*/
* html #menu_principal ul li {
	width:60px;
	float: left;
	height: 1%;
}
* html #menu_principal ul li a {
	height: 1%;
}
/* End */

#menu_principal li:hover ul, li.over ul {
	display: block;
	z-index:2000;
} /* The magic */

/*textos*/
.texto_18{
	font-size:18px;
}
.texto_16{
	font-size:16px;
}
.texto_14{
	font-size:14px;
}
.texto_11{
	font-size:11px;
}
.texto_12{
	font-size:12px;
}
.texto_blanco{
	color:#FFF;
}
.texto_gris{
	color: #CCC;
}
.texto_naranja{
	color: #FEA620;
}
/*alto de linea*/
.alto_linea_18{
	line-height:18px;
}
/*alineaciones*/
.alineacion_derecha{
	text-align:right;
}
.alineacion_centro{
	text-align: center;
}
.alineacion_justificado{
	text-align: justify;
}
/*padding*/
.padding_top_10{
	padding-top:10px;
}
.padding_top_100{
	padding-top:100px;
}
.padding_der_iz_15{
	padding-left:15px;
	padding-right:15px;
}
.padding_iz_15{
	padding-left:15px;
}
/*link*/
.link:link {
	color: #FFF;
	text-decoration:none;
}
.link:visited {
	color: #FFF;
	text-decoration:none;
}
.link:hover {
	color: #FEA620;
	text-decoration:none;
}
.link:active {
	color: #FFF;
	text-decoration:none;
}
.link_gris:link {
	color: #727272;
	text-decoration:none;
}
.link_gris:visited {
	color: #727272;
	text-decoration:none;
}
.link_gris:hover {
	color: #FEA620;
	text-decoration:none;
}
.link_gris:active {
	color: #727272;
	text-decoration:none;
}
/*fada in*/
#fadeshow2toggler{
	position:absolute;
	right:10px;
	top:0px;
	/*width:250px;*/ 
	text-align:center; 
	margin-top:5px
}
.status{
	color:#FFF;
	margin:0 15px; 
	font-weight:bold;
}
.alinear_vertical{
	vertical-align:middle;
	border-width:0;
}
/*formulario*/
input{
	background:url(../images/fondo_campos.gif) repeat-x;
	border:#A6A6A6 1px solid;
	padding:5px 1px;
	width:450px;
}
textarea{
	background:url(../images/fondo_campos.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#A6A6A6 1px solid;
	padding:5px 0px;
	width:450px;
	height:120px;
}