/* INDEX 1*/
html, body { height: 100%; }
body { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; background-color: #f4f4f7; }

a { text-decoration: none !important; color: #161616; }
a:hover { color: #161616; }
.float-right { float: right; }
.font-italic { font-style: italic;  }

.index1 a { color: #f4f4f7 !important; }

header { width: 100%; display: table; }
header .topo { position: relative; top: 0; z-index: 1; }

header .header { position: absolute; top: 0; width: 100%; z-index: 2; }
header .navbar { margin-bottom: 0; }
header .navbar-inverse { background-color: transparent; border: 0; }
header .dropdown-menu li a { font-size: 12px; }
header .dropdown-menu { background-color: rgba(255, 255, 255, 0.8); }

header .logo { width: 20%; padding-top: 20px; float: left; }
header .menu { float: right; padding-top: 10px; }
header .menu nav { float: left; }
header .menu>div { float: left; padding: 10px 0 0 50px; }

/* INDEX2 */
.index2 .header { position: relative; background-color: #FFF; width: 100%; }

.index2 a { color: #161616 !important; }
.index2 .btn-header { background-color: transparent; border: 1px solid #161616; height: 20px; border-radius: 10px; margin-left: 20px; padding-top: 3px; font-size: 10px; color: #161616;  }
.index2 .navbar-inverse .navbar-toggle { color: #161616; border-color: #161616; }
.index2 .navbar-inverse .navbar-toggle .icon-bar { background-color: #161616; }

.sacola .badge { position: relative; top: -10px; left: -7px; background-color: #E71C51; }

.btn-primary, .btn-primary:hover, .btn-primary:active { background-color: #E71C51 !important; border: 1px solid #9e192c; }
.btn-primary:hover, .btn-primary:active { border: 1px solid #E71C51 !important; }

.btn-sepia, .btn-sepia:hover, .btn-sepia:active { background-color: #14212a; border: 1px solid #0e171d; color: #FFF !important; }
.btn-sepia:hover, .btn-sepia:active { border: 1px solid #05080a !important; }

.fnz-compra-rdp { margin-top: 15px; }

.uptop{ width:100%; position:absolute; left:0px; top:0px; z-index:999999999999;}
.downtop{ width:100%; position:absolute; left:0px; z-index:1;}

.navbar { margin-bottom: 0; border-radius: 0; font-size: 12px; }
.navbar-inverse .navbar-nav>li>a { color: #FFF; }

.mainbox { margin-top: 120px; }

.hide-bullets { list-style: none; margin-left: -40px; margin-top:20px; }

.thumbnail { padding: 0; }

.carousel-inner>.item>img, .carousel-inner>.item>a>img { width: 100%; }

.Tokenize { width: 100%; }

.Placeholder { color: #999999 !important; padding-left: 12px !important; }

.bem-vindo { padding: 5px 0 0 15px; }

section { width: 95%; margin: 0 auto; padding: 0 0 15px 0; }

.panel-blank { background-color: #ffffff; color: #000; }
.panel-black { background-color: #161616; color: #fff; }
.panel-green { background-color: #5cb85c; color: #fff; }
.panel-grey { background-color: #ccc; color: #fff; }
.panel-aqua { background-color: #01b8aa; color: #fff; }

.login-panel p { text-align: center; padding-top: 20px; }

.actions { display: block; float: right; }
.actions img { padding-right: 5px; }

.modulos { position: relative; }
.modulos .botoes { float: right; }

.registros { position: absolute; top: 10px; right: 0; }

.grupo div { margin-bottom: 15px; }

.tabela-pedido table td { border: 1px solid #d7d7d7; padding: 10px; }

.myForm div { margin-bottom: 15px; }
/*.myForm div label { width: 100%; display: inline-block; }*/
.myForm .row { clear: both; }
.myForm .row h1, .myForm .row h2, .myForm .row h3, .myForm .row h4, .myForm .row h5, .myForm .row h6 { padding-left: 14px; font-weight: bold; }
.myForm h1, .myForm h2, .myForm h3, .myForm h4, .myForm h5, .myForm h6 { padding-left: 8px; font-weight: bold; }
.myForm .radio { padding-top: 10px; }

.card { background-color: #F8F8F8; margin-top: 15px; min-height: 370px; }
.card .card-img { width: 100%; }
.card > div, .card-img-overlay { padding: 0 0 0 10px; }
.card .card-body { padding: 10px; }

#deparamentos div div div { margin-bottom: 0 !important; }
#tree1 span { padding-right: 10px; }
.cadastro { margin-top: 20px; }

.tabsAll { width: 100%; display: table; }
.tabsAll .row { margin: 0; padding-top: 15px; }

.nav-pills li { padding-right: 10px; }

#opc_cor { display: inline-block; width: 100%; }

.data > * { float: left; width: 85%; }
.data img { float: left; width: 5%; margin-left: 5px; cursor: pointer; }

.calendario input { width: 90%; float: left; }
.calendario img { float: left; padding-left: 10px; }

.window { display: none; width: 50%; height: 80%; position: absolute; left: 30%; top: 0; background: #FFF; z-index: 9900; padding: 10px; border-radius: 10px; }
.window80 { width: 80%; }
#divIframe iframe { width: 100%; height: 100%; }
#closeIframe { display: none; position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; }

.card-img-overlay, .title-small { text-align: center; }
.badge { background-color: #000000; }

.PgtoPagSeg { cursor: pointer; }

footer { padding: 15px 0 15px 0; clear: both; }
footer p { color: #000; text-align: center; padding-top: 20px; font-size: 12px; }

.up { position: fixed; bottom: 0; right: 5px; display: none; }

@media(min-width: 320px) and (max-width: 768px) {
	header .menu { width: 100%; }
	header .menu nav { width: 100%; }
	header .navbar-nav { background-color: #F4F4F7; }
	header .navbar a { color: #333333 !important; }

	header .sacola { position: absolute; top: 15px; right: 15px; }

	.carrinho-produto .btn-excluir { padding-bottom: 10px; }
	.carrinho-produto .btn-excluir img { margin: 0 auto; }
	.carrinho-produto .dados-compra, .carrinho-produto .valor-produto { padding: 0; }
}

@media(max-width: 768px) {
	.data img { width: 7%; }
	.form-horizontal .control-label { text-align: left; }
}

@media(min-width: 768px){
	.campos div { width: 25%; padding-right: 15px; }

	footer .links { display: flex; justify-content: space-between; }
	footer .links div div { padding-bottom: 10px; }
}

@media(min-width: 1024px){
    header .outlet, header .outlet:hover { background-color: #e71c51 !important; position: relative; top: 12px; padding: 3px 10px 3px 10px !important; margin-left: 10px; border-radius: 10px; }
	.index2 .outlet { color: #f4f4f7 !important; }
	
	/* mostra o menu ao passar o mouse */
	.menu ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
}