/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@import url('https://fonts.googleapis.com/css?family=Aclonica');

.cuerpo { background-color:#a7b718 !important; padding:10px; }
.cuerpo2 { background-color:#389101 !important; padding:10px; }
.cuerpo3 { background-color:#eabd00 !important; padding:10px; }
.cuerpo4 { background-color:#8d00c1 !important; padding:10px; }
.cuerpo5 { background-color:#018bca !important; padding:10px; }
.cuerpo6 { background-color:#e50fbd !important; padding:10px; }
.cuerpo7 { background-color:#e97802 !important; padding:10px; }
.cuerpo8 { background-color:#bcbbb9 !important; padding:10px; }

.boton { width:100%; background-color:#838f13; border:#838f13; }
.boton:hover { width:100%; background-color:#5a620d; border:#5a620d; }
.boton2 { width:100%; background-color:#205202; border:#205202; }
.boton3 { width:100%; background-color:#877000; border:#877000; }
.boton4 { width:100%; background-color:#52006f; border:#52006f; }
.boton5 { width:100%; background-color:#015176; border:#015176; }
.boton6 { width:100%; background-color:#85096b; border:#85096b; }
.boton7 { width:100%; background-color:#874700; border:#874700; }
.boton8 { width:100%; background-color:#6d6c6a; border:#6d6c6a; }

.menu-top { display:none !important; }

@media (max-width: 980px) {
.menu-top { display:block !important; }
}

.granate { color:#bc2b54; }

.footer-dark  { color:#eeeeee !important; }
.footer-dark h4 { color:#ffffff !important; }
.cab-pie { color:#ffffff !important; }

.sombra { text-shadow: 2px 2px 4px #000000; }
.verde { color:#a7b718 !important; }
.verde-oscuro { color:#4d621f !important; }
.aclonica { font-family: 'Aclonica', sans-serif; }
.borde-derecho { border-right:solid 2px #acb187 !important; }

@media (max-width: 980px) {
.borde-derecho { border-right:0px !important; }
}

@media (max-width: 780px) {
.post-thumbnails .post-item:not(.quote) .post-item-description { width:100% !important; }
}

.img-carousel:hover {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}
.img-carousel {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

/* CARGADOR UNIVERSAL */

	#cargador_universal {
		z-index:5000;position:fixed;width:100%;height:100%;background-color:#000; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);
		text-align:center; vertical-align:middle; display:none;  }
	
	#cargador_universal img {
		top:50%; left:50%; position:absolute;
		margin-top: -7px;
		margin-left: -64px;
	}
	
	#texto_cargador_universal {
		color:#fff;font-size:28px;text-align:center;
		top:50%; position:absolute;
		margin-top:20px; width:100%;
	}
	
	#boton_cargador_universal {
		display:block;cursor:pointer;cursor:hand; 
	}
	
	#cont_boton_cargador_universal {
		position:absolute;
		width:100%; text-align:center;
		top:50%; margin-top:80px; left:47.5%;
	}
	
	@media (max-width: 767px) {
	
	#texto_cargador_universal {
	color:#fff;font-size:22px;text-align:center;
	top:50%; position:absolute;
	margin-top:20px; width:100%;
	line-height:24px;
	}
	
	
	#cont_boton_cargador_universal {
		position:absolute;
		width:100%; text-align:center;
		top:50%; margin-top:80px; left:42.5%;
	}

	}
	
/* FIN CARGADOR UNIVERSAL */