/* ######## AJUSTES ######## */
html, body { height: 100%; }
*{ border:0; text-decoration:none; margin:0 auto}
header, nav, article, section, footer, footerh, address {display:block;}
p, h1, h2, h3, h4, h5, h6 {margin:0;}
img {border:0;}
body {margin:0 auto;background-color:#fff;background-repeat:repeat-x;font-size:14px;line-height:18px;font-family:'Roboto', arial, sans-serif;color:#444444;overflow-y: auto; overflow-x: hidden;}
a, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', arial, sans-serif;color:#444;font-weight:400;}
a:hover, a.active {color:#26665c !important;}
.ver {color:#26665c !important;}
section p 		{margin:5px 0;}
h1 {font-family: 'Exo 2', serif;font-size:23px;line-height:36px;font-weight:400;margin:0;color:#16344c;}
h2 {font-family: 'Roboto Condensed', sans-serif;font-size:16px;line-height:30px;font-weight:400;color:#16344c;margin-bottom:10px;text-transform:uppercase;}
h3 {font-family: 'Exo 2', serif;font-size:15px;line-height:25px;font-weight:600;margin:0;color:#16344c;}
h4 {font-family: 'Exo 2', serif;font-size:20px;line-height:28px;font-weight:400;margin:5px 0 0 0;color:#16344c;}
h5 {font-family: 'Exo 2', serif;font-size:37px;line-height:38px;font-weight:400;margin:0px 0 20px 0;color:#16344c;}
h6 {font-family: 'Exo 2', serif;font-size:18px;line-height:28px;font-weight:600;margin:25px 0 0 0;color:#26665c;border-top:solid 1px #CCC;padding-top:5px;}

/* ######## HEADER ######## */
#topo          	{margin:0 auto;  width:100%;  overflow:hidden; position: relative; background:#16344c;}
#topo2         	{margin:0 auto;  width:100%;  overflow:hidden; position: absolute; z-index:999;}
.menu          	{margin:0 auto; max-width:1040px;}
#logo			{margin:40px 0 40px 20px; float:left; }
#nav 			{float:right;margin:47px 20px 0 0 !important;}
#header			{margin:0 auto;width:100%;position:relative;height:10px;background-color:#3070a4ff;}

.nav_institucional {position:relative;text-align:right;height:15px;}
.nav_institucional ul {display:inline-block;list-style-type:none;}
.nav_institucional ul li {display:inline-block;border-right:1px solid #999;height:15px;}
.nav_institucional a {text-decoration:none;font-family: Arial, sans-serif !important;color:#ccc !important;font-size: 14px !important;margin:0 5px 0 5px;padding-right:4px;}
.nav_institucional a:hover {text-decoration:underline !important;}
.nav_institucional .semborda {border:none;}
.nav_institucional .semborda a {margin:0 0px 0 5px;padding-right:0px;}

.nav_principal {float:right;position:relative;text-align:right;margin:15px 0 30px 0;border-top:1px solid #999;padding:0;}
.nav_principal ul {list-style-type:none;margin:0;padding:0;}
.nav_principal ul li {margin:15px 18px 0 0;}
.nav_principal .first_nav {display:inline-block;vertical-align: top;}
.nav_principal .first_nav li {display:inline-block;vertical-align: top;}
.nav_principal .second_nav {display:block;}
.nav_principal .second_nav li {display:block;}
.nav_principal span {font-family:'Roboto', helvetica, arial, sans-serif; font-size: 14px !important; color:#ccc; font-weight:700;}
.nav_principal a {text-decoration:none;font-family:'Roboto', helvetica, arial, sans-serif; font-size: 14px !important; color:#fff; font-weight:500;}
.nav_principal a:hover {color:#ccc !important;}
.nav_principal .semborda {border:none;margin-right:0px;}

@media only screen and (max-width: 550px) {
	#logo			{margin:40px 0 20px 20px; float:left; }
	#nav 			{float:right;margin:20px 20px 40px 0 !important;}
	.nav_principal ul li {margin:15px 5px 0 0;}
}

#panel_home {height:850px;position:relative;background:#666;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#panel_home div.rotator {position:relative; display:inline-block; width: 100%; height: 100%; overflow: hidden;}
#panel_home div.rotator > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#panel_home div.rotator > div:before {content: ''; display: inline-block; height: 100%; vertical-align: top;}
#panel_home div.rotator > div > img {width: 100%;}
#home_next {position: absolute; right: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/next.png"); text-indent: -9999px;}
#home_prev {position: absolute; left: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/prev.png");text-indent: -9999px;}
 
.wrapper { max-width:1040px; height:0px; margin-top:-290px;}
.headline { padding-top:70px; margin-left:20px; font-family: 'Exo 2', serif;	font-size:33px;	line-height:47px;	font-weight:light;	color:#fff; }

.slide1 { background-image: url("/resources/imagens/background1.jpg"); background-size: 100% auto;   background-repeat: repeat; text-align:left}
.slide2 { background-image: url("/resources/imagens/background2.jpg"); background-size: 100% auto;   background-repeat: repeat; text-align:left}
.slide3 { background-image: url("/resources/imagens/background3.jpg"); background-size: 100% auto;   background-repeat: repeat; text-align:left}

.hosting {height:400px;position:relative;background-image: url("/resources/imagens/hosting.jpg"); background-size: 100% auto;   background-repeat: repeat;}

@media only screen and (max-width: 1100px) {
	.slide1 { background-image: url("/resources/imagens/background1.jpg"); background-size: auto 100%;   background-repeat: repeat; text-align:left}
	.slide2 { background-image: url("/resources/imagens/background2.jpg"); background-size: auto 100%;   background-repeat: repeat; text-align:left}
	.slide3 { background-image: url("/resources/imagens/background3.jpg"); background-size: auto 100%;   background-repeat: repeat; text-align:left}
	.hosting { background-image: url("/resources/imagens/hosting.jpg"); background-size: auto 100%;   background-repeat: repeat; text-align:left}
}

/* SECTIONS */
#corpo 	        	{margin:0 auto 0 auto; width:100%; display: inline-block;}
#content 			{max-width:1040px;margin:0 auto;padding:50px 20px 60px 20px;overflow:auto;}
.content 			{max-width:1040px;margin:0 auto;padding:50px 20px 60px 20px;overflow:auto;}
.page-description > p:first-child {margin-top:0;}
.leiamais	 		{text-transform:uppercase;font-size:14px;}

#section			{margin:0 auto 0 auto; width:100%;background:#eee;}
.column-three-to-one .padding	{padding:40px 20px 40px 20px;}
.column-four-to-one .padding	{padding:40px 20px 40px 20px;}
#section .column	{position:relative;display:inline-block;padding:30px 20px 30px 0px;}
#section h5			{color:#16344c;text-align:center;}
#section img		{width:100%;max-width:280px;}
#section p		 	{font:18px 'Exo 2', Arial, helvetica, sansSerif; line-height:30px; color:#16344c; margin:5px 0 10px 0 !important;border-bottom:1px solid #ccc;}
#section a 			{border-top: solid 1px #CCC;padding-top:10px;width:100%;max-width:300px;margin:20px 0 0 0;display: block;color:#26665c;font-family: 'Roboto Condensed', sans-serif;font-size:14px;text-decoration:none;font-weight:400;}
#section a:hover 	{text-decoration:underline;}

@media only screen and (max-width: 980px) { 
	#section .column 	{display:block;padding:30px 0px 30px 0px;}
}

#description {width:100%;background-color:#FFF;border-bottom:1px solid silver;}
#description .left {float:left;width:100%;max-width:645px;}
#description .left .padding {padding:40px 20px 40px 0px;}
#description .right {float:left;width:100%;max-width:315px;}
#description .right .padding {padding:40px 20px 40px 0px;}
#description .right p {padding-bottom:7px;font-size:14px;line-height:20px;}

.background1 {background:url('/resources/imagens/background1.jpg') left top no-repeat; background-size: 100%;margin:0 auto;width:100%;min-height:450px;}
.background2 {background:url('/resources/imagens/background2.jpg') left top no-repeat; background-size: 100%;margin:0 auto;width:100%;min-height:450px;}
.background3 {background:url('/resources/imagens/background3.jpg') left top no-repeat; background-size: 100%;margin:0 auto;width:100%;min-height:450px;}

@media only screen and (max-width: 1100px) {
	.background1 {background:url('/resources/imagens/background1.jpg') left top repeat; background-size: auto 100%;margin:0 auto;width:100%;min-height:450px;}
	.background2 {background:url('/resources/imagens/background2.jpg') left top repeat; background-size: auto 100%;margin:0 auto;width:100%;min-height:450px;}
	.background3 {background:url('/resources/imagens/background3.jpg') left top repeat; background-size: auto 100%;margin:0 auto;width:100%;min-height:450px;}
}

/* ######## FOOTER ######## */
#footer      	{width:100%;background:#eee;display:inline-block;}
#footer .padding {padding:30px 20px 30px 20px;max-width:1040px;}
#footer .column-four-to-one	{margin-bottom:40px;}
#footer img		{height:50px;margin-bottom:30px;}
#footer .large 	{color:#16344c !important;font-size:16px;font-weight:600 !important;font-family:'Exo 2', serif;margin-bottom:10px;text-transform:uppercase;font:10px !important;}
#footer ul 		{display:inline-block;list-style:none;margin-top:2px;margin-left:-40px;margin-bottom:20px;}
#footer ul li 	{margin-bottom:10px;font-weight:500;}
#footer span	{font:14px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:16px;}
#footer a		{font-family:'Exo 2', serif;font-size:14px;font-weight:400;text-decoration:none;}
#footer .social a{margin-right:10px;}
#footer .social img {display:inline-block;background:url(/resources/imagens/sprite_social.png) no-repeat;height:32px;}
#footer .facebook img {background-position:0px 0px;width:32px;}
#footer .instagram img {background-position:-32px 0px;width:32px;}
#footer .youtube img {background-position:-64px 0px;width:32px;}
#footer .linkedin img {background-position:-96px 0px;width:32px;}

/* FORM */
form 						{text-align:left;}
form input, form textarea 	{width:calc(100% - 0px);margin:5px 0px 5px 0px;background:#efefef;font-family:arial, sans-serif;font-size:14px;color:#4d4d4d;border:solid 1px #ccc;-webkit-border-radius:6px; /* Chrome */-moz-border-radius:6px; /* Firefox */border-radius:3px;}
form input					{height:31px;padding:0 0 0 10px;}
form textarea				{height:100px;padding:10px 0 10px 10px;}
form .submit 				{background-color:#26665c;width:80px;padding:13px;cursor:pointer;font-family: 'Roboto Condensed', sans-serif;font-size:18px;font-weight:400;color:#FFF;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;}
form .submit:hover			{color:#efefef !important;}

.margin-bottom40		{margin-bottom:40px;}
.margin-top50			{margin-top:50px;}

.object-left			{float:left;}
.center					{margin-left:auto;margin-right:auto;}

.block-items-one		{position:relative;display:block;width:100%;}
.block-items-one h2		{font-size:30px;color:#000;}
.block-items-one img	{width:220px;}
.block-items-one li		{padding-bottom:10px;}

.block-items-two		{position:relative;display:block;width:100%;}
.block-items-two h2		{font-size:30px;color:#000;}
.block-items-two h3		{margin:0px;font-weight:700;}
.block-items-two img	{position:relative;display:block;width:50px;margin:10px 20px 0px 0px;}
.block-items-two ul		{list-style-type:none;margin-left:0px;}
.padding-vertical		{padding-top:20px;padding-bottom:20px;}

.block-images-two		{position:relative;display:block;width:100%;}
.block-images-two h2	{font-size:30px;color:#000;}
.block-images-two img	{position:relative;display:block;width:200px;margin:10px 20px 0px 0px;}
.block-images-two p		{display:block;}

.capitalize				{text-transform:capitalize;}
.text-transform			{text-transform:uppercase;}
.background-blue-e		{background:#0164bf;}
.padding20				{padding:20px;}

.newsletter				{width:100%;text-align:center;opacity:0.8;filter:alpha(opacity=80);background-color:#16344c;}
.newsletter .padding	{padding:60px 20px 60px 20px;}
.newsletter p			{font-size:22px;color:#fff;text-align:center;margin-bottom:40px;}
.newsletter a			{color:#ccc;border:solid 2px #ccc;text-transform:uppercase;font-size:16px;padding:10px 25px 10px 25px;-webkit-border-radius:6px; /* Chrome */-moz-border-radius:6px; /* Firefox */border-radius:3px;}
.newsletter a:hover		{color:#ffffff !important;}

/* COLUMNS */
.column-five-to-one		{display:inline-block;vertical-align:top;width:calc(20% - 6px);}
.column-four-to-one		{display:inline-block;vertical-align:top;width:calc(25% - 6px);}
.column-three-to-one	{display:inline-block;vertical-align:top;width:calc(33.33% - 4px);}
.column-two-to-one		{display:inline-block;vertical-align:top;width:calc(50% - 4px);}

@media only screen and (min-width: 1020px) and (max-width: 1279px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
}
@media only screen and (min-width: 960px) and (max-width: 1019px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-four-to-one			{width:calc(50% - 4px);}
}
@media only screen and (min-width: 580px) and (max-width: 767px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-three-to-one		{width:100%;}
	.column-three-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-four-to-one			{width:calc(50% - 4px);}
}
@media only screen and (min-width: 321px) and (max-width: 579px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-three-to-one		{width:100%;}
	.column-three-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-four-to-one			{width:100%;}
	.column-four-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-five-to-one			{width:100%;}
	.column-five-to-one .padding {padding-left:0px;padding-right:0px;}
}
@media only screen and (max-width: 320px) {
	.column-two-to-one			{width:100%;}
	.column-two-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-three-to-one		{width:100%;}
	.column-three-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-four-to-one			{width:100%;}
	.column-four-to-one .padding {padding-left:0px;padding-right:0px;}
	.column-five-to-one			{width:100%;}
	.column-five-to-one .padding {padding-left:0px;padding-right:0px;}
}

/* POPUP */
.popup					{cursor:auto;background:none repeat scroll 0 0 #FFFFFF;border-radius:5px;color:#333333;display:none;position:fixed;left:50%;width:100%;max-width:500px;margin-left:-250px;top:0px;margin:50px 0px 0px 0px;z-index:10001;}
.popup h2				{font-size:18px;}
#popup-text				{color:#000;padding-left:10px;padding-right:10px;}
#background-popup 		{z-index:10000;position:fixed;display:none;height:100%;width:100%;background:#000000;top:0px;left:0px;}
div.loader 				{background:url("/resources/imagens/ajax-loader.gif") no-repeat scroll 0 0 transparent;height:32px;width:32px;display:none;z-index:1002;top:30%;left:30%;position:absolute;margin-left:-10px;}
div.popup-close			{background:url("/resources/imagens/closebox.png") no-repeat scroll 0 0 transparent;cursor:pointer;position:relative;float:right;bottom:15px;left:15px;width:30px;height:30px;}
div.popup-content 		{padding:20px;}

.button					{color:#fff;text-decoration:none;font-size:18px;position:relative;cursor:pointer;padding:10px 15px 10px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.button:hover			{color:#fff !important;}
.send					{background:#26665c;}
.cancel					{background:#ff5f5f;}
.margin-right			{margin-right:20px;}

.attention-transparent span	{padding-left:30px;}
.attention				{display:inline-block;padding:5px 10px 5px 10px;margin-top:7px;background:#fffff1 url('/resources/imagens/warning.png') no-repeat;background-size:18px;background-origin:content-box;border:1px solid #e4d88a;}
.attention span, 
.attention-transparent span	{padding-left:30px;}
.textfield				{width:calc(100% - 0px);height:31px;padding:0 0 0 10px;margin:5px 0px 5px 0px;color:#000;border:solid 1px #ccc;-webkit-border-radius:6px; /* Chrome */-moz-border-radius:6px; /* Firefox */border-radius:3px;}
.textarea				{width:calc(100% - 0px);height:70px;padding:10px 0 10px 10px;margin:5px 0px 5px 0px;color:#000;border:solid 1px #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:3px;min-height:70px;max-height:150px;}

@media only screen and (min-height: 600px) {
	.popup				{margin-top:40px;margin-left:-250px;}
}
@media only screen and (min-height: 400px) and (max-height: 599px) {
	.popup				{max-width:280px;margin-left:-140px;}
	.popup				{margin-top:30px;}
}
@media only screen and (max-height: 399px) {
	.popup				{max-width:280px;margin-left:-140px;}
	.popup				{margin-top:20px;}
}

/* ######## MAPS ######## */
#map-canvas	{position: relative;width:100%;}

/* ######## MOBILE MENU ######## */
.topnav {overflow: hidden;background-color: #16344c;position: relative;}
.topnav .logo {padding: 15px 0 15px 0;display: inline-block;}
.topnav .icon {padding: 15px;font-size: 20px;display: block;}
.topnav a.icon {background-color: #3070a4ff;color:#ffffff;display: block;position: absolute;right: 0;top: 0;}
.topnav a.icon:hover, .topnav a.active {color:#ffffff !important;}
#myLinks {display: none;background-color: #3070a4ff;}
#myLinks a {color: #fff;padding: 15px;text-decoration: none;font-size: 17px;display: block;}
#myLinks a:hover, #myLinks a.active {color:#16344c !important;}
@media only screen and (max-width: 1080px) {
	.topnav .logo {margin-left:20px;}
}

.whatsapp {position:fixed;bottom:0px;right:0px;margin-right:20px;margin-bottom:20px;z-index:999;}
.whatsapp img {width:40px;}

.background-blue-c		{background:#00a5c3;}
.background-red			{background:#ff5f5f;}

.font-white {color:#ffffff;}
.serviceRadius {-webkit-border-radius:3px;-moz-border-radius:3px;padding:3px;}
.green					{color:#5CC773;}
.red					{color:#ff5f5f;}
.orange					{color:#f0ad4e;}
.popup2					{cursor:auto;background:none repeat scroll 0 0 #FFFFFF;border-radius:5px;color:#333333;z-index:100001;display:none;position:fixed;top:0px;margin-top:20px;}
.popup2 h2				{font-size:18px;}
@media only screen and (min-width: 581px) {
	.popup2					{width:100%;left:50%;margin-left:-250px;max-width:500px;}
}
@media only screen and (max-width: 580px) {
	.popup2					{width:80%;left:10%;}
}

#loading 				{width:100%;height:100%;top:0px;left:0px;position:fixed;display:none;opacity:0.7;background-color:#fff;z-index:99;text-align:center;}
#loading-image 			{width:200px;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px);z-index:2000;}