@charset "utf-8";

@font-face{ 
	font-family:'UnvrCBL';
	src:url('../fuentes/Univers-LT-67-Condensed-Bold/Univers-LT-67-Condensed-Bold.eot'); /* IE9 Compat Modes */
	src:url('../fuentes/Univers-LT-67-Condensed-Bold/Univers-LT-67-Condensed-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fuentes/Univers-LT-67-Condensed-Bold/Univers-LT-67-Condensed-Bold.woff') format('woff'), /* Modern Browsers */
	url('../fuentes/Univers-LT-67-Condensed-Bold/Univers-LT-67-Condensed-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fuentes/Univers-LT-67-Condensed-Bold/Univers-LT-67-Condensed-Bold.svg#UnvrCBL') format('svg'); /* Legacy iOS */
}

@font-face{ 
	font-family:'UnvrCB';
	src:url('../fuentes/Univers-LT-65-Bold/Univers-LT-65-Bold.eot'); /* IE9 Compat Modes */
	src:url('../fuentes/Univers-LT-65-Bold/Univers-LT-65-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fuentes/Univers-LT-65-Bold/Univers-LT-65-Bold.woff') format('woff'), /* Modern Browsers */
	url('../fuentes/Univers-LT-65-Bold/Univers-LT-65-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fuentes/Univers-LT-65-Bold/Univers-LT-65-Bold.svg#UnvrCB') format('svg'); /* Legacy iOS */
}

@font-face{ 
	font-family:'UnvrC';
	src:url('../fuentes/Univers-LT-57-Condensed/Univers-LT-57-Condensed.eot'); /* IE9 Compat Modes */
	src:url('../fuentes/Univers-LT-57-Condensed/Univers-LT-57-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fuentes/Univers-LT-57-Condensed/Univers-LT-57-Condensed.woff') format('woff'), /* Modern Browsers */
	url('../fuentes/Univers-LT-57-Condensed/Univers-LT-57-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fuentes/Univers-LT-57-Condensed/Univers-LT-57-Condensed.svg#UnvrC') format('svg'); /* Legacy iOS */
}

@font-face{ 
	font-family:'UnvrCL';
	src:url('../fuentes/Univers-LT-47-Condensed-Light/Univers-LT-47-Condensed-Light.eot'); /* IE9 Compat Modes */
	src:url('../fuentes/Univers-LT-47-Condensed-Light/Univers-LT-47-Condensed-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fuentes/Univers-LT-47-Condensed-Light/Univers-LT-47-Condensed-Light.woff') format('woff'), /* Modern Browsers */
	url('../fuentes/Univers-LT-47-Condensed-Light/Univers-LT-47-Condensed-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fuentes/Univers-LT-47-Condensed-Light/Univers-LT-47-Condensed-Light.svg#UnvrCL') format('svg'); /* Legacy iOS */
}

.texto{
	font:12px UnvrC, sans-serif;
	color:rgb(146,142,136);
}

.textoB{
	font:12px UnvrCBL, sans-serif;
	color:rgb(146,142,136);
}

.galeria_adelante {
	display:block;
	background: url(../img/botones.png) no-repeat -200px 0px;
	width:40px;
	height:40px;
	cursor:pointer;
	-webkit-background-size: 280px 40px; 
	-moz-background-size: 280px 40px; 
	-o-background-size: 280px 40px; 
	background-size: 280px 40px;
	opacity:0.8;
	z-index:10;
}

.galeria_adelante:hover {
	opacity:1;
}

.galeria_atras {
	display:block;
	background: url(../img/botones.png) no-repeat -160px 0px;
	width:40px;
	height:40px;
	cursor:pointer;
	-webkit-background-size: 280px 40px; 
	-moz-background-size: 280px 40px; 
	-o-background-size: 280px 40px; 
	background-size: 280px 40px;
	opacity:0.8;
	z-index:10;
}

.galeria_atras:hover {
	opacity:1;
}

html, body,article, nav, h1, h2, h3, h4, h5, h6, ul, li, div, a{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
}

ul, li{
	list-style:none;
}

html, body, nav, header{
	width:100%;
}

html, body{
	display:block;
	height:100%;
	min-height:500px;
	max-width:100%;
	background:rgb(239,238,236);
}

/*GALERIA CONFIGURACION GENERAL EN TODAS LAS RESOLUCIONES*/

	.bxslider{
		position:relative;
		width:100%;
		height:100%;
		z-index:9;
	}

	.bxslider .caption{
		display:none;
		position:absolute;
		bottom:0;
		width:96%;
		background:rgba(0,0,0,0.8);
		padding:2%;
	}
	
	.bxslider .caption li{
		
	}
	
	.bxslider .caption li h3, .bxslider .caption li span {
		color:white;
	}

	.bxslider-bg-1{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_1.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	
	.bxslider-bg-2{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_2.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}	
	.bxslider-bg-3{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_3.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}	
	.bxslider-bg-4{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_4.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}	
	.bxslider-bg-5{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_5.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.bxslider-bg-6{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_6.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.bxslider-bg-7{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_7.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.bxslider-bg-8{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_8.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.bxslider-bg-9{
		width:100%;
		height:100%;
		background: url('../img/1280/galeria/planelectrico_galeria_9.jpg') no-repeat 0 0 ;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	

/*-------------1280PX---------------*/

@media all and (min-width: 1280px) {
	
	header{
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:block;
		width:100%;
		height:75px;
		margin:0;
		padding:0;
	}

	nav{
		display:block;
		background:rgb(48,53,56);
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	nav ul{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	nav ul li{
		display:inline-block;
		width:49%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	#logo{
		position:relative;
		display:block;
		height:100%;
		width:550px;
		background:url('../img/logo.png') no-repeat 0 center;
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%;
		margin:0;
		padding:0;
	}
	
	nav ul li a{
		position:relative;
		top:0px;
		color:rgb(224,218,208);
		cursor:pointer;
		float:right;
		width:25%;
		right:0px;
		height:100%;
		margin:0;
		padding:0;
	}

	nav ul li a img{
		position:relative;
		float:right;
		top:0%;
		height:100%;	
		vertical-align:top;
	}
	
	/*--------ARTICLE------------*/
	
	article{
		position:relative;
		padding:0;
		margin:0;
		height:100%;
		width:100%;
		background:rgb(242,240,233);
	}
	
	#skrollr-body{
		height:100%;
		width:100%;
	}
	
	#data-1{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_1.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-1-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_1_frase.png') no-repeat 80% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-2{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_2.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-2-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_2_frase.png') no-repeat 10% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-3{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_3.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-3-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_3_frase.png') no-repeat 10% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-4{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_4.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-4-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_4_frase.png') no-repeat 85% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-5{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_5.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-5-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_5_frase.png') no-repeat 10% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-8{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/1280/planelectrico_6.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-8-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_6_frase.png') no-repeat 85% 65%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}

	.down{
		position:absolute;
		background:url('../img/boton_down.png') no-repeat center 0px ;
		width:100%;
		height:32px;
		bottom:20px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.down:hover{
		opacity: 1;
	}
	
	.up{
		position:absolute;
		background:url('../img/boton_up.png') no-repeat center 0px;
		width:100%;
		height:32px;
		top:75px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.up:hover{
		opacity: 1;
	}
	
	#menu-ir{
		position:fixed;
		top:0;
		right:1%;
		display:block;
		width:24px;
		height:100%;	
	}
	
	#menu-ir ul{
		position:absolute;
		height:50%;
		top:25%;
		left:0;
		z-index:9998
	}
	
	#menu-ir ul li{
		position:relative;

		padding-top:10px;
	}
	
	.menu-ir-dot{	
		background: url('../img/botones.png') no-repeat -20px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}	
	
	.menu-ir-dot:hover{	
		background: url('../img/botones.png') no-repeat -120px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	.menu-ir-cross{	
		background: url('../img/botones.png') no-repeat 0 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	/*GALERIA*/
	
	#data-6{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background:rgb(239,238,236);
		overflow:hidden;
	}
	
	#galery-bg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url(../img/1280/server_bg.jpg) no-repeat 0 0;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		
	}

	
	#contenedor_galeria{
		position:relative;
		width:80%;
		height:55%;
		min-height:30%;
		left:10%;
		top:34%;
		z-index:9997;
		margin:0;
		padding:0;
	}
	
	
	#titulo_galeria{
		position:absolute;
		top:16.5%;
		display:block;
		background: url('../img/1280/Plan-electrico-template_1280-px_botones_textogaleria.png') no-repeat center;
		width:100%;
		height:100px;
		-webkit-background-size: 45%; 
		-moz-background-size: 45%; 
		-o-background-size: 45%; 
		background-size: 45%;
	}

	/*logos clientes*/
	
	#data-7{
		position:relative;
		width:100%;
		height:100%;
		background:rgb(239,238,236);
		top:0;
		left:0;
	}
	
	#titulo_nuestros_clientes{
		display:block;
		position:relative;
		top:105px;
		background: url('../img/1280/titulo_nuestros_clientes_1280.png') rgb(239,238,236) no-repeat center;
		width:100%;
		height:60px;
		-webkit-background-size: 50% auto; 
		-moz-background-size: 50% auto; 
		-o-background-size: 50% auto; 
		background-size: 50% auto;
		z-index:9998
		
	}
	
	#logos_nuestros_clientes{
		position:absolute;
		width:90%;
		left:5%;
		height:55%;
		top:34%;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		visibility:hidden;
	}
	
	#logos_nuestros_clientes ul{
		width:100%;
		list-style:none;
		text-align:center;
		visibility:visible;
	}
	
	#logos_nuestros_clientes ul li{
		display:inline-block;
		max-width:19%;
		min-width:110px;
		height:75px;
	}
	
	#logos_nuestros_clientes ul li a{
		display:inline-block;
		width:100%;
		height:100%;	
	}
	
	#logos_nuestros_clientes ul li a img{
		width:100%;
		opacity:0.5;
		transition:opacity 1s;
	}
	
	#logos_nuestros_clientes ul li a img:hover{
		opacity:1;
	}
	
/*-------------FOOTER---------------*/

	#footer{
		position:relative;
		width:100%;
		height:400px;
		display:block;
		background:rgb(242,240,233);
		margin:0;
	}
	
	#datos_personales{
		width:35%;
		float:left;
		padding:2%;
	}

	#datos_personales ul{
		list-style:none;
	}

	#datos_personales ul li{
		display:inline-block;
		width:45%;
		padding:10px;
	}
	
	.separador_vertical{
		position:absolute;
		left:36%;
		height:96%;
		width:50px;
		background: url('../img/separador_vertical.png') no-repeat center;
		-webkit-background-size: 60%; 
		-moz-background-size: 60%; 
		-o-background-size: 60%; 
		background-size: 60%;
	}
	
	.separador_horizontal{
		position:absolute;
		display:none;
	}

	#google_map{
		display:block;
		width:90%;
		height:200px;
	}
	
	#direccion_mapa_formulario{
		width:56%;
		float:right;
		margin:0;
		padding:2%;
	}

	#direccion_mapa_formulario ul{
		list-style:none;
	}
	
	#direccion_mapa_formulario ul li{
		display:inline-block;
		width:48%;
		padding:0;
		margin:0;
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div{
		padding-bottom:5px;
	}
	
	#direccion_mapa_formulario ul li div label{
		display:inline-block;
		width:20%;
		padding:5px 0; 
	}
	
	#direccion_mapa_formulario ul li div input[type=text]{
		display:inline-block;	
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;
		padding:5px;
		width:75%;
	}
	
	#direccion_mapa_formulario ul li div textarea{
		display:inline-block;
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;	
		padding:5px;
		width:75%;
		height:200px;
	}
	
	#form_consulta_label{
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div input[type=submit]{
		position:absolute;
		width:25%;
		left:70%;
		border:2px solid rgb(146,142,136);
		background:rgb(242,239,233);
		color:rgb(146,142,136);
	}
	
	#footer table tr td div input[type=submit]:hover{
		color:rgb(85,77, 66);
	}
}



/*-------------1024PX---------------*/

@media all and (min-width: 1024px) and (max-width: 1280px){
	
	header{
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:block;
		width:100%;
		height:75px;
		margin:0;
		padding:0;
	}

	nav{
		display:block;
		background:rgb(48,53,56);
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	nav ul{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	nav ul li{
		display:inline-block;
		width:49%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	#logo{
		position:relative;
		display:block;
		height:100%;
		width:500px;
		background:url('../img/logo.png') no-repeat 0 center;
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%;
		margin:0;
		padding:0;
	}
	
	nav ul li a{
		position:relative;
		top:0px;
		color:rgb(224,218,208);
		cursor:pointer;
		float:right;
		width:25%;
		right:0px;
		height:100%;
		margin:0;
		padding:0;
	}

	nav ul li a img{
		position:relative;
		float:right;
		top:0%;
		height:100%;	
		vertical-align:top;
	}
	
	/*--------ARTICLE------------*/
	
	article{
		position:relative;
		padding:0;
		margin:0;
		height:100%;
		width:100%;
	}
	
	#skrollr-body{
		height:100%;
		width:100%;
	}
	
	#data-1{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_1.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-1-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_1_frase.png') no-repeat 90%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-2{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_2.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-2-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_2_frase.png') no-repeat 10%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-3{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_3.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-3-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_3_frase.png') no-repeat 10%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-4{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_4.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-4-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_4_frase.png') no-repeat 90%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-5{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_5.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-5-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_5_frase.png') no-repeat 10%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-8{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_6.jpg') no-repeat center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-8-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/1280/planelectrico_6_frase.png') no-repeat 90%;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}

	.down{
		position:absolute;
		background:url('../img/boton_down.png') no-repeat center 0px ;
		width:100%;
		height:32px;
		bottom:10px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.down:hover{
		opacity: 1;
	}
	
	.up{
		position:absolute;
		background:url('../img/boton_up.png') no-repeat center 0px;
		width:100%;
		height:32px;
		top:70px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		margin:0;
		padding:0;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.up:hover{
		opacity: 1;
	}
	
	#menu-ir{
		position:fixed;
		top:0;
		right:1%;
		display:block;
		width:24px;
		height:100%;	
	}
	
	#menu-ir ul{
		position:absolute;
		height:50%;
		top:25%;
		left:0;
		z-index:9998
	}
	
	#menu-ir ul li{
		position:relative;

		padding-top:10px;
	}
	
	.menu-ir-dot{	
		background: url('../img/botones.png') no-repeat -20px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}	
	
	.menu-ir-dot:hover{	
		background: url('../img/botones.png') no-repeat -120px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	.menu-ir-cross{	
		background: url('../img/botones.png') no-repeat 0 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	/*GALERIA*/
	
	#data-6{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background:rgb(239,238,236);
		overflow:hidden;
		margin:0;
		padding:0;
	}
	
	#galery-bg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url(../img/1280/server_bg.jpg) no-repeat 0 0;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		
	}
	

	
	#contenedor_galeria{
		position:relative;
		width:80%;
		height:55%;
		min-height:30%;
		left:10%;
		top:34%;
		z-index:9997;
		margin:0;
	}
	
	
	#titulo_galeria{
		position:absolute;
		top:21.5%;
		display:block;
		background: url('../img/1280/Plan-electrico-template_1280-px_botones_textogaleria.png') no-repeat center;
		width:100%;
		height:50px;
		-webkit-background-size: 45%; 
		-moz-background-size: 45%; 
		-o-background-size: 45%; 
		background-size: 45%;
	}
	

	/*logos clientes*/
	
	#data-7{
		position:relative;
		width:100%;
		height:100%;
		background:rgb(239,238,236);
		top:0;
		left:0;
	}
	
	#titulo_nuestros_clientes{
		display:block;
		position:relative;
		top:110px;
		background: url('../img/1280/titulo_nuestros_clientes_1280.png') rgb(239,238,236) no-repeat center;
		width:100%;
		height:50px;
		-webkit-background-size: 60% auto; 
		-moz-background-size: 60% auto; 
		-o-background-size: 60% auto; 
		background-size: 60% auto;
		z-index:9;
	}
	
	#logos_nuestros_clientes{
		position:relative;
		width:90%;
		left:5%;
		height:55%;
		top:25%;
		overflow:auto;
		overflow-y:auto;
		visibility:hidden;
	}
	
	#logos_nuestros_clientes ul{
		width:100%;
		list-style:none;
		text-align:center;
		visibility: visible;
		text-align:center;
	}
	
	#logos_nuestros_clientes ul li{
		display:inline-block;
		max-width:19%;
		min-width:125px;
		height:75px;
	}
	
	#logos_nuestros_clientes ul li a{
		display:inline-block;
		width:100%;
		height:100%;	
	}
	
	#logos_nuestros_clientes ul li a img{
		width:100%;
		opacity:0.5;
		transition:opacity 1s;
	}
	
	#logos_nuestros_clientes ul li a img:hover{
		opacity:1;
	}
	
/*-------------FOOTER---------------*/


	#footer{
		position:relative;
		width:100%;
		display:block;
		height:400px;
		background:rgb(242,240,233);
		margin:0;
	}
	
	#datos_personales{
		width:35%;
		float:left;
		padding:2%;
	}

	#datos_personales ul{
		display:block;
		list-style:none;
		width:100%;
		height:100%;
		vertical-align:top;
	}

	#datos_personales ul li{
		display:inline-block;
		vertical-align:top;
		width:150px;
		padding:10px;
	}
	
	.separador_vertical{
		position:absolute;
		left:36%;
		height:96%;
		width:50px;
		background: url('../img/separador_vertical.png') no-repeat center;
		-webkit-background-size: 60%; 
		-moz-background-size: 60%; 
		-o-background-size: 60%; 
		background-size: 60%;
	}
	
	.separador_horizontal{
		position:absolute;
		display:none;
	}

	#google_map{
		display:block;
		width:90%;
		height:200px;
	}
	
	#direccion_mapa_formulario{
		width:56%;
		float:right;
		margin:0;
		padding:2%;
	}

	#direccion_mapa_formulario ul{
		list-style:none;
		vertical-align:top;
		width:100%;
	}
	
	#direccion_mapa_formulario ul li{
		display:inline-block;
		width:48%;
		padding:0;
		margin:0;
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div{
		padding-bottom:5px;
	}
	
	#direccion_mapa_formulario ul li div label{
		display:inline-block;
		width:20%;
		padding:5px ;		
	}
	
	#direccion_mapa_formulario ul li div input[type=text]{
		display:inline-block;	
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;
		padding:5px;
		width:75%;
	}
	
	#direccion_mapa_formulario ul li div textarea{
		display:inline-block;
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;	
		padding:5px;	
		width:75%;
		height:150px;
	}
	
	#form_consulta_label{
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div input[type=submit]{
		position:absolute;
		width:30%;
		left:45%;
		border:2px solid rgb(146,142,136);
		background:rgb(242,239,233);
		color:rgb(146,142,136);
	}
	
	#footer table tr td div input[type=submit]:hover{
		color:rgb(85,77, 66);
	}
}

/*-------------600PX---------------*/

@media all and (min-width: 600px) and (max-width: 1024px){
	
	header{
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		display:block;
		width:100%;
		height:75px;
		margin:0;
		padding:0;
	}

	nav{
		display:block;
		background:rgb(48,53,56);
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	nav ul{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	nav ul li{
		display:inline-block;
		width:49%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	#logo{
		position:relative;
		display:block;
		height:100%;
		width:400px;
		background:url('../img/logo.png') no-repeat 0 center;
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%;
		margin:0;
		padding:0;
	}
	
	nav ul li a{
		position:relative;
		top:0px;
		color:rgb(224,218,208);
		cursor:pointer;
		float:right;
		width:25%;
		right:0px;
		height:100%;
		margin:0;
		padding:0;
	}

	nav ul li a img{
		position:relative;
		float:right;
		top:0%;
		height:100%;	
		vertical-align:top;
	}
	
	
	/*--------ARTICLE------------*/
	
	article{
		position:relative;
		padding:0;
		margin:0;
		height:100%;
		width:100%;
	}
	
	#skrollr-body{
		height:100%;
		width:100%;
	}
	
	#data-1{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_1.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-1-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_1.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-2{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_2.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-2-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_2.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-3{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_3.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-3-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_3.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-4{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_4.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-4-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_4.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-5{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_5.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-5-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_5.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}
	
	#data-8{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/600/planelectrico_6009x_6.jpg') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-8-txt{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:url('../img/600/Plan-electrico-template_600-px_frases_6.png') no-repeat center;
		-webkit-background-size: auto; 
		-moz-background-size: auto; 
		-o-background-size: auto; 
		background-size: auto;
	}

	.down{
		position:absolute;
		background:url('../img/boton_down.png') no-repeat center 0px ;
		width:100%;
		height:32px;
		bottom:10px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.down:hover{
		opacity: 1;
	}
	
	.up{
		position:absolute;
		background:url('../img/boton_up.png') no-repeat center 0px;
		width:100%;
		height:32px;
		top:70px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		margin:0;
		padding:0;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.up:hover{
		opacity: 1;
	}
	
	#menu-ir{
		position:fixed;
		top:0;
		right:1%;
		display:block;
		width:24px;
		height:100%;	
	}
	
	#menu-ir ul{
		position:absolute;
		height:50%;
		top:25%;
		left:0;
		z-index:9998
	}
	
	#menu-ir ul li{
		position:relative;

		padding-top:10px;
	}
	
	.menu-ir-dot{	
		background: url('../img/botones.png') no-repeat -20px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}	
	
	.menu-ir-dot:hover{	
		background: url('../img/botones.png') no-repeat -120px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	.menu-ir-cross{	
		background: url('../img/botones.png') no-repeat 0 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	/*GALERIA*/
	
	#data-6{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background:rgb(239,238,236);
		overflow:hidden;
		margin:0;
		padding:0;
	}
	
	#galery-bg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url(../img/1280/server_bg.jpg) no-repeat 0 0;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		
	}
	

	
	#contenedor_galeria{
		position:relative;
		width:80%;
		height:55%;
		min-height:30%;
		left:10%;
		top:34%;
		z-index:9997;
		margin:0;
	}
	
	
	#titulo_galeria{
		position:absolute;
		top:21.5%;
		display:block;
		background: url('../img/1280/Plan-electrico-template_1280-px_botones_textogaleria.png') no-repeat center;
		width:100%;
		height:50px;
		-webkit-background-size: 45%; 
		-moz-background-size: 45%; 
		-o-background-size: 45%; 
		background-size: 45%;
	}

	/*logos clientes*/
	
	#data-7{
		position:relative;
		width:100%;
		height:100%;
		background:rgb(239,238,236);
		top:0;
		left:0;
	}
	
	#titulo_nuestros_clientes{
		display:block;
		position:relative;
		top:110px;
		background: url('../img/1280/titulo_nuestros_clientes_1280.png') rgb(239,238,236) no-repeat center;
		width:100%;
		height:50px;
		-webkit-background-size: 60% auto; 
		-moz-background-size: 60% auto; 
		-o-background-size: 60% auto; 
		background-size: 60% auto;
		z-index:9;
	}
	
	#logos_nuestros_clientes{
		position:relative;
		width:90%;
		left:5%;
		height:55%;
		top:25%;
		overflow:auto;
		overflow-y:auto;
		visibility:hidden;
	}
	
	#logos_nuestros_clientes ul{
		width:100%;
		list-style:none;
		text-align:center;
		visibility: visible;
		text-align:center;
	}
	
	
	#logos_nuestros_clientes ul li{
		display:inline-block;
		max-width:19%;
		min-width:125px;
		height:75px;
	}
	
	#logos_nuestros_clientes ul li a{
		display:inline-block;
		width:100%;
		height:100%;	
	}
	
	#logos_nuestros_clientes ul li a img{
		width:100%;
		opacity:0.5;
		transition:opacity 1s;
	}
	
	#logos_nuestros_clientes ul li a img:hover{
		opacity:1;
	}
	
/*-------------FOOTER---------------*/


	#footer{
		position:relative;
		width:100%;
		display:block;
		height:400px;
		background:rgb(242,240,233);
		margin:0;
	}
	
	#datos_personales{
		width:35%;
		float:left;
		padding:2%;
	}

	#datos_personales ul{
		display:block;
		list-style:none;
		width:100%;
		height:100%;
		vertical-align:top;
	}

	#datos_personales ul li{
		display:inline-block;
		vertical-align:top;
		width:150px;
		padding:10px;
	}
	
	.separador_vertical{
		position:absolute;
		left:36%;
		height:96%;
		width:50px;
		background: url('../img/separador_vertical.png') no-repeat center;
		-webkit-background-size: 60%; 
		-moz-background-size: 60%; 
		-o-background-size: 60%; 
		background-size: 60%;
	}
	
	.separador_horizontal{
		position:absolute;
		display:none;
	}

	#google_map{
		display:block;
		width:90%;
		height:200px;
	}
	
	#direccion_mapa_formulario{
		width:56%;
		float:right;
		margin:0;
		padding:2%;
	}

	#direccion_mapa_formulario ul{
		list-style:none;
		vertical-align:top;
		width:100%;
	}
	
	#direccion_mapa_formulario ul li{
		display:inline-block;
		width:48%;
		padding:0;
		margin:0;
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div{
		padding-bottom:5px;
	}
	
	#direccion_mapa_formulario ul li div label{
		display:inline-block;
		width:20%;
		padding:5px ;		
	}
	
	#direccion_mapa_formulario ul li div input[type=text]{
		display:inline-block;	
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;
		padding:5px;
		width:75%;
	}
	
	#direccion_mapa_formulario ul li div textarea{
		display:inline-block;
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;	
		padding:5px;	
		width:75%;
		height:150px;
	}
	
	#form_consulta_label{
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div input[type=submit]{
		position:absolute;
		width:30%;
		left:45%;
		border:2px solid rgb(146,142,136);
		background:rgb(242,239,233);
		color:rgb(146,142,136);
	}
	
	#footer table tr td div input[type=submit]:hover{
		color:rgb(85,77, 66);
	}
}

/*-------------240PX---------------*/

@media all and (min-width: 240px) and (max-width: 600px){
	
	header{
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		width:100%;
	}

	nav{
		display:block;
		background:rgb(48,53,56);

	}
	
	nav ul{
		display:block;
		width:100%;
	}
	nav ul li{
		position:inline;
		width:100%;
		text-align:center;
	}
	#logo{
		margin:0 auto;
		display:block;
		height:100px;
		width:240px;
		background:url('../img/240/logo-13.png') no-repeat center;
		-webkit-background-size: 80%; 
		-moz-background-size: 80%; 
		-o-background-size: 80%; 
		background-size: 80%;
		
	}
	nav ul li a{
		position:absolute;
		display:none;
		color:rgb(224,218,208);
		cursor:pointer;
	}

	nav ul li a img{
		width:80px;
		vertical-align:middle
	}
	
	/*--------ARTICLE------------*/
	
	article{
		position:relative;
		padding:0;
		margin:0;
		height:100%;
		width:100%;
	}
	
	#skrollr-body{
		height:100%;
		width:100%;
	}
	
	#data-1{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_1.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	
	#data-2{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_2.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	
	#data-3{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_3.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-4{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_4.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-5{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_5.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}
	
	#data-8{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url('../img/240/planelectrico_240_6.png') no-repeat center center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		overflow:hidden;
	}


	.down{
		position:absolute;
		background:url('../img/boton_down.png') no-repeat center 0px ;
		width:100%;
		height:32px;
		bottom:20px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:9999;
		display:none;
		opacity:0.5;
		-webkit-transition:opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}
	
	.down:hover{
		opacity: 1;
	}
	
	.up{
		position:absolute;
		background:url('../img/boton_up.png') no-repeat center 0px;
		width:100%;
		height:32px;
		top:100px;
		cursor:pointer;
		-webkit-background-size: 32px 32px; 
		-moz-background-size: 32px 32px; 
		-o-background-size: 32px 32px; 
		background-size: 32px 32px;
		z-index:2;
		display:none;
	}
	
	#menu-ir{
		position:absolute;
		top:0;
		right:1%;
		display:block;
		width:24px;
		height:100%;
		display:none;
	}
	
	#menu-ir ul{
		position:absolute;
		height:50%;
		top:25%;
		left:0;
		z-index:9998
	}
	
	#menu-ir ul li{
		position:relative;

		padding-top:10px;
	}
	
	.menu-ir-dot{	
		background: url('../img/botones.png') no-repeat -20px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}	
	
	.menu-ir-dot:hover{	
		background: url('../img/botones.png') no-repeat -120px 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	.menu-ir-cross{	
		background: url('../img/botones.png') no-repeat 0 0;
		width:20px;
		height:20px;
		cursor:pointer;
		-webkit-background-size: 140px 20px; 
		-moz-background-size: 140px 20px; 
		-o-background-size: 140px 20px; 
		background-size: 140px 20px;
	}
	
	/*GALERIA*/
	
	#data-6{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background:rgb(239,238,236);
		overflow:hidden;
	}
	
	#galery-bg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url(../img/1280/server_bg.jpg) no-repeat 0 0;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
		
	}
	

	
	#contenedor_galeria{
		position:relative;
		width:80%;
		height:60%;
		left:10%;
		top:15%;
		z-index:9997;
	}
	
	
	#titulo_galeria{
		position:relative;
		margin:0 auto;
		top:10%;
		display:block;
		background: url('../img/1280/Plan-electrico-template_1280-px_botones_textogaleria.png') no-repeat center;
		min-width:240px;
		max-width:600px;
		height:60px;
		-webkit-background-size: 80%; 
		-moz-background-size: 80%; 
		-o-background-size: 80%; 
		background-size: 80%;
		
	}

	/*logos clientes*/
	
	#data-7{
		position:relative;
		width:100%;
		height:100%;
		background:rgb(239,238,236);
		top:0;
		left:0;
	}
	
	#titulo_nuestros_clientes{
		display:block;
		position:relative;
		top:0%;
		background: url('../img/1280/titulo_nuestros_clientes_1280.png') no-repeat center;
		width:100%;
		height:100px;
		-webkit-background-size: 80% auto; 
		-moz-background-size: 80% auto; 
		-o-background-size: 80% auto; 
		background-size: 80% auto;
	}
	
	#logos_nuestros_clientes{
		position:absolute;
		width:80%;
		left:10%;
		max-height:60%;
		min-height:300px;
		top:25%;	
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		visibility: hidden;
	}
	
	#logos_nuestros_clientes ul{
		width:100%;
		list-style:none;
		text-align:center;
		visibility: visible;
	}
	
	#logos_nuestros_clientes ul li{
		display:inline-block;
		margin:0 auto;
		max-width:19%;
		min-width:120px;
		height:75px;
		text-align:center;
	}
	
	#logos_nuestros_clientes ul li a{
		display:inline-block;
		width:100%;
		height:100%;	
	}
	
	#logos_nuestros_clientes ul li a img{
		width:100%;
		opacity:0.5;
		transition:opacity 1s;
	}
	
	#logos_nuestros_clientes ul li a img:hover{
		opacity:1;
	}
	
/*-------------FOOTER---------------*/


	#footer{
		position:relative;
		width:90%;
		display:block;
		height:400px;
		background:rgb(242,240,233);
		margin:0;
		padding:5%;
	}
	
	#datos_personales{
		position:relative;
		left:10%;
		width:80%;
		padding:2%;
	}

	#datos_personales ul{
		list-style:none;
		text-align:center;
	}

	#datos_personales ul li{
		text-align:left;
	}
	
	.separador_vertical{
		position:absolute;
		display:none;
	}
	
	.separador_horizontal{
		position:relative;
		left:10%;
		width:80%;
		height:40px;
		background: url('../img/separador_horizontal.png') no-repeat center;
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%;
	}

	#google_map{
		display:block;
		width:90%;
		height:200px;
	}
	
	#direccion_mapa_formulario{
		position:relative;
		left:10%;
		width:80%;
		margin:0;
		padding:2%;
	}

	#direccion_mapa_formulario ul{
		list-style:none;
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li{
		display:block;
		width:100%;
		padding:0;
		margin:0;
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div{
		padding-bottom:5px;
	}
	
	#direccion_mapa_formulario ul li div label{
		display:inline-block;
		width:20%;
		padding:5px ;		
	}
	
	#direccion_mapa_formulario ul li div input[type=text]{
		display:inline-block;	
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;
		padding:5px;
		width:85%;
	}
	
	#direccion_mapa_formulario ul li div textarea{
		display:inline-block;
		background:rgb(146,142,136);
		color:rgb(242,239,233);
		border:none;	
		padding:5px;	
		width:85%;
		height:150px;
	}
	
	#form_consulta_label{
		vertical-align:top;
	}
	
	#direccion_mapa_formulario ul li div input[type=submit]{
		position:absolute;
		width:30%;
		left:50%;
		border:2px solid rgb(146,142,136);
		background:rgb(242,239,233);
		color:rgb(146,142,136);
	}
	
	#footer table tr td div input[type=submit]:hover{
		color:rgb(85,77, 66);
	}
}