/* CSS Document */

/* Override other css */
.masthead {
  position: static;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
  background-color: #65733E;
}

ul.nav.nav-pills.nav-stacked > li.active > a {
  font-size:20px;
}

ul.nav.nav-pills.nav-stacked > li > a {
  font-size:20px;
}

ul.nav.masthead-nav > li > a {
  font-size:20px;
}

ul.nav.masthead-nav > li.active > a {
  font-size:20px;
}

div.carousel-inner > div.item {
  background-color:transparent;
}

div.carousel-inner {
  color: #fff;	
}

.carousel, .item {
  height:auto;
}

.carousel-indicators {
  bottom: -30px;	
}

.footer-distributed {
  margin-top: 0px;	
}

.btn-primary {
	background-color: #65733E;
	border-color: #65733E;
}

.btn-primary:hover {
	background-color: #65733E;
	border-color: #65733E;	
}

/* Own styles */
.img_logo {
  width:300px;	
}

.img_logo_footer {
  width:100px;	
}

.img_banner {
  width:700px;
}

.img_padding {
  padding-bottom: 20px;	
}

.img_enfermera {
	width:80%;
	height:auto;
  max-width: 80%;	
}

.img_carousel {
   width:250px;	
}

.shadow {
  -moz-box-shadow: 1px 2px 6px 2px #2D2D2D;
  -webkit-box-shadow: 1px 2px 6px 2px #2D2D2D;
  box-shadow: 1px 2px 6px 2px #2D2D2D;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2D2D2D')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2D2D2D');*/
}

.img_index {
  width:100%; 
  margin-top: 20px; 
  margin-bottom: 20px; 
  background-color:#6E7360; 
  text-align:left; 
  padding:10px;	
}

.img_boris {
  margin:10px;	
}

.una_columna, 
.dos_columnas, 
.tres_columnas {
  padding-left: 40px;
  padding-right: 40px;
}

.dos_columnas_izq {
  padding-left: 40px;
}

.dos_columnas_der {
  padding-right: 40px;
}

.tres_columnas_izq {
  padding-left: 40px;
}

.tres_columnas_der {
  padding-right: 40px;
}

.celda_izq {
  text-align: left;	
}

.padding_bottom {
  padding-bottom: 20px;	
  
}

.img_pareja_bici {
	padding-bottom: 20px;
	width: 429px;	
}

.img_familia {
   margin-top:200px;
   width: 100%;
}

.padding_top {
  padding-top: 20px;	
  
}

.padding_cv {
  padding-top: 20px;	
  padding-bottom: 60px;	  
}



.vineta {
  width:5%;
    /* color: #65733e;
    color:#FF8A25; */
    color: #777777;
}

.bloc1 {
   float: left
}

.bloc2 {
   text-align:left;	
}

.bloc1, .bloc2
{
    display:inline;
	height:auto;
	width: 49%;
}

.mhs {
	color: #060;
	font-weight: bolder;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px;
}

.impressum {
  text-align:left; 
  margin-left: 40px; 
  margin-right: 40px; 
  margin-bottom: 40px;
}

<!-- Changes on the width of the screen -->

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

}

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

  .img_banner {
    width:480px;
  }
  

  .dos_columnas_der, 
  .dos_columnas_izq, 
  .tres_columnas_izq, 
  .tres_columnas_der {
    padding-right: 40px;
	padding-left: 40px;
  }
  
  .img_enfermera {
	width:300px;
 }
 
   .img_familia {
   margin-top:0px;
   margin-bottom:20px;
   width:300px;
  }

  .img_carousel {
   width:250px;	
  }
  
}

@media only screen and (max-width: 480px) {
 
  .img_banner {
    width:300px;
  }
	
  .img_logo {
    width:200px;	
  }
  
  .dos_columnas_der, 
  .dos_columnas_izq, 
  .tres_columnas_izq, 
  .tres_columnas_der {
    padding-right: 40px;
	padding-left: 40px;
  }
  
  footer{
    position: static;
    bottom: 0;
  }
  
  .bloc1 {
     float: none;
	 width: 360px;
	 padding-right: 40px;
	 padding: 0px;
	 text-align:center;
  }
  
  .bloc2 {
	width: 360px; 
	padding: 0px; 
  }
  
  .img_pareja_bici {
	padding-bottom: 20px;
	width: 230px;	
  }

  .img_familia {
   margin-top:0px;
   margin-bottom:20px;
   	width: 230px;	
  }

  .img_enfermera {
	width:230px;
 }
 
 .img_carousel {
   width:200px;	
   text-align:center;
  }
  
  .carousel .item {
    width: 200px;
  }

}

@media (max-height:800px){
  
  header { padding-top:40px; }
}