<dtml-call "REQUEST.set('portal_url', portal_url())">

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

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

body {background-color: #7d7d7d !Important;}
body#content {background-color: #ffffff !Important;}

#wrapper {
width: 960px; 
margin: 10px auto 0 auto; 
background:#fff;
font-size: 1.1em;
border-top: 5px solid #254678;
border-right:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
}


#main {background: #fff; font-size: 1.2em;padding: 1em 0;}
a {color: #205C90;}
p {line-height: 1.8em;margin: 0 0 1em 0;}
h1, h2, h3 {margin: 20px 0 10px 0;color:#E6AE11;}
.hidden {display: none;} 
.clear {clear: both;}
.pb-ajax, .pb-image, .overlay iframe {font-size: 1.3em;}
#content h1.documentFirstHeading  {letter-spacing: 0;line-height: 27px;}
#content #parent-fieldname-description   {margin-bottom: 20px;}
#content #content-core {font-size:12px;}
.documentActions {display:none;}
/*header*/
#header {
background: transparent url(++theme++beyondskins.inesc.site/images/header.jpg) no-repeat;
font-size: 1.2em;
position:relative;}

#logo {padding: 18px 0 20px 30px;float: left;}

/*SiteAction*/
#portal-siteactions {
    width: 50%;
    position: absolute;
    right: 33px;
    top: 13px;
}

#portal-siteactions li a { 
    font-size: 1em;
    font-weight: bold;
    color:#1C3A5E;
}

#portal-siteactions li#siteaction-index_html a {padding-left:20px;background:transparent url(++theme++beyondskins.inesc.site/images/casa.gif) no-repeat center left;}

#portal-siteactions li a:hover {color:#F2AF1A;}


#portal-siteactions li {
    padding: 0 10px;
     border-right:1px solid #CCCCCC;
}


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

#nav {background: transparent;
        padding: 0;   
    position: absolute;
    right: 10px;
    top: 113px;
    }
#nav ul {padding-top: 1px;}
#nav li {display: inline;}
#nav a {color: #254678;
font-weight:bold;
font-size:1.1em;
padding:0 0.8em; 
text-decoration: none; 
white-space: nowrap;}
#nav a:hover,
#nav li.selected a,
#nav li.selected a:hover {color:#F2AF1A;}

/*Columns*/
div.width-3\3a 4 { width: 72%; } /* Content with one columns */
div.width-1\3a 2 { width: 50%; } /* Content with two columns */
div.width-1\3a 4 { width: 23%; } /* Columns One and Two*/
div.position-1\3a 4 { margin-left: -75%; } /* Columns one spaccing */
div.position-3\3a 4 { margin-left: -25%; } /* Column two spaccing */

/*Portlets*/

dl.portlet dt {
background:transparent;
padding-left: 0;
border-bottom:1px solid #D2D2D2;}

#content dl.portlet a,
#content dl.portlet a:visited {border-bottom:0;}

dl.portlet dt, dl.portlet dt span {color:#8A8B8D;}

#content dl.portlet dt a:link, 
#content dl.portlet dt a:visited, 
#content dl.portlet dt a:hover,
dl.portlet dt a:link, 
dl.portlet dt a:visited, 
dl.portlet dt a:hover {color:#8A8B8D;font-size:1.7em;
}

#content dl.portlet dd.portletItem,
dl.portlet dd.portletItem {
    padding-left: 0;
    font-size: 1.3em;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    }
  
dl.portlet dd.portletItem a.tile {
    border:0;
    color: #E6AE11;
    font-size: 1.1em;
    font-weight: bold;
}

dl.portlet dd.portletItem  .portletItemDetails {margin-left: 0;}

dl.portlet dd.portletItem a .portletItemDetails,
dl.portlet dd.portletItem a :visited .portletItemDetails {
    color: #676767;
    margin-left: 0;
}

#content dl.portlet a:hover.tile,
#content dl.portlet a.tile, 
#content dl.portlet a.tile:visited {
    color: #E6AE11;
    font-size: 1.1em;
}

.cpttableless {display:block;float:left;}
.notitlePortletWrapper .portletHeader {display:none;}

body {background-attachment:fixed !Important;}
#content {margin-left: 10px;margin-bottom:0;}
#portal-column-one  {margin-top: 20px;}
#content .quadro {
    border-bottom-color: #CCCCCC;
    border: 1px solid #ccc;
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    width: 64%;
}

/*BreadCrumb*/

#portal-breadcrumbs{
font-size: 11px;
margin-left: 22px;
margin-top: 15px;
}
#portal-breadcrumbs a {color:#224C7C!Important;}


/*Navegacao*/

dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-bottom-style: solid;
padding-left: 0 !Important;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem a {
background:#fff !Important;
color:#254678 !Important;
font-size:12px;
padding-left: 0 !Important;
font-weight:bold;
 line-height: 20px !Important;
padding-left:5px;}

dl.portlet ul.navTreeLevel0 {margin-left:15px !Important;}

dl.portlet ul.navTreeLevel0 .navTreeItem a.navTreeCurrentNode {
border:0!Important;
color:#F2AF1A !Important;
background:transparent;
margin-left:0!Important;}


/*Lista*/

#content dd { margin-left: 0;margin-bottom:0;}

#content dl.portlet dt {
background-color: transparent;
padding:0;
}

#content dl.portlet dt span,
#content dl.portlet dt a {
color:#898A8E !Important; 
font-size:14px;
padding-bottom: 5px;
}

#content .estatico .portletHeader {
border-bottom:1px solid #CCCCCC !Important;
}

#content .estatico dd {
font-size:12px;
margin:0;
padding-top:10px;
padding-left: 0;
}

#content .inesc-online .estatico img,
#content .espacos-on-line .estatico img {
    border: 1px solid #E4E4E4;
    margin-right: 14px;
}

.section-pagina-inicial .listasimples .lista .portletFooter {display:none !Important;}
#content dl.portlet dt a.viewlet-rss-link {border-bottom:0;}

#content .listasimples a h3 {display:inline; font-size: 1.2em; line-height: 1.2em; color:#0B2D53;border-bottom:0 !Important;}

#viewlet-above-content #portal-breadcrumbs,
.portletNavigationTree img {display:none;}

#content .listasimples p {
color:#898A8E; 
margin-bottom: 0 !Important;}

.listasimples .portletItem {padding:10px 0 0 0 !Important;}

#content .listasimples .portletItem a {border-bottom:0;}

.listasimples {
padding-bottom:10px;
border-bottom:1px solid #E3E3E3;}

/*Lista Potente*/

.lista h3,
.lista h2 {color:#0b2f54;}
.lista .segundo h3,
.lista h2 {margin-top:0;margin-bottom:5px;font-size: 1.6em;line-height:20px;}
.lista h3 {font-size: 1.2em;}

.lista h2 {margin-top:0;margin-bottom:5px;font-size: 1.6em;line-height:20px;}
.portletFooter.inesc {border:0 !Important;padding-top:0 !Important;}
     
.lista .segundo,
.lista .primeiro {
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom:1px solid #E3E3E3;}

.lista .segundo {padding-bottom:10px;margin-bottom:10px;}

#content .lista .portletItem {padding:0;}


.lista .outros h3 {display:inline; font-size: 1.2em;line-height:23px;}

#content .lista .outros a {color:#0b2f54 !Important;border-bottom:0 !Important;}

#content .lista p {
color:#0b2f54; 
margin-bottom: 0 !Important;}

.lista .portletFooter {
border-top:1px solid #E3E3E3;
margin-top: 20px !Important;
padding-top: 5px;
margin-left: 0 !Important;}

.lista .portletFooter a {border-bottom:0 !Important;}

.lista .portletFooter a.ftp {
padding-left:23px;
color:#0b2f54 !Important;
background:transparent url(++theme++beyondskins.inesc.site/images/bulletfooter.png) no-repeat left center;
font-size:12px;
font-weight:bold;
}


/*Slider*/
#content a:hover, dl.portlet a:hover {color:#0b2f54!Important;}

#Slider {
    display: block;
    height: 250px;
    width: 400px;
    position:relative;
    margin-bottom: 35px;
}

#Slider {margin-bottom:85px !Important;}

#slider-code { height: 60px; overflow:hidden; }
#slider-code .viewport { float: left; width: 100%; height: 60px; overflow: hidden; position: relative; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px 10px 1px 1px; height: 60px; width: 90px;}
#slider-code .overview li img {width:75px;}


#content ul.tabs {
    list-style: none;
    position: absolute;
    right: 0;
    top:10px;
}

#content ul.tabs li a {
display:block;
background:transparent url(++theme++beyondskins.inesc.site/images/abas.png);
height:23px;
text-align:center;
border-bottom:0;
color:#fff;
padding-top: 6px;
font-size:16px;
font-weight:bold;
width:28px;
}

#content ul.tabs li a:hover,
#content ul.tabs li a.current {color:#244473;0 29px;background:transparent url(++theme++beyondskins.inesc.site/images/abas.png) 0 29px;}

.legendaslider {
    bottom: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    position: absolute;
    background:url(++theme++beyondskins.inesc.site/images/trans.png);
    color:#fff;
    font-weight:bold;
    font-size:17px;
    padding:10px;
}

.legendaslider {
    margin: 0px !Important;
    position: relative !Important;
}

.legendaslider {
    font-weight: normal !Important;
    height: 50px !Important;
    background:#969494 !Important;
    padding:7px 10px !Important;
    line-height:1.3em;
}


/*Scroll*/
#scroll {width:163px;background:transparent; padding:0px;margin: 0;position:relative;}
#scroll h2 {display:none;}
.scrollable {

/* required settings */
position:relative;
overflow:hidden;
margin:5px auto;
width: 163px;
height:220px;
}

.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
}

.items div {float:left;width:163px;}
#content .items div a {border-bottom:0 !Important;}
#destaqueedicoes .items div img {border:1px solid #A0A0A0;  margin-left: 35px;}
#destaqueedicoes .items div h3 {
    color: #0B2D53;
    font-size: 1.1em;
    line-height: 18px;
    margin-top:23px;}

a.browse {display:block;background:transparent url(++theme++beyondskins.inesc.site/images/arrows.jpg);width:15px;height:27px;position:absolute;z-index:100;}
a.browse.right {top:90px; right:0;background-position: right center;}
a.browse.left {top:90px; left:0;}

.legenda-revista {margin-right: 10px;width: 160px;}
a .legenda-revista p, a .legenda-revista h3 {font-size:12px!Important;color:#000!Important;}


#destaqueedicoes .scrollable {margin-top:20px;}


/*ScrollerVertical*/

.scrollablev {

        /* required settings */
        position:relative;
        overflow:hidden;

        /* vertical scrollables have typically larger height than width but not now */
        height: 340px;
        width: 150px;
}

/* root element for scrollable items */
.scrollablev .items {
        position:absolute;
        /* this time we have very large space for the height */
        height:20000em;
    margin-left:6px;
}

#content .scrollablev .items a,
#content .scrollablev .items a:visited {border-bottom-width: 0;}

.scrollablev .items img {border:1px solid #E4E4E4;}

.scrollablev .items img:hover {
    box-shadow: 0 0 5px #FFFFFF;
    -webkit-box-shadow: 0 0 5px #FFFFFF; 
    -moz-box-shadow: 0 0 5px #FFFFFF;
    border:1px solid #FFFFFF; 

}

.scrollablev.vertical {height:520px!Important;}

#actionsv .prev, 
#actionsv .next {display:block;background:url(++theme++beyondskins.inesc.site/images/arrowsv.png) no-repeat top center;height:30px;width:135px;}

#actionsv .next {display:block;background:url(++theme++beyondskins.inesc.site/images/arrowsv.png) no-repeat bottom center;}


/*Facebook*/

#content #facebook .portletHeader a {color:#0B3251 !Important;}
#facebook .portletItem {padding:0;}


/*Videos*/

#destaquesyt {}
#destaquesyt iframe {margin-bottom: 5px;}
#destaquesyt .listafooter {margin-top:10px;}
#destaquesyt .listafooter a,
#destaquesyt .listafooter a:visited {color:#6a6a6a;font-size:12px;font-weight:bold;}
#destaquesyt .listafooter .portletBottomLeft {background:transparent url(++theme++beyondskins.inesc.site/images/morelista.gif) no-repeat;padding-left:20px;}

.itemsy div a {margin-right:4px;}
.lista.tv {margin-top:-31px;text-align:right;}

/*Scroll*/

#scrolly {
background:#F0ECED;
height: 36px;
border:1px solid #CCCCCC;
margin-top:-3px;
width:260px;position:relative;}

.scrollabley {

/* required settings */
position:relative;
overflow:hidden;
margin:5px auto;
width: 235px;
height:42px;
}

.scrollabley .itemsy {
/* this cannot be too large */
width:20000em;
position:absolute;
}

.itemsy div {float:left;margin-left:10px;}


a.browsey {display:block;background:transparent url(++theme++beyondskins.inesc.site/images/arrows.jpg);width:15px;height:28px;position:absolute;z-index:100;}
a.browsey.right {top:5px; right:5px;background-position: right center;}
a.browsey.left {top:5px; left:4px;}

.colophonWrapper h5,
#content .portlet h5 { border-bottom-color: red;
    border-bottom:1px solid #D2D2D2;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: -2px;
    padding-bottom: 3px;
    color: #898A8E !important;

}

#content .principais-temas .estatico .portletItem a,
#content .principais-temas .estatico .portletItem a:hover,
#content .principais-temas .estatico .portletItem {color:#092F56;}

#content .principais-temas .estatico .portletItem .grande {font-size: 16px;}
#content .principais-temas .estatico .portletItem .media {font-size: 13px;}
#content .principais-temas .estatico .portletItem .pequena {font-size: 10px;}
#content .espacos-on-line .estatico img {border:1px solid #E4E4E4;margin-right: 14px;}

/*Colophon*/

.colophonWrapper h5 {font-size:10px;font-weight:bold;color:#919193;}
.colophonWrapper {text-align:left;padding: 0 10px 10px 10px; margin-left: 13px;    margin-top: -15px;}

/*Footer*/

#portal-footer img {border:0;}
#portal-footer a:hover {color:#F2AF1A !Important;}
#portal-footer p {margin-bottom:0;}
#portal-colophon {font-size:1em;color:#000;}
#portal-footer  {
        clear: left;
        background: #224982;
        color: #fff;
        padding: 2em;
    font-size:1em;
    margin-bottom: 0;
}


a.selosimples img{
   float: right;
}


#portal-footer { padding: 0.5em 2em 0 !important;}

#portal-footer a {color: #fff;}

#portal-languageselector { background: transparent; width: 60px; }

#portal-siteactions #portal-languageselector li {
    border-right: 0;
    padding: 0;
}

.principais-temas .portlet.estatico img.image-left, 
.principais-temas .portlet.estatico img.image-right, 
.principais-temas .portlet.estatico .captioned img {border:0 !Important;}