/* reset */
* {margin:0; padding:0; list-style:none; vertical-align:baseline;}

body.smallText { font-size:50%!Important; }
body.largeText { font-size:82%!Important; }

/* general settings*/
body {
    background: #fff url(++theme++beyondskins.consorcioabc.site/images/bg.jpg) repeat-x;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;

}

#wrapper {
    width: 85%;
    max-width:960px;
    background: transparent url(++theme++beyondskins.consorcioabc.site/images/43.png) repeat;
    padding: 0 5%;
    margin: 0 auto; 
    font-size: 1.1em;
}

#main {
    background: transparent;
    font-size: 1.3em;
    padding: 1em 0;
}
    
#content {font-size: 90%;}
    
a:link, a:visited {color: #e26d20;} 

p {line-height: 1.8em; margin: 0 0 1em 0;}

h1, h2, h3 {margin: 0.5em 0 0.5em;}

h2.tileHeadline {font-size:1.5em}

#content h1,
#content h2,
#content h3,
#content h4 {color:#e26d20;}

#content .documentDescription, #content #description {
    color: #000000;
    font-size: 1em;
}

.hidden,
.template-contentpanels_view h1.documentFirstHeading {display:none;}

.clear {clear: both;}

.pb-ajax, .pb-image, 
.overlay iframe {font-size: 1.3em;}

div.overlay-iframe, div.overlay-ajax {left:11%!Important; width:75%;}

.portlet img,
#content img {
max-width:100%;
}

/*header*/

#header {
    background: transparent;
    background-size:100% 100%;
    position:relative;
}

#header a:link, #header a:visited,
#content a:link, #content a:visited {color:#000;}

#header a:hover,
#content a:hover {color:#e26d20 !Important;}


#logo {
    padding: 2.83% 0 4%;
    float: left; 
    max-width: 19.8%;
}

#logo img {width:100%;}

#logo a {display:block; width:100%;}


#imagentopo {
    float: left;
    max-width: 16%;
    padding: 0 9%;
    width: 179px;
    height: 179px;
    margin-left: 7em;
    background-size:100%;
    background-repeat:no-repeat;
}


#imagentopo img {width:100%;}

#portal-personaltools {font-size: 1.1em;}

/*Menu*/

#nav {
    background: transparent url(++theme++beyondskins.consorcioabc.site/images/75.png) repeat;   
    padding:0;
    font-size: 1.2em;
}

#nav ul {padding-top: 0; line-height: 313%;}

#nav li {display: inline;}

#nav a {
    color: #000;
    padding: 1em; 
    text-decoration: none;
    font-weight:bold;
}

#nav a:hover,
#nav li.selected a {background: #e26d20;color:#000 !Important;}

#searchbt,
#nav #seletor {display:none;}


#headeractions {
    float: right; 
    margin: 3% 0 1% 0;
    width:30.2%;
    font-size: 100%;
}

#acessbar { font-size: 1.1em; font-weight:bold; }

#acessbar #pularconteudo {margin-right: 2%;}
#acessbar #contraste {margin: 0 2%;}
#acessbar #menor {margin-left: 2%;}

/* Searchbox */

#busca {
margin-top:10%;
background:#bdbdbd;
}

#busca h3 {
    color:#d3d3d3;
    font-size:190%;
    text-align:center;
    line-height: 2em;
    margin:0;
}


#portal-searchbox {
    clear: none;
    float: none;
    font-size: 100%;
    padding: 0 6% 6% 6%;
    margin-top:0;
}

#portal-searchbox  form,
#portal-searchbox  form .LSBox  {font-size: 100%;}

#portal-searchbox #searchGadget {
    border: 1px solid #fff;
    padding: 2.1% 0 1.1%;
    margin-right: 0.6%;
    text-indent: 15%;
    width: 69%;
    color:#BDBDBD;
    font-size:1.1em;
    background:#fff url(++theme++beyondskins.consorcioabc.site/images/search-ico.gif) no-repeat 3%;
}

#portal-searchbox .searchButton {
    background:#E26D20;
    border: 1px solid transparent;
    color: #fff;
    font-size:1em;
    width: 27%;
    padding:1.899% 0  0.8% 0;
    text-align:center;
    font-weight:bold;
}

#LSResult {z-index:1; margin-top: 0.5%;}

/*portlet nav*/



.portletStaticText {
  border-bottom: 1px solid #cccccc;
  margin-top: 20px;
  padding-bottom: 10px;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem {
    border-bottom: 1px solid #C9C9C9;
    padding: 0.25em 0;
}

dl.portlet ul.navTree li a:visited,
dl.portlet ul.navTree li a:hover,
dl.portlet ul.navTree li a {
    background: transparent;
    padding-left:4% !important;
    color:#000 !Important;
    font-weight:bold;
    font-size:1.1em;
}

dl.portlet ul.navTree li .navTree  {
 border-left:1px solid #C9C9C9;
 margin: 3% 6.5%;
}

dl.portlet ul.navTree li .navTreeLevel1 a:visited,
dl.portlet ul.navTree li .navTreeLevel1 a:hover,
dl.portlet ul.navTree li .navTreeLevel1 a {
    font-weight:normal !Important;
    padding-left:7% !important;
}

dl.portlet ul.navTree .navTreeCurrentItem {
    background: transparent;
    border-left: transparent;
    margin-left: 0;
}

dl.portlet ul.navTree .navTree .navTreeCurrentItem ,
dl.portlet ul.navTree .navTree .navTreeCurrentItem :hover {
    color: #E26D20 !Important;
    font-weight:bold !Important;
    background:transparent url(++theme++beyondskins.consorcioabc.site/images/bulletnav.gif) no-repeat center left;
}


dl.portlet ul.navTreeLevel1 .navTreeItem {padding-left: 0;}

/*Home*/

#content #destaque-principal a:link,
#content #destaque-principal a:visited {
    border-bottom: 0 none;
    color: #414141;
    font-size: 1.36em;
    font-weight: bold;
    line-height: 1.3em;
}

#content #destaque-principal a img {padding-bottom: 1.5%;}
    
/*Portlets*/



.portlet {font-size: 90% !Important;}
#content dd {margin: 0; padding:10px 0;}
#content dt {background: transparent;}

dl.portlet.list .portletHeader a:link,
dl.portlet.list .portletHeader a:hover {
border-bottom:0 !Important;
background:#fff !Important;
display: inline;
padding: 5px 5px 5px 0;
color:#E26D20 !Important;
}

dl.portlet.list .portletHeader {
border-bottom:1px solid #CCCCCC;
padding-left:0;
margin-bottom:10px !Important;
}

dl.portlet.list .portletItem {padding:10px 0 0 0 !Important;}

dl.portlet.list .portletHeader span {display: block; margin-bottom: -12px;}
dl.portlet.list .portletItemTitle {font-weight: bold;}
.portletItemDetails,
.portletItemDetails a,
.portletItemDetails a:visited {
color:#bdbdbd !Important; 
    font-size: 97%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


dl.portlet.list .portletFooter a:link,
dl.portlet.list .portletFooter a:hover {
    border-bottom:0 !Important;
    background:#fff;
    display: inline;
    padding: 5px 0 5px 5px;
    color:#E26D20 !Important;
}

dl.portlet.list .portletFooter {
    border-bottom:1px solid #CCCCCC;
    padding-left:0;
    font-size:91%;
    margin-bottom:10px !Important;
}

dl.portlet.list .portletFooter span {display: block; margin-bottom: -18px;float:right;}

.portletItemTags {
   background: url(++theme++beyondskins.consorcioabc.site/images/tag-ico.gif) no-repeat scroll left center transparent;
    padding-left: 15px;
    text-transform: capitalize;
}

/*Slides*/

#content #destaque-slides a:link, #content #destaque-slides a:visited {
    border-bottom: 0 none;
    display:block;
    color: #414141;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
}

#content #destaque-slides a img {
    padding-bottom: 1.5%;
}
    

#content #destaque-slides {margin-top: 15px;}

#content #destaque-slides a:link,
#content #destaque-slides a:visited {
    border-bottom: 0 none;
    color: #414141;
    display:inline !Important;
     font-size: 1.35em !Important;
    font-weight: bold;
    line-height: 1.1em !Important;
}

#content #destaque-slides img {
   margin-bottom: 3.5%;
   padding:0 !Important;
   border:1px solid #999999;
}



#content #destaque-slides ul,
#content #destaque-slides ul li,
#content #destaque-slides ul li a:hover,
#content #destaque-slides ul li a:visited, 
#content #destaque-slides ul li a {
   color:#999999!Important;
   display:inline !Important;
}

#content #destaque-slides ul li a.current {color:#E26D20 !important;}

#content #destaque-slides ul {
    display: block !important;
    background:url(++theme++beyondskins.consorcioabc.site/images/setas.gif) no-repeat top center;
    margin: 0;
    text-align: center;
    margin-top: 3.5%;
    width: 87%;
}

/*Galeria*/
dl#galeria.portlet {margin-top: 10px;}
dl#galeria.portlet.list .portletFooter a,
dl.portlet.list .portletHeader a:link,
dl.portlet.list .portletHeader a:visited,
dl.portlet.list .portletHeader a:hover {color:#E26D20 !Important;}
dl.portlet.list .portletHeader a:hover {color:#E26D20 !Important;}
dl#galeria.portlet.list .portletFooter {border-bottom:none !Important;padding-top:0 !Important;}

#slider-code { height: 80px; overflow:hidden; }
#slider-code .viewport { float: left; width: 87%; height: 70px; overflow: hidden; position: relative;margin-top: 15px; }
#slider-code .buttons {
text-align:-90000000px display: block; margin: 20px 10px 0 0; float: left;
  height: 12px;
  background-image:url(++theme++beyondskins.consorcioabc.site/images/setasscroll.gif);
  background-position:top left;
    margin-top: 30px;
    text-indent: -90000px !important;
    width: 15px;
  border:0 none !Important;
}

#slider-code .next { margin: 31px 0 0 10px;  background-position:top right;  }
#slider-code .disable {   background-image:url(++theme++beyondskins.consorcioabc.site/images/setasscrolloff.gif) !Important; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 15px 0 0; padding: 1px; height: 121px; width: 64px;}
#slider-code .overview li a img {border:1px solid gray;}
                    

  
/*destaques*/
  
  
#destaque-principal img {width:100%;}

.template-contentpanels_view #portal-breadcrumbs {display:none;}

.searchButton {padding-bottom: 4px !Important;}

#acessbar #menor {font-size:0.9em;margin-left: 0 !Important;}
#acessbar #maior {font-size:1.1em;margin-left: 2% !Important;}

.documentActions {border-top: 0;}

dl.portlet ul.navTree .navTreeCurrentItem span {color: #E26D20;}



    
/*footer*/

#cidades {  padding: 2% 7%; text-align:center;}

#footer {
    clear: left;
    background: #e5e5e5 url(++theme++beyondskins.consorcioabc.site/images/footer.gif) repeat-x top center;
    color: #000;
    padding: 2% 7%;
}

#footer a {color: #000;}

#portal-siteactions {
    font-size: 100%;
    text-align: left;
    display:inline;
}


@media screen and (max-width: 848px) {
    #busca h3 {display:none;}
    #busca {background:transparent;}
    #portal-searchbox .searchButton {width: 40%;}
    #portal-searchbox #searchGadget {text-indent:-900000000px;}
}


/*Footer*/
#footer {font-size: 1.1em;}
#footer b {font-size: 1.1em;}
#footer table b {font-size:1.2em;}
#footer table.invisible td {width:25%;border-right:1px solid #9c9a9a;padding-left:25px;}
#footer table.invisible td.last {border:0;} 

#footer #selosimples {
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: -42px;
}

.viewlet.defaultPortletWrapper.atividades-dos-gts {margin-left:20px !Important;}

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

    #slider-code .viewport {   width: 84% !Important; }


    #logo {min-width:140px;}    

    .viewlet.defaultPortletWrapper.atividades-dos-gts {margin-left:2px !Important;}
    
    /*Columns*/
        
    #portal-column-one, 
    #portal-column-two,
    #portal-column-content { 
        clear: both; 
        width: 97.75%; 
        margin-left: -98.875%; 
    }



    .cpttableless {
        clear: both!Important;
        display: block!Important;
        float: left!Important;
        margin: 0!Important;
        width: 100% !important;
    }
    
    
    /*Search*/
    #portal-searchbox ,
    #busca  {display:none;}
    

    /*Global navigation*/

    #nav {
        padding:0;
        width:100%;
        color: #000;
    }
    
    
    #searchbt {display:block;float:right;width:14%}
    
    #searchbt a {
        display:block;
        text-indent: -900000px;
        padding: 1em;
        margin-top: 4%;
        background:transparent url(++theme++beyondskins.consorcioabc.site/images/searchico.png) no-repeat center center;
    }

    
    #nav #seletor {
        display:block;
        padding:1em;
        width:80%;
        background:url(++theme++beyondskins.consorcioabc.site/images/sections-ico.png) no-repeat 97% 60%;

     }
    
    #nav li {display: none;}
    
    #nav:hover li {
        display: block;
        width:100%; 
        border-top:1px solid gray;
        display:block !Important;
        padding:0;
    }
    
    #nav ul {
        width:97.5%;
        margin:0;
        padding:0;
    }
    
    #nav:hover li a {
        color: #000;
        width:100%;
        padding:0 2.5%;
        line-height: 3em;
        display: block;
        width: 95% !important;
    }
    
    #nav:hover li:hover {background: #e26d20;}
    
    #nav:hover li a:hover,
    #nav:hover li.selected a {background: transparent;}
    
    
    #headeractions {
        float: left;
        margin: 1% 0 3%;
        width: 100%;
    }
    
    #imagentopo {
        float: right;
        max-width: 45%;
        padding: 0;
    }

   #footer #selosimples {float: none !Important;};

   
    #headeractions {
        float: none;
        width:80%;
        clear:both;
        margin: 0 auto 2%;

    }
}

@media only screen and (device-width: 768px) {

#nav li a {
    font-size: 99%;
}

#selector {height:21px;}

#wrapper {background:#fff;
     opacity: 0.8;           /* fx, safari, opera */
}

}

@media screen and (max-width: 480px) {

    #imagentopo  {display:none;}

    #portal-breadcrumbs {display:none;}
    
    #footer img,
    #footer table {display:none !Important;}

}

/*Overlay*/


.overlay.overlay-ajax {top: 10px !Important;}

.overlay.overlay-ajax input.searchPage {
    font-size: 200% !important;
    width: 90%;
    margin-bottom:1em;
}

.overlay.overlay-ajax input.searchPage.searchButton {width:auto;}


.overlay.overlay-ajax #searchform .discreet {text-align:left;}

.overlay.overlay-ajax #content-core strong {display:none;}

div.listingBar a:hover,
div.listingBar a:visited,
div.listingBar a {color: #E26D20;background:#fff;border:1px solid gray !Important;}

.portletStaticText.portlet-static-banners img {margin-bottom: 20px;}
.cpttableless {float:left;}
#nav ul {text-align: center;}

/*Contraste*/

body.contrastado * {
background:#000 !Important;
color:#FFF !Important;
border:#000 !Important;
}