/* DEFAULT */

html, body { font-family: 'Roboto', Arial, sans-serif !important; margin:0px; padding:0px; }
a { text-decoration:none !important; }
a:hover { text-decoration:none !important; }
img { border:0px; }

h1 {
	color:#4377c3 !important;
	font-size:34px !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	display:block !important;
	margin:0px auto !important;
}

h2 {
	color:#4377c3 !important;
	font-size:34px !important;
	font-weight:bold !important;
	text-transform:uppercase !important;
	display:block !important;
	margin:0px auto !important;
}

h3 {
	color:#424242 !important;
	font-size:34px !important;
	font-weight:300 !important;
	display:block !important;
	margin:0px auto !important;
}

.btn-default {
	color:#FFF !important;
	background:#4377c3 !important;
	border:2px solid #FFF !important;
	text-transform: uppercase;
	-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background 0.2s;
}

.btn-default:hover {
	color:#4377c3 !important;
	background:#f5f5f5 !important;
	border:2px solid #FFF !important;
	text-transform: uppercase;
}

.btn-primary {
	color:#4377c3 !important;
	background:transparent !important;
	border:2px solid #4377c3 !important;
	text-transform: uppercase;
	-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background 0.2s;
}

.btn-primary:hover {
	color:#FFF !important;
	text-transform: uppercase;
	background:#4377c3 !important;
	border:2px solid #4377c3 !important;
}

.col-utilitarios-01 {
	background:#62aee7;
	border:1px solid #FFF;
}

.col-utilitarios-02 {
	background:#4477c3;
	border:1px solid #FFF;
}


/* MENU */

nav.navbar ul.navbar-nav { list-style-type:none !important; margin:0px !important; padding:0px !important; }
nav.navbar ul.navbar-nav li { float:left !important; margin:0px 0px !important; }
nav.navbar ul.navbar-nav li:first-child { margin-left:0px !important; }
nav.navbar ul.navbar-nav li:last-child { margin-right:0px !important; }
nav.navbar ul.navbar-nav li a { color:#4478c3 !important; font-size:16px !important; font-weight:bold !important; text-transform: uppercase !important; }
nav.navbar ul.navbar-nav li a:hover { color:#1e3f75 !important; }

.navbar-default { background:none !important; padding:0px !important; margin:0px !important; border:0px !important; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:0px !important; }


/* PARA SUBMENU NO MOUSE HOVER */

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block !important; }



/* CUSTOM */

nav.navbar ul.navbar-nav li ul.dropdown-menu li {
	clear:both;
}

nav.navbar ul.navbar-nav li ul.dropdown-menu li a {
	font-size:14px !important;
	text-transform:none !important;
	padding:5px 10px;
}

nav.navbar ul.navbar-nav li ul.dropdown-menu li a:hover {
	background:none;
	padding:5px 10px;
}

#faixa-inicio {
	background:#4377c3;
	padding:10px 20px;
}

#faixa-inicio span, #faixa-inicio a {
	color:#FFF;
}

#faixa-inicio a:hover {
	color:#74a0e1;
}

#logo-menu {
	clear:both;
	padding:30px 0px;
}

.page-title {
	background:#f5f5f5;
	width:100%;
	padding:30px 0px;
}

.page-title h1 {
	font-size:30px !important;
}

.content-page {
	padding:40px 0px;
	width:100%;
}

.content-page h2 {
	font-size:20px !important;
	padding:20px 0px;
}

.title-home {
	padding-bottom:40px;
}

.tit-secao-01 {
	color:#4377c3;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}

.txt-secao-01 {
	color:#4c4c4c;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
}

.content-page #call-to-action {
	background:#FFF;
	border:2px solid #DDD;
	border-radius:30px;
	padding:20px;
	color:#333;
	font-size:20px;
	margin:30px 0px;
	text-align:center;
}

#call-to-action, footer {
	background:#4377c3;
	padding:60px 0px;
	text-align:center;
	width:100%;
	color:#FFF;
}

.text-call-to-action {
	color:#FFF;
	font-size: 20px;
	font-weight:500;
}

.text-call-to-action a {
	color:#002d6e;
	font-size: 24px;
	font-weight:500;
}

.text-call-to-action-02 {
	color:#FFF;
	font-size: 16px;
	font-weight:normal;
	padding-top:30px;
}

#solucoes-sealine {
	background:#f5f5f5;
	padding:60px 0px;
	width:100%;
}

.txt-secao-03 {
	color:#4c4c4c;
	font-size:20px !important;
	line-height:26px !important;
	font-weight:normal;
}

.txt-secao-03-page {
	color:#4c4c4c;
	font-size:16px;
	font-weight:normal;
}

#bem-vindo, #quem-somos {
	background:#FFF;
	padding:60px 0px;
	width:100%;
}

#quem-somos span {
	color:#323232;
	font-size:22px;
	line-height:32px;
	font-weight: normal;
}

footer {
	color:#FFF;
	font-size:16px;
	line-height: 26px;
}

/* MEDIA QUERIES */

@media (max-width:768px) {
	nav.navbar ul.navbar-nav  { display:inline !important; background:#f0f0f0; width:100%; text-align:center; }
	nav.navbar ul.navbar-nav li { display:block !important; clear:both; margin:5px 0px !important; width:100%; text-align:center; }
	nav.navbar ul.navbar-nav li:hover { background:#f5f5f5; }
	nav.navbar ul.navbar-nav li:first-child { margin-top:0px !important; }
	nav.navbar ul.navbar-nav li:last-child { margin-bottom:0px !important; }
	nav.navbar ul.navbar-nav li a { color:#444 !important; font-size:14px !important; font-weight:normal !important; text-transform: uppercase !important; }
	
   /* PARA SUBMENU NO MOUSE HOVER */
   ul.nav li.dropdown:hover ul.dropdown-menu{ display: none !important; }
   
   .no-mobile { display:none !important; }

	.collapse {
	    display: none !important;
	}

	.navbar-collapse.in {
	    overflow-y: auto;
	}
	.collapse.in {
	    display: block !important;
	}

	.navbar-collapse {
	    padding-right: 15px;
	    padding-left: 15px;
	    overflow-x: visible;
	    -webkit-overflow-scrolling: touch;
	    border-top: 1px solid transparent;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}

	.navbar-header { 
		width:100% !important;
		display:block !important;
	}

	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-right: 15px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    display:block !important;
	}
   
   .no-tablet { display:none !important; }

   #logo-mobile {
   	margin:auto;
   	width:100%;
   	text-align:center;
   	padding-bottom:25px;
   }

   #menu-mobile {
   	width:100%;
   	text-align:center;
   }

}

@media (min-width:769px) and (max-width:991px) {
	nav.navbar { margin:0px !important; padding:0px !important; }

	nav.navbar ul.navbar-nav  { display:block !important; background:#ddd; border-radius:6px; clear:both !important; margin:0px !important; padding:0px !important; }
	nav.navbar ul.navbar-nav li { display:block !important; clear:both; margin:5px 0px !important; }
	nav.navbar ul.navbar-nav li:first-child { margin-top:0px !important; }
	nav.navbar ul.navbar-nav li:last-child { margin-bottom:0px !important; }
	nav.navbar ul.navbar-nav li a { color:#082053 !important; font-size:14px !important; font-weight:normal !important; text-transform: uppercase !important; }
	nav.navbar ul.navbar-nav li a:hover { color:#a4a4a4 !important; }

	.collapse {
	    display: none !important;
	}

	.navbar-collapse.in {
	    overflow-y: auto;
	}
	.collapse.in {
	    display: block !important;
	}

	.navbar-collapse {
	    padding-right: 15px;
	    padding-left: 15px;
	    overflow-x: visible;
	    -webkit-overflow-scrolling: touch;
	    border-top: 1px solid transparent;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}

	.navbar-header { 
		width:100% !important;
		display:block !important;
	}

	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-right: 15px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    display:block !important;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	nav.navbar { margin-top:30px !important; }
	nav.navbar ul.navbar-nav li { margin:0px 0px !important; }
	nav.navbar ul.navbar-nav li a { font-size:14px !important; }
}

@media (min-width:1200px) {
	nav.navbar { margin-top:30px !important; }
}