@import url("../css/solucoes.css");
@import url("../css/clientes.css");
@import url("../css/contato.css");
@import url("../css/empresa.css");
@import url("../css/home.css");

/*

Date: 2014-01-21
Slicer: Júlio Rieger Lucchese (juliorieger@gmail.com)

Fonts: museo500, gudearegular, ubunturegular

Colors: 
dark-blue:	#3c71b7
dark-blue2: #2d5b9b
light-blue1: #a5bcdb
light-blue2: #3e7dd4

*/

html { height: 100% }

body {
	height: 100%; margin: 0; padding: 0;
	font-size: 15px;
	background: url('../images/bg.png');
	font-family: 'ubunturegular';
}
h1 {
	font-size: 21px;
}
h2 {
	font-size: 32px;
	font-family: 'gudearegular';
}
h3 {
	font-size: 43px;
	font-family: 'gudearegular';
	padding-bottom: 35px;
}
h5  {
	font-family: 'gudearegular';
	font-size: 36px;
	padding: 35px 0 90px 0;
	color: #fff;
}
p {
	font-style: italic;
}
.blue {
	color: #3c71b7;
}
.clear {
	clear:both;
}
.width_wrap {
	width: 960px;
	text-align:left;
}

#container {
}

/* ------------------- */
#header {
	margin: 22px 30px;
}
#header .logo {
	background: url('../images/logo.png') no-repeat center left;
	width: 170px;
	height: 79px;
	text-indent: -9999px;
	display:block;
	float:left;
	margin-top: 6px;
}
#header .socialnetwork {
	text-align: right;
}
/* estilo para corrigir desalinhamento do botao do facebook */
#header .socialnetwork .fb_iframe_widget {
	vertical-align: top;	
}
#header .socialnetwork li {
	display:inline;
	width: 100px;
	vertical-align: top;
}
#header .nav {
	text-align: right;
	font-family: 'museo500';
	margin-top: 21px;
}
#header .nav li, #header .nav li  h1 {
	display:inline;
}
#header .nav a {
	text-decoration: none;
	display: inline-block;
	padding: 6px 15px;
}
#header .nav a:hover, #header .nav .active {
	color:#fff;
	background-color: #3c71b7;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	border-radius: 5px;
}

/* ----------------- */
#main {
	color: #414141;
	width: 100%;
}
#main.bg_main1 {
	background: url('../images/bg_main1.jpg') repeat-x top center;
}
#main.bg_main2 {
	background: url('../images/bg_main2.jpg') repeat-x top center;
}
#main .twocolumns {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:100px; /* Firefox */
	-webkit-column-gap:100px; /* Safari and Chrome */
	column-gap:100px;
}
#main .twocolumns p {
	padding: 0 !important;
	margin: 0 !important;
}
#main .biggerlineheight {
	line-height: 28px;
}
#main .twocolumns  p {
	text-indent: 20px;
	padding-bottom: 20px;
}
#main #slogan {
	height: 355px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
/*	padding-left: 470px; */
	line-height: 48px;
}
#main #slogan2 {
	height: 110px;
	color: #fff;
	width: 31%;
	float: left;
	padding-top: 245px;
	text-shadow: -5px 5px 5px rgba(0,0,0,0.75);
}
#main #slogan2 h2 {
	font-size: 53px;
}
#main #slogan p {
	font-style: normal;
}
#main #primaryContent {
	overflow: hidden;
	padding-bottom: 40px;
}

#main .context {
	font-size: 20px;
	margin-bottom: 50px;
}
#main .halfbox {
	width: 50%;
	float: left;
	padding: 30px 0 0  0;
}
#main .halfbox h2 {
	padding-bottom: 15px;
}
#main #primaryContent p {
	line-height: 25px;
}
#main .modulos {
	overflow:hidden;
	display:block;
	padding-bottom: 50px;
	font-family: 'gudearegular';
}
#main .modulos li {
	float: left;
}
#main .modulos h4 {
	background: url('../images/bg_modulos_for_ie.png') repeat-x rgb(62,125,212);/* fix for IE */
	background: -webkit-linear-gradient(rgb(156,188,233), rgb(62,125,212)); /* For Safari */
	background: -o-linear-gradient(rgb(156,188,233), rgb(62,125,212)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(156,188,233), rgb(62,125,212)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(156,188,233), rgb(62,125,212)); /* Standard syntax */
	
	border-radius: 5px;
	margin: 0 10px;
	width: 220px;
	height: 163px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.38), 0px -7px 0px rgba(0,0,0,0.27) inset;
}
#main .modulos h4.active, #main .modulos h4:hover {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.38), 0px -1px 2px rgba(0,0,0,0.78) inset;
}
#main .modulos a  {
	display: block;
	background-repeat: no-repeat;
	background-position: center 10px;
	height: 100%;
	width: 100%;
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.38), 0px -1px 1px rgba(0,0,0,0.49);
	text-align: center;
	line-height: 100%;
	cursor: pointer;
}
#main .modulos a  span {
	padding-top: 120px;
	display: block;
}
#main #solucoes_intro {
	width: 480px;
	float: left;
}
#main #solucoes_intro p {
	width: 85%;
}
#main #modulo_0, #main #modulo_1, #main #modulo_2,  #main #modulo_3 {
	display: none;
}
#main #modulos_intro {
	width: 400px;
	float: right;
	padding-top: 15px;
}
#main #modulos_intro p {
	padding-bottom: 20px;
}
a.vermais {
	background-color: #3c71b7;
	border-radius: 5px;
	padding: 6px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-family: 'museo500';
	box-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	margin-right: 10px;
}
a.vermais:hover {
	opacity: 0.7;
}
.list_bullet ul {
	list-style: url("../images/list_bullet.png");
	padding-bottom: 10px;
}
.list_bullet ul li {
	padding-bottom: 5px;
}
#secondaryContent {
	background-color: #a5bcdb;
	padding: 40px 0;
	overflow: hidden;
}
#secondaryContent h5 {
	padding: 0 0 30px 0;
	text-align: center;
}
.marcas li {
	height: 170px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.38);
}
.marcas li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
}
.marcas .bx-viewport {
	padding-right: 5px !important;
	padding-bottom: 10px !important;
	float: left;
}
.marcas #slider-prev a, .marcas #slider-next a {
	text-indent: -9999px;
	display: block;
	height: 170px;
	width: 50px;
}
.marcas #slider-prev a:hover, .marcas #slider-next a:hover {
	opacity: 0.7;
}
.marcas #slider-prev a {
	background: url('../images/prev.png') no-repeat center 55px;
	float: left;
}
.marcas #slider-next a {
	background: url('../images/next.png') no-repeat center 55px;
	float: right;
}
.marcas #slider-next a {
}
/* ----------------- */
#footer {
	color: #fff;
}
#footer #contact_bg {
	background: #2d5b9b url('../images/bg_footer.jpg') no-repeat center center;
}
#footer .halfbox {
	float: left;
	width:50%;
	padding-bottom: 20px;
}

#footer .suporteaocliente, #footer .formasdecomercializacao {
	padding: 15px 0 15px 70px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	margin: 30px 0 20px 0;
}
#footer .suporteaocliente {
	background: url('../images/suporteaocliente.png') no-repeat center left;
}
#footer .formasdecomercializacao {
	background: url('../images/monetario.png') no-repeat center left;
}
#footer .atendimento {
	margin: 5px 50px 0 0;
	font-size: 13px !important;
	text-shadow: h2px 2px 4px rgba(0,0,0,0.38);
	display: block;
	line-height: 18px;
}
#footer ul.suporte_links {
	overflow:hidden;
	margin-top:20px;
}
#footer .suporte_links li {
	float: left;
	margin-right: 20px;
}
#footer .suporte_links a {
	display: block;
	padding: 15px 0 15px 40px;
	color: #fff;
	font-family: 'gudearegular';
	font-size: 22px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	text-decoration: none;
}
#footer .suporte_links a:hover {
	opacity: 0.7;
}
#footer a.teamviewer  {
	background: url('../images/teamviewer.png') no-repeat center left;
}
#footer a.ammyyadmin  {
	background: url('../images/ammyyadmin.png') no-repeat center left;
}
#footer .comercializacao_links a {
	color: #fff;
}
#footer .comercializacao_links a:hover {
	opacity: 0.7;
}
#footer .comercializacao_links li {
	padding: 10px 0 10px 85px;
	font-size: 13px !important;
	margin: 0 0 10px 0;
	line-height: 18px;
}
#footer .bndes {
	background: url('../images/bndes.png') no-repeat center left;
}
#footer .sobdemanda {
	background: url('../images/sobdemanda.png') no-repeat center left;
}
#footer #contact {
	clear: both;
	overflow: hidden;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.5) inset;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Safari */
	background: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); /* Standard syntax */
	padding: 25px 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	font-family: 'ubunturegular';
	font-style: italic;
}
#footer .thirdbox {
	width: 280px;
	float:left;
	padding: 20px;
}
#footer .telefone {
	font-family: 'gudearegular';
	font-size: 31px;
	background:url('../images/telefone.png') no-repeat center left;
	padding-left: 57px;
	font-style: normal;
}
#footer .email {
	font-size: 13px;
	padding-top: 10px;
	display: block;
}
#footer .email a {
	color: #fff;
	text-decoration: none;
}
#footer  a:hover {
	color: #fff;
	opacity:0.7;
}
#footer .endereco {
	background: url('../images/pinpoint.png') no-repeat center left;
	padding: 2px 0 2px 67px;
	line-height: 28px;
	font-size:15px;
}
#footer .adv_socialnetwork {
	float: left;
	width: 180px;
	line-height: 28px;
}
#footer .facebook_icon, #footer .twitter_icon {
	height: 33px;
	width: 34px;
	float: left;
	text-indent: -9999px;
	display: block;
	margin: 10px 10px 0 0;
}
#footer .facebook_icon {
	background: url("../images/facebook.png") no-repeat center center;
}
#footer .twitter_icon {
	background: url("../images/twitter.png") no-repeat center center;
}
#footer #copyright_bg {
	background: #2d5b9b;
	overflow: hidden;
}
#footer #copyright_bg .copyright {
	font-family: 'ubunturegular';
	font-style: italic;
	font-size: 15px;
	display: block;
	padding: 15px 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.38);
	float: left;
}
#footer #copyright_bg a {
	display: block;
	float: right;
	background: url("../images/hiper.png") no-repeat center right;
	width: 195px;
	height: 30px;
	text-indent: -9999px;
	padding-top: 15px;
}

/* Tela Arquivos */

.erro_login {
	color: #C44;
	padding: 8px 5px;
	border: #f66 solid 1px;
	margin-bottom: 20px;
	background: #fbb;
	width: 317px;
	text-align: center;
}

.lista_arquivos h5{
	font-size: 35px;
}

.lista_arquivos ul {
	font-size: 20px; margin-left: 50px; margin-top: 25px;
}

.lista_arquivos ul li.titulo {
	margin-top: 50px;
	border-bottom: 2px solid #3c71b7;
	font-size: 30px;
	padding-bottom: 5px;
	color: #3c71b7;
	font-weight: bold;
}

.lista_arquivos ul li.arquivos {
	margin-top: 30px;
	margin-left: 50px;
	color: #3c71b7;
	font-weight: bold;
	line-height: 48px;
}

.lista_arquivos ul li.arquivos a {
	float: left;
	display: block;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	background: url('/images/download.png') center;
	margin-right: 7px;
}

.lista_arquivos ul li.arquivos a:hover {
	background: url('/images/download_hover.png') center;
}