/* Css general

===== Medidas relativas ==========
10px ----- 1 em
1px -------0.10 em  */

/* =========== Global====================*/
body { font-family:"Arial", Helvetica, sans-serif; font-size:62.5%; background-color:#6e6b68; color:#ffffff; z-index:0;}

/* ======Reset==============*/
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}
ul,ol { list-style:none;}
/* ======Encabezados==============*/
h2{ position:absolute; top:2.29em;; left:3.5em; color:#ffffff; z-index:2;font-size:384%;  float:left;
/*IE:*/filter: alpha(opacity=30);/*Firefox:*/opacity:.3;/*Mozilla:*/-moz-opacity:0.3;}
h3{font-size:118%;}
h4{font-size: 125%;text-transform: uppercase;}
h5{	font-size:110%;
	font-weight: bold;}
/* ======Enlaces==============*/
a{outline:none;}
a:link,a:visited { text-decoration:none; color:#000000;}
a img,:link img,:visited img { border:none;}
a:hover,a:focus{text-decoration:underline;}
.m2 a:link,.m2  a:visited,.m2 a:active{
	position:relative;
	width:8.7em;
	text-align: left;
	padding:1em 0em 1em 1em;
	display:block;
	background: #FFFFFF url(img/off.gif) no-repeat left center;
}
.m2 a:hover,.m2 a:focus{
	position:relative;
	width:8.7em;
	text-align: left;
	padding:1em 1.5em 1em 1em;
	text-indent: 0em;
	color:#FFFFFF;
	display:block;
	background: #000000 url(img/on.gif) no-repeat left center;
	text-decoration: none;
}
#sendero a:link, #sendero a:visited, #sendero a:active{ color:#6e6b68;background: url(img/sendero_off.gif) no-repeat left center;
	padding-left: 1.5em;}
#sendero a:hover, #sendero a:focus{
	color: #101111;
	background: url(img/sendero.gif) no-repeat left center;
	padding-left: 1.5em;
	text-decoration: none;
}


/* ======Contenedores==============*/
#centrada{ position:relative; margin:auto; width:67.8em;}
/*#contenedor_gnral{width:67.8em; position:relative; float:left;}*/
#cabecera{ position:relative; width:67.8em;top: 2.25em; height:11.5em; float:left;}
#sendero{
	position:relative;
	width:12em;
	height:auto;
	float:left;
	margin-right:0.5em;
	margin-left:0.7em!important;
	margin-left:0.3em;
	margin-top:0.7em;
/*	border-bottom:15em solid #101111;*/

	
}
#sendero ul{
	padding: 1em 0em 1em 0em; color:#101111;

	text-align:left;
	
}
#sendero ul li{
	margin-top: 0.5em;
	margin-bottom:0.5em;
	position:relative;
	width:auto;
	height:1.5em;
	padding-right:0.1em;
	

}

#menu1{
	height:2.1em;
	position:relative;
	width:58em;
	border-bottom: 8.1em solid #d7d1c9;
	z-index:1;
}
#menu1 ul{float:right;}
#menu1 ul li{display:inline;}
#menu1 ul li a:link, #menu1 ul li a:visited, #menu1 ul li a:active{ color:#FFFFFF;	font-weight: bold;}
#menu1 ul li a:hover, #menu1 ul li a:focus{
	color:#FFFFFF;
	font-weight: bold;
}
#marca{ width:9.5em;float:right; position:relative; top:-8.75em; left:-0.35em;}


#columna_izquierda{float:left;width:14.5em;position:relative;top:0;}
#menu2{
	position:relative;
	top:0;
	width:12em;
	font-size:119%;
	font-weight: bold;
	color: #000000;
	background-color:#ffffff;
	float:left;

}

#menu2 ul li{
	position:relative;
	width:11.2em;
	text-align: left;
	border-bottom: 0.1em solid #6e6b68;

}
	
#columna_derecha{ width:53.3em; position:relative; float:left;top:0em!important;top:0em; height:auto;}
#texto{ /*font-size:98%;*/ text-align:justify; position:relative;width:35.5em; float:left; left:3em; top:2.5em;height:auto;}
#cont_imagen{
	position:relative;
	width:9.8em;
	height:41.1em;
	float:right;
	top:0em;
	left:0em;
	background-color: #e9efee;}




/* ======Clases==============*/

.clear{clear:both;}
.invisible{display:none;}
.proyecto{border-bottom: 0.1em solid #6e6b68; padding-bottom:1.2em; padding-top:1.4em; position:relative; width:35.5em;}
.proyecto img{position:relative; width:5.6em; float:left; margin-top:0.5em; margin-right:1.5em;margin-bottom:1.67em!important;  margin-bottom:1.7em; margin-left:0em;}
.titulo_proyecto{
	text-transform: uppercase;
}
.sinenlace{position:relative;
	width:8.7em;
	text-align: left;
	padding:1em 1.5em 1em 1em;
	color:#FFFFFF;
	display:block;
	background: #000000 url(img/on.gif) no-repeat left center;
	text-decoration: none;}
.sendero_sinenlace{	background: url(img/sendero.gif) no-repeat left center;
	padding-left: 1.5em; }
.justificar{ text-align:justify; padding-left:3em!important; padding-left:2em;}
.font{font-size:85%;}