﻿/************** HTML Tags **************/
html, body, div, span, 
form, table, tbody, thead {
    margin: 0px;
    padding: 0px;    
}
@font-face {
    font-family: 'Roboto' !important;   
    font-weight: normal;
    font-style: normal;
}


body, select, input, textarea {
    font-family: 'Roboto' !important;   
    background: #fff;
    color: #333;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}


html, body, div, span, 
form, table, tbody, thead {
    margin: 0px;
    padding: 0px;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none
}

th {
    text-align: left;
}

.Bold {
    display: inline;
    font-weight: bold;
}

.Italic {
    display: inline;
    font-style: italic;
}

.Underline {
    display: inline;
    text-decoration: underline;
}

input, select, textarea {
    padding: 2px;
    margin: 0;
    border: 1px solid #4D4D4F;
    border-radius:10px;
    outline: 0;
    Min-Height:30px;

}

textarea {
    overflow: auto;
}

input[disabled='disabled'] {
    background: ButtonFace;
    cursor: text;
}

input[type='text'][readonly]{
    background: #EAEAEA;
}

input[type=radio],
input[type=checkbox] {
    margin: 3px 0px;
    vertical-align: middle;
}

input[type=file] {
    vertical-align: bottom;
}

table {
    border-collapse: separate;
    empty-cells: show;
}

a,
a:link,
a:visited {
    color: #1F5BA4;
    text-decoration: none;
    border: 0px !Important;
}

a:hover {
    text-decoration: none;
    color: #f71277;
}

a[disabled='disabled'], 
a[disabled='disabled']:hover {
    background-color: transparent;
    color: ButtonShadow;
    text-decoration: none;
}

img {
    vertical-align: text-bottom;
    border-width: 0px;
}

/************** Widgets **************/

.Button, .ButtonFilter
 {

  font-family: 'Roboto' !important;   
  color: #fedb00;
  background: #4D4D4F;
  height:35px;
  min-width:150px;
  font-size:12px;
  padding: 5px 5px 5px 5px;
  border: solid #fff 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.Button:hover, .ButtonFilter:hover
 {
  background: #fedb00;
  color: #4D4D4F;
  border: solid #4D4D4F 1px;  
}

.ButtonSelection
 {

  font-family: 'Roboto' !important;   
  color: #fedb00;
  background: #4D4D4F;
  height:25px;
  font-size:10px;
  padding: 5px 5px 5px 5px;
  border: solid #fff 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.ButtonSelection:hover
 {
  background: #fedb00;
  color: #4D4D4F;
  border: solid #4D4D4F 1px;  
}

.ButtonLogin
 {

  font-family: 'Roboto' !important;   
  color: #fedb00;
  font-size: 11px;
  background: #4D4D4F;
  height:40px;
  width:200px;
  font-size:14px;
  padding: 5px 5px 5px 5px;
  border: solid #fedb00 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.ButtonLogin:hover 
 {
  background: #fedb00;
  color: #4D4D4F;
  border: solid #4D4D4F 1px;  
}




table.EditRecord {
    margin-bottom: 8px;
    margin-top: 4px;
}

td.EditRecord_Caption {
    color: #333;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size:14px;
    vertical-align: top;
    text-align: left;
        vertical-align: middle;
}

td.EditRecord_Value {
    padding: 0px;
    vertical-align: middle;
}

table.ShowRecord {}

td.ShowRecord_Caption {
    color: #444444;
    font-size: 11px;
    padding: 6px 5px 5px 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
}

td.ShowRecord_Value {
    padding: 5px 5px 5px 8px;
    font-weight: normal;
    vertical-align: top;
}

table.TableRecords {
    border-top: 1px solid white;    
}

th.TableRecords_Header {
    color: #fff;
    Height: 40px;
    background: #888;
    font-weight: bold;
    line-height: 7px;
    padding: px 6px 4px 6px;
    font-size: 16px;
}

th.TableRecords_Header a,
th.TableRecords_Header a:link,
th.TableRecords_Header a:visited {
    color: #666666;
}

table.TableRecords>tbody>tr:hover {
    background-color: #FFEFBF;
}

td.TableRecords_OddLine,
td.TableRecords_EvenLine {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 5px;
    border-bottom: 1px dotted #cccccc;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
}





table.TableRecordsCarrinho {
    border-top: 1px solid white;    
}

th.TableRecordsCarrinho_Header {
    color: #ffffff;
    Height: 20px;
    background: #333222;
    white-space: nowrap;
    line-height: 7px;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
}

th.TableRecordsCarrinho_Header a,
th.TableRecords_Header a:link,
th.TableRecords_Header a:visited {
    color: #666666;
}



td.TableRecordsCarrinho_OddLine{
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 5px 0px;
    border-bottom: 1px dotted #cccccc;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
    background:#f3f3f3;
    color:black;
    
}
td.TableRecordsCarrinho_EvenLine {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 5px 0px;
    border-bottom: 1px dotted #cccccc;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
    color:black;
}

div.TableRecords_Wrapper {}

div.TableRecords_TopNavigation {
    padding: 0px;
    border-top: 1px solid white;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

div.TableRecords_TopNavigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.TableRecords_Actions,
.TableRecords_Footer {
    font-size: 12px;
    vertical-align: middle;
    float: left;
    padding: 1px;
}

div.TableRecords_BottomNavigation {
    padding-top: 2px;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

div.TableRecords_BottomNavigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.TableRecords_ItemLabel {
    text-decoration: none;
    font-size: 18px;
}

div.Filters_Wrapper {
    background: #dddddd url(/RichWidgets/img/Filter_Gradient.gif?2268) repeat-x top;
    padding: 4px;
}

table.Filters {
    white-space: nowrap;
}

table.Filters td {
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

table.Filters td img {
    vertical-align: middle;
}

span.ListRecords {}

img.RecordPicture {
    display: block;
    float: left;
    width: 120px;
    border: 1px solid #EAEAEA;
}

div.RecordPicture_Wrapper {
    float: left;
}

div.RecordPicture_Wrapper img.RecordPicture {
    float: none;
}

table.TableRecords img.RecordPicture {
    width: auto;
    height: 40px;
    float: none;
}

/* ExcludeFromPickersOutsideBlock: TableRecords_Wrapper, TableRecords_TopNavigation, TableRecords_Actions,
                                   TableRecords_BottomNavigation, TableRecords_Footer, Filters_Wrapper, Filters, 
                                   RecordPicture_Wrapper, Record_Picture */



/************** RichWidgets **************/

div.Popup .ui-dialog .ui-dialog-titlebar,
div.Popup.ui-dialog .ui-dialog-titlebar,
ul.ui-autocomplete a.ui-state-hover,
div.calendar tbody .rowhilite td.selected,
div.calendar tbody .rowhilite th.selected,
div.calendar tbody td.selected,
div.calendar tbody th.selected {
    background-color: #434343;
}

/* ExcludeFromPickersOutsideBlock: calendar, Popup, ui-dialog, ui-dialog-titlebar, 
                                   ui-autocomplete, ui-state-hover, rowhilite, selected */


/************** Validations **************/

input.Prompt, textarea.Prompt {
    color: #BBBBBB;
}

input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border: 2px solid #BF1601;
}

span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
}

table.DocumentPopup span.ValidationMessage {
  position:relative;
}

span.InputMandatorySymbol {
    position: absolute;
    color: #BF1601;
    padding: 3px;
    content: '*';
    font-size: 12px;
}

/************** Layout **************/

table.Document, table.DocumentPopup {
    width: 100%;
}

td.Main,
td.MainWithRightSidebar,
td.MainWithLeftSidebar {
    background-color: white;
    padding: 0px 16px 14px 16px;
    vertical-align: top;
    height: 90%;
    width: 75%;
    min-width: 700px;
}

td.MainWithRightSidebar {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 2px 3px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.246094) 2px 3px 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;    
}

td.MainWithLeftSidebar {
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 2px 3px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.246094) 2px 3px 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
}

td.MainPopup {
    padding: 0px 16px 14px 16px;
    vertical-align: top;
    
}

div.Title {
    font-size: 28px;
}

div.Title_Links {
    font-size: 12px;
}

div.MainContent {
    min-height: 400px;
}

td.MainPopup div.MainContent {
    min-height: auto;

}

td.Sidebar {
    padding: 30px;
    min-width: 200px;    
}

div.Sidebar_Heading {
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.Sidebar_Block, 
div.Sidebar_BlockActions {
    margin-bottom: 20px;
    line-height: 1.5;

}

div.Sidebar_Block a,
div.Sidebar_Block a:link,
div.Sidebar_Block a:visited {
    color: #444444;
    white-space: nowrap;
}

div.Sidebar a.Link_Red {
    color: #cc0000;
}

/* ExcludeFromPickersOutsideBlock: Document, DocumentPopup, Main, MainWithRightSidebar, MainWithLeftSidebar, MainPopup, Title, MainContent, Sidebar */

/************** Header & Footer **************/

div.Header {
    background: url("/RichWidgets/img/bg_header.png?2268") repeat-x scroll left top #444444;
    min-height: 93px;
}

table.Header_Title {
    vertical-align: middle;
    height: 69px;
}

table.Header_Title a,
table.Header_Title a:link,
table.Header_Title a:visited,
table.Header_Title a:hover {
    text-decoration: none;
    color: white;
}

table.Header_Title a:hover {
    background-color: transparent;
}

td.Header_Title_Image {
    padding-left: 10px;
    width:34px;    
}
td.Header_Title_Image img {
    max-height:54px;
}

td.Header_Title_Application {
    font-size: 24px;
    padding-left:5px;
    vertical-align: middle;
}

td.Header_Title_Spacer {
}

div.Login_Info {
    background: url(/RichWidgets/img/Header_Greetings.png?2268) left bottom no-repeat;
    _background-image: none;  /* IE6 */
    _background-color: white;  /* IE6 */
    _border: 1px solid #CCCCCC;  /* IE6 */
    float: right;
    font-size: 12px;
    padding: 4px 18px 6px 8px;
}

div.Footer {
    color: #666666;
    font-size: 11px;    
    padding: 10px 0px;
}

/* ExcludeFromPickersOutsideBlock: Header, Header_Title, Header_Title_Application, Header_Title_Image, 
                                   Header_Title_Spacer, Login_Info, Login_Image, Footer */

/************** Menu **************/

div.Menu_Container {

}

div.Header div.Menu_Container {

}

div.Menu_Container a:hover {
    background-color: transparent;
}

div.Menu_TopMenus { 
    margin-left: 10px;
    *height: 27px;
    _border-left: 1px solid #cccccc;  /* IE6 */


} 

div.Menu_TopMenu { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 8px 3px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    background: url("/RichWidgets/img/bg_menu_shadow.png?2268") repeat-x scroll left bottom #EAEAEA;
    clear: right;
    margin-bottom: -2px\0/;
} 

div.Menu_TopMenu a:link,
div.Menu_TopMenu a:visited,
div.Menu_TopMenu a {
    color: #444444;
    text-decoration: none; 
}

div.Menu_TopMenu:hover {
    background-color: white;
}

div.Menu_TopMenuActive {
    background-color: #FFFFFF;
    border-color: #666666 #666666 #FFFFFF;
    background-image: none;
}

div.Menu_TopMenu:hover a,
div.Menu_TopMenuActive a, 
div.Menu_TopMenuActive a:link,
div.Menu_TopMenuActive a:visited {
    color: #444;
}

/* ExcludeFromPickersOutsideBlock: Menu_Container, Menu_TopMenus, Menu_TopMenu, Menu_TopMenuActive */

/************** Other Classes **************/

.Heading1 {
    font-size: 22px;
    padding-top: 20px;
    padding-right: 5px;
    margin-top: 25px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #CCCCCC;
    text-align: left;
    padding-bottom: 2px;
}

.Heading2 {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding-top: 10px;
    padding-bottom: 3px;
}

.Heading3 {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    padding-top: 8px;
    padding-bottom: 2px;
}

.Text_Note {
    color: #888888;
    font-size: 11px;
}

.LastModified {
    color: #888888;
    font-weight: normal;
    font-Style: italic;
    font-size: 11px;
}

.Text_Error {
    color: #c7331f;
}

.Texto_Aviso {
    color: #c7331f;
    font-size: 11px;
    font-weight: bold;
}
.Text_NoWrap {
    white-space: nowrap;
}

.Text_Justified {
    text-align: justify;
}

a.Link_Black,
a.Link_Black:link,
a.Link_Black:visited {
    color: black;
}

a.Link_Red,
a.Link_Red:link,
a.Link_Red:visited {
    color: #CC0000;
}

.OnRowHover {
    visibility: hidden;
}

table.TableRecords>tbody>tr:hover .OnRowHover {
    visibility: visible;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .OnRowHover {
    visibility: visible;
  }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
  .OnRowHover {
    visibility: visible;
  }
}

    
div.ADM_Header {
    color: #ffffff;
    min-height: 25px;
    background: #aaaaaa url(/RichWidgets/img/Bar_Gradient.png?2268) repeat-x top;
    _background: #aaaaaa;  /* IE6 */
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 7px;
    padding: 4px 6px 4px 6px;
    border-right: 2px #ffffff;
}

.Texto_label {
    background: #ffffff;
    font-size: 11px;
}

.Texto_label_bold {
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.Texto_Download {
    font-size: 12~3px;
    font-weight: bold;
}

.Texto_label_VidroBold {
    font-size: 12px;
    font-weight: bold;
}

.Texto_pequeno {

    font-size: 11px;
}


.Texto_Notificacao {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}


.TextoInputOrc {

    font-size: 11px;
}


.Texto_Mosquiteira {
    background: #ffffff;
    font-size: 10px;
}
.TituloAPlicacao
{
    
   color: #ffffff;
    min-height: 25px;
    background: #0066aa url(/RichWidgets/img/Bar_Gradient.png?2268) repeat-x top;
    _background: #0066aa;  /* IE6 */
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 7px;
    padding: 4px 6px 4px 6px;
    font-size: 32px;
    
}


.TextoAplicacao
{
    
   color: #aaaaaa;
   font-size: 32px;
 }
 
 
 .FundoPreto
{
    background-color: #000000;
    font-size: 12px;
    font-family: 'Roboto' !important;   
    color: #ffffff;
}

.FundoVermelho
{
    background-color: #CC0011;
    font-size: 12px;
    font-family: 'Roboto' !important;   
    color: #ffffff;
}

.FundoCategoria
{
    text-align: center;
    font-family: 'Roboto' !important;   
    color: #000000;
    font-size: 12px;
    padding: .3em 1em;
    border-right: 1px solid #d0d2d3;
    border-bottom: 1px solid #d0d2d3;
    border-left: 1px solid #d0d2d3;
    border-top: 1px solid #d0d2d3;
}

.welcome {
    color: #513847;
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 10px;
    font-family: 'Roboto' !important;   
    font-weight: 400;
}

.welcome_text {
    margin: 0 0px 28px 0px;
    line-height: 1.5em;
}

.Texto_Branco {
    color: #ffffff;
}

  .Texto_login
 {
    font-family: 'Roboto' !important;   
    font-size:11px;
    color: #ffffff;
}
 

.Fundo_Login
{
    background-color:#4D4D4F;
    color: #fff;
    opacity: 0.9;
}

.pop_upContent
{
    width:300px;
    Height:200px;
}

.Fundo_TituloLogin
{
    background: #dddddd;
}

 .MargemHLogin
{   
    Width:30px;
    
 }
 
  .TextoDestaque
{
    font-family: 'Roboto' !important;   
    color: #646473;
    font-size: 18px;
}

  .TextoDestaqueBranco
{
    font-family: 'Roboto' !important;   
    color: #fff;
    font-size: 24px;
}

.TextoTituloPreferencias
{
    font-family: 'Roboto' !important;   
    font-size: 20px;
    color: #646473;
}

.TextoLogin
{
    font-family: 'Roboto' !important;   
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.TextoPequenoLogin
{
    font-family: 'Roboto' !important;   
    color: #fff;
    font-size: 12px;
}

.RodaPeConfigMan
{
    border-top: 1px solid #0066aa;
}

 .Login_user
 {
    background: #666666;
    font-family: 'Open Sans';    
    font-size:13px;
    color: #ffffff;
    align:right;  
    max-width:260px;
}

 
 .FundoCategoriaPesquisa
{
    font-family: 'Roboto' !important;   
    color: #646473;
    font-size: 12px;
    padding: .3em 1em;
    border-right: 1px solid #d0d2d3;
    border-bottom: 1px solid #d0d2d3;
    border-left: 1px solid #d0d2d3;
    border-top: 1px solid #d0d2d3;
}
 .TextoRodapePag
{
    font-family: 'Roboto' !important;   
    color: #646473;
    font-size: 12px;
    padding: .3em 1em;
}



 .TituloEmail
{
    font-family: 'Roboto' !important;   
    color: #fff;
    background: #555;
    font-size: 48px;
}

.Info_Conta
{
    background: #aaabbb;
    text-align: right;   
    color: Black;
    font-size: 11px;
    height:30px;
}

.ContentPrincipal
{
    min-height: 650px;
   
}


 .MargemHorizontal
{   
    Width:30px;
    
 }

 .MargemHorizontalPopUp
{   
    Width:350px;
    
 }
 .MargemVertical
{   
    Height:30px;
    
 }
 
 
  .MargemVerticalHome
{   
    Height:70px;
    
 }
 
 .FundoApp
 {
     background: #fff;
 }
 
 
.TextoFiltros
{
    Height: 25px;
    font-size: 11px;
}


.TextoExplicacaoRed
{
    font-size: 12px;
    color: red;
}

.TextoExplicacao
{
    font-size: 11px;
}

.fundocinza{
    color: #000;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px dotted #000;
    padding: 5px 5px 5px 5px;
    }
    
    
 .MargemVerticalHorizontalPopUp
{   
    Height:30px;
    Width:200px;
    
 }    
 
 
 .Texto_Edicao {
    background: #ffffff;
    font-size: 10px;
}


 .Titulo_Edicao {    
    font-size: 10px;
}


.TituloTabela
{
    
    color: #4D4D4F;
    Height: 20px;
    background: #ddd;
    white-space: nowrap;
    line-height: 7px;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
    
}



.FundoHome
{
    Min-Height: 300px;
    background: #FFFFFF url(/RichWidgets/img/welcome.jpg?2268) repeat-x top;
}


.BotaoPrincipal
{
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    border-bottom: #fff 2px solid;
    border-left: #fff 2px solid;
    
}

td.TableRecords_OddLine2,
td.TableRecords_EvenLine2 {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 6px;
  
    white-space: nowrap;
    vertical-align: top;
}

table.TableRecords2>tbody>tr:hover {
    
}

.texto18Bold{
    font-size:18px;
    font-weight: bold;
}

.texto32Bold{
    font-size:32px;
    font-weight: bold;
}

.textoBrancoBold
{
    color: #fff !Important;
    font-weight: bold;
}

.texto16{
    font-size:16px;
}


.texto16Bold{
    font-size:16px;
    font-weight: bold;
}

.texto14Bold{
    font-size:14px;
    font-weight: bold;
}

.texto12Bold{
    font-size:12px;
    font-weight: bold;

}

.texto12LigthGrey{
    font-size:12px;
    color: #666;

}

.textoMenuInterno{
    font-size:14px;
    font-weight: bold;
    color: #fff;
}

.TituloItensOrcmento{
    font-size:16px;
    color: #fff;
    font-weight: bold;
    background:#4D4D4F;
}

.texto16{
    font-size:16px;    
}

.texto14{
    font-size:16px;    
}

.texto12{
    font-size:12px;    
}
      
 .LarguraItens
{
    Max-Width: 50%;
    Min-Width: 50%;
}
 
 
 .LarguraItem
{
    Max-Width: 200px;
    Min-Width: 200px;
}
 
 
.MargemVAluminum
{
    Height:5px;
}
 .MargemVCatalogos
{
    Height:60px;
}
 .TextoTabela{
    font-family: 'Roboto' !important;
    color: #000;
    font-size: 12px;
 }
 
 .TextoTabelaCarrinho
{
    font-family: 'Roboto' !important;   
    font-size: 16px;
    font-weight: bold;
    color:#ccc;
}


.TextoCarrinho{
    font-family: 'Roboto' !important;   
    color: #000;
    font-size: 12px;
}
 
  .TextoDescricao
{
    font-family: 'Roboto' !important;   
    color: #000;
    font-size: 12px;
}
 
 .CaixaPreta
 {
     border-top: solid 1px #000 ;
     
     border-right: solid 1px #000 ;
     border-bottom: solid 1px #000 ;
     border-left: solid 1px #000 ;
     Height: 500px;
     color: #000;
 }
 
  .CaixaPretaOrcamento
 {
     -webkit-border-radius: 4;
     -moz-border-radius: 4;
     border-radius: 4px;
     border-top: solid 1px #000;     
     border-right: solid 1px #000 ;
     border-bottom: solid 1px #000 ;
     border-left: solid 1px #000 ;     
     color: #000;
     width: 50px;
 }
 
   .CaixaPretaLegenda
 {
     -webkit-border-radius: 4;
     -moz-border-radius: 4;
     border-radius: 4px;
     border-top: solid 1px #000;     
     border-right: solid 1px #000 ;
     border-bottom: solid 1px #000 ;
     border-left: solid 1px #000 ;     
     color: #000;

 }
  .CaixaPretaFichaTecnica
 {
     border-top: solid 1px #000 ;
     
     border-right: solid 1px #000 ;
     border-bottom: solid 1px #000 ;
     border-left: solid 1px #000;
     Width:30%;
     Height: 500px;
     color: #000;
 }
 
  .CaixaImagemFichaTecnica
 {
     border-top: solid 1px #000 ;
     
     border-right: solid 1px #000 ;
     border-bottom: solid 1px #000 ;
     border-left: solid 1px #000 ;
     Width:40%;
     Height: 500px;
     color: #000;
 }

 
  .LinhaCatalogo
 {
     border-top: dotted 1px #000 ;
 }
 
   .LinhaCatalogoContinua
 {
     border-bottom: solid 1px #000 ;
 }
 
 .TracejadoTitulo
 {
    border-bottom: dotted 1px #646473;
 }
 
 
 .DivisoriaBotao
 {
     min-height: 50px;
 }
 
 .FundoMenuInterno
 {
     background: #ddd;
    
 }
 
 
 .EsquemaColunaUnselected
 {
     height: 65px;
     width: 45px;
     border-top: 1px dotted #000;
     border-right: 1px dotted #000;
     border-bottom: 1px dotted #000;
     border-left: 1px dotted #000;
 }
 
  .EsquemaColunaSelected
 {
     height: 65px;
     width: 45px;
     border-top: 1px solid red;
     border-right: 1px solid red;
     border-bottom: 1px solid red;
     border-left: 1px solid red;
 }
 
  
 .LinhaTracejadaTabela
 {
     border-bottom: 1px dotted #000;
 }
 
 
 .CaixaLinhaEsquema
 {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
 }
 
 
 .TextoEditCaption
 {
     color: #444444;
    font-size: 11px;
    padding: 7px 7px 7px 0px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
 }
 
 
 
.ButtonAdjudicar
{
  font-family: 'Roboto' !important;   
  color: #D90000;
  background: #fff;
  height:35px;
  min-width:150px;
  font-size:12px;
  padding: 5px 5px 5px 5px;
  border: solid #D90000 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.ButtonAdjudicar:hover
 {
  background: #D90000;
  color: #fff;
  border: solid #aaa 1px;
 }

.ButtonSuporte
{
  font-family: 'Roboto' !important;   
  color: green;
  background: #fff;
  height:35px;
  min-width:150px;
  font-size:12px;
  padding: 5px 5px 5px 5px;
  border: solid green 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.ButtonSuporte:hover
 {
  background: green;
  color: #fff;
  border: solid #aaa 1px;
 }

.CorEscolhaPocket
{
    font-size: 12px;
    color: #D90000;
}
 
.CorAviso
{
    font-size: 14px;
    color: #D90000;
} 
 
.CabecCarrinhoPErfil
{

    color: #ffffff;
    Height: 20px;
    background: #333222;
    white-space: nowrap;
    line-height: 7px;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
}


/*** Novo Layout *****/
.Hyline_Header
{
    background: #4D4D4F;
    color: #fff;
    Height: 15% Important:;
    font-size:16px !Important;
}

.TextoWelcome {
    color: #fff;
    font-size:16px;
}

.HylineCombo
{
    color: #000;   
    font-size: 14px;
    text-align-last: center;
    width: 99%;
    background: #fff !Important;
    border: 1px solid #000;
    height:30px;
    -webkit-border-radius:0; 
    border-radius:0;
    -webkit-background: #fff !Important;    
}

.HylineEdit
{
    color: #000;   
    font-size: 14px;
    text-align-last: center;
    width: 99%;
    background: #fff !Important;
    border: 1px solid #000;
    height:30px;
    -webkit-border-radius:0; 
    border-radius:0;
    -webkit-background: #fff !Important;    
}

.LinkIdiomaClick
   {
    width: 110px !Important;
    height: 35px;
    position: absolute;
}

 .HylineTabButton
 {
    background-color:transparent;
    -webkit-border-top-left-radius:15px;
    -moz-border-radius-topleft:15px;
    border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topright:15px;
    border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;    
    display: inline-block;   
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    background: #4D4D4F !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #fedb00;
    text-shadow: none;     
    box-shadow: none;
    line-height: 0px;
    font-family: Montserrat, arial;
  }
  
.HylineTabButton:hover 
 {
    color: #4D4D4F; 
    background: #fedb00 !important;   
 }

.HylineTabButton_Unselected {

    background-color:transparent;
    -webkit-border-top-left-radius:15px;
    -moz-border-radius-topleft:15px;
    border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topright:15px;
    border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;    
    display: inline-block;    
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    background: #dddddd !important;
    font-weight: 400;
    text-transform: uppercase;  
    color: #000;
    text-shadow: none;
    box-shadow: none;
    line-height: 0px;
  }
  
  .HylineTabButton_Unselected:hover 
 {
    color: #fff; 
    background: #4D4D4F !important;  
 }
 
 .ComboOrcamentos
 {
     height:35px;
     text-align:middle;
 }
 
 
 .TextoNewFile
 {
    color: #fedb00;
    font-weight: 400;
    font-size:12px;
       
 }
 
 .ComboHyline
 {
    padding: 2px;
    margin: 0;
    border: 1px solid #4D4D4F;
    border-radius:10px;
    outline: 0;
    Min-Height:36px;
 }
 
 
 .TituloCaixaFiltro
 {
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    background: #dddddd !important;
    font-weight: 400;
    text-transform: uppercase;  
    color: #555;
    text-shadow: none;
    box-shadow: none;
    line-height: 24px;
 }
 
 
 ProdutosHYSLIM:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYSLIMON.jpg?2268');
     
}
.ProdutosHYSLIM{
 background-image:url('/ConteudosPortal/ImagensProdutos/HYSLIMOFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 
 .ProdutosHYSLIM:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYSLIMON.jpg?2268');
     
}
.ProdutosHYSLIMinvertido{
 background-image:url('/ConteudosPortal/ImagensProdutos/HYSLIMON.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 .ProdutosHY30:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY30ON.jpg?2268');
     
}

.ProdutosHY30Invertido{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY30ON.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHY30{
 background-image:url('/ConteudosPortal/ImagensProdutos/HY30OFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 .ProdutosHY40:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY40ON.jpg?2268');
     
}
.ProdutosHY40Invertido{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY40ON.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHY40{
 background-image:url('/ConteudosPortal/ImagensProdutos/HY40OFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
.ProdutosHY50:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY50ON.jpg?2268');
     
}
.ProdutosHY50Invertido{
     background-image:url('/ConteudosPortal/ImagensProdutos/HY50ON.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHY50{
 background-image:url('/ConteudosPortal/ImagensProdutos/HY50OFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
.ProdutosHYPI:hover{
   background-image:url('/ConteudosPortal/ImagensProdutos/HYPION.jpg?2268');
     
}
.ProdutosHYPIInvertido{
   background-image:url('/ConteudosPortal/ImagensProdutos/HYPION.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHYPI{
 background-image:url('/ConteudosPortal/ImagensProdutos/HYPIOFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
.ProdutosHYARC:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYARCON.jpg?2268');
     
}
.ProdutosHYARCInvertido{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYARCON.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHYARC{
 background-image:url('/ConteudosPortal/ImagensProdutos/HYARCOFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 .ProdutosHYINV:hover{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYINVON.jpg?2268');
     
}
.ProdutosHYINVInvertido{
     background-image:url('/ConteudosPortal/ImagensProdutos/HYINVON.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}

.ProdutosHYINV{
 background-image:url('/ConteudosPortal/ImagensProdutos/HYINVOFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 .ProdutosHYGUI:hover{
     background-image:url('/conteudosportal/ImagensProdutos/HYGUION.jpg?2268');
     
}
 .ProdutosHYGUIInvertido{
     background-image:url('/conteudosportal/ImagensProdutos/HYGUION.jpg?2268');
     display: block;
     height: 80px;
     width: 80px;
     background-size: contain;
}
.ProdutosHYGUI{
 background-image:url('/conteudosportal/ImagensProdutos/HYGUIOFF.jpg?2268');
 display: block;
height: 80px;
width: 80px;
background-size: contain;
 }
 
 .TabelaProdutos{
  margin: 0px 1px 4px 1px;
 }
 
 .TabelaShowProdutosD{
 margin-left: 28px;
 background-color:#474849;
 padding:35px 15px 15px;
 }
 
 .TabelaShowProdutosET{
 margin-left: 20px;
 background-color:#D0D0D0;
 margin: 40px 0px 0px 28px;
 }
 
 
 
 .TabelaProdutosBorder{
   border-left-style: dotted;
   border-left-color: #D0D0D0;
 }
 
 .TextoShowProduto1{
 color: #fedb00;
font-size: 25px;
}

.TextoShowProduto{
    color: #D0D0D0;
    font-size:12px;
 }

.dotProdutos {
    height: 12px;
    width: 12px;
    background-color: #fedb00;
    border-radius: 50%;
    display: inline-block;    
    margin-right: 8px;
}

.dotEspecificacoes {
    height: 10px;
    width: 10px;
    background-color: #fedb00;
    border-radius: 50%;
    display: inline-block;    
    margin-right: 8px;
    margin-bottom:0.5px;
    margin-left:-18px;
    
}

.dotCarrinho {
    height: 10px;
    width: 10px;
    background-color: #fedb00;;
    border-radius: 50%;
    display: inline-block;    
    margin-right: 8px;  
}

.texto18BoldProdutos{
    font-size:17px;
    font-weight: bold;
}

.Texto_labelProdutos {
    background:#D0D0D0;
    font-size: 11px;
}

.corPretaProdutos{
 color:#000;
 font-weight:bold;
 font-size:12px;
 }
 
.linkDownloadsProdutos{
 position:absolute;
 z-index:1000;
 right:26%;
}


.ButtonFilterProdutos:hover
 {
  background: #e7c700;
  color: #4D4D4F;
  border: solid #4D4D4F 1px;  
}

.ButtonFilterProdutos
 {

  font-family: 'Roboto' !important;   
  color: #4D4D4F;
  background:#fedb00;
  height:35px;
  min-width:150px;
  font-size:12px;
  padding: 0px;
  border: solid #fff 1px;
  text-decoration: none;
  border-radius:0px 0px 0px 0px;
  cursor: pointer;
}


.comboBoxFichas{
    padding: 2px;
    margin: 0;
    border: 1px solid #4D4D4F;
    border-radius: 0px;
    outline: 0;
    Min-Height: 0px;
    font-size: 11px;
    margin-left: 10px;
    width:230px;
    height:28px;
}
.comboBoxCarrinho{
    padding: 2px;
    margin: 0;
    border: 1px solid #4D4D4F;
    border-radius: 0px;
    outline: 0;
    Min-Height: 0px;
    font-size: 11px;
    margin-left: 0px;
    width: 170px;
    height: 27px;
}

.imputBoxFichas{
    border: 1px solid #4D4D4F;
    border-radius: 0px;
    outline: 0;
    Min-Height: 0px;
    height:25px;
    width:230px;
}

.imputBoxCarrinhoQuant{
    border: 1px solid #4D4D4F;
    border-radius: 0px;
    outline: 0;
    Min-Height: 0px;
    height: 21px;
    width: 30px;
    margin-left: 10px;
    padding: 2px;
    font-size: 11px;
}

.imputBoxCarrinhoText{
    border: 1px solid #4D4D4F;
    border-radius: 0px;
    outline: 0;
    Min-Height: 0px;
    height: 21px;
    width: 60px;
    margin-left: 10px;
    padding: 2px;
    font-size: 11px;
}
}





.texto18BoldProdutos{
    font-size:17px;
    font-weight: bold;
}

.Texto_labelProdutos {
    background:#D0D0D0;
    font-size: 11px;
}

.corPreta
{
    color : #333;
}

.TabelaZebra >tbody > tr{
    color: #333;
    background: #A7A5A8;
    font-size: 14px;
    font-weight: bold;
}

.TabelaZebra >tbody > tr:nth-child(even){
    color:  #333;
    background:#EBEBEB;
    font-size: 14px;
    font-weight: bold;
  
}

.TabelaZebra >tbody > tr:hover{
    color: #6C6B70;
    background: #fedb00;
    font-size: 14px;
    font-weight: bold;
}

.TabelaZebra >tbody > tr.late{
    color: #333;
    background: #f96464;
    font-size: 14px;
    font-weight: bold;
}

.TabelaZebra >tbody > tr.late:hover{
    color:#333;
    background: #e34b4b;
    font-size: 14px;
    font-weight: bold;
}

.TabelaZebra >tbody > tr.delivered{
    color: #333;
    background: #afe674;
    font-size: 14px;
    font-weight: bold;
}

.TabelaZebra >tbody > tr.delivered:hover{
    color: #333;
    background: #7ac629;
    font-size: 14px;
    font-weight: bold;
}

.Notificacoes{
    height: 25px;
    width: 25px;
    background-color: #fedb00;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -18px;
    top:3px;
    text-align: center;
    font-size: 13px;
    margin-top: -10px;
    color:#4D4D4F;
    line-height: 25px;
}

.Notificacoes_div{
position:relative;
}

.H2Internos{
    font-size: 12px;
    color: #555;
    opacity: 0.8;
    text-align: center;
}

.H2Internos:hover{
  color: #fff;
}

.MenuInternos{
    
    display: block;
    height: 40px;
    width: 40px;
    background-size: 100%;
    margin: auto;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    margin-top: 10px;
 }
 

 
 
 .ca-menu li:hover .H2Internos{
    color: #fff;  
}

.ca-menu li:hover .MenuInternos{
    height: 50px;
    width: 50px;
}

.LayoutNormal_Utilizador{
    font-size: 16px;
    font-weight: bold;
}

.ComboBox_LayoutNormal{
   background: url(https://151.236.61.32/online/img/DownCombo.png?2201&2203&2268) 0% 31%/ 27% no-repeat #4D4D4F;
    color: white;
    font-size: 17px;
    font-weight: bold;
    border-radius: 0px;
    padding: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    direction: rtl;
    margin: 0px;
    top: 5px;
    position: relative;
    
}


.ComboBox_LayoutNormal::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .ComboBox_LayoutNormal {
        background:none\9;
        padding: 5px\9;
    } 
}


.parent_ribbon {
  overflow: hidden;
  position: relative; 
}

.ribbon {
  margin: 0;
  padding: 0;
  background: #6C6B70;
  color:white;
  padding:1em 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #6C6B70;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.imgCarrinho img
{
 
    transition:0.50s;
    width:72px;
    height:53px;
}
.imgCarrinho:hover img
{
    transition:0.50s;
    width:250px;
    height:185px;
}

.imgCarrinho_inactive img
{
 
    transition:0.50s;
    width:45px;
    height:33px;
}

.ButtonSelectionDownloadDXF
{
  font-family: 'Roboto' !important;
  background:url('img/download_dxfyl.png?2268') left no-repeat #6C6B70;
  text-align:right;
  font-family: 'Roboto' !important;   
  color: #fedb00;
  border: 1px solid #6C6B70;
  height:30px;
  font-size:12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  cursor: pointer;
  border-radius:0px;
}

.ButtonSelectionDownloadDXF:hover
 {
    font-family: 'Roboto' !important;
    color: #6C6B70;
    background:url('img/download_dxf.png?2268') left no-repeat #fedb00;
    background-repeat: no-repeat; 
    border: 1px solid #fedb00;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.ButtonSelectionDownload
{
    font-family: 'Roboto' !important;
    color: #fedb00;
    background: #6C6B70;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    cursor: pointer;
    border-radius:0px;
    min-height:0px;

}

.ButtonSelectionDownload:hover
 {
  background: #fedb00;
  color: #6C6B70;
  border: 0px;  
}

.ErrorImg{
        background-image: url('img/ErrorIMG.jpg?2268');
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
}

.ErrorTitle{
        color: #eabe00;
        font-size: 65px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
 }
 
.ErrorTitle2{
        color: #786c6c;
        font-size: 30px;
        font-weight: bold;
 
 }
 
 
.ErrorTitle3{
        color: #786c6c;
        font-size: 20px;
    
}


.imagens_obras-container{
      margin-right: 20px;
      margin-left: 20px;
}

.imagens_obras {
      list-style: none;
      margin: auto;
      margin-top: 0px;
      background-color: none;
      text-align: center;
      padding-left: 0px;
    }

.imagens_obras li {
      width: 222px;
      height: 245px;
      background-color: #F6F6F6;
      display: inline-block;
      margin-right: 20px;
      margin-left: 20px;
      margin-bottom: 20px;
      text-align: center;
}

.imagens_obras li a {
      text-decoration: none;
      color: none;
}

.imagens_obras #item-image {
      width: 222px;
      height: 256px;
      padding-bottom: 0px;
      background-color: none;
}

.imagens_obras li h5 {
      color: #2D2D2D;
      margin-bottom: 0px;
      text-align: center;
      width: 100%;
      height: 34px;
      background-color: none;
      word-wrap: break-word;
      margin-top: 10px;
}

.imagens_obras li p {
      color: #8A8A8A;
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 16px;
      text-align: center;
      height: 24px;
      width: 100%;
      font-weight: 300;
      line-height: 14px;
      padding-bottom: 16px;
      background-color: none;
}

.Imagens_obras_center-cropped img{
    width: auto;
    height: 200px;
    
}

.Imagens_obras_center-cropped{
    width: 222px;
    height: 200px;
    padding-bottom: 8px;
    overflow:hidden;
}

.CatalogoPai:hover .CatalogoFilho{
   max-height: 2000px;
   transition-duration:2000ms; 
}



.CatalogoFilho{
    max-height: 0px;
    overflow:hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}




.CatalogoPai.overlay{
    opacity:0.3;
    max-height: 0px;
    overflow:hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.CatalogoPai.overlay:hover{
    transition-duration:2000ms; 
}

.CatalogoPai.not_overlay{
    opacity:1;
    max-height: 0px;
    overflow:hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.CatalogoPai.not_overlay:hover{
    transition-duration:300ms; 
}

.ca-menu-inactive{
    padding: 0;
    margin: 50px auto;
    width: 300px;
}

.ca-menu-inactive li{
    overflow:hidden;
    opacity:0.3;
}

.ca-menu-inactive li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #4D4D4F;
    position: relative;;
}

.imputObras{
border: 1px solid #4D4D4F;
border-radius: 0px;
outline: 0;
Min-Height: 0px;
height: 31px;
width: 230px;
margin-left:0px;
margin-top:10px;
}

.ButtonSelectionDownloadTrashIcon
{
font-family: 'Roboto' !important;
color: #fedb00;
background:  url('img/TrashClosed.png?2268');
height: 31px;
font-size: 10px;
font-weight: bold;
padding: 5px 5px 5px 5px;
text-decoration: none;
cursor: pointer;
border-radius:0px;
min-height:0px;
border:0px;
background-size: contain;
background-repeat:no-repeat;
margin-top:10px;
}

.ButtonSelectionDownloadTrashIcon:hover
 {
  background:  url('img/TrashOpened.png?2268');
  color:  #fedb00;;
  border: 0px; 
  background-size: contain;
  background-repeat:no-repeat;
}



.ButtonLogin
 {

  font-family: 'Roboto' !important;   
  color: #fedb00;
  font-size: 11px;
  background: #4D4D4F;
  height:40px;
  width:200px;
  font-size:14px;
  padding: 5px 5px 5px 5px;
  border: solid #fedb00 1px;
  text-decoration: none;
  border-radius:15px;
  cursor: pointer;
}


.ButtonLogin:hover 
 {
  background: #fedb00;
  color: #4D4D4F;
  border: solid #4D4D4F 1px;  
}

