body {
	/*background-image: url(imagenes/fondo_02.jpg) repeat-x #EBE4DA;*/
	font-family: 'Oswald', 'sans-serif';	
	/*margin-top: 0px;*/
}

.fonts {
	font-family: 'Open Sans', 'sans-serif';
	font-family: 'Oswald', 'sans-serif';	
}

p {
	font-family: 'Oswald', 'sans-serif';		
}

h1, h2, h3 {font-family: 'Oswald', 'sans-serif';}

a {
	text-decoration:none;
	transition: 0.2s ease;
	-moz-transition:0.2s ease; /* Firefox 4 */
	-webkit-transition: 0.2s ease; /* Safari and Chrome */
	-o-transition: 0.2s ease; /* Opera */	
}

a:hover {
	text-decoration:none;
}

strong {font-weight:700;}

.clear {clear:both;}

.fleft {float:left;}
.fright {float:right;}
.sin-pad {padding:0px;}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.align-center {
	display:block;
	margin:20px auto;
	clear:both;	
}

/*cabecera*/

.cabecera {
	background:url(../images/header-bg.jpg) left top repeat;
	border-bottom:2px solid #eca232;
	font-family: 'Oswald', 'sans-serif';
	width:100%;
	margin:0px;
	min-height:133px;	
}

.hleft {float:left; }
.hright {float:right; }

@media (min-width:993px) {
	.hright {
		margin-top: 30px;
	}
}

.cabecera img {
	float:left;
	display:block;
	max-width:100%;
	margin:5px 25px 0 0;
}

.cabecera h1 {
	/*float:left;*/
	color:#eca232;
	font-size:24px;
	margin-top:45px;
	text-transform:uppercase;	
}

@media (max-width:1200px) {
	.cabecera h1 {
		text-align:center;
	}	
}

.mini-menu {padding-top:5px;float:right;}

.mini-menu a {
	color:#4e4747;
	font-size:14px;	
}

.mini-menu a:hover {
	color:#eca232;
}

a.mini-elegido  {color:#eca232;}

.project-menu {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#FFF;
	float:right;
	font-size:18px;
	height:40px;
	line-height:40px;
	text-align:center;
	width:165px;
	margin:71px 0 0 15px;	
}

.project-menu a {
	color:#FFF;
} 

@media (max-width : 992px) {
	
 .cabecera img {display:block; float:none; margin:20px auto 10px auto; }
  .cabecera h1 {margin:0 0 10px 0; float:none;}
  .mini-menu {float:none; margin-right:auto; margin-left:auto; text-align:center; clear:both;}
  .project-menu {
	 display:inline-block;
	float:none;
	font-size:18px;
	height:40px;
	line-height:40px;
	text-align:center;
	width:auto;
	padding:0 5px;
	margin:20px 0 0 15px;	
}
	.hleft {float:none; display:block; clear:both; text-align:center;}
	.hright {float:none; margin:0px; padding:0px; display:block;}
}

.n1 {background:#ef751b;}
.n2 {background:#eca232; position:relative;}
.n3 {background:url(../images/tiangulo-proyectos.png) right center no-repeat; padding-right:20px; }

.n2 ul {
	background:#df911a;
	float:left;
	font-size:16px;
	list-style:none;
	display:none;
	padding:10px;
	position:absolute;
	z-index:10;
	max-width:185px;
	text-align:left;
	top:40px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}

.n2 ul a {
	color:#FFF;
	border-bottom:1px solid #FFF;
	display:block;
	transition: none;
	-moz-transition:none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
	padding: 0 0 10px 0;
}

.n2 ul li {
	color:#FFF;
	float:left;
	list-style-type:none;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 15px;	
	line-height: 20px!important;
}

.n2 ul li:hover {
	background:url(../images/dot.jpg) left center no-repeat;
}

.n2 ul li:last-child a {
	border-bottom:none;
}


.n3:hover ul.proj-sub {display:block;}

/*seccion 2*/

.wrapper2 {
	margin:0px;
	width:100%;
	background:#ccbaa4;	
}

.banner {
	margin:0 auto;
	max-width:1140px;
	max-height:400px;
	overflow:hidden;
	padding:0px;	
}

.banner img {
	display:block;
	max-width:100%;
	height:auto;	
}

.navegacion {
	background:#F30;
	background:url(../images/menu-new-bg.jpg) left top repeat;
	position:relative;
}

ul.menu {
	color:#FFF;
	float:left;
	font-size:18px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
	font-family: 'Oswald', 'sans-serif';
}


ul.menu a {
	color:#FFF;
}

ul.menu li {
	float:left;
	list-style-type:none;
	height:44px;
	line-height:44px;
	text-align:center;
}

#home-page ul.menu li.home-page a,
#vision-page ul.menu li.vision-page a,
#consejo-page ul.menu li.consejo-page a,
#estrategia-page ul.menu li.estrategia-page a,
#estructura-page ul.menu li.estructura-page a,
#contacto-page ul.menu li.contacto-page a {color:#577b37;}

ul.menu li:hover a {color:#577b37;}



.detalle-left {
	background:url(../images/detalle-menu1.png) left top no-repeat;
	width:15px;
	height:14px;
	position:absolute;
	left:0;
	top:44px;
	z-index:10;	
}
.detalle-right {
	background:url(../images/detalle-menu2.png) left top no-repeat;
	width:15px;
	height:14px;
	position:absolute;
	right:0;
	top:44px;
	z-index:10;	
}

@media (max-width: 992px){
	.detalle-left, .detalle-right {
		display:none;
	}

}

.centro {
	background:#FFF;
	padding:0 15px 20px 15px;
	color:#4e4747;	
}

.slogan {
	text-align:center;	
	border-bottom:2px solid #eca232;
	padding:40px 0 30px 0;
	font-size:28px;
	margin:0 0 25px 0;
}

.slogan p {
	font-size:28px;
	padding:0 100px;
}

@media (max-width: 992px){
	.slogan p {
	padding:0px;
}

}

.slogan p.quote {
	font-size:16px; 
	color:#FFF; 
	background:url(../images/quote-bg.jpg) center top no-repeat; 
	height:28px; 
	padding:0px;
	line-height:28px;
	display:block;
	min-width:219px;
}

.contenido-principal {
	font-size:16px;	
}

.contenido-principal p {
	margin:0 0 25px 0;
	line-height:22px;	
}

.contenido-principal img {
	max-width:100%;
	height:auto;
}

.contenido-principal ul {
	display:table;
	list-style-type:none;
	margin:0 0 25px 0;
	padding:0px;
}

.contenido-principal ul li {
	background:url(../images/ul-dot.jpg) left 5px no-repeat;
	list-style-type:none;
	padding:0 0 0 15px;
	clear:both;	
}

.contenido-principal a {color:#577b37;}

.del-home {background:url(../images/bienvenidos.jpg) right top no-repeat; min-height:400px;}

.del-home p {
	padding:0 160px;
	text-align:center;
}

@media (max-width: 992px){
	
		.del-home {background:none;}
		
		.del-home p {
		padding:0 30px;
		text-align:center;
	}

}

.formulario input[type="text"], .formulario input[type="email"], .formulario textarea {
	 width: 50%;
	 margin-bottom: 20px;
}

.formulario textarea {
	height: 180px;
}

#open-mobile-menu {
	display: none;
}


@media(max-width:992px) {
	#open-mobile-menu {
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#open-mobile-menu span {
		display: block;
		width: 35px;
		height:2px;
		background-color: #FFF;
		clear: both;
		margin-bottom: 4px;
	}
	ul.menu {
		display: none;
	}
}

@media (max-width:767px) {
	.formulario input[type="text"], .formulario input[type="email"], .formulario textarea {
		width: 100%;
   }

   .formulario input[type="submit"] {
		margin-bottom: 30px;
	}
}

.show-submenu {
	display: block!important;
}

/*footer*/

.pie {
	color:#eeeeee;
	font-size:14px;
	padding-top:10px;
	padding-bottom:20px;	
}

.p-right {
	text-align:right;
}

@media (max-width: 990px){
	.p-right {
		text-align:left;	
	}
}

.sombra {
	-moz-box-shadow:    2px 2px 5px 1px #0a060a;
  -webkit-box-shadow: 2px 2px 5px 1px #0a060a;
  box-shadow:         2px 2px 5px 1px #0a060a;
}

.encabezados {
	background:#333;
	color:#FFF;
	font-size:20px;
	background:url(../images/headers-side.jpg) right top no-repeat;
	height:38px;
	line-height:38px;	
	display:inline-block;
	clear:both;
	padding:0 7px 0 0;
	margin:0 0 25px 0;		

}

.encabezados h2 {
	font-size:20px;
	background:url(../images/headers-bg.jpg) left top repeat-x;
	text-transform:uppercase;
	height:38px;
	line-height:38px;
	min-width:160px;
	margin:0px;
	padding:0 10px 0 12px;
}

.imgright {
	float:right;
	margin:0 0 15px 15px;	
}
.imgleft {
	float:left;
	margin:0 15px 15px 0;	
}

@media (max-width:990px){
	.imgright, .imgleft {
	float:none;
	margin-left: auto;
	margin-right: auto;
}
	
}

.textillo {
	padding:0 30px;	
	margin:0 0 40px 0;
}

.consejo {
	float:left;
	min-height:270px;
	margin:0 0 10px 0;	
}

.consejo img {
	border:2px solid #ccbaa4;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;	
}

a.donar {
	color:#FFF;
	background:#ffa31e;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px 15px;	
}

/*back to top*/

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #FFF;
    background-color:#ffa31e;
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover { 
	color:#FFF;   
    background-color:#ffac38;
	text-decoration:underlineñ
}


.galeria img {
	width:120px;
	height:120px;	
}

.galeria img:hover {
	opacity: 0.70;
    filter: alpha(Opacity=70);
    -moz-opacity: 0.7;		
}