@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../font/futura_book_wwww.font-cat.com-webfont.eot');
    src: url('../font/futura_book_wwww.font-cat.com-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/futura_book_wwww.font-cat.com-webfont.woff') format('woff'),
         url('../font/futura_book_wwww.font-cat.com-webfont.ttf') format('truetype'),
         url('../font/futura_book_wwww.font-cat.com-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
a{ outline: none; text-decoration: none}	

body{
	background: url(../images/1.bg.png) repeat-x #f2f2f2;
	font-family: 'News Cycle', sans-serif;
	}

.cleare{ display:block; clear:both;}
	
#wrapper{
	background: #fff;
	margin: 0 auto;
	width: 850px;
	}

#top{
	background:url(../images/2.bgtop.jpg) no-repeat;
	border-bottom: 2px solid #006547;
	border-top: 3px solid #63bb46;
	height: 247px;
	width: 850px;
	position: relative;
	}

#nicbre{
	position:absolute;
	width: 230px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #63bb46;
	font-size: 23px;
	font-weight: bolder;
	line-height: 26px;
	top: 55px;
	z-index: 3000;
	}

#ni_txt{
	border-left: 4px solid #63bb46;
	margin: 18px;
	padding-left: 15px
	}

#centro{
	padding: 20px;
	}

#w_bien { padding-bottom: 20px;}

#bienvenido{
	border-right: 1px solid #ccc;
	float:left;
    height:54px;
    padding-top:18px;
    position:relative;
    width:210px;
	}

h1{
	font-family: 'futura_bk_btbook';
	text-transform: uppercase;
	font-size: 30px;
	color: #63bb46;
	}

#bvnTxt{
	float: right;
	width: 570px
	}

#titulo_zonas_home{
	font-family: 'futura_bk_btbook';
	text-transform: uppercase;
	color: #006547;
	background:url(../images/3.bgzona.jpg) repeat-x center;
	height: 20px;
	margin-bottom: 20px;
	}

#titulo_zonas_home h2{
	background: #fff;
	width: 70px;
	}

#w_tcl, #w_ctt{
	float: left;
	width: 810px;
}

.relative{ position:relative; overflow:hidden }

#tlal span{
	position:absolute;
	z-index:2; 
	height: 143px; 
	width: 395px; 
	/*background: url(../images/masG.png) no-repeat center center; */
	background: url(../images/masC.png) no-repeat; 
	top: -143px;
	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#nauc span{
	position:absolute;
	z-index:2; 
	height: 143px; 
	width: 395px; 
	/*background: url(../images/masG.png) no-repeat center center; */
	background: url(../images/masC.png) no-repeat; 
	top: -143px;
	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#cuer span, #lerma span{
	position:absolute;
	z-index:2; 
	height: 143px; 
	width: 395px; 
	background: url(../images/masC.png) no-repeat; 
	top: -143px;
	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	}
	
#tlal:hover span, #nauc:hover span,  #cuer:hover span, #lerma:hover span{ top: 0px}

.h3{
	background: none repeat scroll 0 0 #003B25;
    bottom: 10px;
    color: #63BB46;
    font-weight: normal;
    left: 10px;
    padding: 3px 10px 5px;
    position: absolute;
    z-index: 3;
	}

.zonaFlotante{
	height: 143px;
	width: 187px;
	float:left;
	}

#tlal{
	background: url(../images/z.tlal.jpg) no-repeat;
	/*width: 395px;*/
	height: 143px;
	margin-bottom: 20px;
	margin-right: 20px;
	}
	
#cuer{
	background: url(../images/z.cuernavaca.jpg) no-repeat;
	margin-right: 20px;
	}

#lerma{
	background: url(../images/z.lerma.jpg) no-repeat;
	}
#nauc{
	background: url(../images/z.naucalpan.jpg) no-repeat;
	}

#w_ctt{
	background: url(../images/z.ctt.jpg) no-repeat;
	height: 306px;
	position: relative;
	overflow:hidden;
}

#w_ctt span#dice{
	position:absolute;
	bottom: 10px;
	left: 10px;
	color: #63bb46;
	background: #003b25;
	padding: 3px 10px 5px 10px;
	font-size: 13px;
	z-index:3;
	}

#w_ctt span#over{
	position:absolute;
	z-index:2; 
	height: 306px; 
	width: 395px; 
	background: url(../images/masG.png); 
	top: -306px;
	
	-webkit-transition: all 0.3s  ease-in-out 0s;
	-moz-transition: all 0.3s  ease-in-out 0s;
	-ms-transition: all 0.3s  ease-in-out 0s;
	-o-transition: all 0.3s  ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}

#w_ctt:hover span#over{
	top: 0px;
}

#w_ctt2{
	background: url(../images/z.ctt2.jpg) no-repeat;
	height: 306px;
	position: relative;
	overflow:hidden;
}
#w_ctt2 span#dice{
	position:absolute;
	bottom: 10px;
	left: 10px;
	color: #63bb46;
	background: #003b25;
	padding: 3px 10px 5px 10px;
	font-size: 13px;
	z-index:3;
	}

#w_ctt2 span#over{
	position:absolute;
	z-index:2; 
	height: 306px; 
	width: 395px; 
	background: url(../images/masG.png); 
	top: -306px;
	
	-webkit-transition: all 0.3s  ease-in-out 0s;
	-moz-transition: all 0.3s  ease-in-out 0s;
	-ms-transition: all 0.3s  ease-in-out 0s;
	-o-transition: all 0.3s  ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}

#w_ctt2:hover span#over{
	top: 0px;
}

#footer{
	background: url("../images/bg.footer.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
    border-top: 3px solid #CCCCCC;
    color: #63BB46;
    line-height: 20px;
    margin: 0 20px;
    padding: 20px 48px 20px 0;
    text-align: right;
	}

#footer a{
	color: #003b25;
	}
	
/*-----------------------------------------zonas---------------------------------------*/

#path{
	margin: 10px 0 20px 20px;
	font-size: 13px;
	}

#path ul li{
	display:inline-block;
	*display: inline;
	zoom: 1;
	color: #63bb46;
	}

#path ul li a{
	color: #003b25;
	}

#path ul li a:hover{ color: #63bb46}

#titulo_zona h1{
	font-weight: normal;
	font-size: 19px;
	margin: 0 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #63bb46;
	}

.outer {
  height:204px;
  width: 182px;
  float:left;
  margin:10px;
  background: #ccc;
  position: relative;
  overflow: hidden;
}

.prop_bg_img{
	position:absolute;
	top: 0;
	z-index: 1;
	/*width:100%;*/
	height:100%;
	}

.prop_titulo{
	position: absolute;
	font-size: 13px;
	bottom: 65px;
	left: 10px;
	padding: 5px;
	background: #003B25;
	z-index: 3;
	font-weight: normal;
	}

.prop_intro{
	background: #003B25;
	position: absolute;
	bottom: 0;
	padding: 10px;
	font-size: 13px;
	color: #63bb46;
	z-index: 3;
	width: 100%;
	}

.blanco{ color: #fff;}

span.over{
	position: absolute;
	z-index:2;
	background:url(../images/masProp.png) no-repeat;
	top: -204px;
	width: 100%;
	height:100%;
	
	-webkit-transition: all 0.3s  ease-in-out 0s;
	-moz-transition: all 0.3s  ease-in-out 0s;
	-ms-transition: all 0.3s  ease-in-out 0s;
	-o-transition: all 0.3s  ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}

.outer:hover .over{ top:-30px}

/*---------------------------------------detalle---------------------------------------*/

#lado_izq{
	float:left;
	width: 395px;
	}

#lado_der{
	float: right;
	width: 395px;
	}

#fotos ul li{
	display:inline-block;
	*display:inline;
	zoom: 1;
	cursor: pointer;
	height: 70px;
	}

#fotos ul li.activo{
	border: 1px solid #006547;
	}

#ubi_txt{
	background: #006547;
	margin: 20px 0;
	color: #fff;
	font-size: 14px;
	padding: 15px;
	}

.h2{
	text-transform:uppercase;
	color: #63bb46;
	font-weight: normal;
	font-size: 18px;
	}

#formulario{
	background: #f1f1f2;
	padding: 15px;
	}

.input{
	border: 0;
	width: 350px;
	padding: 5px;
	margin-top: 5px;
	}

textarea{
	border: 0;
	width: 350px;
	padding: 5px;
	margin-top: 5px;
	height: 90px;
	}

#descripcion{
	font-size: 14px;
	color: #6d6e70;
	height: 295px;
	overflow-x: hidden;
	overflow-y:auto;
	border-bottom: 3px solid #e6e7e8;
	}

#descripcion h3{
	color: #00250f;
	font-size: 16px;
	text-transform: uppercase;
	}

#plano_compartir_informes{
	border-bottom: 3px solid #e6e7e8;
	height: 68px;
	padding: 6px 0;
	}

#pci_izq{
	border-right: 3px solid #e6e7e8;
	width: 190px;
	float:left;
	margin: 9px 0;
	}

#pci_izq a{
	color: #000;
	font-size: 15px;
	}

#oculto{
	position:absolute;
	width: 235px;
	background: url(../images/bg.informes.png) repeat-y;
	padding-bottom: 20px;
	margin-top: 10px;
	}

#oculto p{
	color: #808284;
	font-size: 14px;
	margin-left: 25px;
	padding-left: 20px;
	background: url(../images/icon.tel.info.png) no-repeat 0 8px;
	}

#oculto a{
	color: #808284;
	font-size: 14px;
	margin-left: 25px;
	padding-left: 20px;
	background: url(../images/icon.mail.info.png) no-repeat 0 8px;
	}

#oculto h2{
	color: #000;
	font-weight: normal;
	font-size: 16px;
	margin: 5px 0 0 25px;
	border-left: 3px solid #63bb46;
	padding-left: 10px;
	}

#oculto_dos{
	position:absolute;
	width: 190px;
	background: #fff;
	padding-bottom: 20px;
	margin-top: 10px;
	}


#pci_der{
	width: 190px;
	float: right;
	margin: 9px 0;
	}

#googlemaps{
	margin: 20px 0 0 0;
	background: #fff;
	height: 448px;
	}