.logo-box{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#7f7f7f;
  float:left;
}

.logo-box:before{
  content:"";
  display:block;
  padding-top:100%;
}

.logo-content{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}

.logo-content div{
  display:table;
  width:100%;
  height:100%;
}

.logo-content span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}



.square-box{
  position:relative;
  width:calc(20% - 10px);
  /*overflow:hidden;*/
  background:#7f7f7f;
  float:left;
}
.square-box:hover{
  background-color:#ADADAD;
  cursor:pointer;
}


.square-box:before{
  content:"";
  display:block;
  padding-top:100%;
}

.square-box.active{
  background-color:#ADADAD !important;
  cursor:pointer;
}

.square-content{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}

.square-content a{
  text-decoration:none;
}

.square-content div{
  display:table;
  width:100%;
  height:100%;
}

.square-content span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}

div.fdo-header{
  background-color:#9E062A;
}

div.divisor-verde{
  height:10px;
  background-color:#8CC63F;
}

div.cuerpo{
  background-color:#979494;
  padding-bottom:10px;
}

.fdo-bordo{
  background-color:#9E062A;
}

.nopadding{
  padding:0 !important;
  margin:0 !important;
}

.mleft{
  margin-left:10px;
  margin-right:5px;
}

.mright{
  margin-left:5px;
}

.mmedium{
  margin-left:5px;
  margin-right:5px;
}

.square-content span{
  color:#FFFFFF;
  text-decoration:none;
  font-family:'dharma';
  font-size:48px
}

.contenido{
  font-family:'yanone';
  color:#000;
  background-color:#CAC9C9;
  padding:5px 20px;
  margin-left:10px;
  margin-top:10px;
  font-size:20px
}

.tabla-nopadding{
  font-family:'yanone';
  color:#000;
  padding:0px;
  margin-left:10px;
  margin-top:10px;
  font-size:20px
}

.contenido h3{
  color:#000;
  font-family:'Yanone';
  font-size:28px
}

.contenido h3 a{
  color:#000;
  font-family:'Yanone';
  font-size:28px;
  text-decoration:none
}

.contenido p{
	font-size:20px
}

@media (max-width:768px) {
  .contenido{
    margin-left:0px;
  }

  .mleft{
    margin:0px;
  }

  .mright{
    margin:0px;
  }

  .mmedium{
    margin:0px;
  }

  .square-box{
    width:20%;
  }
	.square-content span{
	  color:#FFFFFF;
	  text-decoration:none;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color:#7f7f7f !important;
		width:100%;
		top:70px !important;
		z-index:9999 !important
	}
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		background-color:#7f7f7f !important;
		color:#FFF;
		text-align:center;
	  font-family:Arial, Helvetica, sans-serif !important;
	  font-size:14px !important
	}
  
}

#footer a{
  color:#FFF;
  font-family:'Yanone';
  font-size:20px;
  text-decoration:none
}

#footer li{
  color:#FFF;
  font-family:'Yanone';
  font-size:20px
}

h3{
  color:#FFF;
  font-family:'Yanone';
  font-size:28px
}

#footer p{
  color:#FFF;
  font-family:'Yanone';
}

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



/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.ddown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#7f7f7f !important;
    width:100%;
	top:165px;
	z-index:9999 !important
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	background-color:#7f7f7f !important;
	color:#FFF;
	text-align:center;
	font-family:'dharma';
	font-size:48px
}

.dropdown-content a:hover {
	background-color:#ADADAD !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.ddown:hover .dropdown-content {
    display: block;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.linea-header{
	color:#FFF;
	background-color:#9E062A;
	padding:2px 5px;
}
.linea-oscura{
	color:#000;
	background-color:#AFD978;
	padding:2px 5px;
}
.linea-clara{
	color:#000;
	background-color:#B9DE8A;
	padding:2px 5px;
}