@charset "utf-8";
body{
	background-color: rgba(31,27,32,1);
	margin: 0px;
	padding: 0px;
}




.lineaRoja{
	background-color: rgba(221,42,27,1);
	height: 5px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.datosCopete{
	text-align: center;
	margin-bottom: 5px;
}

.logo{
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
	}

.logo:hover{
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	
	}
	
img{
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
	}

img:hover{
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	
	}




.cuadro1{
	display: inline-block;
	text-align: center;
}

.cuadro2{
	display: inline-block;
	text-align: center;
}

.cuadro3{
	display: inline-block;
	width: 350px;
	vertical-align: top;
	margin-left: 70px;
}

.slide{
	text-align: center;
}

.slide .cuadro3 .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: rgba(255,255,255,1);
	margin-bottom: 3px;
}
.slide .cuadro3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgba(255,255,255,1);
	text-align: justify;
	margin-bottom: 10px;
	line-height: 18px;
}
.slide .cuadro3 .destacado {
	border: 2px dashed rgba(225,5,133,1);
	border-radius: 15px;
	font-size: 15px;
	color: rgba(255,255,255,1);
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}
.slide .cuadro3 .destacado .blanco {
	margin-bottom: 5px;
}
.slide .cuadro3 .destacado .naranja {
	color: rgba(251,186,0,1);
	margin-bottom: 5px;
}
.slide .cuadro3 .destacado .verde {
	color: rgba(199,211,10,1);
	margin-bottom: 5px;
}

.slide .cuadro3 .destacado .rosa {
	color: rgba(229,9,127,1);
	margin-bottom: 5px;
}
.slide .cuadro3 .destacado .celeste {
	color: rgba(162,217,247,1);
	margin-bottom: 5px;
}
.slide .cuadro3 .destacado .amarillo {
	color: rgba(255,255,0,1);
}


.menu {
	text-align: center;
}


.menu ul {
	list-style-type: none;
}
.menu ul .lin {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,1);
	padding-right: 15px;
}
.menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: rgba(255,255,255,1);
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.menu ul li a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

.menu ul li a:hover {
	color: rgba(221,42,27,1);
	
}
.textDestacado {
	font-family: 'Raleway', sans-serif;
	color: rgba(255,255,255,1);
	background-color: rgba(225,5,133,1);
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.diagonal img{
	height: auto;
	width: 100%;
}

#tecnicos {
	background-image: url(images/degradado.png);
	background-repeat: repeat-x;
	background-position: top;
}
#tecnicos .imagen {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-right: 5%;
}

#tecnicos .imagen img{
	width:100%;
	height:auto;

}
#tecnicos .texto {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	display: inline-block;
	width: 40%;
	
	text-align: justify;
	vertical-align: top;
}
#tecnicos .texto h2 {
	font-size: 35px;
	text-align: right;
}
#tecnicos .texto h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#tecnicos .texto h2 a:hover {
	color: rgba(229,9,127,1);
}



#cortados {
	background-image: url(images/diagonal2.png), url(images/degradado2.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 0px 50px, 0px 80px;
	margin-top: 40px;
	padding-top: 50px;
}


#cortados .imagen {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

#cortados .imagen img{
	width:100%;
	height:auto;

}
#cortados .texto {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	display: inline-block;
	width: 40%;
	text-align: justify;
	vertical-align: top;
	margin-left: 30px;
	padding-top: 70px;
	margin-right: 5%;
}
#cortados .texto h2 {
	font-size: 35px;
	text-align: left;
}
#cortados .texto h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#cortados .texto h2 a:hover {
	color: rgba(0,160,227,1);	
	
}


#transporte {
	background-image: url(images/fondo3.png);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	
}

#transporte h2 {
	font-size: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	margin-left: 30px;
	padding-top: 30px;
}
#transporte h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#transporte h2 a:hover {
	color: rgba(251,186,0,1);	
	
}



#transporte .imagen {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-left: 30px;
}

#transporte .imagen img{
	width:100%;
	height:auto;

}
#transporte .texto {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	display: inline-block;
	width: 40%;
	vertical-align: top;
	margin-top: 20px;
}
#transporte .texto img {
	float: left;
	margin-right: 30px;
	position: relative;
	margin-bottom: 60px;
	margin-top: 30px;
}
#transporte .texto ul  {
	font-size: 20px;
	list-style-type: none;
}





#medio {
	background-image: url(images/medio-ambiente.png);
	background-repeat: no-repeat;
	background-position: 0px 40px;		
}

#medio h2 {
	font-size: 35px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	margin-right: 30px;
	padding-top: 30px;
}
#medio h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#medio h2 a:hover {
	color: rgba(0,152,70,1);	
}



#medio .imagen {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-top: 100px;
	margin-bottom: 80px;
}

#medio .imagen img{
	width:100%;
	height:auto;

}
#medio .texto {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	display: inline-block;
	width: 35%;
	vertical-align: top;
	margin-top: 90px;
	margin-left: 30px;
	margin-right: 5%;
	text-align: justify;
}
#medio .texto img {
	float: left;
	margin-right: 30px;
	position: relative;
	margin-bottom: 60px;
	margin-top: 30px;
}
#medio .texto ul  {
	font-size: 20px;
	list-style-type: none;
}




#contacto  {
	text-align: center;	
}


#contacto h2 {
	font-size: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	margin-left: 30px;
	
}
#contacto h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#contacto h2 a:hover {
	color: rgba(225,5,133,1);
}




#contacto .columna1 {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
	margin-right: 30px;
}


#contacto .columna2 {
	display: inline-block;
	width: 870px;
	margin-left: -4px;
	vertical-align: middle;
}

@media screen and (max-width:912px){ 

.menu {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(51,51,51,1);
}


.menu ul {
	list-style-type: none;
	margin-left: -50px;
}
.menu ul .lin {
	
	border-right-style: none;
	
	padding-right: 0px;
}
.menu ul li {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
}
.menu ul li a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	font-size: 25px;
}

.menu ul li a:hover {
	color: rgba(221,42,27,1);
	
}

.datosPie{ display:none;}


}


@media screen and (max-width:740px){ 

.cycle-slideshow{ display:none;}

.cuadro3{
	display: inline-block;
	width: 90%;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}



#tecnicos {
	
	background-color: rgba(226,30,36,1);
}
#tecnicos .imagen {
	display: block;
	vertical-align: top;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


#tecnicos .texto {
	display: block;
	width: 90%;
	text-align: left;
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}




#cortados {
	background-color: rgba(226,30,36,1);
	background-image: url(images/diagonal2.png), url(images/degradado2.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 0px 50px, 0px 80px;
	margin-top: 40px;
	padding-top: 50px;
}


#cortados .imagen {
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


#cortados .texto {
	display: block;
	width: 90%;
	text-align: left;
	margin-left: auto;
	padding-top: 70px;
	margin-right: auto;
}



#transporte {
	background-color: rgba(226,30,36,1);
	
	
}



#transporte .imagen {
	display: block;
	vertical-align: top;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


#transporte .texto {
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	display: block;
	width: 90%;
	vertical-align: top;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#transporte .texto img {
	display:none;
}








#medio .imagen {
	display: block;
	vertical-align: top;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}


#medio .texto {
	display: block;
	width: 90%;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}



#contacto  {
	text-align: center;	
}


#contacto h2 {
	font-size: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	margin-left: 30px;
	
}
#contacto h2 a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}

#contacto h2 a:hover {
	color: rgba(225,5,133,1);
}




#contacto .columna1 {
	display: block;
	width: 90%;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}


#contacto .columna2 {
	display: block;
	width: 90%;
	margin-left: auto;
	vertical-align: middle;
	margin-right: auto;
}







}


@media screen and (max-width:432px){ 

.datosCopete img{
	height: auto;
	width: 100%;	
}

.textDestacado {
	font-size: 20px;
}





}