body {
		padding: 0;
		margin: 0;
	}


.contenedor {
    width: 1450px;
    height: 110px;
    margin: 0 0 0 auto;
}


#footer {
    background: url(fondo_footer.jpg) top right;
    background-size: cover;
    display: block;
    font-family: 'Open Sans', sans-serif;
  
}

#logo {
	padding: 25px 40px 25px 0px;
	width: 18%;
	float: left;
}


#logo img{
	width: 100%;	
}


#direccion {
	padding: 0px 0 0 0;
	width: 55%;
	float: left;
}

#frase {
   
   float: left;
   width: 16%;
   padding: 25px 0;
   margin: 0 0 0 25px;
  
}

.flechitas {
	float: left;
	padding: 0;
	top: 0;
}

.texto {
	
    float: left;
    padding: 30px 0 0 20px;
    line-height: 2.1;
    font-size: 14px;
    color: #575756;
    font-weight: 600;

}
p {
	padding: 0;
	margin: 0;
}

H4 {
padding: 0;
	margin: 0;
	font-size:18px;
}

.base {
    background: #e74e0fa8;
    color: #fff;
    padding: 10px;
    font-size: 13px;
}




@media (min-width:320px) and (max-width:767px) {


.contenedor {
    width: auto;
    height: 110px;
}


#footer {
    background: url(bg.jpg) right;
    background-size: cover;
    height:230px;
}


#logo {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0;  
}

#logo img {
    margin: 0 auto;
    display: block;
    width: 60%;
}


#direccion {
	width: 100%;
}

#direccion img{
	display: none;
}

#frase {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin: 0;
}


.base {
    margin: 0 25px;
}


.texto {
    float: left;
    padding: 15px 0 0;
    line-height:1.9;
    width: 100%;
    text-align: center;
}





}
  

@media (min-width:768px) and (max-width:991px) {



.contenedor {
    width: 730px;
    margin: 0 auto ;
    height: 90px;
}

#footer {
    background: url(bg.jpg) right;
    background-size: cover;
    height: 90px!important;
}

#logo {
    padding: 20px 25px 25px 0px;
    width: 24%;
}

#logo img {
	width: 100%;
}

#direccion {
    width: 40%;
}

#direccion img {
    width: 68%;
    margin: 0;
    padding: 0;
}


#frase {
    width: 29%;
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
}

.base {
    background: #e74e0fa8;
    color: #fff;
    padding: 10px;
    margin: 0 10px;
    font-size: 11px;
}


.texto {
    float: left;
    padding: 19px 0 0;
    line-height: 1.9;
    font-size: 12px;
    color: #575756;
    font-weight: 600;
}



H4 {
padding: 0;
	margin: 0;
	font-size: 14px;
}
  
}

@media (min-width:992px) and (max-width:1200px) {

	.contenedor {
    width: 980px;
    margin: 0 auto;
}

	#footer {
    background: url(bg.jpg) right;
    background-size: cover;
    height: 90px!important;
}

#logo {
    padding: 20px 25px 25px 0px;
    width: 24%;
    float: left;
}

#logo img {
    width: 90%;
}

#direccion {
    width: 43%;
}

#direccion img {
    width: 68%;
}


#frase {
    width: 25%;
    font-size: 13px;
    padding: 15px 0;
}


.flechitas {
	float: left;
	padding: 0;
	top: 0;
}


.texto {
    padding: 22px 0 0;
    line-height: 1.6;
    font-size: 14px;
}


H4 {
padding: 0;
margin: 0;
font-size: 18px;
}
  
}


  
@media (min-width:1200px) and (max-width:1440px){ 

.contenedor {
    width: 1100px!important;
    margin: 0 auto;
}

#logo {
    padding: 35px 40px 25px 0px;
    width: 18%;
    float: left;
}

#frase {
    width: 25%;
    font-size: 13px;
    padding: 30px 0;
}

#direccion {
    padding: 0;
    width: 50%;
    float: left;
}

}