*{
	margin:0;
}

@font-face {
  font-family: "avant-garde";
  src: url("/assets/fonts/avante-garde.ttf") format("opentype");
  font-weight: bold;
 
}


body{
	background:#ffffff;
	font-size:12pt;
	font-family: "avant-garde";

}

#wrapper{
	max-width: 100%;
}



#header-fondo{
	margin-top: 20px;
	height:160px;
	background:url("/assets/img/img-dhheader/dh-header.png")no-repeat;
	background-size:100% 100%;
}

#dh-respeto{
  max-width: 100%;
  margin:0 auto;

}





@media only screen and (min-width : 220px) and (max-width : 319px) {

   #header-img{
   	  display: none;
   }

   #header-img{
   	  display: none;
   }

   #header-fondo{
   	padding:0px;
   	height:130px;
   }

   #header-items{
   	width:100%;
   	margin: 0 auto;
   	height: 100%;
   }

   #header-title{
     width:90%;
     margin: 0 auto;  
     padding-top: 8%;  
   }

   #header-title p:first-child{
       text-align: center;
       font-size: 0.8em;
   }

  #header-title p:last-child{
       text-align: center;
       font-size: 1.5em;
   }

#dh-respeto{
  background:#9d9d9d;
   font-size: 0.9em;
}



  #dhrespeto-contenido{
    width:95%;
   height: auto;
   margin-top: 30px;

  }

  #dhrespeto-contenido img{
    width:15px;
    height: 25px;
    margin-right:5px;
  }
  
   
  
footer{
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
	border-top:2px solid #ffffff;
	padding-top: 10px;
}

#footer-ubicacion img{
	width:25px;
	height: 30px;
	margin-right: 5px;
	margin-left: 5px;
}

#footer-ubicacion p{
	color:#8e0b0b;
	font-size: 0.8em;
	text-align: center;
}

#footer-redes{
	width: 95%;
	margin: 0 auto;
}

#footer-redes img{
	width:50px;
	height: 50px;

}

#footer-redes p{
	font-size: 1em;
	text-align: left;

}




}

/*Minimo 320px y Maximo 479px de ancho de la pantalla*/

@media only screen and (min-width : 320px) and (max-width : 479px) {

  #header-img{
      display: none;
   }

   #header-img{
      display: none;
   }

   #header-fondo{
    padding:0px;
    height:130px;
   }

   #header-items{
    width:100%;
    margin: 0 auto;
    height: 100%;
   }

   #header-title{
     width:90%;
     margin: 0 auto;  
     padding-top: 3%;  
   }

   #header-title p:first-child{
       text-align: center;
       font-size: 1em;
   }

  #header-title p:last-child{
       text-align: center;
       font-size: 1.8em;
   }

   
#dh-respeto{
  background:#9d9d9d;
   font-size: 0.9em;
}

#dhrespeto-contenido{
  height: 800px;
  width: 95%;
}

  #dhrespeto-contenido img{
    width:15px;
    height: 25px;
    margin-right:5px;
  }

footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.8em;
  text-align: center;
}



#footer-redes{
	width: 95%;
	margin: 0 auto;
}

#footer-redes img{
	width:50px;
	height: 50px;

}

#footer-redes p{
	font-size: 1em;
	text-align: left;

}



}

/*Minimo 480px y Maximo 767px de ancho de la pantalla*/

@media only screen and (min-width : 480px) and (max-width : 767px) {

    #header-img{
      display: none;
   }

   #header-img{
      display: none;
   }

   #header-fondo{
    padding:0px;
    height:130px;
   }

   #header-items{
    width:100%;
    margin: 0 auto;
    height: 100%;
   }

   #header-title{
     width:90%;
     margin: 0 auto;  
     padding-top: 3%;  
   }

   #header-title p:first-child{
       text-align: center;
       font-size: 1em;
   }

  #header-title p:last-child{
       text-align: center;
       font-size: 2em;
   }

#dh-respeto{
  background:#9d9d9d;
   font-size: 1em;
}

#dh-respeto{
  height:800px;
  background:url("/assets/img/img-dhqueson/fondo.jpg")no-repeat;
  background-size:100% 100%;
  height: 1000px;

}

#dhrespeto-contenido{
  width:90%;
  margin: 0 auto;
  padding:0px 50px 0px 50px;
  background:#ffffff;
  opacity:0.6;
  height:950px;
  filter:alpha(opacity=60); 
  margin-bottom: 50px;
}

  #dhrespeto-contenido img{
    width:25px;
    height: 35px;
    margin-right:5px;
  }



 

footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.9em;
  text-align: center;
}

#footer-redes{
	width: 95%;
	margin: 0 auto;
}

#footer-redes img{
	width:50px;
	height: 50px;

}

#footer-redes p{
	font-size: 1em;
	text-align: left;

}


}


/*Minimo 768px y Maximo 991px de ancho de la pantalla*/

@media only screen and (min-width : 768px) and (max-width : 991px) {
 #header{
	margin-top: 20px;
  }

#header-enlaces .container{
	max-width: 100%;
}

   #header-fondo{
   	padding:0px;
   	height:150px;
   }

   #header-items{
   	width:100%;
   	margin: 0 auto;
   	height: 100%;
   	float: left;
   }

    #header-img{
      width:15%;
      height:70px;
      display: inline; 
   }

    #header-img img{
      width:80px;
      height:90px;
      margin-left: 10%;
      margin-top: -30px;
   }

   #header-title{
     width:80%;
     padding-top: 3%;  
     display: inline;
     font-size: 3.5em;
   }

   #header-title p{
       text-align: center;
       margin-top: -100px;
       margin-left: 8%;
       font-size: 12pt;
     
   }


   #header-title p:first-child{
      
       text-align: center;
       font-size: 0.3em;
   }

  #header-title p:last-child{
       margin-top: -20px;
       text-align: center;
       font-size: 1em;
   }

#dh-respeto{
  background:#9d9d9d;
   font-size: 1em;
}

#dh-respeto{
  height:800px;
  background:url("/assets/img/img-dhqueson/fondo.jpg")no-repeat;
  background-size:100% 100%;
  height: 1000px;

}

#dhrespeto-contenido{
  width:90%;
  margin: 0 auto;
  padding:0px 50px 0px 50px;
  background:#ffffff;
  opacity:0.6;
  height:950px;
  filter:alpha(opacity=60); 
  margin-bottom: 50px;
}

  #dhrespeto-contenido img{
    width:25px;
    height: 35px;
    margin-right:5px;
  }


footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.9em;
  text-align: center;
}  



.clean{
	clear: both;
	display: block;
	width: 100%;
	height:30px;
}






}


/*Minimo 992px y Maximo 1119px de ancho de la pantalla*/

@media only screen and (min-width : 992px) and (max-width : 1119px) {
  
  #header{
  margin-top: 20px;
  }

#header-enlaces .container{
  max-width: 100%;
}

   #header-fondo{
    padding:0px;
    height:180px;
   }

   #header-items{
    width:100%;
    margin: 0 auto;
    height: 100%;
    float: left;
   }

    #header-img{
      width:15%;
      height:70px;
      display: inline; 
   }

    #header-img img{
      width:80px;
      height:90px;
      margin-left: 10%;
      margin-top: -30px;
   }

   #header-title{
     width:80%;
     padding-top: 3%;  
     display: inline;
     font-size: 3.5em;
   }

   #header-title p{
       text-align: center;
       margin-top: -90px;
       margin-left: 8%;
       font-size: 12pt;
     
   }


   #header-title p:first-child{
      
       text-align: center;
       font-size: 0.4em;
   }

  #header-title p:last-child{
       margin-top: -20px;
       text-align: center;
       font-size: 1.1em;
   }

   #dh-respeto{
  background:#9d9d9d;
   font-size: 1em;
}

#dh-respeto{
  height:800px;
  background:url("/assets/img/img-dhqueson/fondo.jpg")no-repeat;
  background-size:100% 100%;
  height: 1000px;

}

#dhrespeto-contenido{
  width:80%;
  margin: 0 auto;
  padding:0px 50px 0px 50px;
  background:#ffffff;
  opacity:0.6;
  height:950px;
  filter:alpha(opacity=60); 
  margin-bottom: 50px;
}

  #dhrespeto-contenido img{
    width:25px;
    height: 35px;
    margin-right:5px;
  }

footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.9em;
  text-align: center;
}  


.clean{
	clear: both;
	display: block;
	width: 100%;
	height:30px;
}

#footer-ubicacion{
	clear: both;
	margin-top: 20px;

}

#footer-ubicacion .col-md-2{
	width: 100%;

}





}


/*Minimo 1120px y Maximo 1500px de ancho de la pantalla*/

@media only screen and (min-width : 1120px) and (max-width : 1499px) {
 
  #header{
  margin-top: 20px;
  }

#header-enlaces .container{
  max-width: 100%;
}

   #header-fondo{
    padding:0px;
    height:180px;
   }

   #header-items{
    width:100%;
    margin: 0 auto;
    height: 100%;
    float: left;
   }

    #header-img{
      width:15%;
      height:70px;
      display: inline; 
   }

    #header-img img{
      width:80px;
      height:90px;
      margin-left: 10%;
      margin-top: -30px;
   }

   #header-title{
     width:80%;
     padding-top: 3%;  
     display: inline;
     font-size: 3.5em;
   }

   #header-title p{
       text-align: center;
       margin-top: -90px;
       margin-left: 8%;
       font-size: 12pt;
     
   }


   #header-title p:first-child{
      
       text-align: center;
       font-size: 0.4em;
   }

  #header-title p:last-child{
       margin-top: -20px;
       text-align: center;
       font-size: 1.1em;
   }

     #dh-respeto{
  background:#9d9d9d;
   font-size: 1em;
}

#dh-respeto{
  height:800px;
  background:url("/assets/img/img-dhqueson/fondo.jpg")no-repeat;
  background-size:100% 100%;
  height: 1000px;

}

#dhrespeto-contenido{
  width:80%;
  margin: 0 auto;
  padding:0px 50px 0px 50px;
  background:#ffffff;
  opacity:0.6;
  height:950px;
  filter:alpha(opacity=60); 
  margin-bottom: 50px;
}

  #dhrespeto-contenido img{
    width:25px;
    height: 35px;
    margin-right:5px;
  }


footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.9em;
  text-align: center;
}  
  

.clean{
	clear: both;
	display: block;
	width: 100%;
	height:30px;
}



#footer-ubicacion .col-md-2{
	width: 100%;

}





}


/*Minimo 1500px de ancho de la pantalla*/

@media only screen and (min-width : 1500px) {
  
   #header{
  margin-top: 20px;
  }

#header-enlaces .container{
  max-width: 100%;
}

   #header-fondo{
    padding:0px;
    height:180px;
   }

   #header-items{
    width:100%;
    margin: 0 auto;
    height: 100%;
    float: left;
   }

    #header-img{
      width:15%;
      height:70px;
      display: inline; 
   }

    #header-img img{
      width:80px;
      height:90px;
      margin-left: 10%;
      margin-top: -30px;
   }

   #header-title{
     width:80%;
     padding-top: 3%;  
     display: inline;
     font-size: 3.5em;
   }

   #header-title p{
       text-align: center;
       margin-top: -90px;
       margin-left: 8%;
       font-size: 12pt;
     
   }


   #header-title p:first-child{
      
       text-align: center;
       font-size: 0.4em;
   }

  #header-title p:last-child{
       margin-top: -20px;
       text-align: center;
       font-size: 1.1em;
   }

     #dh-respeto{
  background:#9d9d9d;
   font-size: 1em;
}

#dh-respeto{
  height:800px;
  background:url("/assets/img/img-dhqueson/fondo.jpg")no-repeat;
  background-size:100% 100%;
  height: 1000px;

}

#dhrespeto-contenido{
  width:70%;
  margin: 0 auto;
  padding:0px 80px 0px 80px;
  background:#ffffff;
  opacity:0.6;
  height:950px;
  filter:alpha(opacity=60); 
  margin-bottom: 50px;
}

  #dhrespeto-contenido img{
    width:25px;
    height: 35px;
    margin-right:5px;
  }


footer{
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  border-top:2px solid #ffffff;
  padding-top: 10px;
}

#footer-ubicacion img{
  width:25px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

#footer-ubicacion p{
  color:#8e0b0b;
  font-size: 0.9em;
  text-align: center;
}  


.clean{
	clear: both;
	display: block;
	width: 100%;
	height:30px;
}



#footer-ubicacion .col-md-2{
	width: 100%;

}



}

@media only screen and (min-width : 220px) {

  footer{
    max-width: 100%;
    width: 100%;

  }


  #footer-redes{
    display: none;
  }

  #header{
    margin-top: 0px;
  }

  #header-fondo{
    margin-top: 5px;
  }

 #header-title p:first-child{
       text-align: center;
       color:#e5721d;
   }

 #header-title p:last-child{
       text-align: center;
       color:#1c4534;
      
   }

   #dh-respeto{
    width:100%;
   }

  #dhrespeto-contenido{
     margin: 0 auto;
     text-align: justify;
     margin-top: 30px;
  }

  #dhrespeto-contenido p{
    color:#431f03;
    font-weight: bolder;

  }

  #dhrespeto-contenido p:first-child{
    color:#a93b0a;

  }


  #img-logo img{
      margin-left: 15%;
      margin-top: -7px;
      width: 90px;
      height: 110px;
 }
  
  #img-home img{
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-left: 16.2%;
  }

}


footer{
	clear: both;
}