@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,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%;
	}


.navbar-header{
	
	}
	
.navbar-header .container{
	margin:0px;
	
	}
	
.navbar{
	min-height:90px;
	
	}	

.navbar-default {
  background-color: #f8f8f8;
  border:none;
  margin-bottom:0px;
  padding-bottom: 12px;
  -moz-box-shadow: 0 1px 3px rgba(45,45,45,.5);
	-webkit-box-shadow: 0 1px 3px rgba(45,45,45,.5);
	box-shadow: 0 1px 3px rgba(45,45,45,.5);
	background-image: url(../../img/bottom_menu.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.navbar-brand {
    padding: 8px 15px;
}

.navbar-default #navbar{

	}

#main-menu{
	float: none;
  margin: 40px auto 0px;
  display: table;
  table-layout: fixed;
	}

#main-menu a{
	font-size:14px;
	font-size:1.4rem;
	text-transform: uppercase;
	}
	

#main-menu a .fa-home{
	font-size:19px;
	font-size:1.9rem;
	line-height: 40px;
}

#main-menu a .point{
	text-align: center;
	color: #ce3d40;
	}

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


/************/
  
.navbar-default .navbar-nav > li > a {
color: #2B2B2B;
}

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

.navbar-default .navbar-nav > li > a:hover {
	color: #ce3d40;
	/*background-color: #F0F0F0; colo boton over */
	/*text-shadow: 1px 1px 3px #000000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ff7800;
  background-color: #F0F0F0; /*colo boton activo */
  
}
.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: #ff7800;
  background-color: #F0F0F0; /*colo boton activo */	
  /*text-shadow: 1px 1px 3px #000000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
}



.navbar-nav > li > .dropdown-menu{
	background-color: #fbf2e8; /* fondo del submenu */
	}
	
.navbar-default .navbar-nav .open{
	background-color: #fbf2e8;  /* fondo del submenu menos de 768 */
	}

#main-menu .dropdown-menu > li > a {
    font-size:13px;
	font-size:1.3rem;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color: #4A4A4A;
	font-size:13px;
	font-size:1.3rem;
	}
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
	color: #83a5d7;
	/*text-shadow: 1px 1px 3px #000000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
	}

.navbar-nav > li > .dropdown-menu > li > a{
	color:rgba(238,238,238,1);
	}
	
.navbar-nav > li > .dropdown-menu > li > a:hover{
	color: rgba(255,255,255,1);
	background-color:#dfdfdf;
	}
	
.navbar-toggle{
	border-radius:0px;
	border:none;
	}
	
.navbar-toggle.collapsed{
	}
	
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #E0E0E0;
}
	
.navbar-default .navbar-toggle .icon-bar {
background-color: #4E4E4E;
}
	

/****************** footer ***************/
footer{
	padding:30px 0 30px;
	background-color: #212121;
	border-top:1px solid #000000;
	}
	
	

footer strong{
	margin-bottom:5px;
	color: rgba(234,234,234,1);
	margin-top:0px;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	}
	
footer .datos h5{
	color: #ADADAD;
	font-size:14px;
	font-size:1.4rem;
	margin-top:0px;
	}

footer .datos hr{
	margin:4px;
	}
	
footer .datos p{
	color: #ADADAD;
	font-size:13px;
	font-size:1.3rem;
	line-height:22px;
	margin-bottom:2px;
	}
	
footer .datos p a{
	color: #ADADAD;
	}
	
footer .datos p i{
	margin-right:10px;
	}
	
footer .datos p.sigue{
	margin-top:10px;
	}

footer .datos p.sigue a{
	color: #ADADAD;
	}
	
footer .datos p.sigue a:hover{
	color: #75bafb;
	}

#last_pie{
	background-color: #212121;
	min-height:35px;
	}

#last_pie .desarrollador{
	margin-top:15px;
	}
	
	
#last_pie .desarrollador p{
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-size:1.0rem;
	color: #A3A3A3;
	}
	
#last_pie .desarrollador p a{
	color:#4AC327;
	}

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

/* Extra Small devices (phones) */
@media (max-width: 767px) { 
	.navbar-default {
	  padding-bottom: 10px;
		background-image: url(../../img/bottom_menu.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
	}

	.navbar{
		min-height:79px;
	}

	.navbar-brand{
		min-height: 82px;
	}

	.navbar-brand img{
		width: 210px;
	}	

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		background-color:#fbf2e8;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	  border-color: #dadada;
	  background-color:#f8f8f8;
	  padding-bottom: 10px;
	}

	#main-menu.navbar-nav > li{ /*area del botón */
	    border-top: 1px solid #dadada;
	}


	#main-menu.navbar-nav > li:first-child{ /*area del botón */
	    border-top: none;
	}

	
	#main-menu.navbar-nav > li > a { /*area del botón */
	    padding-top: 10px;
	    padding-bottom: 10px;
	  }
  
	.navbar-default .navbar-nav > li > a:hover {
		color: #ce3d40;
		/*background-color: #F0F0F0; colo boton over */
		border-bottom: none;
		/*text-shadow: 1px 1px 3px #000000; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
	}
	
	#main-menu{
		width:100%;
		margin:0 auto;
		}
	  
	#main-content h2{
	font-size:20px;
	font-size:2.0rem;
	}

	footer .datos{
	text-align:center;
	margin-top:10px;
	}


}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar .container{
	padding:0px;
	width:95%;
	margin:auto;
	}

	
#main-menu{
	}
	
#main-menu.navbar-nav > li > a { /*area del botón */

  }
  
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	line-height:30px; /*  */
	font-size:13px;
	font-size:1.3rem;
	}
	
	
#last_pie .desarrollador p{
	text-align:right;
	}
}

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

.navbar .container{
	width:970px;
	}
	


}

@media (min-width: 1200px) {

.navbar .container{
	width:1170px;
	}
	
}