html{
    height:auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
body{
    margin:0;
    padding:0;
    /*background-color:#DCD8CF;*/
    /*background-color:#E25D33;*/
    background-color: #dcdcdc;
    /*background-color:#94aebc;*/
    /*font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    height:auto;
    width: auto;
}

.error {
    font-size: 100%;
    font-weight: bold;
    color: #dc143c;
}
.login {
    font-size: 130% !important;

}

a{
    outline:none;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

p{
    margin:0;
    padding:0 0 10px;
}
#page{
    margin:0 auto;
    padding:0;
    height:95%;
    width:75%;
    min-width: 860px;
    background-color: #f9f9f9;
    border-left: 1px solid #bbe5f9;
    border-right: 1px solid #bbe5f9;

}


#page-content {

    height:95%;
    min-height:590px;
    min-width: 700px;
    padding:13px 5px 15px 5px;


}

.backgroupImage {
    /*background: #f4f4f4;*/
    background: url("/javax.faces.resource/img/index.jpg.xhtml?ln=default&v=1_0"), url("/javax.faces.resource/img/romejpg.jpg.xhtml?ln=default&v=1_0") no-repeat top left;
    background-size: 500px 500px;



}

/*#page-promo{*/
    /*background: #ffffff;*/
    /*height:100%;*/
    /*min-height:540px;*/
    /*min-width: 500px;*/
    /*padding:13px 10px 25px 10px;*/
    /*border: 1px;*/
/*}*/
.menu-left-menu {
    padding: 1px 3px 1px 3px;
    color: #4c4c4c;
    height: 31px;
    margin-bottom: 5px;


}

.menu-left-menuPlainText {
    padding: 1px 3px 1px 3px;
    color: #4c4c4c;
}


#page-content .left-menu{
    float:left;

    /*margin-right:1%;*/
    margin-left: 3%;
    margin-right: 1%;
    margin-top: 30px;
    min-height:300px;
    /*min-width: 18%;*/
    /*max-width: 21%;*/
    min-width: 220px;
    max-width: 24%;
}

#page-content .content-container {
    /*background-color: #00bfff;*/
    /*position:inherit;*/
    float: right;

    min-width: 550px;
    margin-right:2%;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 15px;
    /*top:15px;*/
    width: 65%;


}
/*#page-content .promo {*/
    /*max-width: 30%;*/
    /*min-width: 45px;*/
    /*float: right;*/
    /*margin: 0 0 0 2px;*/
    /*padding: 0 0 0 0;*/


/*}*/
#page-content .conteudo {
    /*max-width: 99%;*/
    float: right;
    min-width: 550px;
    width: 95%;
    margin: 0 -10px 25px 5px;
    padding: 0 0 0 0;



}

#page-content .content-container fieldset.example-cnt{
    background:#ffffff;
    border:1px solid #dddddd;
    border-top:0;
    margin:0;
    min-width: 65%;
    min-height:420px;
    padding:15px 20px 10px;
}


#header{
    /*background:url('/images/header-bg.png') no-repeat top left;*/
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/

    line-height: 15px;
    /*background-color: #45669e;*/
    border: 0;
    height:87px;
    /*min-width: 85px;*/
    /*min-height: 90px;*/
    /*max-height: 95px;*/
    margin: 1px 0 0 0;
}
#header .inside {
    width: 72%;

    line-height: 15px;
    /*background-color: #45669e;*/
    border: 0;
    height:85px;
    float: right;
    /*min-width: 85px;*/
    /*min-height: 90px;*/
    /*max-height: 95px;*/
    margin: 1px 0 0 0;


}
#header .logo{

    float:left;
    width: 20%;
    /*height: 75%;*/
    margin: 1px 2px 0 1px;

    text-decoration:none;
    /*border: 0;*/
}
#header .logo img{

    float:left;
    margin: 3px 0 0 25px;
    padding: 8px 0 5px 0;
    border: 0;
}
#header .right-controls{
    float:right;
}
#header .left-controls{
    float:left;
}

#header ul.top-links{
    margin:0 15px 0 0;
    text-align:right;
    float: right;
    /*font:11px Arial,sans-serif;*/
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}
#header ul.top-links li{
    display:inline;
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    font-weight: bold;
    color: #4178c6;
}
#header ul.top-links li a{
    /*background:url('/images/sep.gif') center right no-repeat;*/
    /*color:#fff;*/
    /*color: #4178c6;*/
    padding:0 10px 0 3px;
    border: 1px;

}
#header ul.top-links li.last a{
    background:none;
    padding:0 0 0 3px;
    color: #ecb450;
}
#header ul.top-links li.login-link a{
    color: #ecb450;
}
#header .top-welcome{
    /*color: #4178c6;*/
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    font-weight: normal;
    text-wrap: none;
    font-size: 11px;
    width: auto;
    /*faz top-welcome ficar em cima*/
    /*margin: 5px 8px 27px 0;*/
    /*faz o topwelcome ficar junto do skin-menu */
    margin: 5px 3px 0 0;
    text-align:right;
    border: 0;

}
#header ul.top-welcome{
    padding: 0 15px 0 15px;
}

#header ul.top-welcome li {
    display:inline;
    cursor:default;
    padding: 0 0 0 15px;
}

#header ul.top-welcome li.top-date{
    padding: 0 15px 0 5px;
    font-size: 9px;
}

#header ul.top-comiAgt {
    padding: 0 15px 0 5px;
    font-size: 10px;
    font-weight: 800;
    width: auto;
    line-height: 8px;
    margin: 32px 5px 0 0;
    text-align:right;


}
#header ul.top-comiAgt li {
    display:inline;
    cursor:default;
    padding: 0 0 0 5px;

}

#header ul.top-comiAgt li image {
    cursor: pointer;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;

}

#header ul#skin-menu{
    /*color: #dcdcdc;*/
    cursor:default;
    font-weight:bold;
    font-size: 11px;
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    margin: 6px 15px 0 0;
    padding: 0 0 0 15px;
    text-align:right;
    border: 0;

}
#header ul#skin-menu li{
    cursor:pointer;
    display:inline-block;
    float:right;
    height:25px;
}
#header ul#skin-menu li a{
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    /*color:#89A0BE;*/
}
#header ul#skin-menu li span{
    /*height:25px;*/
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    /*padding:5px 0 1px 0;*/
    /*margin: 0 0 1px 0;*/
    /*display:inline-block;*/
}

#header ul#skin-menu li span:hover{
    text-decoration:underline;
}
#header ul#skin-menu li.label span{
    /*color: #ffffff;*/
    cursor:default;
    /*font-weight:normal;*/
    /*font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif;*/
    padding: 0 3px 0 15px;
}

#header ul#skin-menu li.label span:hover,
#header ul#skin-menu li.current-skin span:hover{
    text-decoration:none;
}

.headercolor {
    background: rgb(168,195,220); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(168,195,220,1) 3%, rgba(249,249,249,1) 29%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(168,195,220,1)), color-stop(29%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(168,195,220,1) 3%,rgba(249,249,249,1) 29%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(168,195,220,1) 3%,rgba(249,249,249,1) 29%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(168,195,220,1) 3%,rgba(249,249,249,1) 29%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(168,195,220,1) 3%,rgba(249,249,249,1) 29%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c3dc', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.clear{
    clear:both;
    height:0%;
}

#footer{
    /*background-color: #71aebc;*/
    text-align:center;
    padding:5px 20px 5px 5px;
    font:9px verdana;
    /*color: #5b6f9f;*/
}

.panelGPrincipal1 {
    vertical-align: top;
    width: 50%;
    text-align: left;

}

.panelGPrincipal2 {
    width: 50%;
    vertical-align: top;
    text-align: left;

}

.stylePanelAce {
    width:90%;
    margin: 5px 20px 20px 20px;
    padding: 5px 5px 5px 5px;
    max-width: 500px;

}


.painelPrincipalConteudo{
    margin: 10px 10px 10px 2px;
    width: 99%;
    text-align: justify;
    min-width: 435px;
    max-width: 445px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 64%, rgba(229,229,229,1) 93%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(64%,rgba(255,255,255,1)), color-stop(93%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 64%,rgba(229,229,229,1) 93%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 64%,rgba(229,229,229,1) 93%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 64%,rgba(229,229,229,1) 93%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 64%,rgba(229,229,229,1) 93%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.corMenu {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 76%, rgba(236,237,232,1) 97%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(76%,rgba(255,255,255,1)), color-stop(97%,rgba(236,237,232,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 76%,rgba(236,237,232,1) 97%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 76%,rgba(236,237,232,1) 97%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 76%,rgba(236,237,232,1) 97%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 76%,rgba(236,237,232,1) 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecede8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.panelgridprodutos1{
    vertical-align: top;
    min-width: 90px;
    width: 15%;

}

.panelgridprodutos2{
    vertical-align: top;
    width: 85%;
    text-align: justify;
}

.select{
    text-align: left;
    height: 10px;
    padding: 1px 1px 1px 3px;
}

.styleDivHearder {
    margin: -15px 0 5px 20px;
    padding: 0;

}
.textoHeader {
    border: 0;padding: 2px 15px 2px 15px;
}


.facacontato{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: right;
}