* { 		/* Selector Universal*/
	color: black;
	margin: 0;
	padding: 0;
	font-size: 16px;
}


body {
	background-image: url("../images/noisy.png");
	font-family: Arial, "Times New Roman", Sans-serif, Helvetica;
	color: #fff;
	line-height: 28px;
	text-align: center;
    background-color: black;
}

.redes{
	width: 100%;
	margin: auto;
	padding: 20px;
}
/*
header .redes .red{
	font-size: 3em;
}*/

.redes a{
	padding: 10px;
}


.redes a img{
	width: 35px;
	opacity: .6;
}

.redes a img:hover{
	opacity: 1;
}

.navegador .logo img{
	width: 80%;
	padding: 20px;
	margin: auto;
}

.navegador .logodos img{
	width: 50%;
	padding: 5px;
	margin: auto;
}
	.navegador .logodos p{
		color: #525252;
		font-size: 0.7em;
	}

.number{
	padding: 20px;
	margin-bottom: 10px;
}

.number img{
	width: 30px;
}

.number img:hover{
	opacity: .7;
}

	.number a{
		background: #ffcf30;
		border-radius: 15px;
		padding: 25px;
		color: #63335e;
		font-size: 1.8em;
		font-weight: bolder;
		text-shadow: 1px 1px 0 #525252;
		text-decoration: none;
	}

	.number a:hover{
		color: #c489e6;

	}


header {
	width: 100%;
	background: #f2f2f2;
	text-align: center;
	padding: 0px;
}


.contenedor{
width: 100%;
margin: auto;
}


/* ------------  SEC 1 */

.contenedor .sec1{
background: #3f5874;
padding: 10px;
}

.contenedor .sec1 h1 {
	color: #fff;
	font-size: 1.5em;
	padding-top: 25px;
}

.contenedor .sec1 h2 {
	font-size: 1.2em;
	color: #95d5ed;
}

.contenedor .sec1 p{
	margin-top: 50px;
	padding: 20px;
	font-size: 1.2em;
	color: #f2f2f2;
}

.contenedor .sec1 span{
	font-size: 1.2em;
	color: #f2f2f2;
	font-weight: bold;
	text-decoration: underline; 
}


/* ------------  SEC 2 */

.sec2 {
	background: #fff;
	text-align: center;
	padding: 20px 10px 20px 10px;
}

.sec2 .freeMet {
	padding: 20px;
	color: #FD151B;
	text-shadow: 1px 2px 2px #000;
	font-size: 2.5em;
	font-weight: bolder;
  	animation-duration: 4s;
  	animation-iteration-count: infinite;
}

.sec2 .save {
	color: #525252;
	padding: 20px;
	font-size: 1.5em;
	text-align: center;
}

.sec2 .save h2{
	color: #525252;
	font-size: 1.5em;
}

.sec2 .truck {
	padding: 25px;
}

.sec2 .truck img{
	width: 60%;
}

.sec2 .save p{
	padding: 10px;
	font-size: 1.2em;
	color: #525252;
}

.separator {
	padding: 20px;
	padding-top: 40px;
}

.separator img{
	width: 90%;
}

.infoDiv {
	text-align: center;
	background: #fff;
}

.info {
	padding: 10px;
	color: #525252;
	font-size: 1.2em;
	text-align: center;
	overflow: hidden;
	padding-top: 25px;
}

.info .infoCont p {
	font-size: 1.2em;
	color: #525252;
	padding: 5px;
	line-height: 30px;
}

.info .infoCont span {
	font-size: 1.2em;
	color: red;
}

.info .infoCont .number {
	margin-top: 40px;
	padding: 0;
}

/* ------------  SEC MAP*/

.mapa {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f2f2f2;
}

.mapa iframe{
	width: 100%;
	height: 100%;
}

/* ------------  SEC 3 */

.sec3 {
	text-align: center;
	padding: 10px;
	background-color: #f2f2f2;
}

.sec3 .sec3Title p{
	font-size: 1.5em;
	color: #525252;
	width: 90%;
	margin: auto;
	padding: 30px 0 30px 0;
}

.services {
	color: #525252;
	margin: auto;
	text-align: center;
	padding: 20px;
	overflow: hidden;
}

	.services img{
		width: 100px;
		opacity: 0.8;
	}

		.services img:hover{
		opacity: 1;
		transform: scale(1.2);
		transition: ease 1s;
	}

	.services h3{
		font-size: 1.2em;
		color: #525252;
		padding-top: 5px;
	}

.sec3Title2 .services3{
	overflow: hidden;	
}


.sec3Title2 .services3 img{
	width: 130px;
	opacity: .8;
}

.sec3Title2 .services3 img:hover{
	opacity: 1;
	transform: scale(1.2);
	transition: ease 1s;
}

.sec3Title2 .services3 h3{
	font-size: 1.2em;
	padding-top: 5px;
	color: #525252;
}

.sec3Title3{
	margin-top: 25px;
}

.sec3Title3 p{
	background: #dfdfdf;
	width: 100%;
	text-align: center;
	font-size: 2em;
	padding: 25px;
	color: #bc4646;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 20px;
}

footer{
	text-align: center;
	background: #1e2b38;
	padding:15px 0 5px 0;
	}

	footer .pie p{
	font-size: 0.8em;
	color: #dfdfdf;
	}

	footer .pie a{
		text-decoration: none;
		color: #f5f5f5;
		font-size: 1em;
	}

	.d{ 
	font-family: arial, sans-serif;
	color: #ff2a2a;
}



/*  ====================================================
	*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
	================== MEDIA QUERIES ===================
   	====================================================
   	*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
   	====================================================
   	*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
   	====================================================
   	*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
   	==================================================== */


@media only screen and (min-width: 576px){ /* real >= 430 */

.redes{
	text-align: center;
	width: 50%;
}

.redes a{
	margin: auto;
	padding: 0;
}


}


/*====================================================
  ==================================================== */
@media only screen and (min-width: 768px){ /*real >= 576 <= 1028*/

.number{
	padding: 40px;
}

.number img{
	width: 35px;
}


header {
	width: 100%;
	background: #f2f2f2;
	text-align: center;
	padding: 0px;
}


.redes{
	margin: auto;
	width: 50%;
	padding: 0;
}

.redes .columna{
	padding: 10px;
}

.redes a{
	padding: 20px;
	margin: 0;
}

.redes a img{
	width: 40px;
}


.contenedor{
width: 100%;
margin: auto;
}


/* ------------  SEC 1 */

.contenedor .sec1{
padding: 30px;
}

.contenedor .sec1 h1 {
	font-size: 1.2em;
	padding-top: 20px;
}

.contenedor .sec1 h2 {
	font-size: 1.2em;
	color: #95d5ed;
}

.contenedor .sec1 p{
	margin: auto;
	padding: 40px;
	font-size: .9em;
	width: 70%;
}

.contenedor .sec1 span{
	font-size: 1em;
}

.sec2 .freeMet {
	padding: 40px;
	font-size: 2em;
}



.sec2 .save {
	padding: 40px;
	font-size: 1.2em;
}

.sec2 .save h2{
	color: #525252;
	font-size: 1.5em;
}

.sec2 .truck img{
	width: 40%;
}

.sec2 .save p{
	padding: 10px 50px 10px 50px;
	font-size: 1em;
}

.separator {
	padding: 20px;
}

.separator img{
	width: 50%;
}

.info {
	font-size: 1em;
}


.info .infoCont p {
	font-size: 1em;
	line-height: 28px;
}

.info .infoCont span {
	font-size: 1em;
}

.sec3 .sec3Title p{
	font-size: 1.2em;
	width: 80%;
}

	.services img{
		width: 180px;
	}


	.services h3{
		font-size: 1em;
	}


.sec3Title2 .services3 img{
	width: 220px;
}

.sec3Title2 .services3 h3{
	font-size: 1em;
	color: #525252;
}

.sec3Title3 p{
	font-size: 1.1em;
}


footer{
	text-align: center;
	background: #1e2b38;
	padding:15px 0 5px 0;
	}

	footer .pie p{
	font-size: 0.8em;
	color: #dfdfdf;
	}

	footer .pie a{
		text-decoration: none;
		color: #f5f5f5;
		font-size: 1em;
	}

	.d{ 
	font-family: arial, sans-serif;
	color: #ff2a2a;
}


}



 /*====================================================
   ==================================================== */
@media only screen and (min-width: 992px){ /* real >= 742 <= */


.redes{
	width: 40%;
	padding: 20px;
}


.redes a img{
	width: 25px;
}




header .cabezote .number{
	padding: 30px 0 0 0;
}

header .cabezote .number a{	
	padding: 20px;
}

 
.navegador .logo img{
	width: 90%;
}

.navegador .logodos img{
	width: 50%;
}

.contenedor .sec1 h2 {
	font-size: 1em;
	padding: 20px 100px 20px 100px;
}

.contenedor .sec1 p{
	margin-top: 40px;
	padding: 20px;
}

.sec2 .save {
	padding: 40px;
	font-size: 1.1em;
}

.sec2 .save h2{
	font-size: 1.2em;
}

.sec2 .truck img{
	width: 25%;
}

.sec2 .save p{
	padding: 20px 80px 10px 80px;
	font-size: 1em;
}

.separator img{
	width: 30%;
}

.info h2{
	font-size: 1.3em;
}

.info .infoCont span {
	font-size: 1em;
}

.sec3 .sec3Title p{
	font-size: 1.1em;
}

	.services img{
		width: 160px;
	}


.sec3Title2 .services3 img{
	width: 200px;
}



.sec3Title3 p{
	font-size: 1em;
	padding: 25px 50px 25px 50px;
}




}