@import 'https://fonts.googleapis.com/css?family=Raleway:400,500,700&subset=latin-ext';

body{
  font-family: 'Raleway', sans-serif;
  }

/******* menu ********/
.navbar>.container .navbar-brand img{
    visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s, opacity 1s linear;
}

.navbar.top-nav-collapse>.container .navbar-brand img{
   	visibility: visible;
  	opacity: 1;
    max-width: 180px;
}

.top-nav-collapse {
        padding: 0;
        background-color: rgba(255,252,240,0.95);
        box-shadow: 0px 3px 8px rgba(136, 136, 136, .4);
        -moz-box-shadow: 0px 3px 8px rgba(136, 136, 136, .4);
        -webkit-box-shadow: 0px 3px 8px rgba(136, 136, 136, .4);
    }



.navbar .container #navbar #main-menu li a{
	padding: 17px 20px;	
	color: #5c5c5c;
	height: 100%;
	transition: background-color 1s;
  font-size: 15px;
  font-size: 1.5rem;
}

.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
	height: 100%;
	background-color: rgba(251, 255, 0, .3);
	color: #5c5c5c;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {	
	background-color: rgba(251, 255, 0, .3);
	color: #5c5c5c;
}

@media (max-width: 767px) {
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    min-height: 65px;
  }

  .navbar .container #navbar #main-menu {
    width: 80%;
    float: none;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  }

  .navbar .container #navbar #main-menu li{
    border-bottom: 1px solid #E2E2E2;
  }

  .navbar .container #navbar #main-menu li a{
  padding: 15px 20px; 
  color: #5c5c5c;
  transition: background-color 1s;
  font-size: 16px;
  font-size: 1.6rem;
  }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
  }
}

/******* footer ********/
#footer{
    padding: 50px 0 100px 0;
    background-color: #22313F;
    color: white;
}

#footer .datos p{
  font-size: 13px;
  line-height: 21px;
}

#footer #commentForm label{
  font-weight: 500;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


#footer #commentForm label.error {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  background-color: rgba(238,243,46,.85);
  margin:-40px 0px 0px 30%;
  padding:9px 8px;
  border-radius:5px;
  font-weight:400;
  font-style:italic;
  color:rgba(51,51,51,1);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
   animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
  }
  
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}