@charset "UTF-8";
/* CSS Document */

body {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #4d4d4d;
  font-family: Helvetica, sans-serif;
}

img{/*esto sirve para que todas las imágenes se adapten a la ventana del navegador*/
	max-width: 100%;
	height: auto;
}

nav img{
	margin: 0 auto;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

nav a{
	color: #999;
}

nav a:hover{
	color: #000;
	background:#FFF!important
}

.nav .active a {
	color:#000;
	background-color:#FFF;!important
} 

.nav .active a:hover {
	background:#FFF!important
}

.navbar-toggle {
    background-color: #000;
}

.navbar-toggle:hover {
    background-color: #4d4d4d;
}

.navbar-toggle .icon-bar {
    background-color: white;
}

/* Carousel base class */
.carousel {
  	max-width: 100%;
	height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  text-align:center;
  max-width: 100%;
  height: auto;
  background-color: #FFF;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  /*min-width: 100%;*/
  max-width: 100%;
  height: auto;
}

.col-sm-8{
   padding-top:20px;
   text-align: center;
}

.col-sm-4{
	text-align: center;
	padding-bottom:20px;
}

.col-sm-3{
	text-align: center;
	padding-bottom:20px;
}

footer{
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 1.1em
}

.logos{
	width: 80px;
	margin: 0 auto;
}

.logo_facebook img{
	padding: 5px;
	float:left;
}

.logo_instagram img{
	padding: 5px;
	float:right;
}

hr{
	width: 250px;
	border: 1px solid #999;
}

.form-control{
	border: 1px solid black;
	margin-bottom: -4px;
}

.btn{
	background:#000;
	color:#FFF;
	margin-top: 9px;
}

.btn:hover{
	background:#000;
	color:#FFF;
	margin-top: 8px;
}

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

}

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


}


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



}

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


}