* { margin: 0; padding: 0; border: 0; outline: 0 auto; }
body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333333; font-weight: 400; }
a { cursor: pointer; text-decoration: none; color: #555555; }
a:hover { color: #F39C12; }
li { list-style: none; }
input[type="submit"] { cursor: pointer; }

/* Overrides Bootstrap */
.container { position: relative; }
.progress { margin-bottom: 0; }

/* Custom buttons */
.btn-xb { display: inline-block; font-family: inherit; color: #333333; cursor: pointer; border: 1px solid #7D7D7D; border-radius: 5px; font-size: 16px; font-weight: 400; background-color: #FFFFFF; box-shadow: 0 3px 0 #7D7D7D; min-width: 135px; padding: 8px 25px; }
    .btn-xb:hover { color: #333333; background-color: #F8F8F8; }
.btn-xb-laranja { color: #FFFFFF; border: 1px solid #e4832c; background-color: #efad57; box-shadow: 0 3px 0 #e4832c; }
    .btn-xb-laranja:hover { color: #FFFFFF; background-color: #EB9A2E; }

header { position: relative; width: 100%; height: 170px; border-bottom: 1px solid #E9E9E9; line-height: 170px; background: #FCFCFC url(../images/bg_header.png) no-repeat center; }
header #wrapper-div { width: 100%; margin: 0 auto; height: 170px; }
header #logo-header { margin: 0 auto; position: absolute; width: 271px; height: 109px; background: url(../images/logo_header_desc.png) no-repeat; top: 30px; left: 50%; margin-left: -135px; z-index: 1; }
header #logo-header img { vertical-align: baseline; }
header #info-usuario { position: absolute; right: 0; bottom: 5px; line-height: normal; }
header ul { text-transform: uppercase; font-size: 20px; font-weight: 400; color: #555555; }
header ul.esq { float: left; }
header ul.dir { float: right; }
header ul li { display: inline-block; margin-left: 20px; margin-right: 20px; }
header ul li a { padding-top: 6px; padding-bottom: 6px }
header ul li a:hover, .ativado { border-bottom: 1px solid #F39C12; border-top: 1px solid #F39C12; color: #F39C12; }

section { position: relative; min-height: 400px; width: 100%; background-color: #FCFCFC; }
section .descricao_pag { border-bottom: 1px solid #E9E9E9; text-align: center; line-height: 35px; padding: 10px 0; font-size: 32px; font-weight: 600; color: #555555; background-color: #FFFFFF; }
section .container { padding-top: 30px; padding-bottom: 60px; }

footer { position: relative; padding: 40px; width: 100%; background-color: #555555; }
footer #footer_container { position: relative; width: 960px; margin: 0 auto; }
footer #copyright { font-size: 12px; font-weight: 300; text-align: center; color: #E1E1E1; }
footer nav { text-align: center; }
footer ul { text-transform: uppercase; margin-top: 10px; }
footer ul li { display: inline-block; padding-right: 10px; padding-left: 4px; border-right: 1px solid #c7c7c7; line-height: 14px; padding-bottom: 2px; }
footer ul li a { color: #E1E1E1; font-size: 13px; font-weight: 300;  }


.item { display: inline-block; }

.box-solucoes { margin: 0 auto; position: relative; width: 161px; height: 141px; background: url(../images/box_sprite.png) no-repeat; cursor: pointer; }

#box-websites span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) 0 0 no-repeat; }
#box-hotsites span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) -161px 0 no-repeat; }
#box-jingles span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) -322px 0 no-repeat; }
#box-logos span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) -483px 0 no-repeat; }
#box-blogs span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) -644px 0 no-repeat; }
#box-sistemas span { display: none; position: absolute; left: 0; top: 0; width: 161px; height: 141px; background: url(../images/box_itens_sprite.png) -805px 0 no-repeat; }

.dual_pag { position: relative; display: table; width: 960px; margin: 0 auto; }
.dual_pag .dual_pag_left { position: relative; float: left; width: 460px; }
.dual_pag .dual_pag_left .msg_erro { display: none; position: relative; height: 45px; line-height: 45px; border: 1px solid #FF0000; background-color: #FFF4F4; color: #FF0000; font-size: 14px; font-weight: 600; text-align: center; }
.dual_pag .dual_pag_left .msg_ok { display: none; position: relative; height: 45px; line-height: 45px; border: 1px solid #008C00; background-color: #F0FFF0; color: #008C22; font-size: 14px; font-weight: 600; text-align: center; }

.dual_pag .dual_pag_right { position: relative; float: right; width: 478px; min-height: 200px; }
.dual_pag .dual_pag_right input, textarea { font-family: 'Open Sans', sans-serif; padding: 11px; }
.dual_pag .dual_pag_right input[type="text"], textarea { width: 454px; font-size: 16px; border: 1px solid #999999; margin-bottom: 20px; }
.dual_pag .dual_pag_right input[type="text"]:focus, textarea:focus { border: 1px solid #F39C12; color: #F39C12; }
.dual_pag .erro { background-color: #FFF4F4; border: 1px dotted #FF0000!important; color: #333333!important; }

.dual_pag .dual_pag_right input[type="submit"] { width: auto; height: auto; background-color: #F39C12; font-size: 18px; font-weight: 600; color: #FFFFFF; padding-left: 30px; padding-right: 30px;  }
.dual_pag .dual_pag_right input[type="submit"]:hover { background-color: #F5B041; }

/* Home */
.login-home { margin-top: 25px; }
.login-home .alert { display: none; }


/* Clientes */
.clientes-usuario-logado { margin-top: 30px; }
.clientes-cronograma-total { font-weight: 700; font-size: 20px; }



/* Resposive */
@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}