@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300&subset=latin,latin-ext);
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext);*/


html {
   font-size:62.5%;
   height: 100%;
   }

body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:10px;
	height: 100%;
	background-color: #3f3f3f;
	}


/* preloader */
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: rgba(0, 0, 0, .9);
    z-index: 100;
}
#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left:50%; top:50%;
    background: url(../../img/spin.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}
	
.navbar-header{
	min-height:124px;
	
	}
	
.navbar-default {
  background-color: #3f3f3f;
  border-bottom:5px solid #999999;
  margin-bottom:0px;
  -moz-box-shadow: 0 1px 5px rgba(45,45,45,.5);
	-webkit-box-shadow: 0 1px 5px rgba(45,45,45,.5);
	box-shadow: 0 1px 5px rgba(45,45,45,.5);
	padding:0px 0 2px;
}

.navbar-brand img{
	width:249px;
	}
	
#main-menu{
	margin-top:0px;
	clear:right;
	}
	
#main-menu a{
	font-size:13px;
	font-size:1.3rem;
	font-weight:400;
	text-transform:uppercase;
	}
	

#main-menu.navbar-nav > li > a { /*area del botón */
    padding: 45px 5px 8px;
	
  }
  
.navbar-default .navbar-nav > li > a {
color: #E1E1E1;
border-top:4px solid rgba(0,0,0,0);
}

.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus {
color: #E1E1E1;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #FFFFFF;
 /*colo boton over */
	border-top:4px solid #ffff00;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #F8F8F8;
  background-color: transparent; /*colo boton activo */
  border-top:4px solid #ffff00;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{
	color: #F8F8F8;
  background-color: #353535; /*colo boton activo */	
  border-top:4px solid #ffff00;
}

.navbar-nav > li > .dropdown-menu{
	background-color:#353535;
	}
	

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color:rgba(238,238,238,1);
	}

.navbar-nav > li > .dropdown-menu > li > a{
	color:rgba(238,238,238,1);
	line-height:28px;
	}
	
.navbar-nav > li > .dropdown-menu > li > a:hover{
	color: rgba(255,255,255,1);
	background-color:#3f3f3f;
	}
	
.navbar-toggle{
	border-radius:0px;
	border:none;
	}
	
.navbar-toggle.collapsed{
	}
	
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:#000000;
}
	
.navbar-default .navbar-toggle .icon-bar {
background-color: #EEEEEE;
}


	

/****************** footer ***************/
footer{
	padding:30px 0 30px;
	background-color:#3f3f3f;
	background-image:url(../../img/bg_pie.jpg);
	background-position:1000px 20px;
	background-repeat:no-repeat;
	min-height:180px;
	}
	

footer strong{
	margin-bottom:5px;
	color: rgba(234,234,234,1);
	margin-top:0px;
	font-size:13px;
	font-size:1.3rem;
	font-weight:400;
	}
	
footer p{
	color: rgba(234,234,234,1);
	font-size:13px;
	font-size:1.3rem;
	line-height:18px;
	line-height:1.8rem;
	border-left:5px solid #ffff00;
	padding-left:10px;
	font-weight: 400;
	}

footer p a{
	color: #fff;
}
	
footer .desarrollador p{
	color: rgba(234,234,234,1);
	font-size:11px;
	font-size:1.1rem;
	line-height:18px;
	line-height:1.8rem;
	border:none;
	}
	
footer .datos h4{
	color:#999999;
	font-size:11px;
	font-size:1.1rem;
	text-align:center;
	}

footer .desarrollador{
	margin-top:20px;
	}
	
footer .desarrollador p{
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-size:1.0rem;
	color: #111111;
	}
	
footer .desarrollador p a{
	color:#111111;
	}
	
footer .desarrollador p a:hover{
	color:#5eb815;
	}



/* Extra Small devices (phones) */
@media (max-width: 767px) { 
.navbar-default .navbar-collapse .navbar-nav li{
	text-align: center;
	border-bottom: 1px dotted rgba(150, 150, 150, 0.5);
}

.navbar-default .navbar-collapse .navbar-nav li:last-child{
	border-bottom: none;
}

.navbar-default .navbar-collapse .navbar-nav li a{
	border-top: none;
	
	}

.navbar-default .navbar-nav > .active .dropdown-menu li{
	border-bottom: none;
}

.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 0px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFFFFF;
}

#main-menu.navbar-nav > li > a { /*area del botón */
    padding: 8px 5px 5px;
	
  }
  
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: rgba(255, 255, 0, .3);
    border-top: none;
}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar-brand img{
	width:219px;
	}
	
	
#main-menu a{
	font-size:12px;
	font-size:1.2rem;
	font-weight:400;
	text-transform:uppercase;
	}
	

#main-menu.navbar-nav > li > a { /*area del botón */
    padding: 45px 6px 8px;
	
  }
	

}

/* medium devices (desktop and up) */
@media (min-width: 992px) {

.navbar .container{
	width:970px;
	}
	
.navbar-brand img{
	width:249px;
	}
	
	
#main-menu a{
	font-size:13px;
	font-size:1.3rem;
	font-weight:400;
	text-transform:uppercase;
	}
	

#main-menu.navbar-nav > li > a { /*area del botón */
    padding: 45px 5px 8px;
	
  }


}

@media (min-width: 1200px) {

.navbar .container{
	width:1170px;
	}
	
.navbar-brand img{
	width:289px;
	}
	
#main-menu a{
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
	text-transform:uppercase;
	}
	

#main-menu.navbar-nav > li > a { /*area del botón */
    padding: 45px 20px 8px;
	
  }
	
}