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



    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
	html {
		overflow-x:hidden;
	}
    body {
    line-height: 1;
		background:#f7f7f7;
	overflow-x:hidden;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
	.header {
		 font-family: 'proxima_nova_rgregular';
		width:100%;
		height:180px;
		background:#fff;
		float:left;
		position:relative;
		clear:left;
	}
	.header .menu {
		width:1070px;
		height:180px;
		margin:0 auto;
		position:relative;
		clear:left;
	}
	.clear {
		clear:left;
		width:100%;
	}
	.header .menu li {
		float:left;
		position:relative;
		display:inline;
		font-size:11px;
		color:#0d2b49;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	cursor:pointer;
	height:19px;
		margin:95px 0 10px 0;
		width:auto;
		padding:10px 14px 0 14px ;
		border-bottom:1px solid #0d2b49;
	}
	.header .menu li .line{
		width:47px;
		height:3px;
		background:#f00;
		position:relative;
		margin:6px auto 0 auto  ;
		display:none;
	}
	.header .menu .mainli:hover{
		background:#0d2b49;
		color:#fff;
	}
	.header .menu .activeMenu {
		background:#0d2b49;
		color:#fff;
		
	}
	.header .menu .activeMenu .line{
		display:block !important;
		
	}
	.header .menu .logo2 {
		position:absolute;
		right:0;
		top:10px;
		background:url(../images/park/logo2.png) right top no-repeat;
		width:400px;
		height:90px;
		margin:0 !important;
		border:0;
	}
	.header .menu .redes {
		float:right;
		position:relative;
		width:20px!important;
		padding-top:50px;
		height:80px;
	}
	.header .menu .homeIcon {
		position:absolute;
		left:0;
		bottom:0;
		height:28px;
		border:0;
		margin:0;
		width:40px!important;
		background: url(../images/park/homeIcon.jpg) center bottom no-repeat;
		
	}
	
	.header .menu .email {
		position:absolute;
		right:160px;
		bottom:0;
		height:28px;
		border:0;
		margin:0;
		width:40px!important;
		background: url(../images/park/email.jpg) center bottom no-repeat;
		
	}
	
	.header .menu .face {
		position:absolute;
		right:115px;
		bottom:0;
		height:28px;
		border:0;
		margin:0;
		width:40px!important;
		background: url(../images/park/face.jpg) center bottom no-repeat;
		
	}
	.header .menu .videoPLay {
		position:absolute;
		right:0;
		bottom:0;
		height:28px;
		border:0;
		margin:0;
		width:110px!important;
		background: url(../images/park/videoPlay.png) center bottom no-repeat;
		
	}
	
	.header .menu .ingles {
		position:absolute;
		line-height:16px;
		right:280px;
		bottom:0;
		height:25px;
		border:0;
		margin:0;
		width:40px!important;
		background: url(../images/park/us.jpg) center left no-repeat;
		padding-left:20px;
		font-size:12px;
		color:#969696;
    font-family: 'proxima_nova_rgregular';
	text-decoration:underline;
	}
	
	.header .menu .espanol {
		line-height:16px;
		position:absolute;
		right:210px;
		bottom:0;
		height:25px;
		border:0;
		margin:0;
		width:40px!important;
		background: url(../images/park/mx.jpg) center left no-repeat;
		padding-left:20px;
		font-size:12px;
		color:#969696;
		text-decoration:underline;
    font-family: 'proxima_nova_rgregular';
		
	}
	.header .menu .fb .txt{ background:url(../images/path/fb.png) center center no-repeat; width:20px; height:20px; }
	.header .menu .ma .txt{ background:url(../images/path/ma.png) center center no-repeat; width:20px; height:20px;}
	.logo {
		background: url(../images/park/logo.png) center center  no-repeat;
		height:100px!important;
		width:240px !important;
		margin-top:30px !important;
		border:0 !important;
	}
	.header .menu .txt {
		z-index:1;
		color:#fff;
		float:left;
		position:relative;
	}
	.linesHome {
		float:left;
		position:relative;
		clear:both;
		height:10px;
		margin:10px 0;
		border-top:3px solid #000;
		border-bottom:3px solid #000;
		width:35px;
		-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	}
	.linestitlesHome {
		float:left;
		position:relative;
		clear:both;
		height:10px;
		margin:10px 0;
		border-top:3px solid #a7a7a7;
		border-bottom:3px solid #a7a7a7;
		width:35px;
	}
	.header .menu .bgMenu {
		position:absolute;
		width:100%;
		height:0%;
		z-index:0;
		left:0;
		top:0;
		-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	}
	.header .menu .bgMenu {
		background:#4e63ae;
		
	}
	
	 .menu li .menu2{
		padding:3px 0;
		color:#9f9f9f;
	 }
	 .menu li .menu2:hover,.menu li .menu2active{
		 color:#fff;
		padding:3px 0;
	 }
	 .content {
		width:1280px;
		height:510px;
		margin:0 auto;
		position:relative;
		clear:left;
		background:#f7f7f7;
		overflow:hidden;
	}
	 .footer {
		 font-family: 'proxima_novasemibold';
		width:1180px;
		height:30px;
		padding:20px 50px 0 50px;
		margin:0 auto;
		position:relative;
		clear:left;
		color:#9a9a9a;
		font-size:12px;
		background:#f7f7f7;
		overflow:hidden;
	}
	.footer span{
		float:right;
	}
	.main{
		width:1280px;
		height:2600px;
		margin:0 auto;
		position:relative;
		clear:left;
	}
	.barra {
		height: 40px;
    position: absolute;
    top: 180px;
    width: 100%;
    z-index: 9999;
		background:url(../images/park/firma.png) center center no-repeat #0e2b4b;
	}
	.section {
	   width:1280px;
		height:510px;
		margin:0 auto;
		position:relative;
		clear:left;
   }
	.content .titlesHome{
		float:left;
		position:relative;
		display:inline;
		height:70px;
		color:#a7a7a7;
	}
	
	.content .titlesHome li{
		float:left;
		position:relative;
		display:inline;
		height:50px;
		padding:10px 0 10px 10px;
		font-size:14px;
		color:#a7a7a7;
		 font-family: 'proxima_nova_rgregular';
	}
	
.content .section .text{
	float:left;
	position:relative;
	clear:left;
	width:410px;
	padding:20px;
	margin-top:70px;
	height:400px;
	background:#fff;
	color:#979797;
	z-index:3;
}
.content .section .text2 .ofi{
	float:left;
	position:relative;
	clear:left;
	font-size:11px;
	color:#afafaf;
	padding:2px 0;
}
.content .section .text2 .tel{
	float:left;
	position:relative;
	clear:left;
	font-size:11px;
	color:#fff;
	padding:2px 0;
}
.content .section .text2 .tel2{
	float:left;
	position:relative;
	clear:left;
	font-size:11px;
	color:#afafaf;
	padding:2px 0;
}
.content .section .text2 .footCo2{
	position:absolute;
	margin:0;
	bottom:30px;
}
.content .section .text2 .footCo1{
	position:absolute;
	margin:0;
	bottom:50px;
}

.content .section .text2 .footCo4{
	position:absolute;
	margin:0;
	bottom:30px;
	left:250px;
}
.content .section .text2 .footCo3{
	position:absolute;
	margin:0;
	left:250px;
	bottom:50px;
}

.content .section .text2{
	left:0;
	top:70px;
	position:absolute;
	width:410px;
	padding:20px;
	height:400px;
	color:#fff;
	z-index:2;
	    font-family: 'proxima_nova_rgregular';
		background:#1e1e1e;


}


.content .section .text .titleText, .content .section .text2 .titleText{
	font-family: 'proxima_novasemibold';
	font-size:23px;
	color:#0E2B4B;
}

.content .section .text span, .content .section .text2 span{
	width:40px;
	height:10px;
	border-top:4px solid #0E2B4B;
	border-bottom:4px solid #0E2B4B;
	margin:10px 0 20px 0;
	float:left;
	position:relative;
	clear:left;
}

.content .section  .right{
		background: url(../images/park/flechaSeccionRightGramol.jpg) center top no-repeat;

}
.content .section  .left{
		background:url(../images/path/flechaSeccionLeft.jpg) center top no-repeat;

}

.azul {
	 border: 0 none !important;
    color: #00B7F1;
    float: none !important;
    font-family: 'proxima_novasemibold';
    margin: 0 !important;

}
.titlebold {
	float: left;
    font-family: 'proxima_novasemibold';
    font-size: 23px;
	clear:right;
	width:100%;

}
.content .section  .flecha{
	display:none;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	width:52px;
	height:52px;
}

.content .section .text p, .content .section .text2 p{
	font-family: 'proxima_novasemibold';
	font-size:14px;
	float:left;
	position:relative;
	clear:left;
	line-height:28px;
	text-align:justify;
	
}


.content .section .image{
	float:left;
	position:relative;
	width:830px;	
	height:440px;
	margin-top:70px;
	background:#FFF;
	z-index:1;
}



.content .section .text label {
	float:left;
	position:relative;
	width:400px;
	clear:left;
	color:#444444;
	font-size:12px;
	text-align:right;
	font-family: 'proxima_nova_rgregular';
}

.content .section .text .input {
	float:left;
	position:relative;
	clear:left;
	color:#cacaca;
	font-size:12px;
	text-align:left;
	padding:5px;
	font-family: 'proxima_nova_rgregular';
	border: 1px solid #cccccc;
	width:400px;
}


.content .section .text .textarea {
	float:left;
	height:80px;
	position:relative;
	clear:left;
	color:#cacaca;
	font-size:12px;
	text-align:left;
	padding:5px;
	font-family: 'proxima_nova_rgregular';
	border: 1px solid #cccccc;
	width:400px;
}

.content .section .text .button {
	border:0; 
	background:#3c3c3c;
	width:200px;
	padding:8px 10px;
	margin-top:5px;
	text-align:center;
	color:#fff;
	float:right;
	cursor:pointer;
}

#slide  {
	background:url(../images/park/bgPark.jpg) center bottom no-repeat ;
	
}
#ventajas .image { background: url(../images/park/slide1.jpg) center bottom no-repeat;
}
#productos .image { background: url(../images/park/image21.jpg) center bottom no-repeat;
}
#infraestructura .image { background: url(../images/park/image7.jpg) center bottom no-repeat;
}
#amenidades .image { background: url(../images/park/image13.jpg) center bottom no-repeat;
}	
#inventario .image { background: url(../images/park/image13.jpg) center bottom no-repeat;
}
#inventario .image { background: url(../images/park/image25.jpg) center bottom no-repeat;
}
#home .image {
	background: url(../images/path/bgNosotrosGramola.jpg) left top no-repeat;
}
#contacto .image {
	background:url(../images/park/contacto.jpg) left top no-repeat;
}

#parque p {
	text-align:justify;
	
}
#parque p strong { color:#666; }

#parque .button {
	background:url(../images/park/buttonDescarga.jpg) center center no-repeat;
	width:189px;
	height:26px;
	position:absolute;
	left:200px;
	bottom:20px;
}
#lugar .icon1 { background:url(../images/park/icon1-1.png) center top no-repeat; }
#lugar .icon2 { background:url(../images/park/icon2.jpg) center top no-repeat; }
#lugar .icon3 { background:url(../images/park/icon3.jpg) center top no-repeat; }
#lugar .icon4 { background:url(../images/park/icon4.jpg) center top no-repeat; }
#lugar .icon5 { background:url(../images/park/icon5.jpg) center top no-repeat; }
#lugar .icon6 { background:url(../images/park/icon6.jpg) center top no-repeat; }

#lugar .icon1active { background:url(../images/park/icon1active.png) center top no-repeat; }
#lugar .icon2active { background:url(../images/park/icon2active.jpg) center top no-repeat; }
#lugar .icon3active { background:url(../images/park/icon3active.jpg) center top no-repeat; }
#lugar .icon4active { background:url(../images/park/icon4active.jpg) center top no-repeat; }
#lugar .icon5active { background:url(../images/park/icon5active.jpg) center top no-repeat; }
#lugar .icon6active { background:url(../images/park/icon6active.jpg) center top no-repeat; }

#infraestructura .icon1 { background:url(../images/park/icon7.jpg) center top no-repeat; }
#infraestructura .icon2 { background:url(../images/park/icon8.jpg) center top no-repeat; }
#infraestructura .icon3 { background:url(../images/park/icon9.jpg) center top no-repeat; }
#infraestructura .icon4 { background:url(../images/park/icon10.jpg) center top no-repeat; }
#infraestructura .icon5 { background:url(../images/park/icon11.jpg) center top no-repeat; }
#infraestructura .icon6 { background:url(../images/park/icon12.jpg) center top no-repeat; }

#infraestructura .icon1active { background:url(../images/park/icon7active.jpg) center top no-repeat; }
#infraestructura .icon2active { background:url(../images/park/icon8active.jpg) center top no-repeat; }
#infraestructura .icon3active { background:url(../images/park/icon9active.jpg) center top no-repeat; }
#infraestructura .icon4active { background:url(../images/park/icon10active.jpg) center top no-repeat; }
#infraestructura .icon5active { background:url(../images/park/icon11active.jpg) center top no-repeat; }
#infraestructura .icon6active { background:url(../images/park/icon12active.jpg) center top no-repeat; }

#amenidades .icon1 { background:url(../images/park/icon13.jpg) center top no-repeat; }
#amenidades .icon2 { background:url(../images/park/icon14.jpg) center top no-repeat; }
#amenidades .icon3 { background:url(../images/park/icon15.jpg) center top no-repeat; }
#amenidades .icon4 { background:url(../images/park/icon16.jpg) center top no-repeat; }
#amenidades .icon5 { background:url(../images/park/icon17.jpg) center top no-repeat; }
#amenidades .icon6 { background:url(../images/park/icon18.jpg) center top no-repeat; }
#amenidades .icon7 { background:url(../images/park/icon19.jpg) center top no-repeat; }
#amenidades .icon8 { background:url(../images/park/icon20.jpg) center top no-repeat; }

#amenidades .icon1active { background:url(../images/park/icon13active.jpg) center top no-repeat; }
#amenidades .icon2active { background:url(../images/park/icon14active.jpg) center top no-repeat; }
#amenidades .icon3active { background:url(../images/park/icon15active.jpg) center top no-repeat; }
#amenidades .icon4active { background:url(../images/park/icon16active.jpg) center top no-repeat; }
#amenidades .icon5active { background:url(../images/park/icon17active.jpg) center top no-repeat; }
#amenidades .icon6active { background:url(../images/park/icon18active.jpg) center top no-repeat; }
#amenidades .icon7active { background:url(../images/park/icon19active.jpg) center top no-repeat; }
#amenidades .icon8active { background:url(../images/park/icon20active.jpg) center top no-repeat; }

#productos .icon1 { background:url(../images/park/icon24.png) center top no-repeat; }
#productos .icon2 { background:url(../images/park/icon23.png) center top no-repeat; }
#productos .icon3 { background:url(../images/park/icon23.png) center top no-repeat; }
#productos .icon4 { background:url(../images/park/icon24.png) center top no-repeat; }

#productos .icon1active { background:url(../images/park/icon24active.png) center top no-repeat; }
#productos .icon2active { background:url(../images/park/icon23active.png) center top no-repeat; }
#productos .icon3active { background:url(../images/park/icon23active.png) center top no-repeat; }
#productos .icon4active { background:url(../images/park/icon24active.png) center top no-repeat; }
.icons {
	width:100%;
	clear:left;
	position:relative;
	float:left;
}
.icons li {
	width:40%; 
	padding:60px 10px 10px 10px ;
	height:50px;
	float:left;
	text-align:center;
	font-size:15px;
	color:#979797;
    font-family: 'proxima_nova_rgregular';
	cursor:pointer;
}

.activeIcons { color:#e21d1a !important; }

.icons2 {
	width:100%;
	clear:left;
	position:relative;
	float:left;
}
.icons2 li {
	width:24.5%; 
	padding:60px 0 10px 0 ;
	height:40px;
	float:left;
	text-align:center;
	font-size:15px;
	color:#979797;
    font-family: 'proxima_nova_rgregular';
	cursor:pointer;
}
	
	.menuItem {
    width:100%;
	clear:left;
	position:relative;
	float:left;
	}
	
.menuItem li{
	float:left;
	position:relative;
	clear:left;
	padding:8px 0;
	color:#979797;
	cursor:pointer;
	font-size:14px;
	font-family: 'proxima_novasemibold';
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
}

.menuItem .active, .menuItem li:hover{
	color:#00b7f1;
}

#ventajas img {
	position:absolute;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
	transform-origin: 50% 100%;
}

#ventajas .image1 {
	top:150px;
	left:100px;
}
#ventajas .image2 {
	top:200px;
	right:100px;
}
#ventajas .image3 {
	top:80px;
	left:40px;
}
#ventajas .image4 {
	top:230px;
	left:100px;
}
#ventajas .image5 {
	top:60px;
	left:60px;
}
#ventajas .wide {
	
	-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
}

#slide .sq {
	width:146px;
	height:146px;
	position:absolute;
}
#slide .sq1 { background:url(../images/park/square1.jpg) center center no-repeat; top:71px; left:560px; }
#slide .sq2 { background:url(../images/park/square1-1.jpg) center center no-repeat; top:71px; left:706px; }

#slide .sq3 { background:url(../images/park/square2.jpg) center center no-repeat; top:217px; left:414px; }
#slide .sq4 { background:url(../images/park/square2-1.jpg) center center no-repeat; top:217px; left:560px; }

#slide .sq5 { background:url(../images/park/square3.jpg) center center no-repeat; top:363px; left:268px; }
#slide .sq6 { background:url(../images/park/square3-1.jpg) center center no-repeat; top:363px; left:414px; }








#im {
	-webkit-transition: all 1s ease;
10.-moz-transition: all 1s ease;
11.-ms-transition: all 1s ease;
12.transition: all 1s ease;
}

.image div {
	 color: #FF9900;
    position: absolute;
    top: 0;
    z-index: 3;
}

.ZoomIn {left:40px;
}

.ZoomOut {left:80px;
}

.buttonLib {
    top: 380px !important;
    height: 50px;
    left: 20px !important;
    position: absolute !important;
    width: 200px !important;
	cursor:pointer;
}



.lightBlack {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 1%, rgba(0,0,0,0.6) 2%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0.6)), color-stop(2%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); /* IE6-8 */
}


.bg{
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		bottom:0;
		text-align:center;
		z-index:9999999;
		}
			
.bg #videoContainer{	
		width:720px;
		height:400px;
		display:inline-block;
		vertical-align:middle;
		align-self:center;
		position:relative;
		}
			
.bg .closeVideo{
		padding:20px ;
		width:30px;
		height:10px;
		width:10px;
		text-align:center;
		color:#fff;
		background:url(../images/close.png) center center ;
		background-size:100% auto;
		cursor:pointer;
		font-family: 'proxima_novasemibold';
		margin:30px auto;
		font-size:17px;
		z-index:666;
		position:absolute;
		right:50px;
		top:50px;
		}