@import url("../../css/fontface.css"); 	
	
	html,body{
	height:100%;
	overflow:hidden;
	font-size:12px;
	background:#fff;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Swis721LtCnBTLight';
	}
	#loader{
position:absolute;/*agregamos una posición absoluta para que nos permita mover la capa en el espacio del navegador*/
top:0;/*posicionamiento en Y */
left:0;/*pocisionamiento en X*/
z-index:9999; /* Le asignamos la pocisión más alta en el DOM */
background-color:#ffffff; /* le asignamos un color de fondo */
width:100%; /* maximo ancho de la pantalla */
height:100%; /* maxima altura de la pantalla */
display:block; /* mostramos el layer */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=9);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
}

#cargador{
	position:absolute;
	height:64px;
	width:64px;
	left:50%;
	top:50%;
	margin-left: -32px;
	margin-top: -32px;
	background:url(../cargador.gif);
}


	#fondo{
	position:absolute;
	height:100%;
	width:110%;
	left:0px;
	top:0px;
	background: url(../../images/cargador.gif) 45% center no-repeat #006437;
	z-index:666998;
	right:-30px;}
	
	#wrapper{
	width:100%;
	height:100%;
	position:absolute;
	overflow:visible;
	left:0px;
	top:0px;
	}
		
	#derecha {
	position:absolute;
	heigh:100%;
	width:50%;
	float:right;
	right:0%;
	top:0px;
	bottom:0px;
	top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  
	right: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'%'); 
	z-index:9;
	background:#FFF;
}
	
	#izquierda {
	position:absolute;
	heigh:100%;
	width:50%;
	float:left;
	left:0%;
	right:0px;
	top:0px;
	bottom:0px;
top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  
left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'%'); 
 	z-index:9;
	background:#FFF;

 }

	img{
		width:100%;
		border:none;
		}

	#menu{
		height:100%;
		width:270px;
		position:absolute;
		right:80px;
		z-index:10;
		top:0px;
		background:#6a732f;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=9);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;}
		
		#pajaromenu{
		width:141px;
		height:332px;
		position:absolute;
		bottom:-44px;
		right:-90px;
		z-index:1000;}

		#logo{
		width:425px;
		height:200px;
		position:absolute;
		top:81%;
		left:43%;
		margin-left:-200px;
		margin-top:-111px;
		z-index:999;}
		
	#frase{
		width:256px;
		height:300px;
		position:absolute;
		padding-top:50px;
		top:35%;
		margin-top:-250px;
		left:30px;
		z-index:999;
		font-size:45px;
		color:#FFF;
		font-family:'Swis721LtCnBTLight';
		line-height:45px;
		cursor:default;}
	
	#logoizq{
		width:250px;
		height:130px;
		position:absolute;
		bottom:50px;
		left:0%;
		z-index:999;
		cursor:pointer;
		display:none;}
	
	#verfecha{
		width:200px;
		height:20px;
		position:absolute;
		right:15px;
		z-index:999;
		font-size:12px;
		text-align:right;
		color:#FFF;
		font-family:'Swis721LtCnBTLight';
		line-height:10px;
		top:25px;
		cursor:default;}
		
	#visitas{
		width:170px;
		height:20px;
		position:absolute;
		right:14px;
		z-index:999;
		font-size:12px;
		text-align:right;
		color:#FFF;
		font-family:'Swis721LtCnBTLight';
		line-height:9px;
		top:45px;
		cursor:default;}
		
	#logos{
		width:60px;
		height:30px;
		position:absolute;
		float:right;
		right:170px;
		top:15px;
		z-index:999;}

	#face{
		height:30px;
		width:30px;
		position:absolute;
		background:url(././../../images/face.png) no-repeat;
		margin-top:5px;
		margin-right:0px;}
		
	#twitter{
		height:30px;
		width:30px;
		position:absolute;
		float:right;
		right:8px;
		background:url(././../../images/twitter.png) no-repeat;
		margin-top:5px;
		}
	
	#frasebtn{
		right:40px;
		height:30px;
		margin-top:89px;
		width:70%;
		position:absolute;
		color:#FFF;
		font-family:Tahoma, Geneva, sans-serif !important;
		font-size:12px;
		text-align:center;
		z-index:11;
		border:solid 2px #fff;
		border-radius:5px;
		background:#006437;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		padding:10px 5px 10px 5px;
		}
		
		h8{font-family:'FuturaBdCnBTBold';
	   font-size:20px;}


	#contenedorbotones{
		height:400px;
		width:80%;
		margin-top:170px;		
		position:absolute;
		left:10%;}
		
	.iconobtn{
		width:40px;
		height:30px;
		background:#666;
		border:solid #FFF 2px;
		position:absolute;
		left:0px;
		border-radius:5px;}

	.boton{
		color:#FFF;
		font-family:'FuturaBdCnBTBold';
		font-size:16px;
		line-height:42px;
		margin-left:15px;
		cursor:pointer;}

	.botongale{
		color:#FFF;
		font-family:'FuturaBdCnBTBold';
		font-size:16px;
		line-height:42px;
		margin-left:15px;
		cursor:pointer;}
		
	li{
		list-style:none;}
	
	#btcontacto{
		width:140px;
		height:40px;
		margin-top:560px;
		position:absolute;
		z-index:999;
		margin-left:30px;
		cursor:pointer;
		}

	#footer{
		width:100%;
		height:30px;
		background:#006437;
		position:absolute;
		bottom:0px;
		z-index:999;
		left:0px;
		color:#FFF;
		font-family:'Swis721LtCnBTLight';
		font-size:14px;
		line-height:30px;
		padding-left:20px;
		cursor:default;
		overflow:hidden;}
		
	.centradofooter{
		width:1000px;
		left:50%;
		margin-left:-500px;
		position:absolute;}
		
	.texto{
		width:588px;
		height:30px;
		position:absolute;
		float:left;}
		
	#logoevo{
		height:30px;
		width:104px;
		position:absolute;
		margin-left:504px;
		background:url(../../images/e.png) no-repeat;
		margin-top:5px;
		float:left;}
		
	#logoevo:hover{
		background:url(../../images/ehover.png) no-repeat;}

	#idiomasxs {
        width: 85px;
        height: 34px;
		position:absolute;
		float:left;
		background:url(../../images/idiomasxs.png)  no-repeat;
		padding-left:13px;
		margin-left:608px;
      }
	  #btesp {
        width: 20px;
        height: 20px;
		position:absolute;
		z-index:500;
		top:5px;
		left:40px;
		cursor:pointer;
		}
		
      #bting{
        width: 20px;
        height: 20px;
		position:absolute;
		z-index:500;
		top:5px;
		left:67px;
		cursor:pointer;
		}
	  #container{
		width:100%;
		height:100%;
		position:absolute;
		z-index:20000;
		background:#006437;
		left:0px;
		top:0px;
		}
	
	.fotoscroll{
		width:110px;
		height:230px;
		position:absolute;
		float:right;
		left:0px;
		}
		
		/*scroll*/
		.content{
		height:100%;
		position:absolute;
		top:0px;
		width:450px;
		margin-left:-200px;
		left:50%;
		font-family:Verdana, Geneva, sans-serif;
		z-index:1;
		overflow:visible;
		}

		
		h1{
		font-size:20px;
		color:#A0bd49;
		margin-top:8px;
		font-family:'FuturaBdCnBTBold';
		}
		
		b{
	    font-size:20px;
		color:#A0bd49;
		font-family:'FuturaBdCnBTBold';}
		
		
		.facebook{
		position:absolute;
		height:90px;
		width:auto;
		margin-left:130px;}
		
		#blanca{
		width:100%;
		height:100%;
		background:#FFF;
		position:absolute;
		top:0px;
		left:0px;
		z-index:8;
		}
			
		#hojitas{
		width:239px;
		height:180px;
		top:0px;
		position:absolute;
		margin-left:22%;
		z-index:8;
		background:url(../../images/hojasarriba.png) no-repeat;}
		
		#hojitaslado{
		width:75px;
		height:560px;
		bottom:30px;
		position:absolute;
		margin-left:22%;
		z-index:3;
		background:url(../../images/hojasabajo.png) no-repeat;}
		
		#textocartografia{
		width:230px;
		height:auto;
		position:relative;
		float:right;
		margin-left:130px;}
	
		A:link, A:visited, A:active{
		color:#000;
		text-decoration:none;}
	
		h9{
		font-family:Verdana, Geneva, sans-serif;
		color:#A0bd49;
		}
		
/*slide*/		
		.animacion_img img {
		float:left;
		position:absolute;
		left:0px;
		top:0px;
		display:none;}

/*Galerias*/	
		
	.thumbs ul { list-style: none; }
	.thumbs ul li { display: inline;}
	.thumbs ul img {
		border: 5px solid #566932;
		border-width: 5px 5px 5px;
		width:23%;
		position:relative;
		margin-left:-20px;
	}
	.thumbs ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	.ultthumb{
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		width:23%;
		position:relative;
		margin-left:12px;
	}

/*Galeria General*/
		#galeriageneral{
		width:100%;
		height:100%;
		left:0px;
		bottom:0px;
		background:rgba(0,0,0,0.8) !important;
		background:#000;
		z-index:1000 !important;
		position:absolute;}
	
		.thumbs2{
		position:absolute;
		width:850px;
		height:600px;
		top:50%;
		left:50%;
		margin-left:-425px;
		margin-top:-310px;
		z-index:2000;}
		
		.thumbs2 ul { list-style: none; }
		
		.thumbs2 ul li { display: inline; position:relative; float:left; margin-left:14px; margin-top:20px; width:78px; height:72px;}
		
			.thumbs2 ul img {
			border: 5px solid #566932;
			border-width: 5px 5px 5px;
			width:100%;
			position:relative;
			float:left;
	
		}
			.thumbs2 ul a:hover img {
			border: 5px solid #fff;
			border-width: 5px 5px 5px;
			color: #fff;
		}
	
		.thumbs2 ul a:hover { color: #fff; }
		
		#music{
		float:right;
		height:50px;
		width:290px;}