html,
	body {
    margin:0;
    padding:0;
    height:100%;
    min-width: 1024px;
}

@font-face {
	font-family: 'conv_rock';
	src: url('fonts/rock.eot');
	src: url('../fonts/rock.woff') format('woff'), url('../fonts/rock.ttf') format('truetype'), url('../fonts/rock.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.clear{
    clear:both;
}

#container {
    min-height:100%;
    position:relative;
}
#body{
   
}
#header {
    margin:0;
    width:100%;
    height:60px;
    background-color: #fff;
    font-size:1em;
    text-align:right;
    font-family: arial;
    box-shadow: 0px -5px 35px 0px #444;
    padding-top:15px;
    position:relative;
    z-index:20;
}

#header img{

    float:left;
    width:25%;
    margin-left:35px;
    margin-top:-8px;
}

#header a {
    font-size:18px;
    color:#444444;
    text-decoration:none;
    padding:7px;
    
    
}

#header a:hover{
    width:300px;
    height:35px;
    color:#fff;  
    background-color: #cb6615; 
    padding:7px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
#nav{
    /*margin-top:20px;*/
    margin-right: 25px;
    float:right;
    margin-top:15px;
}

.menu{
    display:inline-block;
    text-align: center;  
    margin-left:25px;
}

/*HEADER SOCIAL*/
#bottom{ 
    float:right; 
    right: 0;
    display:inline-block;
    width:50px;
    height:100px;
    margin-top: 50px;
    position:absolute;
    z-index: 15;
}
.blah{
    margin-top:5px;
}

#some {
    width:50px;
    height:53px;
    background-image:url("../img/facebook.png");
    
    
}
#some:hover{
    background-image:url("../img/facebook2.png");
}

#twitter {
    width:50px;
    height:53px;
    background-image:url("../img/twitter.png");
    }
    
#twitter:hover{
    background-image:url("../img/twitter2.png");
}


/*HEADER SOCIAL*/

#banner_cont{
    width:950px;
    height:520px;
    margin:0 auto;
    padding:0;
    margin-top:50px;
    margin-bottom:50px;
}
#principal{  
    margin: 0 auto;
    padding: 0;
    text-align: center;
    
}


#banner{
    width:950px;
    height:200px; /*Quitar para probar*/
    margin: 0 auto;
    margin-top: 40px;
    position:relative;
    text-align:center;
    overflow:hidden;

}
.bannercover{
    width:200px;
    padding-top:400px;
    position:absolute;
    background-repeat: no-repeat; 
}
.change{
    font-family: 'oli';
    width:156px;
    color:#fff;
    font-size:25px;
    display:inline-block;
}

#uno{
    display:inline-block;
    left:0px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/5b.png');
}

#uno:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#dos{
    display:inline-block;
    left:250px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/urgentes.png');
}

#dos:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#tres{
    display:inline-block;
    left:500px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/regalos.png');
}

#tres:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#cuatro{
    display:inline-block;
    left:750px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/recoleccion.png');
}

#cuatro:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}


#banner2{
    width:950px;
    height:200px; /*Quitar para probar*/
    margin: 0 auto;
    margin-top:30px;
    position:relative;
    text-align:center;
    overflow:hidden;
}

#cinco{
    display:inline-block;
    left:0px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/323.png');
}

#cinco:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#seis{
    display:inline-block;
    left:250px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/empresariales.png');
}

#seis:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#siete{
    display:inline-block;
    left:500px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/mudanza.png');
}

#siete:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#ocho{
    display:inline-block;
    left:750px;
    background-position: 0 0px;
    -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
background-image:url('../img/especializados.png');
}

#ocho:hover{    
    background-position: 0 -200px;
     -webkit-transition: background-position .5s ease;
	   -moz-transition: background-position .5s ease;
	     -o-transition: background-position .5s ease;
	        transition: background-position .5s ease;
}

#linea{
    width:90%;
    height:2px;
    margin:0 auto;
    background-color:#e7c93f;
    margin-top:70px;
}

#body_map{
    /*width:1050px;
    height:250px; /*Quitar para probar*/
    margin: 0 auto;
    margin-top: 5px;
    position:relative;
    text-align:center; 
 
}


/*FOOTER*/
#footer{
    width:100%;
    height:100px;   
    background-color:#222222;
  /*  padding-top:15px;  */ 
}


#derechos{
    width:350px;
    font-family:arial;
    color:#fff;
    text-align:center;
    margin: 0 auto;
    padding:0;
    padding-top: 10px;
}

#derechos img{
   width:100%;
}

.firma {
    width: 105px;
    float: right;
    margin-top:-57px;
}

.firma img {
	opacity:0.4;
	filter: alpha(opacity=40);
	/* For IE8 and earlier */
}

.firma img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	/* For IE8 and earlier */
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}



.firma2 {
    width: 300px;
    float:left;
    margin-top: 5px;
	text-align: left; 
}
.firma2 img {
    width:10%;
    float:left;
}
.firma2 h4{
    font-family:arial;
    color:#fff;
    float:left;
    font-size:14px;
    margin-right: 90px;
    margin-top: 10px;
    margin-left:5px;
}

.firma2 h5{
    font-family:arial;
    color:#fff;
    float:left;
    font-size:14px;
    margin-left: 7px;
    margin-top: 5px;
}

.firma2 img{
    
    margin-left:15px;
    float:left;
}

	


/*FOOTER*/

/*BANNER*/
#banner_slider{
    width:1020px;
    height:325px;
    position:relative;
    margin: 0 auto;
    padding:0;
    top:6%;
  
}


	#wrapper {
				box-shadow: 0 0 20px #110;
				/*margin: -175px 0 0 -350px;*/
				overflow: hidden;
				position: absolute;
				/*top: 54%;
				left: 34%;*/
			}
			#images {
				width: 1020px;
				height: 280px;
			}
			#images img {
				display: block;
				float: left;
			}
		
			#captions .carousel > div {
				color: #fff;
				font-size: 22px;
				font-weight: bold;
				line-height: 52px;
				text-transform: uppercase;
				text-indent: 50px;
				width: 700px;
				height: 50px;
				float: left;
			}
			
			
			
/*BANNER*/

/*NOSOTROS*/
#contenedor_nosotros{
    width:100%;
    height: 800px;
    font-family:arial;
    text-align:justify; 
    position:relative;
    margin:0;
    padding:0;
    /*background-image: url('../img/background_map.jpg');
    background-repeat: repeat;
    background-size: cover;*/
}




#nos{
    width:80%; 
    height:450px;
    margin: 0 auto;
    margin-top: 45px;
    
}
#nos h1{
    font-family: 'conv_rock';


}

#nos p{
    
    
}
.lista{
    font-size:18px;
    margin: 0;
	list-style-image: url(../img/rombo.gif);
}
/*NOSOTROS*/

/*SERVICIOS*/

#contenedor_servicios{
    width:100%;
    height: 840px;
    font-family:arial;
    text-align:justify; 
    position:relative;
    margin:0;
    padding:0;
}


#servicios_info{
    width:100%;
    margin: 0 auto;
    padding: 0;
    position:relative;
}

/*#servicios_info p{
    
    font-family:arial;
    font-size:22px;
    height:210px;
    margin-top: -20px;
}*/

#cuadro_izq{
    width: 1020px;
    height:650px;
    margin:0 auto; 
    padding:0;
    padding-bottom: 30px;
    position:relative;
}

#cuadro_izq h1{
    font-family: 'conv_rock';
    margin-top: 30px;
    text-align: left;
}

#cuadro_izq img{
    margin-left:25px;
}

#cuadritos{
    width:916px;
    margin:0 auto;
    padding:0px; 
}

#square{
        width:916px;
        height:150px;
              
}

#square_r{
        width:916px;
        height:150px;
        margin-top: 25px;       
}

#square_t{
        width:916px;
        height:150px;
        margin-top: 25px;       
}



#logos_abajo{
    width:916px;
    margin:0 auto;
    padding:0px;
    
}

#logos_abajo img{ 
    margin-top: 20px;
    margin-left:55px;
    
}



/*SERVICIOS*/
/*COBERTURA*/
#contenedor_cobertura{
    width:100%;
    height: 840px;
    font-family:arial;
    text-align:justify; 
    position:relative;
    margin:0;
    padding:0;
}


#cobertura{
    width:100%;
    height: 580px;
    margin: 0 auto;
    padding: 0;
}

#cobertura img{
    width:69%;
    float:left;
}

#cob{
    width:29%;
    height:auto;
    margin-top: 35px;
    float:left;
}

#cobertura h1{
    font-family: 'conv_rock';
    margin-left:10%;
    margin-top:3%;
}

#municipios{
    width:100%;
    height: auto;

}

#municipios h3{
    font-family: 'conv_rock';
    text-align: center;
    
}

.mun{
    
    background-color:  #fecc00;
    margin-top: -10px;
    padding:2px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}


/*COBERTURA*/

/*CONTACTO*/
#container_cont{   
    margin: 0 auto;
    padding: 0;
    width:100%;
    height: 719px;
    position:relative;
    
}
#container_cont img{
    width:50%;
    height:auto;
    float:left;
    margin-top:10%;
}
#cuerpo_contact{
    width:42%;
    height:360px;
    margin: 0 auto;
    position:relative;
    font-family: 'conv_rock';
    margin-top: 12%;
    right:5%;
    margin-left:-40%;
    position:absolute;
    background-color:  #fecc00;
    float:left;            
}
#contactinfo {
    width:35%;
    height:auto;
    margin-top: 135px;
    font-family: 'conv_rock';
    font-size:14px;
    margin-left:4%;  
    float:left;
}
#contactinfo img{
    width:15%;
}

#contactinfo p{
    font-size:1.0em;
    font-weight: bold;
    margin-top: -15px;
}

#contactinfo p span{
    font-size:28px;
    font-weight: bold;
    margin-top: -15px;
}

#contacto_forma {
    top: 30px;  
}


/**/
.contact{
    width:49%;
    height:auto;
    float:left;
    margin-left:5%;
    margin-top:22px;
    font-family: 'conv_rock';
    
}

.contact input[type=text], input[type=email] {
    width:100%;
	height:18px;
    font-family: 'conv_rock';
	padding:5px 8px;
	font-size:14px;
	color:#000;
    right:0;
	background-color:#fff;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}

.contact input[type=text]:hover, select:hover{
    background-color:#f1f1f1;
	opacity:0.7;
}


.contact textarea{
    width:100%;
	height:70px;
   
    margin-left:0px;
	padding:5px 8px;
	margin-bottom:10px;
	font-size:16px;
	color:#000;
	background-color:#fff;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s; 
}

.contact input[type="submit"]{
    padding:0 1px;
	font-weight:bold;
	line-height:1;
	color:#444;
	border:none;
	text-shadow:0 1px 1px rgba(255,255,255,0.85);
	background-color:#fff;
	/*border-radius*/
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	border-radius:23px;
	/*box-shadow*/
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c3c3c3),to(#fff));
	background-image:-moz-linear-gradient(0% 100% 90deg,#fff,#c3c3c3);
    
}
.contact input[type="submit"]:hover{
    color:#eae4ff;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,0.85);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#c3c3c3));
	background-image:-moz-linear-gradient(0% 100% 90deg,#c3c3c3,#fff);
	background-color:#fff;   
}
/*CONTACTO*/