header, section, footer, aside, nav, article, figure {
	display: block;
}

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

body{
	background-color: white;
}
.center{
	padding-left: 40%;
}

.right{
	float: right;
}

#linkedin{
	width:100px;
}

#linkedin img{
	width:100%;
}

#wrapper{
	width: 100%;
	float: left;
	display:block;
}

#mobile{
	display:none;
}

#header_menu{
	width: 90%;
	margin:0 auto;
}

#logo{
	float: left;
	width: 20%;
	margin-bottom: 1%;
}

#logo img{
	width: 100%;
}

#unete{
	
	float: right;
	width: 20%;
	margin-bottom: 1%;
}

#unete img{
	width: 100%;
}

#reanudamos a{
	text-decoration: none;
	font-family: arial;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #163670;	
}

#reanudamos a:hover{
	color: #c71c1b;		
}

@media screen and (min-width:1921px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 2%;
	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: .5%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: 1.5em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:1.2em;
	color: #163470;
	margin-top:.3%;
	float: right;	
}

	.active {
	font-size: 1.5em;
    color: #163470;
    
	}	

.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: 1em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1.2em;
	color: #163670;
	text-align: center;
	border: 1px solid red;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .8em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}


#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 60%;
	margin: 15% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.5em;
	line-height: 2em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 1.8em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}

#listado_productos li a{
	font-family: helvetica, arial;
	font-size: 1.5em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}

#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: 1em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}

.backg{
	background: #ccc;
	color: #fff;
	font-size: 1em;
}
}

@media screen and (min-width:1501px) and (max-width:1920px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: 1.2em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 2%;
	    width: 100%;
	    text-align: right;	    
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: 1.2em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:1em;
	color: #163470;
	margin-top:.3%;
	float: right;
}

	.active {
	font-size: 1.2em;
    color: #163470;
    
	}	

.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: 1em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1.2em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .8em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}



#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}
#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 70%;
	margin: 15% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.3em;
	line-height: 1.9em;
	text-align: justify;		
	float: left;
}


#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 1.6em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}

#listado_productos li a{
	font-family: helvetica, arial;
	font-size: 1.3em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}

#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;		
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;		
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: 1em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}

.backg{
	background: #ccc;
	color: #fff;
	font-size: 1em;
}
}


@media screen and (min-width:1300px) and (max-width: 1500px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: 1em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 2%;
	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: 1em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.9em;
	color: #163470;
	margin-top:.3%;
	float: right;
}	

	.active {
	font-size: 1em;
    color: #163470;
    
	}	

.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: 1em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1.2em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .8em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 30% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 1.4em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}

#listado_productos li a{
	font-family: helvetica, arial;
	font-size: 1em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}

#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}
#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: 1em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}

.backg{
	background: #ccc;
	color: #fff;
	font-size: 1em;
}
}

@media screen and (min-width:1125px) and (max-width:1301px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: 1em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 2%;
	    	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: 1em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.8em;
	color: #163470;
	margin-top:.3%;
	float: right;
}		
	
	.active {
	font-size: 1em;
    color: #163470;
    
	}
.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: 1em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1.2em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .8em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 19% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 1em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}

#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .9em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}
#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}
#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1.2em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: 1em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: 1em;
}
}

@media screen and (min-width:925px) and (max-width:1124px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: .9em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 2%;
	    	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: .9em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.7em;
	color: #163470;
	margin-top:.3%;
	float: right;
}			

	.active {
	font-size: .9em;
    color: #163470;
    
	}
.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: .9em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1.1em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .8em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .9em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .9em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 25% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .9em;
	line-height: 1.8em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: .9em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}

#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .8em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}
#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;	
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: .8em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: .8em;
}
}

@media screen and (min-width:725px) and (max-width:924px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: .8em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 1.5%;
	    	    width: 100%;
	    text-align: right;

	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: .8em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.6em;
	color: #163470;
	margin-top:.3%;
	float: right;
}			

	.active {
	font-size: .8em;
    color: #163470;
    
}	
.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: .8em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: 1em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .7em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;
	line-height: 1.6em;
	text-align: justify;		
	float: left;
}
#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;
	line-height: 1.6em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 25% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;
	line-height: 1.6em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: .8em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}



#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .7em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}
#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;	
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;	
	font-weight: bold;
}
#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: 1em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: .8em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: .8em;
}
}

@media screen and (min-width:551px) and (max-width:724px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: .7em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 1.5%;
	    	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 2%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: .7em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.6em;
	color: #163470;
	margin-top:.3%;
	float: right;
}

	.active {
	font-size: .7em;
    color: #163470;
    
}	
.texto{
	width: 26%;
	margin: 2% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: .7em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: .7em;
	color: #163670;
	text-align: center;
}
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .5em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 25% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;
	line-height: 1.5em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: .7em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}



#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .6em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}

#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;	
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;	
	font-weight: bold;
}
#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .8em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: .6em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: .6em;
}
}

@media screen and (min-width:421px) and (max-width:550px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: .6em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 1.5%;
	    	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 1.5%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: .6em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.5em;
	color: #163470;
	margin-top:.3%;
	float: right;
}	

	.active {
	font-size: .6em;
    color: #163470;
    
}	

.texto{
	width: 26%;
	margin: 4% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: .5em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: .5em;
	color: #163670;
	text-align: center;
}

#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .4em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .5em;
	line-height: 1.4em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .5em;
	line-height: 1.4em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 30% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .6em;
	line-height: 1.4em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: .7em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}



#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .5em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}
#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;	
	font-weight: bold;
}
#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: .5em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: .6em;
}
}

@media screen and (min-width:0px) and (max-width:420px){
	#menu{
		width: 80%;
		float: left;
		font-family: arial;
		font-size: .5em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul{
	    list-style-type: none;
	    margin-top: 1%;
	    	    width: 100%;
	    text-align: right;
	}

	#menu ul li{
		display: inline-block;
		margin-left: 1.5%;
	    margin-right: 1%;

	}

	#menu ul li a{
		text-decoration: none;
		font-family: arial;
		font-size: .5em;
		font-weight: bold;
		color: #585757;	
	}

	#menu ul li a:hover{
		color: #c71c1b;		
	}

#tels{
	font-size:.4em;
	color: #163470;
	margin-top:.3%;
	float: right;
}	

	.active {
	font-size: .5em;
    color: #163470;
    
}
.texto{
	width: 26%;
	margin: 4% 3%;
	float: left;	
}

.texto p{
	font-family: Helvetica;
	color: #7d7d7e;
	font-size: .4em;
	margin: 1%;
	padding:0 1%;
	text-align: justify;
}

.blue{
	margin-top: 1%;
	font-family: Helvetica;
	font-size: .4em;
	color: #163670;
	text-align: center;
}	
#footer{
	background-color: #dbdde2;
	font-family: Helvetica;
	font-size: .3em;
	color: #727070;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	float: left;	
}

#contenido_izq_empresa_texto h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;
	text-align: justify;		
	float: left;
	font-weight: bold;
	margin: 4% 3%;
}

#texto_izq_empresa{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .5em;
	line-height: 1.2em;
	text-align: justify;		
	float: left;
}

#caso{

	width:90%;
	margin: 0% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .5em;
	line-height: 1.2em;
	text-align: justify;		
	float: left;
}

#contenido_der_empresa img{
	width: 90%;
	margin: 40% 5%;
}

#texto_productos{
	width:95.4%;
	margin: 3% 3%;
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .5em;
	line-height: 1.2em;
	text-align: justify;		
	float: left;
}

#listado_productos h2{
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: .6em;
	padding: 2% 0%;
	text-align: center;
	color: #000;
}



#listado_productos li a{
	font-family: helvetica, arial;
	font-size: .4em;
	padding: .5% 1%;
	color: #636364;	
	text-decoration: none;
}
#zonas h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;	
	font-weight: bold;
}

#regiones_t h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;	
	font-weight: bold;
}

#caso h1{
	font-family: Helvetica, arial;
	color: #163670;
	font-size: .7em;
	text-align: justify;		
	font-weight: bold;
	margin: 4% 3%;
}
#caso h3{
	font-size: .5em;
	font-style: italic;
	color: #c50000;
	margin-bottom:2%;
}
.backg{
	background: #ccc;
	color: #fff;
	font-size: .5em;
}
}



#banner{
	width: 90%;
	margin: 0 auto;
}

#banner_empresa{
	width: 90%;
	margin: 0 auto;
}

#portada{
	width: 62.1%;
	float: left;
}

#portada img{
	width: 100%;
	height: auto;
}

#portada_texto{
	width: 37.9%;
	float: left;
}

#portada_texto img{
	width: 100%;
}

#contenido{
	width: 100%;
	float: left;
}

#contenido_izq{
	width: 62.1%;
	float: left;
	background:#f2f2f2;
}

#contenido_der{
	width: 37.9%;
	background: #e5e5e5;
	float:left;	
}

#botones{
	width: 100%;
	margin-top: -7%;
}



/*###################################    EMPRESA   ########################################################*/

#bgs_empresa{
	margin: 0 auto;
	width: 90%;
}

#bg_banner_empresa{
	width: 100%;
	height: 15px;
	float: left;
	background: url("../images/bg_banner_empresa.jpg");
	background-repeat: repeat-x;	
}

#contenido_empresa{
	margin: 0 auto;
	width:100%;
	background:#f2f2f2;
}

#contenido_izq_empresa{
	width: 81%;
	background:#f2f2f2;
	float: left;
}

#botones_empresa{
	width:100%;
	margin-top:-6.5%;
}

#contenido_izq_empresa_texto{
	width: 100%;
	float: left;
}



#contenido_der_empresa{
	width: 19%;
	background-repeat: no-repeat;
	float:right;
}



#empresa_portada_texto{
	width: 37.9%;
	float: left;
}

#empresa_portada_texto img{
	width: 100%;
}

.social{
	width: 3%;
	height: 3%;
	float: right;
	margin-left:2%;
}


#fb, #tw, #yt, #in img{
	max-width: 100%;
	max-height: 100%;
}

#fb, #tw, #yt, #in img:hover{

	background-repeat: no-repeat;
}


/*##################################  PRODUCTOS  ###############################################*/

#productos_portada_texto{
	width: 37.9%;
	float: left;
}

#productos_portada_texto img{
	width: 100%;
}

#contenido_productos{
	width: 100%;
	margin:0 auto;
	background:#f2f2f2;
	float: left;
}

#botones_productos{
	width:81%;
	margin-top:-6.5%;
}

#listado_productos{
	margin-top:4%;
	margin-left: 3%;
	width: 23.6%;
	background:#dcdcdc;
	height:auto;
	float:left;
}

#listado_productos ul{
	text-align: left;
}

#listado_productos li{
	text-align: left;
	margin: 1% 1%;
}

#desplegado_productos{
	margin-top:3%;
	margin-left: 2%;
	width: 70%;
	height:auto;
	float: left;
}

#desplegado_productos img{
	width: 100%;
}


/*##################################  SERVICIOS  ###############################################*/

#servicios_portada_texto{
	width: 37.9%;
	float: left;
}

#servicios_portada_texto img{
	width: 100%;
}

#contenido_izq_servicios{
	width: 81%;
	background:#f2f2f2;
	float: left;
}

#botones_servicios{
	width:81%;
	margin-top:-6.5%;
}


/*###################################  PLANTAS  ##################################################*/

#contenido_izq_plantas{
	width: 100%;
	background:#f2f2f2;
	float: left;
}

#plantas_portada_texto{
	width: 37.9%;
	float: left;
}

#plantas_portada_texto img{
	width: 100%;
}

#zonas{
	width: 50%;
	height: auto;
	float: left;
	margin-top:3%;
	margin-left:5%;	
}

#regiones{
	width: 50%;
	float: left;
	margin-top:3%;
	margin-left:5%;	
}

#regiones_t{
	width: 50%;
	float: left;
	margin-top:3%;
	margin-left:5%;
	
}

#mapa_t{
	width: 100%;
	float: left;
	min-height: 200px;
	height: auto;
}

iframe{
	float: left;
	width: 100%;
}

/*#####################################   CALIDAD   ###################################################*/

#calidad_portada_texto{
	width: 37.9%;
	float: left;
}

#calidad_portada_texto img{
	width: 100%;
}

#contenido_izq_calidad{
	width: 100%;
	background:#f2f2f2;
	float: left;
}

/*##################################  CASOS  ###############################################*/

#caso img{
	width: 40%;
}

#caso span{
	font-style: italic;
	float: right;
}

#contenido_izq_casos{
	width: 100%;
	background:#f2f2f2;
	float: left;
}

/*##################################  CONTACTO  ###############################################*/

#contacto_portada_texto{
	width: 37.9%;
	float: left;
}

#contacto_portada_texto img{
	width: 100%;
}



#contenido_empresa label{
	font-size: 1em;
	color: #163470;
	text-shadow: 0px 0px #000;
}

#contenido_empresa form h3{
	color: #fff;
	text-shadow: none !important;	
}

#contenido_casos label{
	font-size: 1em;
	color: #163470;
	text-shadow: none !important;
}

#contenido_casos form h3{
	color: #fff;
	text-shadow: none !important;	
}

#contenido_casos .active{
	text-shadow: none !important;
}

#footer a{
	color: #022;
}

#footer a:hover{
	color: #000;
}