@charset "utf-8";
/* CSS Estilos generales portal web (by) Raymundo Guerrero Barcenas */

body {
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0;
	font-style: normal;
	webkit-font-smoothing: antialiased;
	font-size: 1em;
	background: #fbfbfb;
	height:100%;
	width:100%;
	overflow-x:hidden;
}
.accessible-megamenu .accessible-megamenu-top-nav-item:last-child{
	background:#F00;
	
}

.contactoMod {
    width: 50%;
    margin: 25px auto;
}

.panelLogeoAdmin {
    background: #ccc;
    margin: 5% auto 0;
    padding: 25px;
    width: 30%;
}
.b-shadow, .panelLogeoAdmin {
    box-shadow: 0 1px 2px #333;
}
.panelLogeoAdmin {
    border-radius: 10px;
}

.small {
	font-size: 0.85em;
	color: #333;
}
.slide-home .columna60{
	text-align:center;
}

.bold {
	font-weight: bold;
}
.ocultar {
	display: none;
}
.movil{
	display:none !important;
}
.maxImagen,
.propuesta .modFoto img,
.floatleft img,
.floatright img, .modTres img,
.perfil img {
	max-width: 100%;
	width: 100%;
}
.destinos .modFoto img{
	margin: -25% 0 0 -50%;
    width: 280%;
}
.columna33, .modTres {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 33%;
}

.destinos .modFoto img:hover{
	margin: -15% 0 0 -50%;
    width: 215%;
}

/* tamaños*/
.contenedor {
	width: 95%;
	margin: 0px auto;
	position: relative;
	max-width: 1300px;
	padding: 0 10px;
	box-sizing: border-box;
}

.contenedorForm {
	width: 50%;
	margin: 0px auto;
	position: relative;
	max-width: 1300px;
	padding: 0 10px;
	box-sizing: border-box;
}
.algDer {
	text-align: right;
}
.algIzq {
	text-align: left;
}
.algJus {
	text-align: justify;
}
.algCenter {
	text-align: center;
}
.floatleft{
    margin: 15px;
    width: 200px;
		height:200px;
		overflow:hidden;
		box-sizing:border-box;
		display:inline-block;
}
.floatright{
    margin: 0 0 0 35px;
    width: 200px;
		height:200px;
		overflow:hidden;
		box-sizing:border-box;
		display:inline-block;
}

/*home*/
.contGral ul, .gal ul{
	padding:0;
}

footer ul li:before,
.gal ul li:before,
.paginador ul li:before,
#galNino ul li:before,
.noList li:before{
display:none;
}

.fotoBolsa{
	padding:15px;
	background:#fbfbfb;
	border:thin solid #ccc;
	box-sizing:border-box;
}

body.gal{
	overflow:hidden;
}
.unete{
	background:url(../img/bg_unete.jpg) no-repeat;
	background-size:cover;
}
.unete header, .vacante header{
	position:relative;
}

.separar{
	margin:20px 0 0 0;
}
/*fin home*/

ul{
	padding:0;
	margin:0 0 0 25px;
}

ul li{
	padding:0;
	list-style:none;
}
/*ul li:before{
	content: "\f005";
	color:#FF3838;
	font-family: 'FontAwesome';
	font-size:1.5em;
	text-indent:-35px;
	display:inline-block;
}*/
/* efectos  */
.animacion, .destinos .modFoto img{
	transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.radius10, input[type="search"], .txtActividad h2 a, .txtActividad, .cerrar > a, .cerrarDos > a   {
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url("PIE.htc");
}
.radius15, .propuesta {
	border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url("PIE.htc");
}
.radius100, .propuesta .modFoto, .floatleft, .floatright, .modDos,
img.scale{
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	behavior: url("PIE.htc");
}
.b-shadow, .propuesta, .destinos .modFoto, .cerrar > a,
.txtConfianza  {
	box-shadow: 0px 1px 2px #333;
	-o-box-shadow: 0px 1px 2px #333;
	-ms-box-shadow: 0px 1px 2px #333;
	-moz-box-shadow: 0px 1px 2px #333;
	-webkit-box-shadow: 0px 1px 2px #333;
	behavior: url("PIE.htc");
}
.grises img:hover, #carousel .slides img:hover, #carousel .flex-active-slide, .propuesta .modFoto a img:hover, 
.modUne img:hover {
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
}
.grises img, #carousel .slides img, .propuesta .modFoto a,
.modUne img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* efectos  */

/* columnas */

.columna10 {
	float: left;
	width: 10%;
	box-sizing: border-box;
}
.columna20 {
	float: left;
	width: 20%;
	box-sizing: border-box;
}
.columna25 {
	float: left;
	width: 25%;
	box-sizing: border-box;
}
.columna30 {
	float: left;
	width: 30%;
	box-sizing: border-box;
}
.columna33, .modTres {
	box-sizing: border-box;
	float: left;
	margin: 0;
	width: 33%;
}
.columna40 {
	float: left;
	width: 40%;
	box-sizing: border-box;
}
.columna50 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.columna60 {
	float: left;
	width: 60%;
	box-sizing: border-box;
}
.columna70 {
	float: left;
	width: 70%;
	box-sizing: border-box;
}
.columna75 {
	float: left;
	width: 75%;
	box-sizing: border-box;
}
.columna80 {
	float: left;
	width: 80%;
	box-sizing: border-box;
}
.columna100 {
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.columnaOne {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1400px;
}
/* header */

header {
    position: absolute;
    z-index: 99;
		width:100%;
		top:0;
}

header .bgNav {
background: rgba(0,0,126,1);
background: -moz-linear-gradient(top, rgba(0,0,126,1) 0%, rgba(0,0,126,0) 92%, rgba(0,0,126,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,126,1)), color-stop(92%, rgba(0,0,126,0)), color-stop(100%, rgba(0,0,126,0)));
background: -webkit-linear-gradient(top, rgba(0,0,126,1) 0%, rgba(0,0,126,0) 92%, rgba(0,0,126,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,126,1) 0%, rgba(0,0,126,0) 92%, rgba(0,0,126,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,126,1) 0%, rgba(0,0,126,0) 92%, rgba(0,0,126,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,126,1) 0%, rgba(0,0,126,0) 92%, rgba(0,0,126,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007e', endColorstr='#00007e', GradientType=0 );
height:87px;
}
header .bgNav h1 {
	margin:0;
}
.btngral {
	padding: 10px;
	background: #8cb619;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 0.6em;
	letter-spacing: 1px;
	font-weight: bold;
}
.btngral:hover {
	background: #64840c;
	color: #fff;
	text-decoration: none;
}

.btngralBlue {
	background: #3c6090;
    border-radius: 3px;
    clear: both;
    color: #fff;
    float: left;
    font-size: 1em;
    margin: 1.4em 5em 0 0;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
}
.btngralBlue:hover {
	background: #3c6090;

}
/*a:focus {
	text-decoration: none;
	border: thin dotted #fff;
	display: inline-block;
	color: #fff !important;
}*/
.contentGral {
	display: block;
}

.contentGral  h2{
	padding-bottom:20px;
	border-bottom:thin solid #333;
	text-transform:uppercase;
}

.slide-home{
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home-thumb{
    position: absolute;
		width:100%;
		bottom: 53px;
}
.verde{
	background:rgba(25,144,0,0.75);
}
.azul{
	background:rgba(0,0,63,0.75);
	color:#fff;
		padding: 15px 0 0 20px;
}
.azul form{
	padding:0 0 15px 0;
	
}
.frase{
	  color: #fff;
    margin: 0px 40px;
    position: absolute;
    width: 50%;
    z-index: 2;
		top:0;
}
#privacidad{
	margin-top:120px;
}
.fraseTra{
	  color: #fff;
    margin: 10px 40px;
    position: absolute;
    z-index: 2;
		top:8%;
} 
.frase > h2{
	text-shadow: 2px 2px 5px #000;
	font-size:2.1em;
}

.frase > h2, .fraseTra > h2{
	text-shadow: 2px 2px 5px #000;
	font-size:2.1em;
	border:none;
	text-transform:none;
}

.azul select{
	color:#666;
}
.azul .columna40 > h2 {
    margin: 0;
    padding: 0;
		line-height:31px;
}

/* contenido*/
.banner{
	width:100%;
	position:relative;
	top:-25px;
	height:407px;
}
.quienes{
	background:url(../img/bg_organizacion.jpg) top center no-repeat;
}
.blog{
	background:url(../img/bg_blog.jpg) top center no-repeat;
}
.prop{
	background:url(../img/bg_propuesta.jpg) top center no-repeat;
}
.bgDestino{
	background:url(../img/bg_destinos.jpg) top center no-repeat;
}
.bghuerto{
	background:url(../img/bg_huerto.jpg) top center no-repeat;
}
.confianza{
	background:url(../img/bg_confianza.jpg) top center no-repeat;
}
.bgAdulto{
	background:url(../img/bg_quienes.jpg) top center no-repeat;
}

/* destinos*/
.destinos{
	position:relative;
	width:100%;
	text-align:center;
	padding:20px 0;
	background-size:cover;
	box-sizing:border-box;
	margin:0 0 20px 0;
}
.destinos .modFoto{
	position:relative;
	width:170px;
	height:170px;
	overflow:hidden;
	display:inline-block;
	border:3px #fff solid;
}
.destinos .modFoto p{
  background: rgba(0, 0, 0, 0.6);
    margin: 0;
    padding: 5px 1px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
    z-index: 9;
		box-sizing:border-box;
}
.destinos .modFoto a{
	color:#fff;
	text-decoration:none;
	display:block;
}
.destinos .modFoto a:hover{
	color:#FFF500;
}
/* propuesta banner*/
.propuesta{
	position:relative;
	width:100%;
	text-align:center;
	padding:20px 0;
	background:url(../img/bg_ban_act.jpg) top center no-repeat;
	background-size:cover;
	box-sizing:border-box;
	margin:0 0 20px 0;
}
.propuesta .modFoto{
	position:relative;
	width:170px;
	height:170px;
	overflow:hidden;
	display:inline-block;
	border:3px #fff solid;
}
.propuesta .modFoto p{
  background: rgba(0, 0, 0, 0.6);
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
    z-index: 9;
    box-sizing:border-box;
	font-size:0.8em
}
.propuesta .modFoto a{
	color:#fff;
	text-decoration:none;
	display:block;
}
.propuesta .modFoto a:hover{
	color:#FFF500;
}
.fraseint {
    font-size: 1.9em;
    left: 63%;
    position: relative;
    width: 318px;
		color:#fff;
		top:165px;
}
.fraseint > span{
    display: inline-block;
    font-size: 4em;
    height: 40px;
    line-height: 97px;
    vertical-align: text-top;
}


.fraseint > span.smallDos {
    display: block;
    font-size: 0.7em;
    margin: -26px 0 0 0;
    text-align: right;
}

.smallTres {
    display: block;
    font-size: 0.7em;
    margin:0;

}


/* footer */
.footinicio > footer{
	position:absolute !important;
}

footer{
	background:rgba(25,144,0,0.75);
	position:relative;
	bottom:0;
	z-index:999;
	width:100%;
	font-size:0.8em;
	color:#fff;
	margin-top:25px;
}
footer ul{
	margin:0 auto;
	padding:0;
	width:70%;
}
footer ul li{
	margin:0;
	padding:0;
	display:inline-block;
}
footer ul li a{
	padding:10px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
}
footer ul li a:hover{
	color:#000000;
}

.menu_bar {
	display: none;
}
/* estilos paginador *****************
*******************************************/
.paginador {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 10px 0;
	margin: 15px 0;
	border: thin solid #e5e5e5;
}
.paginador ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
.paginador p {
	color: #333;
	font-size: 0.8em;
	display: inline;
	margin-right: 15px;
}
.prev {
	background: url("../img/arrow_left.png") center center no-repeat !important;
	text-indent: -9999px !important;
}
.next {
	background: url("../img/arrow_right.png") center center no-repeat !important;
	text-indent: -9999px !important;
}
.prev:hover {
	opacity: 0.5;
}
.next:hover {
	opacity: 0.5;
}
.cajaContenidoGral .paginador ul li:before, .cajaContenidoGral .compartirRedesIcons ul li:before {
	display: none;
}
.paginador ul li {
	position: relative;
	background: none;
	display: inline-block;
	margin: 0 1px;
	padding: 0;
	zoom: 1;
*display:inline;
}
.paginador ul li a {
	width: 15px;
	display: block;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	font-size: 12px;
}
.paginador ul li a:hover {
	background: #F2F2F2;
	color: #000;
}
.paginador ul li .active {
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
/* estilos paginador *****************
*******************************************/




/* formulario contacto */
.contacto{
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
	background:rgba(255,255,255,.5);
	display:none;
	top:0;
}

.contacto .contactoMod{
	background: #fff;
    border: thin dashed #666;
    margin: 5% auto 0;
    padding: 20px;
    width: 400px;
}
.contactoMod p, .contactoMod h2{
	margin:0;
}

.cerrar {
    float: right;
    font-size: 1.7em;
    margin: -58px -35px 0;
}

.cerrar > a {
    background: #fff;
    color: #000;
    display: block;
    padding: 10px;
	border:thin solid #333;
	text-decoration:none;
}
.cerrar > a:hover {
	color: #900;
}

.formContacto {
	display: block;
}
.formContacto input, .formContacto textarea, .formContacto select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	margin: 5px 0;
	border: thin solid #ccc;
	color:#000;
}
.formContacto input[type="checkbox"], .formContacto input[type="radio"] {
	display: inline-block;
	width: 20px;
	box-sizing: border-box;
}
.formContacto input[type="submit"], .formContacto input[type="reset"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	background: #eb8c48;
	color: #000;
}
.formContacto input[type="submit"]:hover, .formContacto input[type="reset"]:hover {
	background: #a96a3e;
}

.formContacto .radio label, .formContacto .checkbox label {
	display: inline-block;
	cursor: pointer;
	color: #FF4136;
	position: relative;
	padding: 5px 15px 5px 51px;
	font-size: 1em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.formContacto .radio label:hover, .formContacto .checkbox label:hover {
	background: rgba(255, 65, 54, 0.1);
}
.formContacto .radio label:before, .formContacto .checkbox label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 15px;
	border-radius: 50%;
	background: none;
	border: 3px solid #FF4136;
}
.formContacto input[type="radio"] {
	display: none;
}
.formContacto input[type="radio"]:checked + label:before {
	display: none;
}
.formContacto input[type="radio"]:checked + label {
	padding: 5px 15px;
	background: #FF4136;
	border-radius: 2px;
	color: #fff;
}
.formContacto .checkbox label:before {
	border-radius: 3px;
}
.formContacto .checkbox input[type="checkbox"] {
	display: none;
}
.formContacto .checkbox input[type="checkbox"]:checked + label:before {
	display: none;
}
.formContacto .checkbox input[type="checkbox"]:checked + label {
	background: #FF4136;
	color: #fff;
	padding: 5px 15px;
}

.newsletter{
	background:rgba(0, 0, 63, 0.5);
	display:none;
}

.newsletter .titulo > h2{
	margin:5px 0;
}

.pad10{
	padding:10px;
}

.newsletter .cerrarDos {
    float: right;
    font-size: 1.2em;
    margin: 0;
}
.cerrarDos > a {
    background: #fff;
    color: #000;
    display: block;
    padding: 6px;
	border:thin solid #333;
	text-decoration:none;
}



/* formulario contacto */

/* equipo*/
.introEquipo {
    border: thin solid #cecece;
    border-radius: 5px;
    box-shadow: 0 0 10px #e3e3e3;
    margin-bottom: 50px;
    padding: 30px 20px 30px 350px;
}
.maestros{
	background: url(../img/maestros-ban.png) no-repeat scroll 4% center;
}
.padres{
	background: url(../img/padres.png) no-repeat scroll 4% center;
}

.modUne{
	margin:20px 0;
	position:relative;
}
.modUne .columna50{
		position:relative;
}

.modUne img{
	width:100%;
}


.columna50 a > p {
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	padding:10px;
	font-weight:bold;
	color:#fff;
}


.modTres{
	padding:15px;
}


.herramientas{
	margin:25px 0;
	display:block;
	position:relative;
}

.fraseHer {
    bottom: 10px;
    position: absolute;
    right: 0;
    width: 360px;
    z-index: 11;
		font-size: 1.8em;
}
    

.modDos {
	box-sizing: border-box;
	display:inline-block;
	margin: 0;
	width: 150px;
	height:150px;
	/*background:#1d1b74;*/
}
.modDos .fa{
	  color: #fff;
    font-size: 4em;
    margin: 30px 0 0;
}
.modDos > p {
    color: #fff;
}
.modDos a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;	
}

/* niños*/

.ninos{
	background:url(../img/bg_ninos.jpg) no-repeat;
	background-size:cover;
		background-attachment:fixed;
}

.perfil{
	margin:15% 0 0 0 ;
}

.txtperfil{
	background:rgba(255,255,255,0.8);
	padding:15px;
}
.txtperfil h3{
	text-transform:uppercase;
	font-size:1.6em;
}

.perfilFotos{
	position:relative;
}

.perfil .columna30.perfilFotos p {
    background: rgba(0,0,0,0.7);
    box-sizing: border-box;
    color: #fff;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 100%;
    z-index: 10;
}

.herramientas{
	text-align:center;
}

/* adolescentes*/
.adls{
	background:url(../img/bg_adls.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.adls .fraseHer{
	color:#fff;
}

.acomodar{
    bottom: 55px;
    position: absolute;
    width: 40%;
     z-index: 4;
	overflow:hidden;
	right:75px;
	margin: 0 auto;
}
.txtActividad{
 background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: block;
    height: 400px;
    margin: 15px auto;
    overflow: auto;
    padding: 15px;
    position: relative;
    bottom: -335px;
    width: 100%;
	overflow:auto;
	box-sizing: border-box;
	z-index:4;
}
.txtActividad h2{
	margin:0;
	padding:0;
}
.txtActividad h2 a{
	display:block;
	background:rgba(25, 144, 0, 0.75);
	color:#fff !important;
	text-decoration:none;
	padding:10px;
}

/* estilos blog*/
.modBlog{
	width:100%;
	display:block;
	border-bottom: 1px solid #e5e5e5;
    padding: 40px 0;
	box-sizing: border-box;
}

.modBlog .blogFoto{
    border: thin solid #e5e5e5;
    box-sizing: border-box;
    float: left;
    margin: 0;
    max-width: 27%;
	background:#fafafa;
	border:thin solid #ccc;
}
.modBlog .blogFoto img{
	padding: 2%;
    width: 96%;
}

.modBlog .blogTxt{
    float: right;
    width: 70%;
	box-sizing:
	border-box;
}

.modBlog .blogTxt > h2{
	padding:0;
	border:none;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 120%;
    margin: 0 0 20px;
	color:#666;
}
.blogImg{
    border: thin solid #ccc;
    border-radius: 50%;
    box-sizing: content-box;
    float: left;
    margin: 0 20px 0 0;
    padding: 20px;
}

.blogImg.transition::before {
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 310px;
    width: 310px;
}

.crop-height {
	max-height: 320px;
	overflow: hidden; }

img.scale { 
	display: block; 
  -ms-interpolation-mode: bicubic;
  width:310px;
  height:310px;
 
}

.blogFotoCont{
    border: thin solid #e5e5e5;
    box-sizing: border-box;
    margin: 0;
	background:#fafafa;
	border:thin solid #ccc;
}

.blogFotoCont img{
	padding: 2%;
    width: 96%;
}

.txtConfianza {
    background: url(../img/logo-ecoclub-opacity.png) no-repeat center bottom  #c8ffc2;
    border: 1px dashed #ccc
    border-radius: 10px;
    padding: 15px;
		margin:20px;
		box-sizing:border-box;
		height:280px;
		font-size:14px;
		
}

.txtConfianza > p {
    font-size: 1.5em;
    font-style: italic;
}


.txtConfianza span {
    display: block;
    font-size: 0.7em;
    text-align: right;
		font-weight:bold;
}

	
	.transparent {
  /* trigger hasLayout for ie filters below */
	zoom: 1;
  /* 0 opacity in ms filters still displays layout */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  filter: alpha(opacity=0);
 	opacity: 0; }
	
	/* estilos nuevo menu */
	#nav {
	width:100%
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
	list-style:none;
}
#nav li a {
	color: #fff;
	display: block;
	text-decoration:none;
}
#nav li a:active {
	background-color: #c00 !important;
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #fff;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

	#nav > ul {
	height: 3.75em; /* 60 */
	margin:0;
}
#nav > ul > li {
	height: 100%;
	float: left;
	height:87px;
}
#nav > ul > li > a {
	height: 100%;
	font-size: 1em; /* 24 */
	line-height: 87px; /* 60 (24) */
	height:87px;
	text-align: center;
	padding:0 12px;
}
#nav > ul > li.login{
	background:#F00

}

#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
	background-color: rgba(0,0,63,0.5);
}
/* second level */

	#nav li ul {
	background-color: rgba(0,0,202,0.5);
	display: none;
	position: absolute;
	top: 100%;
	margin:0;
	width:260px;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	font-size: 0.9em; /* 20 */
	border-top: 1px solid #fff;
	padding: 0.75em; /* 15 (20) */
	font-weight:bold
}
#nav li ul li{
	width:100%;
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
	background-color: #e15a1f;
}
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
	width: 100%;
	position: static;
	margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
html {
	font-size: 75%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto;
}
#nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #e15a1f;
	position: relative;
}
#nav > a:before, #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
}
/* first level */

			#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #cc470d;
}
/* second level */

				#nav li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
}
/* termina nuevo menu*/


/* estilos resolución standar 1024 */	
@media only screen and (min-width:1000px) and (max-width:1024px) {
.logoHome{
	display:none;
}
.contenedor, .bienvenidos {
	width: 100%;
	box-sizing: border-box;
}
footer ul{
	width:85%;
}
.azul{
	height:136px;
}

}