/* GLOBAL
-------------------------------------------------- */
html{      
  width:100%;
  height:100%;  	    
}
 
body{
  margin:0;
  width:100%;
  height:100%;
  background-color:#FFF;
  /*background:url(/img/bgmain.jpg);*/
  /*background-size:cover;*/
  
  padding-bottom: 40px;
  padding-top:15px;
  color: #5a5a5a;
}

#empresa{
	margin-top:35px;
	font-size:17px;
	}

.navbar-inverse .navbar-toggle {
border-color: #333;
color: #000;
background-color: #000;
}


.navbar-inverse .navbar-toggle .icon-bar {
background-color: #FCFCFC;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
 border-color: transparent; 
}

.navbar {

min-height: 110px;

}

.navbar-inverse {
 background-color:#FCFCFC; 
/*border-color: #1086B8;*/
border-bottom: 5px solid #1086B8;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

.navbar-inverse .navbar-nav>li>a {
color: #1086B8;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #1086B8;
}

.navbar-inverse .navbar-nav>li>a:hover {
color: #FFF;
background-color: #0CEB71;
}

.navbar-brand img{
    width:140px;
	height:80px;
	margin:15px;
}


hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #0CEB71;
}


footer{
	padding:15px 30px 15px 30px;
	 background-color:#1086B8;
	 width:100%;
	 color:#FFF;
	}

footer a {
	color:#FFF;
	}
footer a:hover {
	color:#0CEB71;
	}
	




/* RESPONSIVE CSS
-------------------------------------------------- */

/* Tablet Landscape
-------------------------------------------------- */
@media (min-width: 781px) and (max-width: 1024px)  {

body{
 
  padding-top:90px;
 
}

#empresa{
	margin-top:37px;
	font-size:12px;
	}
	
.navbar {

min-height: 90px;

}

.navbar-brand img{
    width:110px;
	height:60px;
	margin:15px;
}


}











/* Tablet portrait
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 780px)  {

body{
 
  padding-top:90px;
 
}

#empresa{
	margin-top:0px;
	font-size:0px;
	}

.navbar {

min-height: 90px;

}

.navbar-brand img{
    width:110px;
	height:60px;
	margin:15px;
}


}








/* Moblle Landscape 
-------------------------------------------------- */
@media (min-width: 481px) and (max-width: 767px)  {

body{
 
  padding-top:90px;
 
}


#empresa{
	margin-top:0px;
	font-size:0px;
	}

.navbar {

min-height: 90px;

}

.navbar-brand img{
    width:110px;
	height:60px;
	margin:15px;
}



}







	



/* Moblle Portrait
-------------------------------------------------- */
@media (min-width: 320px) and (max-width: 480px)  {

body{
 
  padding-top:90px;
 
}

#empresa{
	margin-top:0px;
	font-size:0px;
	}
	
.navbar {

min-height: 90px;

}

.navbar-brand img{
    width:110px;
	height:60px;
	margin:15px;
}





}