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*/
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{/*line-height:1*/}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

html{box-sizing:border-box}

*,*:before,*:after{box-sizing:inherit}

.container{margin:0 auto}

.row{
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	margin:0 -10px 0 -10px
}

.row:before,.row:after{
	content:" ";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}

.row .row{margin:0 -10px 0 -10p}

.small-1,.medium-1,.large-1,.small-2,.medium-2,.large-2,.small-3,.medium-3,.large-3,.small-4,.medium-4,.large-4,.small-5,.medium-5,.large-5,.small-6,.medium-6,.large-6,.small-7,.medium-7,.large-7,.small-8,.medium-8,.large-8,.small-9,.medium-9,.large-9,.small-10,.medium-10,.large-10,.small-11,.medium-11,.large-11,.small-12,.medium-12,.large-12{
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	min-height:1px;
	padding:0 10px
}

.small-1,.small-2,.small-3,.small-4,.small-5,.small-6,.small-7,.small-8,.small-9,.small-10,.small-11,.small-12{float:left}

.small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}

.small-hidden,.medium-visible,.large-visible{display:none}

.small-visible,.medium-hidden,.large-hidden{display:block}

.small-centered{
	margin-left:auto
	;margin-right:auto;
	float:none
}



@media (max-width: 768px){
	
	.small-only-centered{
		margin-left:auto;
		margin-right:auto;
		float:none
	}
}


@media (min-width: 768px){
	
	.container{width:750px}
	.medium-1,.medium-2,.medium-3,.medium-4,.medium-5,.medium-6,.medium-7,.medium-8,.medium-9,.medium-10,.medium-11,.medium-12{float:left}
	.medium-1{width:8.33333%}
	.medium-2{width:16.66667%}
	.medium-3{width:25%}
	.medium-4{width:33.33333%}
	.medium-5{width:41.66667%}
	.medium-6{width:50%}
	.medium-7{width:58.33333%}
	.medium-8{width:66.66667%}
	.medium-9{width:75%}
	.medium-10{width:83.33333%}
	.medium-11{width:91.66667%}
	.medium-12{width:100%}
	.small-hidden,.medium-visible,.large-hidden{display:block}
	.small-visible,.medium-hidden,.large-visible{display:none}
	.medium-centered{
		margin-left:auto;
		margin-right:auto;
		float:none
	}
	.medium-uncentered{float:left}
}



@media (min-width: 768px) and (max-width: 992px){
	.medium-only-centered{margin-left:auto;margin-right:auto;float:none}
}



@media (min-width: 992px){
	.container{width:970px}
	.large-1,.large-2,.large-3,.large-4,.large-5,.large-6,.large-7,.large-8,.large-9,.large-10,.large-11,.large-12{float:left}
	.large-1{width:8.33333%}
	.large-2{width:16.66667%}
	.large-3{width:25%}
	.large-4{width:33.33333%}
	.large-5{width:41.66667%}
	.large-6{width:50%}
	.large-7{width:58.33333%}
	.large-8{width:66.66667%}
	.large-9{width:75%}
	.large-10{width:83.33333%}
	.large-11{width:91.66667%}
	.large-12{width:100%}
	.small-hidden,.medium-hidden,.large-visible{display:block}
	.small-visible,.medium-visible,.large-hidden{display:none}
	.large-centered,.large-only-centered{margin-left:auto;margin-right:auto;float:none}
	.large-uncentered{float:left}
}

*,*:before,*:after{box-sizing:border-box}

body{
	background-color:#212121;
	padding:0;
	margin:0;
	color:#fff;
}

h2{
	/*font-size:1.6em;*/
	color:#fff;
	margin-bottom:5px
}

h2:not(:first-child){margin-top:30px}

h3{margin-top:20px;font-size:1.3em}

h4{color:#fff;font-size:.8em}

a{text-decoration:none;/*-webkit-transition:1s color;transition:1s color;color:#fff*/}
a:hover{/*color:#d9d9d9*/}

ul{margin:0;padding:0;list-style:none}

li{margin:0;padding:0}

pre{padding:5px 5px 5px 10px;margin:0 0 15px 0;border-left:10px solid #353535;background:rgba(51,51,51,0.7);color:#ccc;overflow-y:scroll;/*font-family:"Courier new", Courier, monospace;font-size:12px*/}

table pre{padding:5px 0 5px 0;margin:0;border:none;background:none}

code{font-family:"Courier new", Courier, monospace;color:#fff;background:#222}

table{font-size:12px;width:100%;margin-bottom:20px;border-bottom:2px solid rgba(51,51,51,0.7);line-height:2}


@media (max-width: 375px){
	table .extra{display:none}
}

th,td{padding:10px;text-align:left}

th{font-family:"Raleway";font-weight:900;text-transform:uppercase}

thead tr{background:#000}

tbody tr:nth-child(odd){background:rgba(51,51,51,0.7)}

.vegas-overlay{opacity:.4}
.vegas-timer-progress{background:#fff}
.container{position:relative}
.row{margin:20px 0}

.banner{display:block;width:50px; height:520px;opacity:1; padding:0;}
.button{/*padding:5px 10px;display:block;/*font-weight:900;font-family:"Raleway";text-transform:uppercase;*//*text-align:center;color:#000 !important;background:#fff;-webkit-transition:background-color 1s;transition:background-color 1s*/}
.button:hover{/*background:#d9d9d9*/}




.topbar{text-align:left;background:#FFF;color:#fff;vertical-align:middle;position:fixed;width:350px;/*height:200px*/;top:2em;left:2em;box-shadow:0 0 5px rgba(0,0,0,0.5);z-index:99999999;border:1px solid #333; visibility:hidden;display:none;}
@media (max-width: 780px){
	.topbar{border:0;border-bottom:1px solid #333;top:0;left:0;right:0;width:100%; display:block; visibility: visible;}
}

.topbar-avatar{vertical-align:middle;width:125px;height:76px;margin: 31px 0 31px 25px; cursor:pointer;}
.topbar-name{position:absolute;top:0;right:0;width:160px;text-align:right;text-decoration:none;color:#000;}
/*.topbar-name span{color:#888;font-size:8px}*/
/*.topbar-name:hover{color:#666}*/
.topbar-menu-button{position:absolute;display:inline-block;width:50px;height:50px;left:50%;margin:40px 0 0 -25px;/* background-color:#990066;*/}
.topbar-menu-button span{margin:0 auto;position:relative;top:15px;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:.2s;transition-delay:.2s;margin-left:7px;}
.topbar-menu-button span:before,.topbar-menu-button span:after{position:absolute;content:''}
.topbar-menu-button span,.topbar-menu-button span:before,.topbar-menu-button span:after{width:35px;height:1px;margin-top:10px;background-color:#000;display:block}
.topbar-menu-button span:before{margin-top:-10px;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:.2s, 0;transition-delay:.2s, 0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.topbar-menu-button span:after{margin-top:10px;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:.2s, 0;transition-delay:.2s, 0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.topbar-menu-button-active span{background-color:transparent;-webkit-transition-delay:.2s;transition-delay:.2s}
.topbar-menu-button-active span:before{margin-top:0px;width:50px;margin-left:-7px;height:1px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0, .2s;transition-delay:0, .2s}
.topbar-menu-button-active span:after{margin-top:0px;width:50px;margin-left:-7px;height:1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0, .2s;transition-delay:0, .2s}
.topbar-menu{padding:0;margin:0;list-style:none;width:350px;position:absolute;top:4.3em;left:2em;z-index:10000;overflow:hidden;visibility:hidden}
@media (max-width: 780px){.topbar-menu{position:fixed;top:139px;left:0;right:0;width:100%; background-color:#CCCCCC;}}


.topbar-menu a{text-decoration:none;color:#000}
.topbar-menu li{display:none; height:70px;opacity:0;padding:15px 10px;border-bottom:1px solid #CCC;text-align:center;/*box-shadow:0 0 6px rgba(0,0,0,0.5);*/-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transform:translateY(100px) translateZ(0);transform:translateY(100px) translateZ(0)}
.topbar-menu li:hover{background:#CCC !important;padding-left:20px}
.topbar-menu li:hover h3,.topbar-menu li:hover p{color:#2ad2c9}
.topbar-menu li:nth-child(odd){background:#EAEAEA}
.topbar-menu li:nth-child(even){background:#EAEAEA}
.topbar-menu li:nth-child(1),.topbar-menu li:nth-child(6){-webkit-transition-delay:0s;transition-delay:0s}
.topbar-menu li:nth-child(2),.topbar-menu li:nth-child(4){-webkit-transition-delay:0.05s;transition-delay:0.05s}
.topbar-menu li:nth-child(3),.topbar-menu li:nth-child(6){-webkit-transition-delay:0.1s;transition-delay:0.1s}
.topbar-menu li:nth-child(4),.topbar-menu li:nth-child(6){-webkit-transition-delay:0.15s;transition-delay:0.15s}
.topbar-menu h3{font:1.1em "Lato", sans-serif;padding:10px 0 0 0;margin:0;color:#000;-webkit-transition:.2s;transition:.2s}
/*.topbar-menu p{font:11px Arial, sans-serif;margin-top:5px;color:#eee;-webkit-transition:.2s;transition:.2s;margin-bottom:0 !important}*/
.topbar-menu.topbar-menu-open{visibility:visible; display:block;}
.topbar-menu-open li{display: block; opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

/*#adblocked,#adpacks{z-index:1000;line-height:1;width:130px;min-height:150px}#adblocked b,#adpacks b{text-transform:uppercase}.adpacks-img{display:block;margin-bottom:5px}.adpacks-img img{width:130px;height:100px;border:1px solid #999;background:#eee;box-shadow:0 0 10px rgba(0,0,0,0.5)}.adpacks-text,.adpacks-poweredby{font-size:10px;text-decoration:none;color:#eee;text-shadow:0 2px 1px #000, 0 -2px 1px #000, 2px 0 1px #000, -2px 0 1px #000;text-shadow:1px 1px 0px #000}.adpacks-text b,.adpacks-poweredby b{color:#fff;font-weight:bold}.adpacks-poweredby{display:block;opacity:0.8;margin-top:10px}.homepage #adblocked,.homepage #adpacks{position:absolute;top:50px;left:12px}@media (max-width: 375px){.homepage #adblocked,.homepage #adpacks{display:none}}@media (max-width: 649px){.homepage #adblocked,.homepage #adpacks{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}}@media (min-width: 650px){.homepage #adblocked,.homepage #adpacks{top:auto;left:15px;bottom:20px}}@media (min-width: 768px){.homepage #adblocked,.homepage #adpacks{left:25px;bottom:40px}}@media (min-width: 769px){.homepage #adblocked,.homepage #adpacks{left:3em;bottom:3.5em}}.documentation .sponsors{min-height:100px;text-align:center}@media (min-width: 992px){.documentation .sponsors{text-align:left}}.documentation .adpacks-wrap{display:block;margin-top:5px}.documentation .adpacks-img img{margin:0}@media (min-width: 992px){.documentation .adpacks-img img{float:left;margin-right:15px}}.documentation .adpacks-text{color:#fff;line-height:1.7}.header-logo{position:absolute;top:14px;left:15px;font-family:"Raleway";font-size:1em;font-weight:bold;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3)}*/

/*#adblocked,#adpacks{z-index:1000;line-height:1;width:130px;min-height:150px}#adblocked b,#adpacks b{text-transform:uppercase}.adpacks-img{display:block;margin-bottom:5px}.adpacks-img img{width:130px;height:100px;border:1px solid #999;background:#eee;box-shadow:0 0 10px rgba(0,0,0,0.5)}.adpacks-text,.adpacks-poweredby{font-size:10px;text-decoration:none;color:#eee;text-shadow:0 2px 1px #000, 0 -2px 1px #000, 2px 0 1px #000, -2px 0 1px #000;text-shadow:1px 1px 0px #000}.adpacks-text b,.adpacks-poweredby b{color:#fff;font-weight:bold}.adpacks-poweredby{display:block;opacity:0.8;margin-top:10px}.homepage #adblocked,.homepage #adpacks{position:absolute;top:50px;left:12px}@media (max-width: 375px){.homepage #adblocked,.homepage #adpacks{display:none}}@media (max-width: 649px){.homepage #adblocked,.homepage #adpacks{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}}@media (min-width: 650px){.homepage #adblocked,.homepage #adpacks{top:auto;left:15px;bottom:20px}}@media (min-width: 768px){.homepage #adblocked,.homepage #adpacks{left:25px;bottom:40px}}@media (min-width: 769px){.homepage #adblocked,.homepage #adpacks{left:3em;bottom:3.5em}}.documentation .sponsors{min-height:100px;text-align:center}@media (min-width: 992px){.documentation .sponsors{text-align:left}}.documentation .adpacks-wrap{display:block;margin-top:5px}.documentation .adpacks-img img{margin:0}@media (min-width: 992px){.documentation .adpacks-img img{float:left;margin-right:15px}}.documentation .adpacks-text{color:#fff;line-height:1.7}.header-logo{position:absolute;top:14px;left:15px;font-family:"Raleway";font-size:1em;font-weight:bold;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3)}

.header-logo small{opacity:.8}
.header-logo a{color:#fff !important}*/


.acceso{
	display: block;
	position: fixed;
	float: right;
	z-index: 99999999;
	top: 50px;
	right: 50px;
	height:36px;
	width: 36px;
	background:#000 url(../material/icono-llave-blanca.png) no-repeat center center;
	border: 1px solid #000;
	border-radius: 18px;
	
	webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}


.acceso:hover{
	background-color: #b5dac4;
	-webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -ms-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
}

.redes-sociales{
	display: block;
	position: fixed;
	float: right;
	z-index: 99999999;
	bottom: 35px;
	right: 50px;
	height:36px;
	width: 204px;
	/*background-color:#FF3300;*/
}

.logo-redes-sociales{
	display: block;
	position: relative;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px solid  #000;
	border-radius: 18px;
	cursor: pointer;
	
	webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.logo-redes-sociales:hover{
	background-color: #b5dac4;
	-webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -ms-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
}

.esconder{margin:-520px 0 0 0; background:#000;}
.facebook{margin:-520px 0 0 42px; background:#000 url(../material/logo-facebook-negro.png) no-repeat 12px 7px;}
.twitter{margin:-520px 0 0 84px; background:#000 url(../material/logo-twitter-negro.png) no-repeat 8px 9px;}
.instagram{margin:-520px 0 0 126px; background:#000 url(../material/logo-instagram-negro.png) no-repeat center center;}
.tripadvisor{margin:-520px 0 0 168px; background:#000 url(../material/logo-tripadvisor-negro.png) no-repeat 5px 9px;}


.linea-social-1{
	width: 26px;
	height:1px;
	margin: 16px 0 0 4px;
	background-color:#FFF;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);	
}

.linea-social-2{
	width: 13px;
	height:1px;
	margin: -5px 0 0 6px;
	background-color:#FFF;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);	
}

.linea-social-3{
	width: 13px;
	height:1px;
	margin: 7px 0 0 14px;
	background-color:#FFF;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);	
}

.redes-sociales.close-redes .pushable{
	/*-webkit-transition:0.5s cubic-bezier(0, 0.4, 0, 1);*/
	/*transition:0.5s cubic-bezier(0, 0.5, 0, 1);*/
	-webkit-transform:translateX(213px) translateZ(0);
	-ms-transform:translateX(213px) translateZ(0);
	transform:translateX(213px) translateZ(0);
}

.redes-sociales.close-redes .pushable .esconder .linea-social-1, .redes-sociales.close-redes .pushable .esconder .linea-social-2, .redes-sociales.close-redes .pushable .esconder .linea-social-3{
	-webkit-transition:0.5s /*cubic-bezier(0, 0.5, 0, 1)*/;
	transition:0.5s /*cubic-bezier(0, 0.5, 0, 1)*/;
}

.redes-sociales.close-redes .pushable .esconder .linea-social-1{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.redes-sociales.close-redes .pushable .esconder .linea-social-2{
	-webkit-transform: translateX(-4px) rotate(135deg);
	-ms-transform: translateX(-4px) rotate(135deg);
	transform: translateX(-4px) rotate(135deg);
}

.redes-sociales.close-redes .pushable .esconder .linea-social-3{
	-webkit-transform: translateX(-12px) rotate(45deg);
	-ms-transform: translateX(-12px) rotate(45deg);
	transform: translateX(-12px) rotate(45deg);
}

.redes-sociales .pushable{
	-webkit-transition:0.5s cubic-bezier(0, 0.4, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform:translateX(0) translateZ(0);
	transform:translateX(0) translateZ(0);
}




.header-menu{
	position:fixed;
	top:10px;
	left:15px;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(0,0,0,0.5);
}

.menu{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.8);
	text-align:center;
	visibility:hidden;
	opacity:0;
}
.menu-shown .menu{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.menu-container{height:100%}

.menu-close{position:absolute;top:14px;left:24px;font-size:24px}
.menu-close a{color:#fff}

.menu-wrapper{display:table;vertical-align:middle;width:100%;height:100%;/*font-size:2em*/}
.menu-wrapper a{color:#fff !important;opacity:.8;-webkit-transition:.5s all;transition:.5s all}
.menu-wrapper a:hover{opacity:1}
.menu-wrapper ul{vertical-align:middle;display:table-cell}
.menu-active a{opacity:1}
.homepage-header{width:100vw;height:auto;background-color:#000; position:fixed;}

.homepage-info{
	position:fixed;
	overflow:hidden;
	text-align:left;
	width:360px;
	left:0px;
	top:0px;
	z-index:2000004;
}

@media (min-width: 768px){
	.homepage-info{
		left:2em;
		top:2.5em;
	}
}

@media (min-width: 769px){
	.homepage-info{
		left:0em;
		top:0em;
	}
}

.homepage-info h1{position:relative;text-shadow:-1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 10px #000;letter-spacing:-1px;padding-right:4.7em;font-size:1.9em;margin:.75em 0}
.homepage-info h1 span{display:block}
.homepage-info h1 .line1{font-size:3em;letter-spacing:-5px;margin-bottom:.2em}
.homepage-info h1 .line2{position:absolute;bottom:0.30em;right:0;text-shadow:-1px -1px 1px rgba(0,0,0,0.6),1px 1px 1px rgba(0,0,0,0.6),0px 0px 10px #000;opacity:0.6;font-size:7.7em}
.homepage-info h1 .line3{opacity:0.6}

.homepage-menu{
	position:relative;
	margin:50px 0 0 0;
	z-index:2000003;
}

.homepage-menu a{color:#fff}
.homepage-menu li{margin:0 0 4px 301px;}
.homepage-menu .pushable{
	-webkit-transition:0.5s cubic-bezier(0, 0.4, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform:translateX(0) translateZ(0);
	transform:translateX(0) translateZ(0);
}

/*.homepage-menu .pushable:nth-child(1){-webkit-transition-delay:100ms;transition-delay:100ms}
.homepage-menu .pushable:nth-child(2){-webkit-transition-delay:200ms;transition-delay:100ms}
.homepage-menu .pushable:nth-child(3){-webkit-transition-delay:300ms;transition-delay:100ms}
.homepage-menu .pushable:nth-child(4){-webkit-transition-delay:400ms;transition-delay:100ms}*/

.homepage-menu.open .pushable{
	-webkit-transform:translateX(-301px);
	-ms-transform:translateX(-301px);
	transform:translateX(-301px);
}

.homepage-menu.open .pushable #header-saliente .linea-1{
	-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	
	/*-ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);*/
	
	-webkit-transform:translateX(8px) rotate(180deg);
	-ms-transform:translateX(8px) rotate(180deg);
	transform:translateX(8px) rotate(180deg);
	
	opacity:1;
	background-color: #FFF;
	width:35px;
}

.homepage-menu.open .pushable #header-saliente .linea-2{
	-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	
	/*-ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);*/

	-webkit-transform:translateX(19px) rotate(225deg);
	-ms-transform:translateX(19px) rotate(225deg);
	transform:translateX(19px) rotate(225deg);
	
	opacity:1;
	background-color: #FFF;
}

.homepage-menu.open .pushable #header-saliente .linea-3{
	-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	
	/*-ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);*/
	
	-webkit-transform:translateX(0px) rotate(135deg);
	-ms-transform:translateX(0px) rotate(135deg);
	transform:translateX(0px) rotate(135deg);
	
	opacity:1;
	background-color: #FFF;
}

.homepage-menu.open .pushable:nth-child(2){opacity:1}

.homepage-submenu{
	text-align:left;
	width:256px;
	position:absolute;
	top:0px;
	left:-302px;
	z-index:2000003;
}

.homepage-submenu .prueba{
	-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	transition:0.5s cubic-bezier(0, 0.5, 0, 1);
	-webkit-transform:translateX(302px);
	-ms-transform:translateX(302px);
	transform:translateX(302px);
	opacity:1
}

/*.homepage-submenu .prueba:nth-child(1){-webkit-transition-delay:100ms;transition-delay:100ms}
.homepage-submenu .prueba:nth-child(2){-webkit-transition-delay:200ms;transition-delay:200ms}
.homepage-submenu .prueba:nth-child(3){-webkit-transition-delay:300ms;transition-delay:300ms}
.homepage-submenu .prueba:nth-child(4){-webkit-transition-delay:400ms;transition-delay:400ms}
.homepage-submenu .prueba:nth-child(5){-webkit-transition-delay:500ms;transition-delay:500ms}*/

.open .homepage-submenu .prueba{
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}


				#header-screen{
					height: 520px;
					width: 256px;
					min-width: 256px;
					position: fixed;
					top: 0;
					left: 45px;
					z-index: 10000;
					background-color: #FFF;
					border: thin solid #000;
					
					webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
					-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
					box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
				}

				#header{
					display: block;
					position: absolute;
					height: auto;
					width: auto;
					top: 50px;
					left: 35px;
					z-index: 1001;
				}
				
				#header .menu-1{
					display: block;
					position: relative;
					float: left;
					width: 100%;
					height: auto;
					margin-top: 60px;
					font-family: 'Lato', sans-serif !important;
					font-weight: 400;
					font-size: 0.9em !important;
				}
				
				#header .principal{
					display: block;
					position: relative;
					width:100px;
					height: auto;
					text-decoration:none;
					margin-top:5px;
					color: #636362;
				}
				
				#header .linea{
					display: block;
					position: relative;
					float: left;
					margin-top: 20px; 
					width: 100%;
				}
				
				#header .linea-menu{
					display: block;
					position: relative;
					float: left;
					width: 30px;
					height:1px;
					background-color: #000;
				}
				
				#header .privado{
					display:block;
					position: relative;
					float: left;
					margin-top:12px;
					font-family: 'Lato', sans-serif !important;
					font-weight: 400;
					font-size: 1em !important;
				}
				
				#header .menu-2{
					display: block;
					position: relative;
					float: left;
					width: auto;
					height: auto;
					margin: 0;
					color: #636362;
				}
				
				#header .principal:hover, #header .menu-2 .submenu-texto-grande .contacto-envio-grande:hover{
					color: #b5dac4;
					-webkit-transition: all 0.2s ease-in-out;
					 -moz-transition: all 0.2s ease-in-out;
					 -ms-transition: all 0.2s ease-in-out;
					 -o-transition: all 0.2s ease-in-out;
					 transition: all 0.2s ease-in-out;
				}
				
				#header .submenu, #header .submenu-texto{
					display: block;
					position: relative;
					float: left;
					width: auto;
					height: auto;
					font-family: 'Lato', sans-serif;
				}
				
				#header .submenu{ margin-top:20px; font-weight:700;font-size:1em;}
				#header .submenu-texto{ margin-top:10px;font-size:0.8em;}
				
				#header-saliente{
					display:block;
					position:fixed;
					width: 50px;
					height: 150px;
					margin: 0;
					background-color: #000;
					z-index: 9999;
					border-bottom: 1px solid #000;
					border-right: 1px solid #000;
					border-top: 1px solid #000;
					
					webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
					-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
					box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
				}
				
				#header-saliente .header-saliente-boton{
					display:block;
					position: relative;
					float: left;
					width: 100%;
					height: 50px;
				}
				
				#header-saliente .linea-1{
					width: 50px;
					height: 1px;
					background-color:#999999;
					margin: 25px 0 0 1px;
					
					-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
					transition:0.5s cubic-bezier(0, 0.5, 0, 1);
					
					-webkit-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
					
				}
				
				#header-saliente .linea-2, #header-saliente .linea-3{
					width: 25px;
					height: 1px;
					background-color:#999999;
					
					-webkit-transition:0.5s cubic-bezier(0, 0.5, 0, 1);
					transition:0.5s cubic-bezier(0, 0.5, 0, 1);
					
					-ms-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				
				#header-saliente .linea-2{ margin: -10px 0 0 4px;}
				#header-saliente .linea-3{ margin: 17px 0 0 22px;}
				
				
				#header-saliente .header-saliente-texto{
					display: block;
					position: relative;
					float: left;
					width: 100%;
					height: 100px;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					font-size: 1.2em;
					color: #FFF;
				}
				
				#header-saliente .rotar{
					-webkit-transform: rotate(-90deg);
					transform: rotate(-90deg);
					margin-top: 40px;
				}
				
				#header-saliente:hover {
					background-color: #b5dac4;
					-webkit-transition: all 0.2s ease-in-out;
					 -moz-transition: all 0.2s ease-in-out;
					 -ms-transition: all 0.2s ease-in-out;
					 -o-transition: all 0.2s ease-in-out;
					 transition: all 0.2s ease-in-out;
				}
				
				#header-screen .current{
					color:#b5dac4;
				}
				
				#header .submenu-grande, #header .submenu-texto-grande{
					display: block;
					position: relative;
					float: left;
					width: auto;
					height: auto;
					font-size:0.9em;
					font-family: 'Lato', sans-serif;
				}
				
				#header .submenu-grande{ margin-top:20px;}
				#header .submenu-texto-grande{ margin-top:10px;}
				#header .submenu-texto-grande .contacto-envio-grande{ color:#000;}


				.menu-2{
					display: block;
					position: relative;
					float: right;
					width: 150px;
					height: auto;
					color: #636362;
					/*background-color:#3FF;*/
				}
				
				
				.submenu, .submenu-texto{
					display: block;
					position: relative;
					float: right;
					width: auto;
					height: auto;
					font-size:0.8em;
					font-family: 'Lato', sans-serif;
				}
				
				.submenu{ margin: 38px 25px 0 0;font-weight: 700;}
				.submenu-texto{ margin:8px 25px 0 0; text-align: right;}
				.contacto-envio{ color:#000;}

				.fade{display:block; visibility:visible;}


@media (max-width: 780px){
	.homepage-info{ display:none; visibility: hidden;}
}

/*.documentation-header{width:100%;margin-bottom:2em;text-shadow:0 1px 1px #000;box-shadow:5px 0 20px #000}.documentation-header h1{font-size:1.6em;margin-bottom:-10px}.documentation-header p{font-size:.9em;text-transform:uppercase}.documentation-header-wrapper{text-align:center;padding:70px 0 30px}body.demo-playing>.vegas-overlay{opacity:1 !important;background:rgba(17,17,17,0.8) !important}.test{background:transparent url(/img/transparent.png) repeat;width:100%;height:170px;margin-bottom:15px}@media (min-width: 768px) and (max-width: 990px){.test{height:130px}}.block{padding:10px 20px 20px;margin-bottom:20px;background:#000;font-size:.8em;line-height:1.9;overflow:hidden}.block h1,.block h2,.block h3,.block h4,.block h5,.block h6{margin:0}.option{font-size:13px;color:#bbb;font-family:"Courier new", courier, monospace}.value{font-size:13px;font-family:"Courier new", courier, monospace;color:#fff}.console{border:1px solid #444;height:70px;font-size:11px;font-family:"Courier new", courier, monospace;padding:5px;margin-bottom:20px}.code-block{position:relative}.code-block .block{border:1px solid #fff;margin:10px 0}.code-block .arrow{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff;position:relative;top:-25px;left:50%;margin-left:-15px}@media (min-width: 768px){.code-block .arrow{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff;position:absolute;top:50%;left:-15px;margin-top:-7px}.code-block .block{z-index:100;position:absolute;width:250px;top:50%;right:-250px;box-shadow:0 0 30px #000;margin-top:-125px}}@media (min-width: 992px){.code-block .block{width:320px;right:-325px;margin-top:-150px}}#test2-4{margin-bottom:10px}#test3-1{height:250px;margin-bottom:10px}#test3-2{height:250px;margin-bottom:10px}.button-list{margin:20px 0 20px 0;padding:0;overflow:hidden;font-size:12px}.button-list li{border:2px solid #222;border-bottom:2px solid #222;width:25%;margin:0;height:40px;line-height:35px;text-align:center;float:left;background:#333;cursor:pointer;-webkit-transition:.5s border-color;transition:.5s border-color;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button-list .active{border:1px solid #fff}.overlay-list li{width:33.333333%;height:60px;line-height:60px;background-color:#444}.overlay-list .overlay-01{background-image:url(/js/vegas/dist/overlays/01.png)}.overlay-list .overlay-02{background-image:url(/js/vegas/dist/overlays/02.png)}.overlay-list .overlay-03{background-image:url(/js/vegas/dist/overlays/03.png)}.overlay-list .overlay-04{background-image:url(/js/vegas/dist/overlays/04.png)}.overlay-list .overlay-05{background-image:url(/js/vegas/dist/overlays/05.png)}.overlay-list .overlay-06{background-image:url(/js/vegas/dist/overlays/06.png)}.overlay-list .overlay-07{background-image:url(/js/vegas/dist/overlays/07.png)}.overlay-list .overlay-08{background-image:url(/js/vegas/dist/overlays/08.png)}.overlay-list .overlay-09{background-image:url(/js/vegas/dist/overlays/09.png)}#test4-1 .label{position:absolute;top:50%;left:5%;-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%);transform:translateY(-45%);font-size:10em;font-weight:bold;opacity:.3}.method-list .working{background:#222}.method-example{display:none}.method-example.active{display:block}#test4-2{position:relative}#test4-2 .next,#test4-2 .previous,#test4-2 .add{opacity:.8;visibility:hidden;display:block;position:absolute;width:32px;height:32px;margin:0;padding:0;background:center center no-repeat;background-size:cover;top:50%}#test4-2 .next:hover,#test4-2 .previous:hover,#test4-2 .add:hover{color:#fff}#test4-2 .previous{left:10px;right:auto;background-image:url("/img/icon-previous.svg") !important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#test4-2 .add{top:auto;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-image:url("/img/icon-add.svg") !important}#test4-2 .next{left:auto;right:10px;background-image:url("/img/icon-next.svg") !important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.vegas-overlay{opacity:.2 !important}*/




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////  section //////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#content-wrapper, #example-wrapper {
	height: 100%;
}
.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%
}
.scrollContainer {
	height: 100%;
	margin: auto;
}
#example-wrapper .scrollContent {
	height: 100%;
}

.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: scroll;
}
#example-wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}
#example-wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}
#example-wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;  /* fix for spaces between inline block divs */
}
#example-wrapper.horizontal div {
	/*font-size: 13px;*/
}
#example-wrapper .scrollContent, #example-wrapper.horizontal .scrollContent {
	/*font-size: 0;*/
}
#example-wrapper .scrollContent div {
	/*font-size: 13px;*/
}
#example-wrapper section {
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////  footer  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

section.footer-page{
	height: auto;
	min-height: 650px;
	min-width: 100%;
	position: relative;
	margin-top:0;
	background-color: #FFF;
}

.footer{
	display: block;
	position: absolute;
	float: left;
	width: 1000px;
	left: 50%;
	top: 0;
	margin: 130px 0 0 -500px;
	font-family: 'Lato', sans-serif;
}

.footer-center, .footer-center-2, .footer-center-3{
	display: block;
	position: relative;
	float:left;
	width: 100%;
	height: 31px;
}

.footer-center-2{ margin-top:50px; text-align:center;}

.footer-center-3{
	margin-top:20px; 
	text-align:center; 
	color:#000;
	font-size:0.8em;
}

.acceso-mobile{
	display: none;
	visibility: hidden;
	position: relative;
	float: left;
	left:50%;
	margin: 20px 0 0 -18px;
	height:36px;
	width: 36px;
	background:#000 url(../material/icono-llave-blanca.png) no-repeat center center;
	border: 1px solid #000;
	border-radius: 18px;
}

.footer-logo{
	display: block;
	float:left;
	position:relative;
	left: 50%;
	margin-left: -50px;
}

.footer-info{
	display:block;
	position:relative;
	float:left;
	width: 100%;
	height: auto;
	margin: 70px 0 0 0;
}

.footer-info-block-1, .footer-info-block-2, .footer-info-block-3, .footer-info-block-4{
	position: relative;
	float:left;
	height:100%;
	/*background-color:#66FFCC;*/
}

.footer-info-block-1{width: 20%; margin-left:4%;}
.footer-info-block-2{width: 25%;}
.footer-info-block-3{width: 31%;}
.footer-info-block-4{width: 16%;}

.footer-subtitle{ 
	font-size: 0.9em;
	line-height: 18px;
	font-weight:700;
	color: #000;
}

.footer-link, .footer-menu{
	color:#636362;
	display: block;
	position:relative;
	font-size: 0.9em;
	line-height: 18px;
}

.contacto-envio-footer{color:#636362;}

.footer-link:hover, .footer-menu:hover, .rhombus:hover, .contacto-envio-footer:hover{
	color: #b5dac4;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.footer-link{margin-top: 10px;}

.footer-logo-activa{
	display:block;
	position: relative;
	float: left;
	margin-top:10px;
}

.fecha{
	font-size:0.9em;
	color:#000;
	font-weight:700;
}

.rhombus{
	color:#000;
	font-size:0.8em;
	line-height:13px;
	font-weight:700;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section1  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

section.section1{
	height: 100%;
	/*min-height: 400px;*/
	min-height: 1px;
	min-width: 100%;
	position: relative;
	/*top:100%;*/
}

#inicio-error-conexion, #inicio-datos-olvidados{
	/*background-color:#b5dac4;*/
	background-color:#2AD2C9;
}


.saludo{
	display: block;
	position: absolute;
	float: left;
	width: 350px;
	left: 50%;
	top: 0%;
	margin: 0px auto auto -175px;
	background-color:#FF9900;
	font-family: 'Lato', sans-serif;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section2  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section2{
	height: auto;
	min-height: 700px;
	min-width: 100%;
	position: relative;
	background-color:#FFF;
	text-align: center;
}

.comunicacion{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	color:#000;
	width: 900px;
	height: auto;
	left: 50%;
	/*background-color: #6FC;*/
	margin: 180px 0 0 -450px;
}

h1{
	font-size: 1.5em;
}

.texto{
	margin-top: 50px;
	font-size:1.2em;
	line-height: 30px;
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section3  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section3 {
	height: auto;
	min-height: 862px;
	font-size: 0;
	background-color: #FFF;
	margin-top:0px;
	min-width: 100%;
}

.fotos-muestra{
	display:block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top:-50px;
	padding:0;
}

.muestra{
	width: 33.33%;
	height: auto;
}

.muestra-780{
	width: 50%;
	height: auto;
	display: none;
	visibility: hidden;
	float:left;
	position:relative;
}

.muestra-480{
	width: 100%;
	height: auto;
	display: none;
	visibility: hidden;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section4  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section4{
	height: auto;
	min-height: 900px;
	min-width: 100%;
	position: relative;
	background-color:#FFF;
	text-align: center;
}

.boton-menu{
	display: block;
	position: relative;
	float: left;
	left: 50%;
	width: 200px;
	height: auto;
	margin: 50px 0 0 -100px;
	padding: 20px;
	border: 1px solid #000;
	text-decoration: none;
	color: #FFF;
	background-color: #000;
}

.boton-menu:hover{
	background-color: #b5dac4;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.boton-menu-2{
	display: block;
	position: relative;
	float: left;
	left: 50%;
	width: 202px;
	height: 283px;
	margin: 50px 0 0 -100px;
	border: 1px solid #000;
}

.boton-menu-2:hover{
	background-color: #b5dac4;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section41  //////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section41{
	height: auto;
	min-height: 750px;
	min-width: 100%;
	position: relative;
	background-color:#b5dac4;
	text-align: center;
}

.boton-esdeveniments{
	display: block;
	position: relative;
	float: left;
	left: 50%;
	width: 200px;
	height: 70px;
	margin: 50px 0 0 -100px;
	padding: 17px 18px 0 22px;
	text-decoration: none;
	color: #FFF;
	background-image:url(../material/boton-esdeveniments.png);
}

.link-parrafo{
	text-decoration: none;
	color: #FFF;
}

.link-parrafo:hover{
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}





/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section5  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section5{
	height: auto;
	min-height: 1250px;
	min-width: 100%;
	position: relative;
	background-color:#FFF;
	text-align: center;
}

.comunicacion-2{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	color:#000;
	width: 900px;
	height: auto;
	left: 50%;
	/*background-color: #6FC;*/
	margin: 25px 0 0 -450px;
}

.titulo-2{
	font-size: 1.5em;
	margin-top: 50px;
}

.titulo-3{
	font-size: 1.5em;
	margin-top: 25px;
}

.texto-2{
	/*margin-top: 50px;*/
	font-size:1.2em;
	line-height: 30px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section6  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section6 {
	height: auto;
	min-height: 803px;
	font-size: 0;
	text-align: center;
	background-color: #b5dac4;
	margin-top:0px;
	min-width: 100%;
}

.muestra-2{
	display:block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top:0px;
	padding:0;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section7  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section7{
	height: auto;
	min-height: 1100px;
	min-width: 100%;
	position: relative;
	background-color:#b5dac4;
	text-align: center;
}

.mini-h1{
	display:block;
	position: relative;
	left:50%;
	margin:50px 0 0 -25px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  section8  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section8{
	height: auto;
	min-height: 500px;
	min-width: 100%;
	position: relative;
	background-color:#b5dac4;
	text-align: center;
	font-size: 0;
}

.mapa{
	display:block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top:-50px;
	padding:0;
}

#map-canvas {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
	margin: 0 0 0.2% 0;
	padding: 0px;
	
}

.proteccion-mapa-1{
	display:block;
	position:relative;
	width: 95%;
	height: 500px;
	margin-left: 5%;
	background-color:#3FF;
	opacity:.5;
	z-index: 9999999;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  politica cookies  ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


section.section-cookies{
	height: auto;
	min-height: 2900px;
	min-width: 100%;
	position: relative;
	/*background-color:#b5dac4;*/
	background-color:#FFF;
	text-align: center;
	font-size: 1em;
	color: #000 !important;
}

.comunicacion-entrada-cookies{
	display:block;
	position: absolute;
	float: left;
	background-color:rgba(0,0,0,0.75);
	border: 1px solid #FFF;
	width: 500px;
	left: 50%;
	height: 370px;
	top:50%;
	margin: -185px 0 0 -250px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	padding: 50px;
}

.titulo-cookies{
	font-family: 'Lato', sans-serif;
	font-size: 2em;
	color: #FFF;
	padding-top:25px;
}

.scrolldown{
	display: block;
	position: relative;
	float: left;
	width: 58px;
	height: 29px;
	margin: 50px 0 0 -29px;
	left: 50%;
}

.comunicacion-cookies{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	color:#000;
	width: 750px;
	height: auto;
	left: 50%;
	/*background-color: #6FC;*/
	margin: 180px 0 0 -375px;
}


.texto-c-2{
	margin-top: 25px;
	font-size:1em;
	line-height: 25px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////  formulario de acceso privado  //////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.fadebox {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:100000000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

.fadebox_error {
	/*display: none;*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;

	background-color: #000;
	z-index:100000000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

#contenido_login {
	height: 561px;
	width: 500px;
	display: block;
	position: relative;
	float: left;
	background-color: #FFF;
	border:1px solid #000;
}



.overbox {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 551px;
	height: 563px;
	margin-left:-250px;
	margin-top:-282px;
	z-index:100000001;
	overflow: auto;
}

.overbox_error {
	/*display: none;*/
	position: fixed;
	top: 50%;
	left: 50%;
	width: 551px;
	height: 563px;
	margin-left:-250px;
	margin-top:-282px;
	z-index:100000001;
	overflow: auto;
}

.cerrar-formulario{
	display: block;
	position: relative;
	float: left;
	width: 48px;
	height: 48px;
	margin:0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #000;
}

.formulario-acceso{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	margin: 64px 0 0 100px;
}

.boton-cerrar-fomulario{
	margin: 5px 0 0 5px;
}

.acceso-1, .acceso-2{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height: 70px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	padding-left: 55px;
	font-family: 'Lato', sans-serif;
}

.acceso-1{background-image:url("../material/icono-usuario-gris.png"); background-position: 10px 18px;}
.acceso-2{background-image:url("../material/icono-llave-gris.png"); background-position: 10px 18px;}

input{
	border: 1px solid #000;
}

button{border:none;}

.boton-acceso, .boton-acceso-datos-olvidados, .boton-datos-olvidados, .boton-datos-olvidados-2, .boton-error-conexion{
	display: block;
	position:relative;
	float: left;
	width: 300px;
	background-color: #000;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	border: 1px solid #000;
	cursor: pointer;
}

.boton-acceso, .boton-acceso-datos-olvidados, .boton-datos-olvidados{height: 70px; color:#FFF;}
.boton-datos-olvidados{margin: 25px 0 0 -150px; left:50%; text-align:center;padding-top:25px;}

.boton-datos-olvidados-2{margin: 25px 0 0 -150px; left:50%; text-align:center; padding-top:25px; height:45px; color:#FFFFFF !important;}
.boton-error-conexion{margin: 25px 0 0 -150px; left:50%; text-align:center; padding-top:25px; height:45px; color:#FFFFFF !important;}

.boton-acceso:hover, .boton-acceso-datos-olvidados:hover, .cerrar-formulario:hover, .boton-datos-olvidados:hover, .boton-datos-olvidados-2:hover,.boton-error-conexion:hover{
	background-color: #b5dac4;
	-webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////  datos olvidados  ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.bloque-datos-olvidados{
	display: block;
	position: relative;
	float: left;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 480px;
	margin: -240px 0 0 -200px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
}

.titulo-datos-olvidados{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	line-height: 25px;
	text-align: center;
}

.form-datos-olvidados{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	left: 50%;
	margin: 50px 0 0 -150px;
}

.formulario-datos-olvidados{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 40px 0 0 0;
}


.acceso-datos-olvidados{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	margin-bottom: 25px;
	/*padding-left: 10px;*/
	font-family: 'Lato', sans-serif;
	border: 1px solid #000;
	text-align: center;
}

.mensaje-estado-envio{
	text-align:center;
	color: #F30;
	font-size: 0.9em;
	line-height: 20px;
	display:block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: -5px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////// error conexión ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloque-error-conexion{
	display: block;
	position: relative;
	float: left;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 300px;
	margin: -150px 0 0 -200px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
}

.titulo-error-conexion{
	display: block;
	position: relative;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	line-height: 25px;
	text-align: center;
}

.sub-bloque-error-conexion{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	left: 50%;
	margin: 50px 0 0 -150px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////  zona privada  ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.wrapper-private{
	display:block;
	position: relative;
	float: left;
	margin: 50px 0 0 400px;
	font-family: 'Lato', sans-serif;
	color:#000;
	width: 900px;
	height: auto;
}

.bloque-private{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 50px 0;
	/*background-color: #093;*/
}

.linea-private, .linea-private-2, .linea-form{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	background-color: #000;
}

.linea-private{margin: 0 0 50px 0;height: 2px;}
.linea-private-2{margin: 50px 0 50px 0;height: 2px;}
.linea-form{margin: 5px 0 0 0;height: 1px;}

.bloque-plato{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 25px;
}

.plato, .precio, .plato-form{
	display: block;
	position: relative;
	float: left;
	height: auto;
	/*background-color: #F33;*/
}

.plato{width: 50%;margin: 25px 0 0 0;}
.precio{width: 100%; clear: both;margin: 50px 0 0 0;}
.plato-form{width:50%; margin: 25px 0 0 0}

.titulo-private{
	font-size: 1.5em;
}

.titulo-2-private{
	font-size: 1em;
	margin: 0 0 10px 0;
}

.ficha-plato, .ficha-plato-form{
	display: block;
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	/*background-color:#0066CC;*/
	border-top: 1px solid #000;
	margin: 10px 0 0 0;
}

.ficha-plato{width:80%;}
.ficha-plato-form{width:100%;}

.texto-private{
	font-size: 1em;
	margin-top: 25px;
	width: 500px;
	line-height: 25px;
}

.texto-private-2{
	display:block;
	position: relative;
	float: left;
	font-size: 1em;
	margin-top: 25px;
	width: 100%;
	height: auto;
	line-height: 25px;
}

.texto-2-private{
	font-size:1em;
	line-height: 30px;
}


.texto-plato, .texto-plato-form{
	font-size: 1em;
	margin: 10px 0 5px 0;
	padding: 15px 0 15px 3%;
	width: 97%;
	color:#999;
	background-color:#efefef;
	border: none;
}

/*.texto-plato-form{background-color:#efefef;}*/

.boton-ficha, .boton-ficha-2, .boton-ficha-precio-1, .boton-ficha-precio-2, .boton-modificar, .boton-modificar-usuario{
	display: block;
	position: relative;
	float: left;
	height: auto;
	background-color: #efefef;
	text-align: center;
	padding: 5px 0 5px 0;
	font-size: 1em;
	border: none;
}

.boton-ficha{margin: 5px 2% 0 0; width:   48%;}
.boton-ficha-2{margin: 5px 0 0 2%; width: 48%;}
.boton-ficha-precio-1{margin: 5px 0.65% 0 0; width: 49.35%;}
.boton-ficha-precio-2{margin: 5px 0 0 0.65%; width: 49.35%;}
.boton-modificar{margin: 5px 2% 0 0; width: 100%;}
.boton-modificar-usuario{margin:10px 0 0 0; width:100%;}

.plato-nuevo{
	display: block;
	position: relative;
	float: left;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 80%;
	height: auto;
	margin: 10px 0 0 0;
}

.boton-plato-nuevo{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: #efefef;
	border: none;
}

.ficha-precio{
	display: block;
	position: relative;
	float: left;
	width: 840px;
	height: auto;
	/*background-color:#0066CC;*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
}

.texto-precio-1, .texto-precio-2{
	font-size: 1em;
	margin: 5px 0 5px 0;
	width: 100%;
}

.texto-precio-1{color:#000;}
.texto-precio-2{color:#999;}

.subtexto-precio-1, .subtexto-precio-2, .subtexto-precio-3{
	width:100%;
	height: auto;
	display: block;
	position: relative;
	float: left;
	background-color: #efefef;
	padding: 5px 0 5px 0;
	color:#999;
}

.subtexto-precio-1{margin: 5px 0 5px 0;}
.subtexto-precio-2{margin: 15px 0 5px 0;}
.subtexto-precio-3{margin: 15px 0 5px 0;}
	

.ver-actualizacion{
	background-color:#b5dac4;
	padding: 15px;
	display:block;
	position: relative;
	float: left;
	margin-bottom: 25px;
}

.boton-password{
	display: block;
	position: relative;
	float: left;
	height: auto;
	background-color: #efefef;
	text-align: center;
	padding: 5px 0 5px 0;
	font-size: 0.8em;
	margin: 15px 2% 0 0;
	width: 15%;
}






/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////  spacers  ///////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.spacer.s2 {min-height: 200px;}
.spacer.s3 {min-height: 300px;}
.spacer.s4 {min-height: 400px;}
.spacer.s5 {min-height: 500px;}
.spacer.s6 {min-height: 600px;}
.spacer.s7 {min-height: 700px;}
.spacer.s8 {min-height: 800px;}
.spacer.s9 {min-height: 900px;}
.spacer.s10 {min-height: 1000px;}
.spacer.s_viewport {min-height: 100%;}

.horizontal .spacer {
	background-image: url("../img/example_bg_spacer_h.gif");
	margin-bottom: 0;
	min-height: initial;
	min-width: 100px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.horizontal .spacer.s0 {min-width: 1px;}
.horizontal .spacer.s1 {min-width: 100px;}
.horizontal .spacer.s2 {min-width: 200px;}
.horizontal .spacer.s3 {min-width: 300px;}
.horizontal .spacer.s4 {min-width: 400px;}
.horizontal .spacer.s5 {min-width: 500px;}
.horizontal .spacer.s6 {min-width: 600px;}
.horizontal .spacer.s7 {min-width: 700px;}
.horizontal .spacer.s8 {min-width: 800px;}
.horizontal .spacer.s9 {min-width: 900px;}
.horizontal .spacer.s10 {min-width: 1000px;}
.spacer.s_viewport {min-width: 100%;}



/*
	OTHER
*/
a.viewsource:after {
	content: " }";
}
a.viewsource:before {
	content: "{ ";
}

#parallaxContainer {
	width: 900px;
	height: 500px;
	top: 30px;
	position: relative;
}
#parallaxContainer .layer1 {
	height: 100%;
	text-align: center;
	background-image: url("../img/example_parallax_l1.gif");
}
#parallaxContainer .layer2 {
	background-image: url("../img/example_parallax_l2.png");
	position: absolute;
	height: 139px;
	width: 100%;
	bottom: 32px
}
#parallaxContainer .layer3 {
	background-image: url("../img/example_parallax_l3.gif");
	position: absolute;
	height: 32px;
	width: 100%;
	bottom: 0px;
}
#parallaxText {
	width: 0;
	height: 100%;
	margin: auto;
	position: relative;
}
#parallaxText .layer1, #parallaxText .layer2, #parallaxText .layer3 {
	position: absolute;
	font-size: 50px;
	line-height: 50px;
	margin-left: -150px;
	margin-top: -25px;
	width: 300px;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #133f71;
}
#parallaxText .layer1 {
	top: 48%;
}
#parallaxText .layer2 {
	top: 49%;
}
#parallaxText .layer3 a {
	display: block;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.dynamicContent #content {
	width: 480px;
	margin: auto;
	text-align: left;
}
.dynamicContent #content .box1 {
	margin: 10px;
}

.dynamicContent #loader {
	height: 0;
	overflow: hidden;
	line-height: 60px;
}
.dynamicContent #loader.active {
	height: 60px;
}
.dynamicContent #loader img {
	vertical-align: text-bottom;
}

#customactions {
	height: 160px;
	width: 170px;
	margin: auto;
	padding-top: 40px;
	text-align: left;
}
#customactions label {
	width: 100px;
	display: inline-block;
}
#customactions code {
	color: #3883d8;
}
#customactions a.viewsource {
	margin-top: 20px;
	display: block;
	text-align: center;
}
.demo.responsiveDuration {
	position: relative;
}
.responsiveDuration .box1 {
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -50px;
	margin-left: -50px;
}
#destroybox a {
	display: block;
	margin-top: 20px;
}
#destroybox a.disabled {
	color: #79b0ee;
}
#mobileadvanced {
	width: 150px;
	height: 150px;
}
#mobileadvanced p {
	margin-top: 50px;
}
#multiDirect {
	text-align: left;
}
#multiDirect .box1 {
	margin: 200px auto auto 200px;
}
#multiDirect .box1 p:first-child {
	margin-top: 20px;
}

.disablePointerEvents {
	pointer-events: none;
}
.disablePointerEvents a {
	pointer-events: auto;
}




/* -------------------------------------------------------------- RETINA (ANY SIZE) --------------------------------------------------------------------------- */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
}

@media only screen and (max-width : 3000px) {section.section3 {min-height:1350px;}section.section6 {min-height:991px;}}

@media only screen and (max-width : 2950px) {section.section3 {min-height:1325px;}section.section6 {min-height:974px;}}

@media only screen and (max-width : 2900px) {section.section3 {min-height:1300px;}section.section6 {min-height:958px;}}

@media only screen and (max-width : 2850px) {section.section3 {min-height:1275px;}section.section6 {min-height:941px;}}

@media only screen and (max-width : 2800px) {section.section3 {min-height:1250px;}section.section6 {min-height:925px;}}

@media only screen and (max-width : 2750px) {section.section3 {min-height:1225px;}section.section6 {min-height:908px;}}

@media only screen and (max-width : 2700px) {section.section3 {min-height:1200px;}section.section6 {min-height:892px;}}

@media only screen and (max-width : 2650px) {section.section3 {min-height:1175px;}section.section6 {min-height:875px;}}

@media only screen and (max-width : 2600px) {section.section3 {min-height:1150px;}section.section6 {min-height:859px;}}

@media only screen and (max-width : 2550px) {section.section3 {min-height:1125px;}section.section6 {min-height:842px;}}

@media only screen and (max-width : 2500px) {section.section3 {min-height:1100px;}section.section6 {min-height:826px;}}

@media only screen and (max-width : 2450px) {section.section3 {min-height:1075px;}section.section6 {min-height:809px;}}

@media only screen and (max-width : 2400px) {section.section3 {min-height:1050px;}section.section6 {min-height:793px;}}

@media only screen and (max-width : 2350px) {section.section3 {min-height:1025px;}section.section6 {min-height:776px;}}

@media only screen and (max-width : 2300px) {section.section3 {min-height:1000px;}section.section6 {min-height:760px;}}

@media only screen and (max-width : 2250px) {section.section3 {min-height:975px;}section.section6 {min-height:743px;}}

@media only screen and (max-width : 2200px) {section.section3 {min-height:950px;}section.section6 {min-height:727px;}}

@media only screen and (max-width : 2150px) {section.section3 {min-height:925px;}section.section6 {min-height:710px;}}

@media only screen and (max-width : 2000px) {section.section3 {min-height:900px;}section.section6 {min-height:661px;}}

@media only screen and (max-width : 1950px) {section.section3 {min-height:875px;}section.section6 {min-height:644px;}}

@media only screen and (max-width : 1900px) {section.section3 {min-height:850px;}section.section6 {min-height:628px;}}

@media only screen and (max-width : 1850px) {section.section3 {min-height:825px;}section.section6 {min-height:611px;}}

@media only screen and (max-width : 1800px) {section.section3 {min-height:800px;}section.section6 {min-height:595px;}}

@media only screen and (max-width : 1750px) {section.section3 {min-height:775px;}section.section6 {min-height:578px;}}

@media only screen and (max-width : 1700px) {section.section3 {min-height:750px;}section.section6 {min-height:562px;}}

@media only screen and (max-width : 1650px) {section.section3 {min-height:725px;}section.section6 {min-height:545px;}}

@media only screen and (max-width : 1600px) {section.section3 {min-height:700px;}section.section6 {min-height:529px;}}

@media only screen and (max-width : 1550px) {section.section3 {min-height:675px;}section.section6 {min-height:512px;}}

@media only screen and (max-width : 1500px) {section.section3 {min-height:650px;}section.section6 {min-height:495px;}}




/* ------------------------------------------------------------ (-1440 desk devices) -------------------------------------------------------------------------- */
@media only screen and (max-width : 1440px) {
	
	section.footer-page{min-height:600px;}
	.footer{ width:800px; margin:100px 0 0 -400px;}
	.footer-info{ margin: 50px 0 0 0;}
	.footer-info-block-1{width: 20%; margin-left:5%;}
	.footer-info-block-2{width: 29%;}
	.footer-info-block-3{width: 20%;}
	.footer-info-block-4{width: 20%; margin-left:5%;}
	.footer-link, .footer-menu{ font-size: 0.9em; line-height: 18px;}
	.footer-center-2{margin-top:50px;}
	.footer-center-3{margin-top:0px;}
	
	section.section3 {min-height:660px;}
	.fotos-muestra{margin-top:0px;}
	
	section.section6 {min-height:476px;}
	
	#header-screen-private{width: 25%;}
	#header-screen-private .logo-lactiu-private{margin: 25px 0 0 25px;}
	#header-screen-private .menu-screen-private{font-size: 0.8em; margin: 45px 0 0 25px;}
	#header-screen-private .linea{margin: 20px 0 0 25px; }
	#header-screen-private .cerrar-sesion{width: auto; font-size: 0.9em; margin: 20px 0 0 25px;}
	.wrapper-private{margin-left: 28.5%; width: 71.5%;}
	.linea-private, .linea-private-2{width:90%;}
	.ficha-precio{ width: 90%;}
	
			
}

@media only screen and (max-width : 1400px) {section.section3 {min-height:650px;}section.section6 {min-height:462px;}}
@media only screen and (max-width : 1350px) {section.section3 {min-height:625px;}section.section6 {min-height:446px;}}
@media only screen and (max-width : 1300px) {section.section3 {min-height:600px;}section.section6 {min-height:429px;}}
@media only screen and (max-width : 1250px) {section.section3 {min-height:575px;}section.section6 {min-height:413px;}}
@media only screen and (max-width : 1200px) {section.section3 {min-height:550px;}section.section6 {min-height:396px;}}
@media only screen and (max-width : 1150px) {section.section3 {min-height:525px;}section.section6 {min-height:380px;}}
@media only screen and (max-width : 1100px) {section.section3 {min-height:500px;}section.section6 {min-height:363px;}}
@media only screen and (max-width : 1050px) {section.section3 {min-height:475px;}section.section6 {min-height:347px;}}


/* ----------------------------------------------------------- (-1024 iPad horizontal) ------------------------------------------------------------------------ */
@media only screen and (max-width : 1024px) {
	
	
	#header-screen{	height:445px; width:200px; min-width:200px; top:0px; left:25px;}	
	#header{ top:35px; left:25px;}
	#header .logo-lactiu{ width:125px; height:76px;}
	#header .menu-1{ margin-top:40px; font-size:0.8em;}
	#header .principal{ margin-top:4px;}
	#header .menu-2{ font-size:0.8em;}
	#header .submenu-grande{ margin-top:20px;}
	#header .submenu-texto-grande{ margin-top:8px;}
	#header-saliente{ margin-left:-77px; margin-top:0px;}
	
	.homepage-menu.open .pushable{
		-webkit-transform:translateX(-224px);
		-ms-transform:translateX(-224px);
		transform:translateX(-224px);
	}
	.homepage-submenu{left:-225px;}
	.homepage-submenu .prueba{
		-webkit-transform:translateX(225px);
		-ms-transform:translateX(225px);
		transform:translateX(225px);
	}
	
	section.footer-page{min-height:550px;}
	.footer{ width:700px; margin:85px 0 0 -350px;}
	.footer-info{ margin: 50px 0 0 0;}
	.footer-info-block-1{width: 20%; margin-left:5%;}
	.footer-info-block-2{width: 29%;}
	.footer-info-block-3{width: 20%;}
	.footer-info-block-4{width: 20%; margin-left:5%;}
	.footer-link, .footer-menu{ font-size: 0.8em; line-height: 18px;}
	.footer-center-2{margin-top:50px;}
	.footer-center-3{margin-top:0px;}
	
	section.section2 {min-height: 650px;}
	.comunicacion{width:680px; margin:150px 0 0 -340px;}
	.texto{font-size:1.1em; margin-top:35px}
	
	section.section3 {min-height:475px;}

	section.section4 {min-height: 800px;}
	
	section.section5 {min-height: 1150px;}
	.comunicacion-2{width:680px; margin:25px 0 0 -340px;}
	.texto-2, .texto-3{font-size:1.1em;}
	.titulo-2{margin-top: 50px;}
	.titulo-3{margin-top: 25px;}
	
	section.section6 {min-height:338px;}
	
	section.section7 {min-height:900px;}
	

	.comunicacion-cookies{width:650px; margin:180px 0 0 -325px;}


}

@media only screen and (max-width : 1000px){section.section3 {min-height:475px;}section.section6 {min-height:330px;}}
@media only screen and (max-width : 950px) {section.section3 {min-height:450px;}section.section6 {min-height:314px;}}
@media only screen and (max-width : 900px) {section.section3 {min-height:425px;}section.section6 {min-height:297px;}}
@media only screen and (max-width : 850px) {section.section3 {min-height:400px;}section.section6 {min-height:281px;}}
@media only screen and (max-width : 800px) {section.section3 {min-height:375px;}section.section6 {min-height:264px;}}



/* ------------------------------------------------------------ (-780 iPad vertical) ------------------------------------------------------------------------- */
@media only screen and (max-width : 780px) {
	
	#header-screen, .header-screen, .header, #header-saliente{visibility:hidden; display:none;}
	#header-little-devices, #header-mobile{ display:block; visibility:visible;}
	
	.redes-sociales{right:35px;}
	.redes-sociales.close-redes .pushable{
		-webkit-transform:translateX(198px);
		-ms-transform:translateX(198px);
		transform:translateX(198px);
	}
	.logo-redes-sociales:hover{background-color: #000;}
	
	section.footer-page{min-height:450px;}
	.footer{ width:600px; margin:70px 0 0 -300px;}
	.footer-info{ margin: 35px 0 0 0;}
	.footer-info-block-1{width: 20%; margin-left:5%;}
	.footer-info-block-2{width: 29%;}
	.footer-info-block-3{width: 20%;}
	.footer-info-block-4{width: 20%; margin-left:5%;}
	.footer-link, .footer-menu{ font-size: 0.7em; line-height: 16px;}
	.footer-center-2{margin-top:35px;}
	.footer-center-3{margin-top:0px;}
	.acceso{display:none; visibility: hidden;}
	.acceso-mobile{display:block; visibility:visible;}

	section.section2 {min-height: 600px;}
	.comunicacion{width:550px; margin:130px 0 0 -275px;}
	.texto{font-size:1em; margin-top:35px}
	
	section.section3 {min-height:525px;}
	.muestra{display:none; visibility:hidden;}
	.muestra-780{display:block; visibility:visible;}
	
	section.section4 {min-height: 800px;}
	.boton-menu:hover{background-color: #000;}
	
	section.section41 {min-height: 650px;}
	
	section.section5 {min-height: 1100px;}
	.comunicacion-2{width:680px; margin:25px 0 0 -340px;}
	.texto-2, .texto-3{font-size:1em;}
	.titulo-2{margin-top: 35px;}
	.titulo-3{margin-top: 20px;}
	
	section.section6 {min-height:258px;}
	
	#header-screen-private{display:none; visibility: hidden;}
	.wrapper-private{margin-left: 10%; margin-top: 200px; width: 80%;}
	.linea-private, .linea-private-2{width:100%;}
	.ficha-plato, .plato-nuevo{width: 90%; margin-left:5%; margin-right:5%;}
	.plato-form{width:100%;}
	.ficha-precio{ width:95%; margin-left:2.5%; margin-right:2.5%;}
	.titulo-private{width:100%; text-align:center;}
	.titulo-2-private{margin-left:5%;}
	.texto-2-private{text-align:center;}
	.texto-private{width:100%; text-align: center;}
	.precio{margin-left:0;}
	.ver-actualizacion, .boton-password{width:29%; margin-left:33.33% ;text-align:center;}
	.boton-ficha-precio-1, .boton-ficha-precio-2{width:100%;}
	.subtexto-precio-1, .subtexto-precio-2, .subtexto-precio-3, .texto-plato{text-align:center;}

	.comunicacion-cookies{width:550px; margin:180px 0 0 -275px;}
	.texto-c-2{font-size:0.9em; line-height: 22px;}
	
}

@media only screen and (max-width : 750px) {section.section3 {min-height:500px;}section.section6 {min-height:248px;}}
@media only screen and (max-width : 700px) {section.section3 {min-height:475px;}section.section6 {min-height:231px;}}
@media only screen and (max-width : 650px) {section.section3 {min-height:450px;}section.section6 {min-height:215px;}}


/* --------------------------------------------------------------- (-640 iPhone) ------------------------------------------------------------------------------ */
@media only screen and (max-width : 640px){
	
	section.footer-page{min-height:450px;}
	.footer{ width:450px; margin:50px 0 0 -225px;}
	.footer-info{ margin: 35px 0 0 0; /*background-color:#3F6;*/}
	.footer-info-block-1{width: 20%; margin-left:5%; /*background-color:#C6C;*/}
	.footer-info-block-2{width: 20%;margin-left:3%; /*background-color:#C6C;*/}
	.footer-info-block-3{width: 20%;margin-left:5%; /*background-color:#C6C;*/}
	.footer-info-block-4{width: 22%; margin-left:5%; /*background-color:#C6C;*/}
	.footer-subtitle{font-size:0.8em;}
	.footer-link, .footer-menu{ font-size: 0.7em; line-height: 16px;}
	.footer-center-2{margin-top:35px;}
	.footer-center-3{margin-top:0px;}
	
	section.section2 {min-height: 550px;}
	.comunicacion{width:400px; margin:100px 0 0 -200px;}
	h1{font-size:1.3em}
	.texto{font-size:1em; margin-top:25px; line-height: 25px;}
	
	
	section.section3 {min-height:467px;}
	
	section.section4 {min-height:650px;}
	.boton-menu-2{width:152px; height:213px; margin-left:-75px;}
	.boton-menu-2 img{width:150px; height:211px;}
	
	section.section41 {min-height:600px;}
	
	section.section5 {min-height: 1000px;}
	.comunicacion-2{width:400px; margin:25px 0 0 -200px;}
	.texto-2, .texto-3{font-size:1em; line-height: 25px;}
	.titulo-2{margin-top: 35px; font-size:1.3em}
	.titulo-3{margin-top: 15px; font-size:1.3em}
	
	section.section6 {min-height:211px;}
	
	section.section7 {min-height:850px}
	
	#contenido_login {height:375px; width:300px;}
	.overbox, .overbox_error{width:351px; height:377px; margin-left:-150px; margin-top:-233px;}
	.formulario-acceso{width:250px; margin: 5px 0 0 25px;}
	.acceso-1, .acceso-2{width:250px; height:70px; margin-bottom:10px;}
	.boton-acceso, .boton-datos-olvidados, .boton-datos-olvidados-2{width: 250px;}
	.boton-datos-olvidados, .boton-datos-olvidados-2{margin:10px 0 0 -125px;}
	.bloque-datos-olvidados{width:350px; margin-left:-175px;}
	.form-datos-olvidados{width:250px; margin-left:-125px;}
	.titulo-datos-olvidados{font-size:1em; line-height:20px;}
	.boton-acceso-datos-olvidados{width:250px; margin: -15px 0 0 1px;}
	
	section.section-cookies{min-height:3000px}
	.comunicacion-cookies{width:420px; margin:100px 0 0 -210px;}
	.texto-c-2{font-size:0.8em; line-height: 20px;}
	
}

@media only screen and (max-width : 625px) {section.section3 {min-height:450px;}section.section6 {min-height:206px;}}
@media only screen and (max-width : 600px) {section.section3 {min-height:425px;}section.section6 {min-height:198px;}}
@media only screen and (max-width : 575px) {section.section3 {min-height:400px;}section.section6 {min-height:190px;}}
@media only screen and (max-width : 550px) {section.section3 {min-height:375px;}section.section6 {min-height:182px;}}
@media only screen and (max-width : 525px) {section.section3 {min-height:350px;}section.section6 {min-height:173px;}}
@media only screen and (max-width : 500px) {section.section3 {min-height:325px;}section.section6 {min-height:165px;}}



/* ------------------------------------------------------------ (-480 old smartphones) ------------------------------------------------------------------------ */
@media only screen and (max-width : 480px) {
	
	.redes-sociales{right:15px; bottom:15px;}
	.redes-sociales.close-redes .pushable{
		-webkit-transform:translateX(178px);
		-ms-transform:translateX(178px);
		transform:translateX(178px);
	}
	
	#header-little-devices{ height: 100px;}
	#header-mobile .logo{ width:74px; height:45px; margin:18px auto auto 18px;}
	#header-mobile .logo-lactiu{ width:100px; height:61px;}
	#header-mobile .menu{ width:25px; height:25px; left:50%; margin:37px 0 0 -10px;}
	#header-mobile #menu-button{ width:25px; height:25px;}
	/*#header-mobile .menu-2{ width:40%;}
	#header-mobile .submenu, #header-mobile .submenu-texto{ font-size:0.7em;}
	#header-mobile .submenu{ margin: 20px 18px 0 0;}
	#header-mobile .submenu-texto{ margin:5px 18px 0 0;}*/
	
	section.footer-page{min-height:575px; background-color:#FFF;}
	.footer{ width:300px; margin:30px 0 0 -150px;}
	.footer-info{ margin: 35px 0 0 10px;}
	.footer-info-block-1{width: 30%; margin-left:13%}
	.footer-info-block-2{width: 30%;margin:0 17% 0 9%;}
	.footer-info-block-3{width: 30%;margin:35px 0 0 13%;}
	.footer-info-block-4{width: 45%;margin: 35px 0 0 9%;}
	.footer-subtitle{font-size:0.8em;}
	.footer-link, .footer-menu{ font-size: 0.6em; line-height: 16px;}
	.footer-center-2{margin-top:35px;}
	.footer-center-3{margin-top:0px;}
	
	section.section2 {min-height: 575px;}
	.comunicacion{width:250px; margin:50px 0 0 -125px;}
	h1{font-size:1.2em}
	.texto{font-size:0.9em; margin-top:25px; line-height: 23px;}
	
	section.section3 {min-height:650px;}
	.muestra-780{display:none; visibility:hidden;}
	.muestra-480{display:block; visibility:visible;}
	
	section.section4 {min-height:600px;}
	
	section.section41 {min-height: 600px;}

	
	section.section5 {min-height: 975px;}
	.comunicacion-2{width:250px; margin:20px 0 0 -125px;}
	.texto-2, .texto-3{font-size:0.9em; line-height: 23px;}
	.titulo-2{margin-top: 25px; font-size:1.2em}
	.titulo-3{margin-top: 20px; font-size:1.2em}
	
	section.section6 {min-height:159px;}
	
	section.section7{min-height: 700px;}
	.mini-h1{width:36px; height: 36px; margin-left:-18px;}
	
	.wrapper-private{margin-top: 125px;}
	.plato{width: 100%;}
	.ficha-plato, .plato-nuevo{width: 100%; margin-left:0%; margin-right:0%;}
	.ficha-precio{ width:95%; margin-left:2.5%; margin-right:2.5%;}
	.titulo-private{width:100%; text-align:center;}
	.titulo-2-private{margin-left:5%;}
	.texto-private{width:100%; text-align: center;}
	.precio{margin-left:0; margin-top:25px;}
	.ver-actualizacion, .boton-password{width:90%; margin-left:0% ;text-align:center;}
	
	#contenido_login {height:360px; width:200px;}
	.overbox, .overbox_error{width:251px; height:364px; margin-left:-100px; margin-top:-233px;}
	.formulario-acceso{width:188px; margin: 5px 0 0 5px;}
	.acceso-1, .acceso-2{width:190px; margin-bottom:5px;}
	.boton-acceso{width: 190px;}
	.boton-datos-olvidados{width:190px; margin:5px 0 0 -95px; padding-top:15px; height:55px;}
	.boton-datos-olvidados-2{width:190px; margin:5px 0 0 -95px;}
	.bloque-datos-olvidados{width:250px; height: 380px; margin:-190px 0 0 -125px;}
	.form-datos-olvidados{width:190px; margin-left:-95px;}
	.titulo-datos-olvidados{font-size:0.8em; line-height:17px;}
	.boton-acceso-datos-olvidados{width:190px; margin: -20px 0 0 1px;}

	.bloque-error-conexion{width:250px; height:250px; margin:-125px 0 0 -125px;}
	.sub-bloque-error-conexion{width:180px; margin-left:-90px}
	.titulo-error-conexion{font-size:0.8em; line-height:17px;}
	.boton-error-conexion{width:180px; margin-left:-90px;}
	
	section.section-cookies{min-height:4300px}
	.comunicacion-cookies{width:250px; margin:50px 0 0 -125px;}
	.texto-c-2{font-size:0.8em; line-height: 20px;}
	
	.topbar{height:100px;}
	.topbar-avatar{vertical-align:middle;width:74px;height:45px;margin:1px 5px 2px 5px; margin:18px auto auto 18px;}
	.topbar-menu-button{margin:20px 0 0 -25px;}
	.menu-2{ width:150px; /*background-color:#333366;*/}
	.submenu, .submenu-texto{ font-size:0.8em; color:#000;}
	.submenu{ margin: 20px 18px 0 0;}
	.submenu-texto{ margin:5px 18px 0 0;}
	.topbar-menu{top:100px;}
	
}


@media only screen and (max-width : 450px) {section.section3 {min-height:600px;}section.section6 {min-height:149px;}}
@media only screen and (max-width : 425px) {section.section3 {min-height:575px;}section.section6 {min-height:140px;}}
@media only screen and (max-width : 400px) {section.section3 {min-height:550px;}section.section6 {min-height:132px;}}
@media only screen and (max-width : 375px) {section.section3 {min-height:525px;}section.section6 {min-height:124px;}}
@media only screen and (max-width : 350px) {section.section3 {min-height:500px;}section.section6 {min-height:116px;}}
@media only screen and (max-width : 325px) {section.section3 {min-height:475px;}section.section6 {min-height:107px;}}
@media only screen and (max-width : 300px) {section.section3 {min-height:450px;}section.section6 {min-height:99px;}}
@media only screen and (max-width : 275px) {section.section3 {min-height:425px;}section.section6 {min-height:91px;}}
@media only screen and (max-width : 250px) {section.section3 {min-height:400px;}section.section6 {min-height:83px;}}