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

body {
	background-color:#FFF!important;
}

.header #logo_in{
	float: left;
	width: 82px;
	height: 73px;
	cursor: pointer;
	margin-top:12px;
	background-image: url(../imagenes/logoInterno_1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.header {
  height: 96px;
  position: fixed;
  top: 200;
  width: 100%;
  transition: all 0.1s;
}
.header-alt {
  height: 120px;
  background-color:#25215c;
  position: fixed;
  top: 200;
  width: 100%;
  transition: all 0.1s;
}
.header-alt #logo_in{
	float: left;
	width: 102px;
	height: 102px;
	cursor: pointer;
	margin-top:12px;
	background-image: url(../imagenes/logoInterno_2.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu { 					float: right;		}	
#in_cabecera #menu {		text-align: center;			}
#in_cabecera #menu ul {		margin-top:45px; padding-left:0px;		}
#in_cabecera #menu ul li {
	display: inline;
	margin-right:68px;
	text-transform: uppercase;
}
#in_cabecera #menu.pagina1 ul li a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.25s ease;
}

.header-alt #in_cabecera #menu.pagina1 ul li a {
	color: #ffc100;
}

.ancho1{
	width: 1000px;
	height:310px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-size: 17px;
	padding-top:85px;
}
.ancho2{
	width: 1000px;
	height:310px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-size: 17px;
	padding-top:85px;
}
.ancho2_{
	width: 1000px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-size: 17px;
	padding-top:47px;
}
.ancho2__{
	width: 1000px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-size: 17px;
	padding-top:45px;
}
.bloqueder {
	float: right;
	width:500px;
}
.bloqueizq {
	float:left;
	width:450px;
    text-align: justify;
	margin-left:35px;		
}

.paralax_solu_1 {
	background-image:url(../imagenes/solu_1.jpg);
/*	min-height: 750px;*/
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.paralax_solu_2 {
	background-image:url(../imagenes/solu_2.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_3 {
	background-image:url(../imagenes/solu_3.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_4 {
	background-image:url(../imagenes/solu_4.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_5 {
	background-image:url(../imagenes/solu_5.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_6 {
	background-image:url(../imagenes/solu_6.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_7 {
	background-image:url(../imagenes/solu_7.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_solu_8 {
	background-image:url(../imagenes/solu_8.jpg);
	min-height: 620px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}






	
.paralax_1 {
	background-image:url(../imagenes/img_parallax_001.jpg);
	min-height: 550px;
	/* Create the parallax scrolling effect */
  	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.paralax_2 {
	height:205px;
	background-image:url(../imagenes/img_parallax_002_.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.paralax_3 {
	background-image:url(../imagenes/img_parallax_002__.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:203px;
}
.paralax_4 {
	background-color:#32448e;
	height:197px;
	background-image:url(../imagenes/img_parallax_002.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.paralax_5 {
	height:800px;
	background-image:url(../imagenes/img_parallax_003.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.ancho1_{
	width: 1000px;
	height:350px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-size: 17px;
	padding-top:52px;
}

.ancho3{
	height:270px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-size: 17px;
	background-color:#047533;
}


.ancho3 .titulo{
	color:#ffffff!important;
	}
	
.ancho3 .bloquecentro{
	color:#ffffff!important;
	}
	
.titulo{
	color:#1c377e;
	font-size: 25px;
	}
.lineade4 {
	font-size: 12px;
	width: 600px;
	height:184px;
	margin:0 auto;
	color:#223263;

}
.lineade4_color {
	font-size: 12px;
	width: 660px;
	height:184px;
	margin:0 auto;
	color:#223263;

}
.cuadro{
	width:125px;
	float:left;
	margin-left:20px;
}
.cuadro_color{
	width:125px;
	float:left;
	margin-left:40px;
}
.lineade4 .cuadro a, .lineade4_color .cuadro_color a{
	color: #223263;
	text-decoration:none;
}

.lineade4 .cuadro a:hover, .lineade4_color .cuadro_color a:hover{
	font-weight:bold;
}

.bloquecentro {
	font-size: 20px;
	color:#1c377e;
	margin-left:60px;
	margin-right:60px;
}

.ancho4{
	height:590px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	font-size: 17px;
	background-color:#848484;
}
#pie {
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#008db8;
	color:#FFF;
	padding-top:5px;
	}
.itemmenu a{
	color:#FFF;
	text-decoration:none;
	padding-bottom:35px;
	display:block;
	width:250px;
	margin:0 auto;
	}
.itemmenu a:hover{
	color:#ffc102;
	}


	
.anchors{
/*	height:827px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	background-image:url(../imagenes/degrade.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.anchors .dentro{
	color:#000000;
	width:990px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.anchors .dentro .Tituloresiduos {
	color: #000000;
	font-size:26px;
}
.anchors .dentro ul li {
	margin-bottom:9px;
list-style-type: disc;
margin-left:5px;

}
.anchorsblanco{
	height:220px;	
}
.anchorsblanco .dentro{
	color:#a7a7a7;
	width:600px;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	padding-bottom: 30px;
}

.anchorsblanco .titu1 {
	color:#000;
	}

.contadere{
	float:right;
	width:360px;
	font-family:BebasNeue Regular;
	text-align:left;
	font-size:16px;
/*	font-family:MYRIADPRO-REGULAR;*/
	}
.contaizq{
	float:left;
	width:215px;
	text-align:right;
	padding-right:20px;
	}
.titu1{ font-size:40px; color:#000; 
font-weight:bold;
line-height:42px;
}
.titu2{ font-size:35px;	
font-weight:bold;
line-height:30px;

}
.titufoto{
	color:#FFF;
	-webkit-text-stroke: 1px #4d4d4d;
	font-size:70px;
	font-family:BebasNeue Regular;
	text-align:left;
	line-height:60px;
	margin-left:20px;
	padding-left:80px;
}
.contiene{
	padding-top:300px; 
	width:900px;
	margin:0 auto;
	}
.conderecha{
	float:right;
	width:500px;
	}
#map {
	width: 100%;
	height: 400px;
	margin-top:120px;
	z-index: 1;
}	
#formulario{
background-color:#ffffff; 
z-index:30;
width:500px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.3);
}
.tituformu{
		font-family:BebasNeue Regular;
		font-size:30px;
	}
#formudere{ float:right; width:230px;}
#formuizq{ float:left; width:230px;  
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #89919a;
  opacity: 1; /* Firefox */
  font-family:candara;
  font-size:20px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #89919a;
  font-family:candara;
  font-size:20px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 	color: #89919a;
	font-family:candara;
	font-size:20px;
}
input {
	height:30px;
	width:210px;
	font-family:candara;
	font-size:20px;
	color: #494949;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #009fdf;
	margin-bottom:30px;
	}
.respuesta {
	font-family:BebasNeue Regular;
	font-size:20px;
	color: #494949;

	}
textarea  {
	height:100px;
	width:445px;
	border:thin solid #009fdf;
    font-family:candara;
	font-size:20px;
 	color: #494949;
	}
.nombres {
	width:445px;
}
.enviar{
	width:250px;
	border:none;
	font-size:25px;
	background-color:#009fdf;
	color:#FFF;
	border-radius: 20px;
	height:45px;
	cursor:pointer;
}
#formulariores{
	font-family:candara;
  	font-size:20px;
	}
#gale {
	font-family:Arial, Helvetica, sans-serif;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
	.anchors .dentro {
		width: 380px!important;
		/*background-color: aqua;*/
	}
	.conderecha {
		width: 100%;
		float: none!important;
	}	
	.conderecha .titufoto{
		font-size: 40px;
		line-height: 50px;
		padding-left: 20px;
	}	
	.contiene{
		width: 100%;
	}
	.header-alt #logo_in{
		display: none;
	}
	#menu{
		float: none;
	}
	#in_cabecera #menu ul li{
		display: block;
	}
	#in_cabecera #menu ul {
		margin-top: 15px;
	}
	#cabecera_internas {
		font-size: 20px;
	}
	#in_cabecera {
    position: initial;
    left: 50%;
	}		
	#in_cabecera #menu ul li {
    /*argin-right: 68px;*/
	}	
	#in_cabecera {
	margin-left: auto;
		width: auto;
	}
	
}