html {  font-size: 10pt; color: #404041; }

body {
	font-family: calibri, arial, Helvetica, sans-serif; color: #777777;
	background-color: #f5f5f5;
	background-position: center top;
	background-repeat: no-repeat;
	margin:0; padding: 0;
}

body.content-1{  background-image: url(layout/img/background-1.png); }
body.content-2{  background-image: url(layout/img/background-2.png); }
body.content-3{  background-image: url(layout/img/background-3.png); }
body.content-4{  background-image: url(layout/img/background-4.png); }
body.content-5{  background-image: url(layout/img/background-5.png); }
body.content-6{  background-image: url(layout/img/background-6.png); }
body.content-7{  background-image: url(layout/img/background-7.png); }

img{border: none;}
a, a *, a:hover{text-decoration: none; color:inherit;}

h1{ padding:0; margin:0 0 20px 0; font-weight:normal; color: #0e4c99; }
h2{ padding:0; margin:0 0 10px 0; font-weight:normal; font-size:20px; }
h3{ padding:0; margin:0 0 10px 0; font-weight:normal; font-size:16px; }

h1.sub { position: relative; line-height: 45px; border-bottom: solid 1px #0e4c99; }
h1.sub .subtitle {font-size: 0.55em; color: #b5b5b5; display: block; position: absolute; top: -20px; left: 60px;}

.left{display: block; float:left;}
.right{display: block;  float:right;}
.overflow{overflow:hidden;}
.block{display:block;}
.relative{position: relative !important; display: block; }
.none{display:none !important; }
.v-text-center{vertical-align:middle;}
.underline{text-decoration:underline;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify !important;}
.text-right{text-align:right !important;}
.clear{display: block; clear:both;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.uppercase{text-transform: uppercase;}
.lowcase{text-transform: lowercase;}

.button-reset { -webkit-transition: 0.25s ease-out 0.1s color; -moz-transition: 0.25s ease-out 0.1s color; -o-transition: 0.25s ease-out 0.1s color; transition: 0.25s ease-out 0.1s color; background: transparent; border: none;  cursor: pointer; margin: 0; outline: none; position: relative; color: #fff; }

/*tamanho do texto*/
.texto-maior{font-size: 1.185em;}
.texto-ainda-maior{font-size: 1.4em;}
.texto-como-titulo{font-size: 2em;}

/*cores de texto */
.texto-azul{color: #0e4c99;}
.texto-verde{color: #004b9e;}
.texto-cinza-claro{color: #b5b5b5;}
.texto-vermelho{color:#fc5171;}


/*************************************** LAYOUT MESTRE *************************************************/
#header-wrapper { background-color: #004b9e; }
#header-wrapper:after{content: " "; display: block; height: 3px; background-color: #63656a; }
#header-content { height: 50px; }
#header-logo {background: url(layout/img/logotipo-pdw-topo.png) center center no-repeat; display: block; width: 133px; height: 37px;  float: left; margin: 7px 0 0 10px;}
#header-menu {float: left; margin-left: 35px}
#header-menu>ul{ margin:0; padding: 0; list-style: none; }

#header-menu>ul>li{ display: inline-block; margin: 0 5px; position: relative; }
#header-menu>ul>li>a{display: block; padding:15px 2px!important;}
#header-menu>ul>li>a .icone{height: 50px;}

.nav.navbar-nav>li>a{color: white; cursor: pointer;}
.nav.navbar-nav>li>a:hover,
.nav.navbar-nav>li>a:focus,
.nav.navbar-nav>li>a:active{background-color: #004b9e;}
.nav.navbar-nav>li>a::after{background-color: #004b9e;}

.dropdown-menu>li>a{color: #004b9e;}
.dropdown-menu>li>a:hover{background-color: white!important; color: #004b9e;}

/*
.sub-menu {margin:0; padding: 0; list-style: none; background: #fff;  min-width: 105px; position: absolute; top: 40px; border: solid 1px #efefef; display: none; z-index: 1;
	border-radius: 3px;
}
.sub-menu>li {display: block; padding-top: 2px;}
.sub-menu>li>a{display: block; padding: 2px 10px; }
.sub-menu>li>a:hover{background-color: #efefef; }

#main-menu #attr-menu{list-style: none;	top: 52px; left: 103px;}
*/
.nav.nav-stacked>li>a.filter{padding: 5px 15px; font-size: 16px;}
.nav.nav-stacked>li>span.more{color: #004b9e; padding-left: 15px; font-size: 14px; cursor: pointer; text-decoration: underline;}

#header-greetings-wrapper{ float: right; color: #fff; height: 50px; margin-right: 30px;}
#header-greetings.logged-off { line-height: 50px; float:left;}
#header-greetings.logged-on  { font-size: 1.2em; float: left; margin-right: 10px; padding: 8px 0 0 0; }
#header-greetings.logged-on>span{ font-size: 0.8em; display: block; }

#content-before-wrapper {}
#content-wrapper { padding: 20px 20px 60px 20px;}
#footer-wrapper {color: #aeaeae; height: 47px; line-height: 47px; z-index: 10;  background: #fff url(layout/img/logo.png) 20px center no-repeat; position:fixed; left:0px; bottom:0px; width:100%; background-size: auto 34px;}
#page-wrapper{margin-bottom:47px;}
#footer-wrapper>span{ color: #0b81bf; }
#footer-content { float: left; padding-left: 150px; }
#footer-extra-content {margin-left: 350px; }

#company-menu { list-style: none; margin:0; padding:0; }
#company-menu li {display: block; float: left;}
#company-menu a, #company-menu img {display: block;}
#company-menu a {padding: 10px 15px 0 15px; }

/************** LOGIN *******************************/
#login-form-wrapper{  }
#login-form{ background-color: #0e4e9d;  opacity: 0.98; display: block; filter: alpha(opacity=98);}
#login-form .errorlist {margin: 0; padding: 0; list-style: none; }
#login-form .errorlist li {display: block; color: #c8a5a5; padding: 3px 5px;}

#login-form>span {
	font-size: 2em; color: #fff;
	display: block; text-align: center; width: 680px; margin: 0 auto; text-transform: uppercase;
	padding-top: 40px;
}

#login-form>form {display: block; width: 380px; margin: 0 auto; padding: 40px 0;}

.login-form-line {}
.login-form-column { float: left; position: relative;}
.login-form-column.margin {margin-right: 10px;}


#login-form .usuarios { height: 44px; float: left; margin-right: 10px;}

.login-input {
	height: 40px; width: 150px; background-color: transparent; color: #fff; border: solid 1px #fff; font-size: 1.1em; text-indent: 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.login-input-button { position: absolute; top: 15px; right: 0; }

#login-button-wrapper {background-color: #0e4e9d; height: 40px; position: relative;}
#login-button,
#login-button-out{
	display: block;
	padding: 5px 0 0 0;
	height: 45px; width: 145px; text-align: center; background-color: #0e4e9d; margin: 0 auto;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	color: #fff;
}

#login-button .icone,
#login-button-out .icone {margin: 0 auto; display: block;}


/*INDEX*/
.gridview{display: block; font-size: 1.2em; }
.gridview>.row{display: block; background-color: #fff; padding: 15px 5px; }
.gridview>.row.alt{background-color: #f5f5f5; }
.gridview>.row>.column{display: inline-block; padding: 0 5px;}

.box-wrapper{}
.box{padding: 20px 25px;  min-width: 280px;}
.box-wrapper .box .box-title{color: #fff; font-size: 1.5em; }
.box-wrapper .box .box-content{color: #fff; font-size: 3em; padding: 0 0 3px 0;}
.box-wrapper .box .box-footer {color: #fff; font-size: 1.1em;}
.box-wrapper .box .box-footer>.icone {margin-right: 10px;}

.box-wrapper:after{content: ""; display: block; height: 8px; background-color: #05b6e7 ; }

.box-wrapper.margin{margin-bottom: 20px;}
.box-wrapper.green .box {background-color: #004b9e; }
.box-wrapper.blue .box {background-color: #0e4c99; }
.box-wrapper.grey .box {background-color: #63656a; }


.details-header>div, .details-content>div{padding-top: 10px; margin-left: 15px;}
.details-header>div.header-breadcrumb{margin-left: 0px;}
.details-header>div.header-img{float: left;}
.details-header>div.header-img>img{height: 60px;}
.details-header>div.header-title{margin-left: 80px;}
.details-header>div.header-breadcrumb>ol>li.active{color: #004b9e;}
.details-header .product-name{color: #004b9e;}
.img-responsive.details{height: 290px;}
.img-responsive.details.no-image{height: 200px;}
.product-labels{float: left;}
.product-image{float: right;}
.product-info{padding-top: 80px;}

.product-price>strong>.price{font-size: 2.5em; color: #004b9e;}
.product-price>.currency{font-size: 1.5em; color: #004b9e;}
.product-local-price>strong>.local-price{font-size: 2.5em; color: #0e4c99;}
.product-local-price>.currency{font-size: 1.5em; color: #0e4c99;}

.details-header>.header-btn-edit>a,
.btn.btn-lg.btn-primary.btn-block,
.btn.btn-default{background-color: #004b9e; color: white; border-color: #004b9e;}

.btn.btn-lg.btn-primary.btn-block:hover,
.btn.btn-lg.btn-primary.btn-block:active
.btn.btn-default:hover,
.btn.btn-default:active,
#save-required_fields:hover{background-color: #00a05e; color: white;}

span.text-model-local-price{font-size: 1.7em;}

.table.table-bordered{background-color: white;}

.form-signin>.checkbox>label{font-size: 1.2em;}

img.icone-file{height: 25px;}
.nav-form-filter>input[type="submit"].btn-green{background-color: #004b9e;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #fff; color: #0e4c99;}

#save-required-fields{ width: 100%; height: 45px;}

.nav-tabs>li>a.active{background-color: #fff; color: #0e4c99;}

.not-found-status-code,
.not-found-title,
.not-found-back{color: #004b9e;}

.not-found-image{height: 300px;}
.not-found-status-code{font-size: 130px; height: 150px;}
.not-found-title{font-size: 30px; height: 30px;}
.not-found-desc{font-size: 15px;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #0e4c99; color: white;}
#div-refresh-jobs{float: left;}
#filter-jobs{margin-left: 100px;}

#id_column_catalog, #id_column_price{width: 40px; text-align: center}

.label-primary{background-color: #0e4c99;}

/*form errors*/
.form_input_error input, .form_input_error select, .form_input_error textarea {display:block; border: solid 1px #bd3636; background: #f9f8bb; font-size: 11px;}
.form_error{color: #bd3636;font-size: 10px;font-weight:bold;}
.form_row{padding-bottom:20px;}
/*List Page*/
.list-icon-wrapper{padding: 20px;}
.list-icon-wrapper .page-title{color: #0e4c99; font-size: 25px;}
.pagination-wrapper {padding:10px 10px 70px; float: right;}
/*Form Page*/
.form-wrapper{padding: 20px; clear: both;}
/*buttons*/
.button, a.button{ min-width: 120px; padding:0 15px; font-size: 18px; height: 37px; line-height: 37px; color: white; background-color: #004b9e; cursor: pointer; border: none; border-left: solid 1px #89cfac;}
a.button{display: block; text-decoration: none;}
/*grid*/
table.grid{margin:0; padding: 0; border-collapse: collapse; width: 100%;}
table.grid th, table.grid td{height: 44px; text-align: left; vertical-align: middle; padding-left: 18px; z-index: 0;}
table.grid .acoes{position: relative; height:50px; width: 58px; padding-right:18px;}
table.grid tr:FIRST-CHILD{border-bottom:solid 4px #f5f5f5;}
table.grid td.yellow{background-color:#05b6e7;}
table.grid td.green{background-color:#05b6e7;}
table.grid td.red{background-color:red;}
table.grid th{background-color: #6c8fa2; color: white;}
table.grid th:FIRST-CHILD, table.grid td:FIRST-CHILD{padding-left: 0px; width: 9px;}
table.grid th:FIRST-CHILD{background-color: #0e4c99;}
table.grid tr.alt{background-color: white;}
table.grid th.edit-column{width: 60px; text-align: left;}
table.grid td .icon-color, table.grid td .icon-color-red{color: #004b9e; font-size:16px;}
table.grid td .icon-color-red{color: red;}
table.grid .grid-menu, table.grid .grid-menu-on{position:absolute; right:18px; top:12px; background-repeat: no-repeat;}
table.grid .grid-menu{background-image:url(layout/page-list/menu-grid.png);  width: 17px; height: 18px;}
table.grid .grid-menu-on{background-image:url(layout/page-list/menu-grid-on.png); background-position:158px 4px; background-color:#62ccf4;  width: 180px; z-index: 2;}
table.grid ul.menu-item{padding: 0; margin:5px 0 20px 15px; display: none;}
table.grid ul.menu-item li{list-style: none; margin: 0; padding:10px 0;}
table.grid ul.menu-item li a {color:white; font-size: 1.3em;}
/*endless*/