/*
 * External CSS imports such as fonts.
 *
 * HTML TEMPLATES ONLY
 * 
 */

/* Google Font */
@import url(https://fonts.googleapis.com/css?family=Cabin:400,400italic,600,600italic,700,700italic); /* Cabin */
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);  /* Lato */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	/* change if the mask should have another color then white */
	z-index: 99;
	/* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
	/* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	/* is width and height divided by two */
}

#enlaces div:first-child{
	width: 60%;
	display: inline-table;
	vertical-align: top;
	text-align: center;
}
#enlaces div:first-child a:hover{
	text-decoration: none;
}
#enlaces div:first-child a{
	display: inline-block;
	width: 30%;
	padding: 0 10px 25px 0;	
}
#enlaces div:first-child a img{
	max-width: 100%;
	height: 45px;
}
#enlaces div:first-child img, #enlaces div:nth-child(3) img{
		-webkit-transition: all 0.3s ease-in-out 0s;
		   -moz-transition: all 0.3s ease-in-out 0s;
		    -ms-transition: all 0.3s ease-in-out 0s;
		     -o-transition: all 0.3s ease-in-out 0s;
		        transition: all 0.3s ease-in-out 0s;
}
#enlaces div:first-child img:hover, #enlaces div:nth-child(3) img:hover{
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
}
#enlaces div:nth-child(2){
	width: 39%;
	display: inline-table;
	vertical-align: top;
}
#enlaces div:nth-child(2) ul{
	list-style: none;
	padding: 0;
}
#enlaces div:nth-child(2) li img{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 15px;
	max-height: 50px;
	vertical-align: middle;
}
#enlaces div:nth-child(2) li a{
	line-height: 30px;
	font-size: 14px;
}
#enlaces div:nth-child(2) li{
		-webkit-transition: all 0.3s ease-in-out 0s;
		   -moz-transition: all 0.3s ease-in-out 0s;
		    -ms-transition: all 0.3s ease-in-out 0s;
		     -o-transition: all 0.3s ease-in-out 0s;
		        transition: all 0.3s ease-in-out 0s;
}
#enlaces div:nth-child(2) li:hover{
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
}
#enlaces div:nth-child(3){
	width: 19%;
	display: inline-table;
	vertical-align: top;
	text-align: center;
}
#sobreProyecto{
	text-align: justify;
}
.counter{
	position: fixed;
	right: 5px;
	bottom: 5px;	
	margin: auto;
	padding: 10px 6px;
	background-color: rgba(255, 255, 255, 0.7);
	color: #5383d7;
	font-size: 15px;
	text-align: center;
	height: 75px;
	width: 75px;
	border-radius: 50% 50% 0%;
	z-index: 1010;
	box-shadow: 0px 2px 2px rgba(128,128,128,0.6);
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.counter:hover{
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transform: translate(-8px,-8px);
	   -moz-transform: translate(-8px,-8px);
	    -ms-transform: translate(-8px,-8px);
	     -o-transform: translate(-8px,-8px);
	        transform: translate(-8px,-8px);
}

.navbar-brand img {
	max-height: 110px;
}
.navbar-brand {
	padding: 5px 15px;
}
.navbar-default .navbar-nav>li>a {
    color: #009582;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #a54e25;
}
#MainMenu{
	background: white !important;
}

#MainMenu .navbar-collapse {
    background: none !important;
}
#MainMenu.navbar #navbar-main .navbar-nav>li>a:hover, #MainMenu.navbar #navbar-main .navbar-nav>li>a:active, #MainMenu.navbar #navbar-main .navbar-nav>li>a:focus, #MainMenu.navbar #navbar-main .navbar-nav>.active>a, #MainMenu.navbar #navbar-main .navbar-nav>.active>a:hover, #MainMenu.navbar #navbar-main .navbar-nav>.active>a:focus, #MainMenu.navbar #navbar-main .navbar-nav>li.open>a, #MainMenu.navbar #navbar-main .navbar-nav>li.open>a:hover, #MainMenu.navbar #navbar-main .navbar-nav>li.open>a:focus {
	border-top: solid 2px #a54d22;
}
#MainMenu.navbar{
	min-height: 115px;
}
body{
	background-image: url(../images/background2.jpg) !important;
}
a {
    color: #688040;
}
a:hover, a:focus {
    color: #7fb52c;
}

#footer{
    background: #009582;
    color: #FFF;
    border-top: 5px solid #a54e24;
}
#footer .sub-footer {
    background: none;
}
.navbar-toggle {
     background: #009482 !important;
}

.navbar-nav>li>a {
    line-height: 72px;
}

.sub-nav .navbar-nav>li>a {
    line-height: 26px;
}
.top18{
	top:18px;
}
.hero{
    	margin-top: 93px;
}
#imgPerfil {
	background-position: center !important;
}
.owl-carousel .owl-item img {
	width: 100%;
}
#multimedia .owl-carousel .owl-item img {
	width: 100%;
	height: 185px;
}
.featured-slider .item {
	padding: 0;
	height: auto;
}

.contactohero  .container {
	padding-top: 0;
	height: auto;
}

@media (max-width: 768px){
	#enlaces div:first-child{
		width: 100%;
		display: inline-table;
		vertical-align: top;
		text-align: center;
	}
	#enlaces div:nth-child(2){
		width: 100%;
		display: inline-table;
		vertical-align: top;
		text-align: center;
	}
	#enlaces div:first-child a img {
		height: 30px;
	}
}
@media (max-width: 600px){
	.navbar-brand img {
		max-height: 70px;
	}
	#MainMenu.navbar{
		min-height: 75px;
	}
	.counter{
		display: none;
		visibility: 0;
	}
	.navbar-nav>li>a {
		line-height: 26px;
	}
	.top18{
		top:0px;
	}
	.hero{
		margin-top: 93px;
	    	/* margin-top: 120px; */
  	}
}