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

body {
    
    margin:0px;
    padding:0px;
}
h1, h2, h3, h4, h5{
    font-family: 'Oxygen', sans-serif;
    font-weight:900;
}
a {
    color:#303a47;
    text-decoration:none;
}
a:hover{
    color:#90C01E;
    text-decoration: none
}
hr {
  border-color: #93c01f;
  border-width: 4px;
  max-width: 80px;
}

/* GENERAL STYLES */
.hr2 {
  border-bottom: thin solid #CCC;
  width:100%;
  margin-top:30px;
  margin-bottom:30px;
}
.fondo-cuadros{
    width:100%;
    background:url(../img/bg-square.jpg) repeat-x bottom;
}
.btn-primary {
    color: #fff;
    border:none;
	background:#999;	
	-webkit-transition: opacity 1.1s ease;
	transition: opacity 1.1s ease;
}
.btn-primary:hover{
    background:#90C01E;
    border:none;
}
.parrafo{
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}
.no-padding{
    padding-right: 0;
    padding-left: 0;
}

/* NAVBAR */
.navbar{
    min-height:70px; background:#FFF;
    -moz-box-shadow: 1px 1px 5px #1f1f1f;
    -webkit-box-shadow: 1px 1px 5px #1f1f1f;
    box-shadow: 1px 1px 5px #1f1f1f;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #4a4a4a;
}
.navbar-inverse .navbar-nav>li>a{
    color: #303a47;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color:#99cc33;
}
.navbar-right{
    margin-top:20px;
}
.dropdown-menu>li>a{
    line-height:50px;
    margin:0px;
}
.dropdown-menu>li>a:hover {
    background:#99cc33;
}
.dropdown-menu>li>a>i{
    font-size: 20px;
    margin-right:4px;
}

@media (max-width: 767px){ 
   .navbar-inverse .navbar-nav>li>a{ color: #000;}
   .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #000;}
   .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #99cc33;}
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ max-height:500px;}
}

@media (min-width: 768px) {
  ul.nav li > ul.dropdown-menu {
	 display:block;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear; /* vendorless fallback */
    -o-transition: visibility 0s, opacity 0.5s linear; /* opera */
    -ms-transition: visibility 0s, opacity 0.5s linear; /* IE 10 */
    -moz-transition: visibility 0s, opacity 0.5s linear; /* Firefox */
    -webkit-transition: visibility 0s, opacity 0.5s linear; /*safari and chrome */
  }
  ul.nav li:hover > ul.dropdown-menu {
	  display:block;
    visibility: visible;
    opacity: 1;
  }
}  

@media (min-width: 786px){
    .navbar-right .dropdown-menu{ right:auto;}
}

@media (max-width: 995px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
		margin-top:20px;
		margin-bottom:20px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	
}

/* FOOTER */

footer {
  color: white;
  margin-top:0px;
}
footer h3 {
  margin-bottom: 0px;
}
footer .footer-above {
	padding-top:0px;
  background-color: #313332;
}
footer .footer-col {
  margin-bottom: 0px;
}
footer .footer-col a{
	color:#FFF;
}
footer .footer-col a:hover{
	color:#93c01f;
}
footer .footer-below {
  padding: 15px 0;
  background-color:#000;
}

.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
  padding-top: 14px;
}
.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #93c01f;
  background: white;
  border: solid 2px white;
}