/****** FILE: themes/educare/css/fontstyle.css *****/


/****** FILE: themes/educare/css/reset.css *****/
/* This reset is loosely derived from HTML5 boilerplate 
for more information visit http://html5boilerplate.com/ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}

.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */

button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
strong, th {font-weight:bold;}

/****** FILE: themes/educare/css/layout.css *****/
/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles. 
 * Acts as the main stylesheet for theme.
 *
 * 		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */


@viewport {
    width: device-width;
}
@-ms-viewport { width: device-width; }
@-o-viewport  { width: device-width; }


/* MAIN LAYOUT */
body {
    margin: 0;
    background: #ededed;
    min-width: 240px;
    -webkit-text-size-adjust: none;
}

body.loginPage{
    background:url("/assets/site/loginBG.png") no-repeat center top transparent;           
    background-color:#E1DEDB;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
#sitewrapper{
    margin: 0 auto;
    max-width: 1240px;  /** ###->ALTER   max-width: 1100 px;*/
}

.main {
    background: #fff;   
    min-height: 300px;
}

.loginPage .main{      
    background: none;
    margin: 40px auto;
    max-width: 394px;
}


.inner-login{
   margin: 0 auto;  
}


.inner {
    margin: 0 auto;     
    display: block;
    padding: 0 20px;
}


.footer .inner.copy{
    padding: 0 35px;
} 

.login-container{
    width: 100%;
}

.content-container {
    margin-top: 20px;
}
.no-sidebar .content-container {
    float: left;
    width:100%;
}

.no-sidebar aside {
    display: none;
}


/* HEADER */
.header {
/* ###->CLEAN */
}
.header .inner {
    padding-top: 20px; 
    position: relative;
    min-height: 72px;
}

/* Brand */
header a.brand{
  
   width: 268px;  
}
 header .brand img{         
   height: auto;   
    width: 100%;
 }
header .brand img{   
  
}


@media only screen and (max-width: 440px) { 
 /* Brand */    
 header a.brand{
    width: 60%;
 }
}


header .brand, header .brand:hover {
    float: left;
    color: #fff;
    display: inline-block;
}


/* Search form */
.search-bar {
    position: absolute;
    right: 28px;
    top: 32px;
}
.search-bar #Search {
    margin: 0;
    padding: 0;
}
.search-bar form input.text {
    width: 155px;
    padding: 5px 34px 5px 10px;
    color: #888;
    margin: 0;
    border: none;
    border-radius: 14px;
    background: #fff;
}

.search-bar form input.action {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: -1px;
    cursor: pointer;
    border: none;
    padding: 5px;
    background: none;
    font-family: 'WebSymbolsRegular';
    color: #848484;
    border-radius: 0;
    margin: 0;
}
.search-bar form input.active,
.search-bar form input.action:hover {
    color: #000
}
.search-bar form input:focus,
.header textarea:focus {
    outline: none
}
.search-dropdown-icon {
    display: none
}



/* NAVIGATION */

/* Primary navigation */
.header .primary ul {
    /*float: right; margin:23px -12px 0 0;*/ 
    float:left;
    bottom:0;
    width:100%;
}
.header .primary li {
    float: left;
    padding-bottom: 14px;
    margin: 0 5px;
    position: relative;
    white-space: nowrap;
}
.header .primary li a {
    color: #888;
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 6px 8px;
    font-weight: bold;
    display: block;
}
.header .primary li a:hover {
    color: #fff
}
.header .primary li.section a,
.header .primary li.current a {
    color: #fff
}
.header .primary li.section:after,
.header .primary li.current:after {
    content: '}';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -6px;
    font-family: 'WebSymbolsRegular';
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}


/* When navigation and logo overlap tablet-nav is initialized */
.tablet-nav .brand p {
    margin-bottom: 0
}
.tablet-nav .header .inner {
    padding-top: 20px
}
.tablet-nav .header .primary ul {
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 0 -13px;
    white-space: nowrap;
    right: auto;
}
.tablet-nav .header .primary ul li {
    white-space: nowrap;
}
.tablet-nav .header .primary ul li a {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
.tablet-nav .footer .right {
    float: left;
    width: 100%;
}

/* Secondary navigation */
.main .secondary h3 {
    font-size: 20px;
    color: #b8b7b7;
    margin: 0 0 8px 0;
    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
}
.main .secondary {
    border-bottom: 1px solid #e5e5e5
}
.main .secondary ul {
    padding: 0;
    margin: 0;
}
.main .secondary li {
    border-top: 1px solid #e5e5e5;
    position: relative;
    list-style-type: none;
    margin-bottom: 0;
}
.main .secondary li .arrow {
    color: #b80000;
    padding-right: 5px;
    display: block;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    left: 2px;
    top: 7px;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.main .secondary li a:hover .arrow {
    left: 6px
}
.main .secondary li a {
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #333;
    line-height: 17px;
    border-bottom: none;
    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
}
.main .secondary li .text {
    padding-left: 28px;
    display: block;
}
.main .secondary li.current a.current {
    color: #b80000;
}
.main .secondary li.section,
.main .secondary li.current {
    background-color: #f1f1f1
}
.main .secondary li.section a,
.main .secondary li.current a {
    color: #000
}
.main .secondary h3 {
    color: #aaa;
}

/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {					
    display: none;
}
.secondary ul li.current ul,
.secondary ul li.section ul {				/* Only show child pages from selected parent */
    display: block;
}
.secondary li.current ul ul {				
    display: none;
}
.main .secondary ul ul li a { padding-left: 10px; }	/* Indent all sidebar navigation levels*/
.main .secondary ul ul li a .arrow { left: 12px; }
.main .secondary ul ul li a:hover .arrow { left: 16px; }

.main .secondary ul ul ul li a { padding-left: 20px; }
.main .secondary ul ul ul li a .arrow { left: 22px; }
.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

.main .secondary ul ul ul ul li a { padding-left: 30px; }
.main .secondary ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary li a:hover,
.main .secondary li.section a:hover,
.main .secondary li.current a:hover {
    color: #b80000;
}




/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a {
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}


/* PAGE SPECIFIC LAYOUT */
/* Homepage */

/* Search Results */	
.typography .searchResults h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}								/* TODO: Test search results styles */
.searchResults p.searchQuery {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}
.searchResults ul#SearchResults {
    padding: 0;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
}
.searchResults ul#SearchResults li {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    list-style-type: none;
}
.searchResults ul#SearchResults p {
    margin-bottom: 10px
}
.searchResults #PageNumbers {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.searchResults #PageNumbers a {
    padding: 0 5px
}
.searchResults #PageNumbers .pagination {
    float: left
}
.searchResults #PageNumbers p {
    float: right
}
.searchResults #PageNumbers .next,
.searchResults #PageNumbers .prev {
    font-size: 14px
}
.searchResults #PageNumbers .next {
    margin-left: 15px
}
.searchResults #PageNumbers .prev {
    margin-right: 15px
}


/* FOOTER */
.footer,.footer a {
    text-align: center;
    color: #5D5D5D;
    background-color: #ECEBE8;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    min-height: 240px;
}
.footer ul#nav-footer{    
    border-bottom: 1px solid #CECCC9;
    display: block;
    line-height: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top:5px; 
}


.footer ul#nav-footer a {
   font-weight: 700; 
   font-size: 15px;
   color: #5D5D5D;   
}

.footer ul#nav-footer li,
.footer ul#copy-footer-1 li,
.footer ul#copy-footer-2 li,
.footer ul#copy-footer-3 li{
   display: inline;
   white-space: nowrap;
}

.footer ul#nav-footer li:after,
.footer ul#copy-footer-1 li:after,
.footer ul#copy-footer-2 li:after,
.footer ul#copy-footer-3 li:after{
    padding: 0 3px 0 5px;
    content: '|';
    color: #CECCC9;
}

.footer ul#nav-footer  li:last-child:after,
.footer ul#copy-footer-1 li:last-child:after,
.footer ul#copy-footer-2 li:last-child:after,
.footer ul#copy-footer-3 li:last-child:after{
    content: ''
}
.footer ul#copy-footer-1{
    margin-top: 20px;
}
.footer ul#copy-footer-3{
    margin-top: 10px;
}
.footer #copy-footer-email{
    margin-bottom: 10px;    
}


.footer .arrow {
    padding: 0 8px 0 5px;
    color: #b80000;
    font-size: 13px;
}
.footer .primary .nav-open-button {
    display: none;
}
.footer .primary ul#nav .menu-bubble-arrow {
    display: none;
}



/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none
}
#media-query-trigger {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 768px) { 
    .content img {
        max-width: 97%;
        height: auto;
    }
    .header .primary ul {
        margin-left: -12px;
        -webkit-padding-start: 0px;
    }
    .footer ul#nav-footer {    
        padding-top: 20px;       
        /*line-height: 26px; */
    }
    
    .footer ul#nav-footer a {  
      /*  font-size: 17px;    */
    }
            
}

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) { 
    body {
        max-width: 640px
    }
    #media-query-trigger {
        visibility: visible
    }
    .brand {
        margin-bottom: 20px;
    }
       
    .brand h1 {
        font-size: 40px
    }
    .brand h1 {
        padding-right: 80px
    }
    .header {
        padding: 0px
    }
    .header .inner {        
        /** ###->ALTER   padding: 20px 0 0 0;*/
        min-height: 0;
    }
    .header .primary .nav-open-button {
        z-index: 100;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 20px;
        top: 32px;
        display: block;
        cursor: pointer;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #ededed;
    }
    .header .primary ul {
        z-index: 10;
        position: relative;
        display: none;
        float: left;
        margin: 0 !important;
        padding: 0;
        white-space: normal;
        width: 100%;
    }
    .header .primary ul li {
        width: 100%;
        margin: 0 !important;
        float: none;
        background: none;
        position: relative;
        text-shadow: 0 1px #fff;
    }
    .header .primary ul li:after {
        content: '\003e';
        display: block;
        position: absolute;
        right: 20px;
        top: 0px;
        font-family: 'WebSymbolsRegular';
        font-size: 14px;
        color: #999;
        text-align: center;
        vertical-align: middle;
        line-height: 38px;
    }
    .header .primary ul li a,
    .header .primary ul li.current a,
    .header .primary ul li.section a {
        padding: 10px 0 10px 22px;
        font-weight: bold;
        border-bottom: 1px solid #bbb;
        color: #434343;
        border-radius: 0 !important;
        background: #e7e7e7 !important;
    }
    .header .primary ul li a:hover {
        color: inherit
    }
    .header .primary li.section:after,
    .header .primary li.current:after {
        display: none;
    }
    .tablet-nav .header nav.primary ul li {
        padding: 0;
    }

    /* Search Form */
    .search-bar {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: none;
        padding: 20px 0;
        margin: 80px 0 0;
        background-color: #E7E7E7;
    }
    .search-dropdown-icon {
        display: block;
        cursor: pointer;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 60px;
        top: 34px;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #ededed;
        text-align: center;
        line-height: 20px;
    }
    .search-bar form {
        margin: 0;
        width: 100%;
    }
    .search-bar form fieldset {
        padding: 0 18px;
        left: 0;
        right: 0;
        position: relative;
    }
    .search-bar div.field {
        margin-bottom: 0
    }
    .search-bar form input.text {
        width: 93%;
        padding: 8px 7% 8px 0;
        text-indent: 15px;
        position: relative;
        display: block;
        right: 0;
        left: 0;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 17px;
    }
    .search-bar form input.action {
        right: 24px;
        top: 2px;
        font-size: 18px;
    }

    /* Main Content */   
    .content-container,
    aside {
        width: 100%
    }
    .typography h1 {
        font-size: 30px;
        line-height:35px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .typography p {
        font-size: 14px;
        line-height: 23px;
    }
    p.intro {
        font-size: 19px;
        line-height: 27px;
    }
    .main .inner {
        padding: 0 22px
    }
    /* Secondry Nav */
    .secondary li a {
        line-height: 24px
    }
    .secondary li .arrow {
        line-height: 26px
    }
    /* Footer */
    .footer {                
     /*   font-size: 13px;            */
    }   
    .footer ul#nav-footer{  
        border-bottom:none;
        padding-bottom: 0px;
    }   
    
    /* white-space: nowrap;*/
    .footer ul#nav-footer a {  
    /*    font-size: 23px;    
        line-height: 29px;*/
    }
    .footer ul#nav-footer li{
        display: block;                
        border-bottom: 1px solid #CECCC9;
      /*  line-height: 25px;*/
    }
    .footer ul#nav-footer li:after{
        content: '';
    } 
            
}



/********************** login form especifico ***************************/

    
#Form_loginForm_action_doLogin,#Form_recuperarForm_action_doRecuperar,#Form_resetPasswordForm_action_doResetPassword{
    width: 100%;
    height: 50px;
    margin: 0 auto;        
}
 
.logPageSlogan{
    font-size: 29px;
    font-weight: 400;
    color:#5d5d5d;
    margin: 20px 0;
    text-align: center;
    line-height: 31px;
}


#recup-label,#login-recup{
    border-top: 1px solid #D5D5D5;
    display: inline-block;   
    text-align: center;
    width: 100%;
}

#login-recup{
    margin: 20px 0;
    padding-top: 10px;
}

#recup-label{  
    margin: 0;
    padding-top: 20px;
}

#recup-label h6{  
  font-weight: 900;
}  
    

#login-recup{      
    text-transform: uppercase;
}

 

#login-Actions{              
    display: inline-block;
    font-weight: 900;
    margin: 0;
    text-align: center;
    width: 100%;
}

ul#login-Actions  li{         
    border: 1px solid #5d5d5d;
    display: inline-block;    
    margin-right: 1.25%;
    padding: 0;
    width: 47%;        
}

#login-Actions  li a{
    text-decoration: none;                
    
}

#login-Actions span{
    display: block;
    padding: 5px 10px;    
}










/****** FILE: themes/educare/css/typography.css *****/



/* BASE TYPOGRPHY */
body {
    font-size: 13px;
    line-height: 19.5px;
    margin-bottom: 20px;
    color: #333333;
    background: none repeat scroll 0 0 #FFFFFF;    
    font-family: 'Lato',Verdana, Geneva, Helvetica;
}
  body a { text-decoration: none;outline: none; }
      


/* HEADERS */
.typography h1,.typography h1 a,
.typography h2,.typography h2 a,
.typography h3,.typography h3 a,
.typography h4,.typography h4 a,
.typography h5,.typography h5 a,
.typography h6,.typography h6 a {    
    font-weight: 900;
    margin-bottom: 10px;
    color: #333333;
    line-height: 1.3em;
}
.typography h1 {font-size: 35px; margin: 0 0 25px 0;opacity: 1.0;line-height: 1em;}     
.typography h2 { font-size: 23px; margin-bottom: 15px; }
.typography h3 { font-size: 21px; margin-bottom: 10px; }
.typography h4 { font-size: 19px; }
.typography h5 { font-size: 17px; margin-bottom: 5px; }
.typography h6 { font-size: 15px; margin-bottom: 5px; }


/* PARAGRAGHS */
.typography  p { font-size: 13px; line-height: 20px; margin: 0 0 20px; }

.typography em { font-style: italic; }

/* Styles */
.typography b{
    font-weight:900;
}

.typography i{
    font-style: italic;
}

/* LINKS */
.typography a {
    color: #FF3B0C;
    text-decoration: none;    
}
  .typography a:hover { 
        
  }
  .typography a:focus { }


/* LIST STYLES
-------------------------------------------- */
  .typography li { margin-bottom: 5px; }


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    /*border-collapse: collapse;
    border: 1px solid #d4d4d4;*/
    border-spacing: 0;
    margin: 0 0 10px;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      /*background-color: #ededed*/
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      /*background-color: #ededed*/
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      /*border: 1px solid #d4d4d4;*/
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {    
    height: auto;
    /*background: transparent url(/assets/site/ajax-loader.gif) no-repeat center center;*/
    width: 100%;/* responsive */
}
.typography img.left {
   /* float: left;
    max-width: 100%;
    margin: 5px 20px 10px 0;*//* ###ALTER*/
   width: 100%;
}
.typography img.right {
    float: right;
    max-width: 100%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;      
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}






/****** FILE: themes/educare/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module. 
 *
 ** ------------------------------------------------------- */
/* GENERIC INPUTS */

textarea{
    resize: none!important; 
}


input, select, textarea{
    outline:none;
}


/* GENERIC FORMS
----------------------------------------------- */

form {   
    width: 100%;
}
div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}

form label.error{
    color:red;
} 

form label.left {
    display: block;
    font-weight: bold;
}
form label.right {
    font-size: 12px;
    color: #888;
}

form input{    
    height: 33px;    
}

/* Forms butto comentarios e passatempos*/

form .edu-button{
    background-color: #E5E5E5;   
}

/****/
form input,
form textarea,
form select {
    width: 97%;    
    padding: 0px 6px;   
    display: block;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #DFDFDF;
}
form textarea{
    padding: 4px 6px;
}



form input:focus,
form textarea:focus{
    border: 1px solid #5D5D5D;    
}

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical;
}


input {
  -webkit-appearance: none;
  border-radius: 0
}

/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
.checkbox label.right,
.radio label.right {
    float: left;
}


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
form .good {
    background-color: #ecf9d0;
    border-color: #8fbe00;
}
form .bad, form .required {
    background-color: #f9d0d0;
    border-color: #cf0000;
    color: #b80000;
}


/* ACTIONS */
.Actions {
  /*  margin-bottom: 20px;*/
}
a.btn, button, input[type="submit"], .Actions .action {
    background: #FF3B0C;
    color: #fff;
    display: inline-block;    
    padding: 6px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    font-size: 15px;
    margin-right: 10px;
    float: left;
    font-weight: 900;
}
a.btn {
    line-height: 18px;
    margin-bottom: 10px;
}
a.btn:after {                     /* creates arrow in button */
    content: '\2192';
    padding-left: 10px;
}
.ie7 input.action {
    width: 0;                     /* IE table-cell margin fix */
    overflow: visible;
}
input.action[class] {             /* IE ignores [class] */
    width: auto;                  /* cancel margin fix for other browsers */
}

.ie7 .Actions .action {
    float: left;
}
.Actions:after {
    color: #B94A48;
    content: "";
    display: inline-block;
    font-weight: normal;
    margin-top: 9px;
}
#MemberLoginForm_LoginForm .Actions:after {
    display: none;
}


/* AREA SPECIFIC */
/* LOGIN and FORGOT PASSWORD */

#Remember {
    min-height: 20px;
}
#ForgotPassword {
    clear: left;
}
#MemberLoginForm_LostPasswordForm .Actions:after {
    display: none;
}

/* Search / Login */
.header form .middleColumn {
    /* float: none;
    width: 100% !important; */
}




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}

.Actions input.resetformaction {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after {
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
form .checkboxset li,
form .optionset li {
    margin-bottom: 5px;
    list-style-type:none;
}
form div.checkbox:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}


/* Error messages */

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}




/* Responsive form styles
----------------------------------------------- */

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

    /* To test - potentially not needed? */
    .header form .middleColumn {
        float: none;
        width: 100% !important;
    }
    form label.left,
    #MemberLoginForm_LoginForm label {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}

/****** FILE: themes/educare/css/flexslider.css *****/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;max-width: 100%} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.flexslider .slides img {display: block;max-width: 100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block;overflow: hidden; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/****** FILE: themes/educare/css/homepage.css *****/
/* 
    Document   : homepage.css
    Created on : 7/Fev/2013, 15:51:47
    Author     : dmiguel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


.table{
    display:table;
    width: 100%
}
.row{
    display:table-row;
}
.cell{
    display:table-cell;
    vertical-align: top;
}


#content {      
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 73.33333333333333%; /* 880 ÷ 1200 INCLUI MARGEM INTERNA*/
}
#content.print-version {   
    width:100%
}

#content ul{
    margin: 0px;
    padding:0px;
}

#leftContent{
    float:left;
    width: 68.18181818181818%; /* 600 ÷ 880  INCLUI UMA MARGEM*/ 
    margin-right:2.272727272727273%;    /* 20 ÷ 880  MARGEM*/ 
}

#content.oneSidebar #leftContent{
    width: 100%;
}     

.print-version #leftContent{
    width:100%
}


#rightContent{
    float:right;
    vertical-align: top;
    width: 29.54545454545455%; /* 260 ÷ 880  SEM MARGENS*/
    /*background-color: red; /* ###ANDAIMES*/  
}

#rightTopContentHtml{
 
}


#sidebar {
   /* background-color: black; ###ANDAIMES */    
    padding: 0px; 
    margin-left: 1.66666667%; /* 20 ÷ 1200  */
    float: right;
    width: 25%; /* 300 ÷ 1200 */  

}
#sidebar ul{
    margin:0;
}

#content ul li,
#sidebar ul li{
    list-style-type:none;
}

#footer {
    background-color: grey;
    float: left;
    margin-top: 20px;
    margin-right: 1.0416667%; /* 10 ÷ 960  */
    margin-left: 1.0416667%; /* 10 ÷ 960  */
    clear: both;
    width: 97.9166667%; /* 940 ÷ 960 */
}

@media only screen and (max-width:768px) {
    #content {
        width:72.39010989010989%; /*  =527 ÷ 728 (768-20) SEM MARGENS LATERAIS*/
        /*  margin-left:  1.00403225%; /* 5 ÷ 1240 ALTERAR  */
    }

    #content #leftContent,#content #rightContent {
        width:99.99999%;         
    }

    #content #leftContent.leftContentClass{
        margin-right: 0px;
    }


    #sidebar {     
        width: 24.72527472527473%; /*180  ÷ 728 (768-20) SEM MARGENS LATERAIS Exteriores */
        margin-left:  2.747252747252747%; /* 20 ÷ 728 (768-20) SEM MARGENS LATERAIS*/ 

    }

}

@media only screen and (max-width: 640px) {
    #content {
        width:100%;
        margin-left: 0; /* 5 ÷ 1240 ALTERAR  */
    }

    #content div.InnerJoinContent ul li{
        width:99.99999%;

    }

    #sidebar {
        width:99.99999%;
        margin-left:  0; /* 5 ÷ 1240 ALTERAR  */        
        margin-top: 0;
    }

}



/****** FILE: themes/educare/css/widgets.css *****/
/* 
    Document   : widgets
    Created on : 10/Abr/2013, 14:36:37
    Author     : dmiguel
    Description:
        Purpose of the stylesheet follows.
*/
.WidgetHolder{
    /* background-color: red;*/
}

li.WidgetHolder{
    margin-bottom: 20px;
}

/**************************** GENERAL CLASSES *****************/

.wdInner{
    padding-left:15px;    
    padding-right:15px;    
}
.wdOuter{
    margin-left:15px;    
    margin-right:15px;    
}
.wdOuter{
    background-color: white;    
}
.imgSizeAuto



.imgSizeL600{
    width: 600px;
    max-width: 100%;  /*  600 / 860 **/
}
.imgSizeL187{
    width: 187px;/*32.80701754385965%; /* 187 ÷ 570  INCLUI 2 MARGENS*/         
}

.imgSizeL121{
    width: 121px ; /* 85 ÷ 260-30  EXCLUI 2 MARGENS*/         
}
.imgSizeL85{
    width: 85px ; /* 85 ÷ 260-30  EXCLUI 2 MARGENS*/         
}

.imgSizeAuto100 img,
.imgSizeL600 img,
.imgSizeL187 img,
.imgSizeL121 img,
.imgSizeL85 img
{
    height: auto;
    width: 100%;            
}

.wdLeftContent{
    display: inline-block;

}

.wdRightContent{
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    width: 65%;
}


/************************************ Widgets Specific style *************************/


.WidgetHolder .flex-control-paging li a.flex-active{
    background: none repeat scroll 0 0 #FF3800;    
}
.WidgetHolder .flexslider {
    margin: 0px; 
}

.WidgetHolder .flex-control-paging li a{    
    background: none repeat scroll 0 0 #BAB3AF;            
    border-radius: 35px 35px 35px 35px;            
    height: 17px;    
    width: 17px;
}

.flexslider .slides img {    
    margin-bottom: 25px;
}
.flex-direction-nav {
    display: none;
}
.flex-control-nav {        
    bottom: 0;
    position: relative;
    text-align: right;
    margin: 0 10px 0px 0px!important;
}  

.flex-control-nav li {
    margin: 0 13px;
}

.flex-control-paging li a {    
    text-indent: 9999px; /* RETIRAR PARA MOSTRAR NUMERACAO */
}   

/** wdSecundarioNews */

.edu_widget_secundario{
    border-top: 1px solid #dfdbdb;
    padding-top: 35px;   
}

.wdSecundario {   
    margin: 0 15px 10px 15px;
}

.wdSecundario:last-child {
    margin-bottom: 0px;
}

.wdSecundarioNews{

}


.edu_widget_secundario .wdSecundarioContent{
    padding-left: 15px;
    /*width: 66.30630630630631%; /* */
}

/** edu_widget_terciario */   

.edu_widget_terciario h4{
    border-bottom: 2px solid #33C3C4;
    width: 100%;
    letter-spacing: 0.07em;
}

.edu_widget_terciario ul li{
    margin-bottom: 10px;
}

.wdTerciarioTitle .wdTerciarioIcon{
    background-position: -420px -71px ;	
    width: 20px;
    height: 20px;
    float: left; 
    margin-right: 10px;
}

div.wdTerciarioNewsH a {
    color: #333333;
    font-weight: 700;    
}

/** edu_widget_terciario_frame */

.edu_widget_terciario_frame{
    border: 2px solid #33C3C4;
}

.edu_widget_terciario_frame .wdTerciarioTitle{
    background-color: #33C3C4;   
}

.wdTerciarioTitle .wdTerciarioTrans{
    background-position: -447px -71px ;	
    width: 20px;
    height: 20px;
    float: left; 
    margin-right: 10px;
}

.edu_widget_terciario_frame .wdTerciarioTrans.cell{
    margin: 10px 15px;
}

.edu_widget_terciario_frame .wdTerciarioHeader.cell{
    width: 100%;
    text-align:left;        
}
.edu_widget_terciario_frame .wdTerciarioHeader h4{
    margin-top: 8px; 
    color:#ffffff;
    letter-spacing: 0.07em;
}

.edu_widget_terciario_frame .wdTerciarioNewsH {
    border-bottom: 1px solid #DFDBDB; 
    margin-top: 10px;
    padding-bottom: 10px;
}

.edu_widget_terciario_frame .wdTerciarioNewsH a{
    color: #333333;
    font-weight: 700;
}        

.edu_widget_terciario_frame li:last-child .wdTerciarioNewsH {
    border-bottom: none;       
}


/** edu_widget_terciario frame fim*/

/* edu_widget_categoria_destaque e  edu_widget_categoria_lateral (genericos)  */


.wdCategoriaHomeDestaque h1,.wdCategoriaHomeNews h1{   
    margin: 0px;
}
.wdCategoriaHomeDestaque h1 a{
    text-transform: uppercase;
    color:#ffffff;
    font-size:31px;
}

.wdCategoriaHomeNews{        
    background-color: #F0EEEA;   
    padding: 20px 15px;
}

.wdCategoriaLateral,
.wdCategoriaDestaque,
.wdCategoriaHomeDestaque{
    padding: 15px; 
    background-repeat:no-repeat;
    background-position:right bottom;
    min-height: 90px; 
    position: relative
}

.wdCategoriaLateral{
    padding: 10px 15px;    
}


.wdCategoriaDestaque{
    min-height: 70px;
}

.wdCategoriaLateral:after,
.wdCategoriaDestaque:after {
    border-bottom: 14px solid transparent;
    border-image: none;
    border-right: 31px solid transparent;  
    border-width: 20px;
    content: " ";
    height: 0;
    left: 0px;
    position: absolute;
    top: 100%;
    width: 0;
}


h2.wdCatDestaqueHeader{
    color: #ffffff;    
}

.wdCatDestaqueHeader,
.wdCatDestaqueNews,
.wdCatDestaqueAutor{
    width: 60%
}

.wdCatDestaqueNews.wdCatRight{
    display: none;
}

#rightContent .wdCatDestaqueNews.wdCatRight{
    display: block;
    width: 89%;
    padding: 23px 15px 0 15px;
}

#rightContent .wdCatDestaqueNews h5 a,
#rightContent .wdCatDestaqueNews h5{
    font-size: 15px;
}

#rightContent .wdCatDestaqueAutor{
    font-weight: 700;
}

a .wdCatDestaqueAutor{
    color:#333333;
}

#rightContent .wdCatDestaqueNews{
    display: none;
}

/* edu_widget_categoria_destaque e edu_widget_categoria_normal */

/* edu_widget_categoria_lateral (especificos) */

    .wdCategoriaLateral{
        min-height: 30px;
        margin-bottom: 25px;
    }

    h5.wdCatLateralHeader{
        margin-bottom: 0px;      
        text-transform: uppercase;
    }
    
    .wdCatLateralNews{
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #DFDBDB;
    }
    
    .wdCatLateralNews h6,.wdCatLateralNews h6 a{        
        font-weight: 700;        
    }
    .wdCatLateralHeader,.wdCatLateralAutor{
        width: 60%;        
    }
    
    .wdCatLateralAutor{
        color:#333333;        
    }
    
    
     .wdCatLateralNews:last-of-type{
         border-bottom: 0px;
         padding-bottom: 0px;
         margin-bottom: 0px;
     }    
/**********************************************/

/* edu_widget_comunidade (especificos) */

    .wdComunidadeHeader{
        background-repeat:no-repeat;
        background-position:right bottom;    
        position: relative;
        min-height: 107px;
        min-width:100%;
        background-image:url("/assets/site/img-vozprofs.png"); 
        margin-bottom: 20px;
    }
    
    .wdComunidadeHeader:after{
        border-bottom: 20px solid rgba(0, 0, 0, 0);
        border-image: none;
        border-right: 20px solid rgba(0, 0, 0, 0);
        border-width: 20px;
        content: " ";
        height: 0;
        left: 0;
        position: absolute;
        top: 100%;
        width: 0;
    }

    .wdComunidadeHeaderText{
        min-height: 30px;
        margin-bottom: 10px;              
    }
   
    
    .wdComunidadePost{
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #DFDBDB;
    }
    
    .wdComunidadePost h6,.wdComunidadePost h6 a{        
        font-weight: 400;        
        -ms-word-break: break-all;                    
    }
    
    /* saf3+, chrome1+ */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .wdComunidadePost h6,.wdComunidadePost h6 a{                   
            word-break: break-all;            
        }
    }
    
    
     .wdComunidadePost:last-of-type{
         border-bottom: 0px;
         padding-bottom: 0px;
         margin-bottom: 0px;
     }    
/**********************************************/


#rightContent .cell.wdCatNormalNews{
    width: 95%;  
    display: block;
}
#rightContent .cell.wdCatNormalNews:nth-of-type(1n+2){
    margin-top: 10px;
}



.cell.wdCatNormalNews{
    width: 50%;  
}

.edu_widget_categoria_home_normal .table.wdCatNormal{
    border-collapse: collapse;
}

.edu_widget_categoria_home_normal .cell.wdCatNormalNews{      
    padding-bottom: 25px;
    padding-top: 25px;
}

.edu_widget_categoria_normal .cell.wdCatNormalNews:nth-of-type(even){
    border-left: 1px solid #DFDBDB;
}

.edu_widget_categoria_home_normal .line-row {
    border-bottom: 1px solid #DFDBDB;    
    display: table-row;    
}

.edu_widget_categoria_home_normal .line-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px; 
}

.edu_widget_categoria_home_normal .line-row:first-of-type .cell.wdCatNormalNews {   
    padding-top: 0px;  
}
.edu_widget_categoria_home_normal .line-row:last-of-type .cell.wdCatNormalNews {   
    padding-bottom: 0px;  
}




/** wdTops */
.edu_widget_tops .table.header { 
    background-color: #FF3B0C;      
}
.edu_widget_tops .header .cell{      
    width: 100%;     
}
.edu_widget_tops .header .cell .wdTopsIconArea,
.edu_widget_tops h4{
    margin-left: 15px;    
    padding-top: 10px;   
}
.edu_widget_tops .header .cell .wdTopsIconArea div{
    margin-right: 20px;
}
.edu_widget_tops .wdTopsNewsConteudo{
    padding-left: 20px;   
}
.edu_widget_tops .flexslider{
    background-color: #f4f3f1;
    padding: 20px;   
}

h4.wdTopsTitle{
    color: #ffffff;  
    letter-spacing: 0.07em;
}

.wdTopsIcon{
    background-position: -263px -62px;               
}


h5.wdTopsNewsCat{
    color:#FF3B0C;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D7;
    padding-bottom: 5px;
}

h6.wdTopsNewsAutor{
    font-weight: 400;
    height: auto;
}


/**wdPass*/

.edu_widget_passatempos .flexslider{
    padding: 15px; 
    background-color: #F4F3F1; 
}

.edu_widget_passatempos .wdPassNewsConteudo{
    padding-left: 10px;
}

h6.wdPassNewsSubTitle{
    color:#5D5D5D
}

/*** edu_widget_outros_artigos **/

.edu_widget_outros_artigos .wdOutrosTitle{
    border-bottom: 1px solid #DFDBDB;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.wdOutrosContent h5{
    font-weight: 700;    
}



.edu_widget_outros_artigos ul.wdOutros li{
    display: inline-block;
    width: 31%; /* 186 /560 */
    vertical-align: top;
    margin-right: 3.471428571428571%;
}


.edu_widget_outros_artigos ul.wdOutros li:last-of-type{
    margin-right: 0px;
}

#rightContent .edu_widget_outros_artigos ul.wdOutros li{
    width: 100%;
    margin-right:0;   
    margin-bottom: 20px;
}

#rightContent .edu_widget_outros_artigos ul.wdOutros li:last-of-type{  
    margin-bottom: 0px;
}


/********** Widget destaque legislacao *****************/

.edu_widget_legislacao_destaque{
    background-color: #F0EEEA; 
    padding: 20px 0px;
}
.edu_widget_legislacao_destaque .ld_texto a{
    font-weight: 400;
}


/***********Widget lateral legislacao **********/

.edu_widget_legislacao_lateral{
    border: 2px solid #FF3B07;
}

.edu_widget_legislacao_lateral h4{
    letter-spacing: 0.07em;    
}


.edu_widget_legislacao_lateral .wdLegLatIcon{
    background-position: -39px -72px ;
    width: 26px;
    height: 26px;    
}
.edu_widget_legislacao_lateral .header{
    background-color: #FF3B07;
}

.edu_widget_legislacao_lateral .header .cell {
    width: 100%;
}

.edu_widget_legislacao_lateral .header .cell .wdLegIconArea,
.edu_widget_legislacao_lateral h4 {
    margin-left: 15px;
    padding-top: 10px;
    color: #FFFFFF;    
}

.edu_widget_legislacao_lateral  .wdLegislacaoLatObs a,
.edu_widget_legislacao_lateral  .wdLegislacaoLatH a{
    color: #333333;
}
.edu_widget_legislacao_lateral  .wdLegislacaoLatH a{
    font-weight: 700;
}

.edu_widget_legislacao_lateral .header .wdLegLatIcon{
    margin-right: 20px;   
}
 

.edu_widget_legislacao_lateral .wdLegislacaoLat li{
   border-bottom: 1px solid #DFDBDB;
   padding-bottom: 10px;       
}

.edu_widget_legislacao_lateral .wdLegislacaoLat li:last-child{
   border-bottom: none;   
}

.edu_widget_legislacao_lateral .wdLegislacaoLatH{    
    margin-top: 10px;
    padding-bottom: 10px;

}

.edu_widget_legislacao_lateral li:last-child .wdLegislacaoLatH{
    border-bottom:none;        
}


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

    #rightContent .edu_widget_outros_artigos ul.wdOutros li{    
        width: 31%; /* 186 /560 */    
        margin-right: 3.471428571428571%;  
        margin-bottom: 0px;
    }

    #rightContent .edu_widget_outros_artigos ul.wdOutros li:last-of-type{
        margin-right: 0px;
    }

}


@media only screen and (max-width:500px) {
    .wdSecundarioNews div.cell.imgSizeL187{
        width: 50%;   
    }
   
}



/****** FILE: themes/educare/css/components.css *****/
/* 
    Document   : components
    Created on : 11/Fev/2013, 15:19:31
    Author     : dmiguel
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*************************************************************************
TOP SITE
**************************************************************************/

#logo-wrap{
    display: block;
}

#social-wrap,#datetime-wrap{    
    /* background-color: pink;  ###ANDAIMES **/
    text-align:right;
}

#datetime-wrap{    
    padding-bottom: 10px;
}

#social-wrap{
    margin-right: 0px;


    /*width: 75.5%;  /* WORKS for FireFox*/
    /*width: 75.8%;   /* WORKS for IE9 and CHROME */
    /*NOT WORKS for SAFARI*/
}
#social-wrap ul li{
    /*margin-left: 14px*/
}


/*** Fechar sessão disabled por defeito */
#social-site-links ul li#fechar-sessao-lk,
#social-site-links ul li#iniciar-sessao-lk,
#social-site-links ul li#area-pessoal-lk,
#social-site-links ul li#newsletter-lk
{
    display:none;   
}

#social-site-links ul li#fechar-sessao-lk a,
#social-site-links ul li#iniciar-sessao-lk a{
 color: #FF3B0C;
}

#social-wrap ul li#social-site-links ul li,
#social-wrap ul li ul#social-icons-area li{
    margin-left: 14px
}
    

#datetime-wrap{
    margin-top: 8px;
    margin-right: 0px;
}

#social-wrap ul li{
    display: inline-block;       
}

ul li#social-site-links,
ul li#social-icons-title,
ul li#social-iconslist-sm{
    display: inline-block;       
}


#area-pessoal-icon-sm,
#social-icons-sm{
    display: none!important;
}


.reply-image {
    background-image: url("/assets/site/enviar_resp.png");
    display: block;
    height: 21px;
    width: 22px;
}

.hp-sprite{
    background-image:url('/themes/educare/images/hp_sprite.png');       
    width: 30px;
    height: 30px;
    display: block;
}

.news-sprite{
    background-image:url('/themes/educare/images/news.png');       
    width: 35px;
    height: 36px;
    display: block;
}
.ap-sprite {
    background-image: url("/themes/educare/images/alunosp.png");
    display: block;
    width: 70px;
    height: 66px;
}


#area-pessoal-icon-sm{
    background-image:url('/themes/educare/images/hp_sprite.png');
    background-position: -48px -112px;
    /*background-position: 0 -112px ;   onclick*/
    width: 44px;
    height: 44px;
    cursor: pointer;
}

/*Icons expandir e fechar */
.ap-icon-open{
   background-position: -79px -72px;
   width: 16px;
   height: 12px; 
}

.ap-icon-close{
   background-position: -102px -72px;
   width: 16px;
   height: 12px; 
}



#social-site-links ul li,
ul#social-icons-area li:first-child{
    position: relative;
    top:10px;  
    color: #5D5D5D;
    font-size: 17px;   
    position: relative;
    top: -12px;
}
#social-site-links ul li{
    font-weight: 700;    
}

#social-site-links ul li a{
    color: #5D5D5D;   
}

ul#social-icons-area li:first-child{
    font-weight: 400; 

}
ul li#social-icons-title{
    color: #CECCC9;
    content: "|";
    padding: 0;

}


.menu-social-area{
    float: right
}

#social-icons-box {
    background-color: transparent;
    border: 1px solid white;
    height: 35px;
    padding: 2px 2px 2px 8px;
    position: relative;
    width: auto;
}

#social-icons-box {	
    height: 31px;
    background-color: white;
    position: relative;
    border: 1px solid #BBB3AE;
    marging-left:10px;
    z-index: 1000;
}

#social-icons-box:after, #social-icons-box:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}

#social-icons-box:after {
    border-width: 6px;
    border-right-color: white;
    top: 9px;
}

#social-icons-box:before {
    border-width: 7px;
    border-right-color: #BBB3AE;
    top: 8px;
}

#social-icons-box ul li:first-child{
    margin-left: 0px!important;    
    padding: 0px!important;
    top: 0px!important;
}



#social-facebook-lk{
    background-position: -265px -15px;   

}
#social-twitter-lk{
    background-position: -293px -15px;

}
#social-youtube-lk{   
    background-position: -323px -15px;
}
#social-rss-lk{   
    background-position: -352px -15px;
}


/*-------------
TOP MENU & SEARCH
--------------*/

#header-wrap .nav-search{
    display: block;    
    border-bottom: 1px solid #DFDBDB;
    border-top: 1px solid #DFDBDB;   
}

#header-wrap .navigation{
    height: 26px;
    padding-bottom: 7px;
    padding-top: 13px;

}

#header-wrap .search{
    height: 30px;    
    padding-top: 7px;
}

.disp-inline{
    display: inline-block;
    vertical-align: top;
}

.disp-inline#siteSearchArea{
    float:right;
}


#siteSearchContractIcon{
    /* float:right;*/
}


/*-------------
SEARCH
--------------*/
#search-wrap
{  
    /*background-color: pink;/* ###ANDAIMES */
}

#search-wrap #FormPesquisaSS
{
    overflow: hidden;
}
    #search-wrap #FormPesquisaSS fieldset
    {
        float: left;
    }

    #search-wrap #FormPesquisaSS #Form_SearchFormSS_label
    {
        display: none;
    }
    #search-wrap #FormPesquisaSS #palavra
    {
        margin: 0;
    }
        #search-wrap #FormPesquisaSS #Form_SearchFormSS_palavra
        {
            background:#EDEDED;
            width: 142px;
            border:none;
            height: 30px;
            line-height: 30px;
            color:#5d5d5d;
            padding:0 0 0 5px;
        }

#search-wrap #FormPesquisaSS .Actions,
#search-wrap #FormPesquisaSS .Actions:after
{
    margin: 0;
    display: inline;
    overflow: hidden;
    float: left;
}
    #search-wrap #FormPesquisaSS #Form_SearchFormSS_action_doSearchSS
    {
        background-image:url('/themes/educare/images/hp_sprite.png');
        background-position: -384px -15px ;
        /* background-position: -419px -15px ; on click */
        width: 30px;
        height: 30px;
        cursor: pointer;
        margin: 0;
        font-size: 1%;
        text-indent: -9999px;
    }

/*-------------
SEARCH   END
--------------*/


/*-------------
NAVEGAÇÃO 
--------------*/


/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}

#nav,
#nav li {
    margin: 0;
    padding: 0;
}
#nav li {    
    list-style: none;
    display: inline-block; 
    margin-right: 5px;    
}
#nav li.current a,#nav li.section a {
    color:#FF3B0C;
}

/* nav link */
#nav a {
    color: #3A3A3A;
    display: block;
    font-size: 15px;
    font-weight: 900;
    padding-right: 10px;    
    text-transform: uppercase;
}


nav#nav-wrap ul#nav li:before
{
    content: "•";
    color: #FF3B0C; 
}

nav#nav-wrap ul#nav li:first-child:before
{
    content: "";    
}

nav#nav-wrap ul#nav li a{
    display: inline;    
    padding-left: 7px;
}

nav#nav-wrap ul#nav li{
    margin-right: 0;
}


/*{    
    list-style-position:outside!important;
    list-style-type:disc!important;                
}*/


#nav-wrap ul #nav li {
  list-style: circle;
}


/* nav dropdown */
#nav ul {
    background: #fff;
    padding: 2px;
    position: absolute;
    border: solid 1px #ccc;
    display: none; /* hide dropdown */
    width: 200px;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav li:hover ul {
    display: block; /* show dropdown on hover */
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;      
}
 /**** FANCYBOX STYLE ****/
 
 
 .typography.fancy{
     padding: 25px;
 }

 /** SOCIAL LINKS DETALHE NOTICIA *****/

ul.nd-sociallinks{
    margin-bottom: 15px;

}
ul.nd-sociallinks li {
    display: inline-block;
    margin-right: 17px
}


 /******************* PASSATEMPOS ***********************/   
  
 
#passatempo_detail header{
     width: 100%;
     background-color: #EDEDED;
 }  
 #p-topTituloPag,#p-topTitulo{
     padding: 0 15px;    
     display: none;
 }  
 #p-topTituloPag{
     padding-top: 15px;    
 }
 
 #passatempo_detail header ul#p-cabecalho>li{
     display: inline-block;
     vertical-align: top;                 
     padding:15px; 
 }

 #passatempo_detail header ul#p-cabecalho>li{
    width: 25%;   
 }
    
 #passatempo_detail header ul#p-cabecalho>li:first-of-type{   
     padding-right: 0px;    
 }
 #passatempo_detail header ul#p-cabecalho>li:last-of-type{
     width: 69%;
 }
 
 #passatempo_detail .p-tituloPagina h1{
     color:#FF3B0C; 
     margin-bottom: 15px;
     text-transform: uppercase;
 }

 #passatempo_detail .p-resumo h6{
     font-weight: 400;          
 }
 
 #passatempo_detail .sepAreas{
    border-top: 1px solid #D5D5D5;   
    margin: 10px 0px;    
 }
 
 #passatempo_detail .p-texto,
 #passatempo_detail .p-perguntas,
 #passatempo_detail .p-observacoes{
    margin: 15px;    
 }
 
 
 #passatempo_detail ul#ps-lista li{
     vertical-align: top;
     display: inline-block;
     width: 48%;
 }
 
 #passatempo_detail ul#ps-lista li:nth-of-type(even){
     margin-left: 10px;
 }
 
 
 #passatempo_detail ul li div.ps-plabels{
     font-weight: 700;
     margin: 10px 0;     
 }
 
 #ps_form_actions li {
        width: 275px;
        display: inline-block;
        text-align: center;
        height: 40px;
        margin-left: 0.3%;
        margin-right: 0.3%;
        margin-bottom: 22px;
        cursor: pointer;
  } 
    
  #ps_submit .cell{
       margin: 13px 0 10px 30px;
       text-transform: uppercase;    
  }
  
  #ps_submit h5 {
    padding: 13px 10px 10px 0;
  }
    
 
 /******************* PASSATEMPOS FIM***********************/   

 
 /********** Navegacao paginacao ***************/
 
section#news_home_nav{
    margin: 15px 15px 20px 15px;
}


#news_home_nav .news_hp_pgs{
    text-align: center;   
}
#news_home_nav .news_hp_pgs ul li{
    display: inline-block;        
    margin:0 13.5px;    
}

#news_home_nav .news_hp_pgs ul li h3 a {
    font-weight: 400;
    color: #5D5D5D;
} 

#news_home_nav .news_hp_pgs ul li h3 a.selected {
    font-weight: 900;
    color: #FF3B0C;
} 

#news_home_nav .news_hp_nav{
    width: 35px;
}

.selectableLeft{
    background-position: -79px 0;
}
.notSelectableLeft{
    background-position: -39px 0;    
}

.notSelectableRight{
    background-position: -119px 0;
}    

.selectableRight{    
    background-position: 0 0;
}

/************ Elastic Videos ***********/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*****************************************************************************/
/*CRIACAO DE AREA de QUEBRA ESPECIFICA MENU AREAS & ICONS SOCIAL MEDIA & MENU LINKS
VER min-width: 1044px
*************************************************************************************/
@media screen and (max-width: 1044px) {

    #area-pessoal-icon-sm{
        display: inline-block!important;
    }
    ul li#social-site-links{
        display: none;
    }

    #social-icons-sm{ /*mostra icon*/
        display: inline-block!important;
        background-image:url('/themes/educare/images/hp_sprite.png');
        background-position: -98px -63px ;        
        margin-left: 5px;
        width: 44px;
        height: 44px;
        cursor: pointer
    }   

    #social-wrap ul li

    #social-icons-box{ /*esconde caixa social links */
        display: none;
    }      


    /********************************************* MENU LINKS BOX ***************************/
    #social-site-links{         
        position: absolute;
        right: 20px;
        top: 74px;       
        background-color: #F9F7F3;       
        height: auto;
        padding: 2px 12px; 
        position: absolute;
        width: 190px;
        border: 1px solid #B7B2AE;
        z-index: 1000;
    }

    #social-site-links ul li{
        border-bottom: 1px solid #B7B2AE;    
        height: 24px;
        margin: 10px 0 !important;                    
        top:0;
        text-align: center;        
        width: 100%;
        text-transform: uppercase;  
        font-size: 19px;
    }
    
     #social-site-links ul li:last-of-type{
         border-bottom: none;
     }
   

    #social-site-links:after,
    #social-site-links:before {        
        border: solid transparent;
        content: ' ';
        height: 0;
        right: 100%;
        position: absolute;
        width: 0;
        bottom: 100%;
        top:auto!important;
    }        

    #social-site-links:after {
        border-bottom-color: #F9F7F3;        
        border-width: 10px;
        right: 65.5px;
       
    }

    #social-site-links:before {       
        border-bottom-color: #BBB3AE;
        border-width: 11px;
         right: 63.7px;
        
    }

    #social-site-links ul li:first-child{
        margin-left: 0px!important;    
        padding: 0px!important;
        top: 0px!important;
    }






    /*********************************************MENU LINKS BOX FIM************************/


    #social-icons-title{
        display: none!important;
    }

    /* BOX social links */
    #social-icons-box{
        position: absolute;
        right: 21px;
        top: 74px;             
        background-color: #F9F7F3;
    }

    #social-icons-box:after{
        right: 12px;
    }

    #social-icons-box:before {
        right: 11px;
    }

    #social-icons-box:after,
    #social-icons-box:before{
        bottom: 100%;
        top:auto!important;
    }    

    #social-icons-box:after {
        border-bottom-color: #F9F7F3;
        border-right-color:transparent;
        border-width: 9px !important;
    }    
    #social-icons-box:before {
        border-bottom-color:#BBB3AE;
        border-right-color:transparent;
        border-width: 10px!important;
    }    
    /* BOX social links  FIM*/


    #datetime-wrap time{
        display: none;
    }
    
    /************** MENU AREA SITE ***********************/
    
    /*--------------
        NAV BEGIN
      --------------*/

     #header-wrap .navigation{
        height: 34px;
        padding-bottom: 0px;
        padding-top: 10px;
        float: left;
    }
    
    
    /* nav-wrap */
    
    nav#nav-wrap ul#nav li:before
    {
        content: "";
    }
    
    #nav-wrap {
        position: relative;
         z-index: 9;
    }

    /* menu icon */

    #menu-icon{
        display: inline-block;
    }

    #menu-icon li {
        cursor: pointer;
        display: inline-block;
        font-size: 19px;
        font-weight: 900;        
        padding: 2px 10px 0 0;
        text-transform: uppercase;  
        border: 1px solid transparent;
    }

    #menu-icon li a{
        color: #333333;
    }

    #menu-icon li.active {
       /* border: 1px solid #B7B2AE;      
        padding-left: 5px;          
        background: #f9f7f3;*/
    }

    #menu-icon-seta{
        /*background-position: -502px -22px;*/
        float: right;       
        margin-left: 10px;
        margin-top:3px;
    }
    
    #menu-icon-pub a{
        display: none;
    }    

    #header-wrap .nav-search{
        display: inline-block;
        width: 100%;
        height: 34px;
        padding-bottom: 17px;
        padding-top: 3px;
    }
    
     #header-wrap .search{           
        padding-bottom: 7px;    
    }
    /* main nav */
    #nav {            
        width: 160px;
        left: 22px;
        z-index: 10000;        
        background: #f9f7f3;
        border: solid 1px #999;
        display: none; /* visibility will be toggled with jquery */
        width: 275px;
    }
    #nav li {        
        height: 44px;
        line-height: 44px;
        margin: 0;
        padding-left: 12px;        
        vertical-align: middle;
        width: 100%;

    }
    #nav a,
    #nav ul a {
        font-size: 19px;
        font-weight: 700;           
        background: none;
        display: inline;
        padding: 0;
        color: #333333;
        border: none;
    }
    
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }

    ul#nav li.current{
        background-color: #FF9900;
        width: 96%;
    }


    /*--------------
        NAV END
      --------------*/

    ul#searchArea li#siteSearchInputArea {
        display: inline-block;
    }
           
    /************* MENU AREAS FIM **********************/
    
    /******************* PASSATEMPOS ***********************/ 
    #passatempo_detail header ul#p-cabecalho>li:last-of-type{
        width: 64%;
    }         
        
} /******************* FIM MEDIA QUERY 1044px **/
   

/************************************************************************************
TABLET
*************************************************************************************/



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

  

}


/************************************************************************************
SMARTPHONE
*************************************************************************************/


/************************************************************************************
CRIACAO DE AREA de QUEBRA ESPECIFICA MENU SOCIAL
*************************************************************************************/
@media screen and (max-width: 670px) {

    #header-wrap .nav-search{
        height: auto;
        padding-bottom: 0px;          
        clear: both;
}
  
    #header-wrap .search{
        height: 44px;    
        padding-top: 5px;    
    }

}


/************************************************************************************
MOBILE
*************************************************************************************/


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

    /*#header-wrap .search{
        border-top: 1px solid #DFDBDB;
    }*/

    li#siteSearchInputArea{
        width: 85%;
        float: left;


    }

    ul#searchArea li input[type="search"] {

        height: 44px;
        padding-left: 5px;
        width: 100%;
    }

    ul#searchArea li#siteSearchInputArea {
        display: none;
        background: none repeat scroll 0 0 #EDEDED;
        border: medium none;
        color: #5D5D5D;
    }

 /*   .disp-inline#siteSearchArea {
        float: right;
    }*/


    #siteSearchInputArea.showSmart{
        display: inline-block;
    }

    ul#searchArea li#siteSearchExpandArea{
        display: inline-block;
    }

    #siteSearchButtonArea{  
        background-position: 0 -62px; 
        /*background-position: -48px -62px ; click*/
        width: 44px;
        height: 44px;      
    }
    
    
    #search-wrap #FormPesquisaSS,   
    li#siteSearchInputArea{
      width: 100%;
    
      float: left;
}
    
     #search-wrap #FormPesquisaSS fieldset {    
        width: 80%;
    }
    
    #search-wrap #FormPesquisaSS .Actions, #search-wrap #FormPesquisaSS .Actions:after{
        float: right;            
    }
    
    #search-wrap #FormPesquisaSS #Form_SearchFormSS_action_doSearchSS{
        background-position: 0 -62px;
        height: 44px;
        width: 44px;
    }
    
    #search-wrap #FormPesquisaSS #Form_SearchFormSS_palavra{
        height: 44px;
        line-height: 44px;
        padding: 0 0 0 5px;
        width: 100%;
    }   

    #siteSearchCloseIcon{                
        background-image:url('/themes/educare/images/hp_sprite.png');
        background-position: -100px -112px ;
        /* background-position: -148px -112px ; click */
        width: 44px;
        height: 44px;
        display: none;
    }

    #siteSearchExpandArea{
        background-image:url('/themes/educare/images/hp_sprite.png');
        background-position: 0 -62px ;
        /* background-position: -48px -62px ; click*/
        width: 44px;
        height: 44px;
        cursor: pointer;
        display: none;
    }    

    ul#searchArea li#siteSearchButtonArea{
        display: none;
    }
    
    
    #header-wrap .navigation{        
        padding-top: 14px;
    }
    
    /*search menu */
    .disp-block{ 
        text-align: right;
        display: block;
    }
    
    
    
    #menu-icon-pub a{
        display: inline-block;     
        margin-left: 15px;    
    }
    /******************* PASSATEMPOS ***********************/   

    #passatempo_detail header ul#p-cabecalho>li:last-of-type{
     width: 94%;
    }
     
    #p-topTituloPag,#p-topTitulo{          
     display: block;
    }
   
    #p-botTituloPag,#p-botTitulo{
     display: none;
    }
    
    #passatempo_detail header ul#p-cabecalho>li:first-of-type{   
     padding-right: 0px;    
     padding-bottom: 0;
 }
    
     #p-cabecalho .imgPassatempo{
         margin-left: 28%;    
         width: 100%;
    } 
 
 /******************* PASSATEMPOS FIM***********************/ 
    
    
    
    /******************* PASSATEMPOS ***********************/ 
    
    #passatempo_detail header ul#p-cabecalho>li{
        width: 60%;           
     }
     
    #passatempo_detail ul#ps-lista li{
     display: block;
     width: 100%;
    }
 
    #passatempo_detail ul#ps-lista li:nth-of-type(even){
         margin-left: 0px;
    }

    
}

@media screen and (min-width: 1044px) {

/* ensure #nav is visible on desktop version */
  #nav {
   display: block !important;
  }        
  ul li#social-site-links {
   display: inline-block !important;
  }
}




/****** FILE: themes/educare_libsmartsearch/css/autocompletess.css *****/
 
#searchAutocompleteSS
{
        display: none;
        border: 0px solid grey;
        float: left;
        margin: 0px;
        padding: 0px;	
        width: 147px;
        background-color: #FFFFFF;
}

#resultAutocompSS{
    display: none;
    width: 145px;
    border: 1px solid #DFDBDB;
    background-color: #EDEDED;
    /*padding-bottom: 10px;*/
    padding-bottom: 5px;
    -moz-box-shadow: 3px 3px 5px #CBBDB8; /*ff*/
    -webkit-box-shadow: 3px 3px 5px #CBBDB8; /*safari*/
    box-shadow: 3px 3px 5px #CBBDB8; /*opera*/
}

#autocompleteResultados{
    width: 100%;
    background-color: #FFFFFF;
}

#autocompleteContainer {
    background-color: #FFFFFF;
    width: 100%;
}

#autoCompleteConteudo{
    float: left;
    width: 125px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #DFDBDB;
}
#autoCompleteConteudo.first
{
    border-top: 0;
}


.produtoAutocomplete:hover {
  background-color: #F5EEE6;
  cursor: pointer;
}

#autoCompletePalavra{
    vertical-align: text-top;
    margin-top: 0px;
    color: #5D5D5D;
    font-weight: 400;
    /*font-size: 11px;*/
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
    height: 100%;
    width: 125px;
}

#autoCompletehref{
    vertical-align: text-top;
    margin-top: 0px;
    color: #5D5D5D;
    font-weight: 400;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
    height: 100%;
}

#autoCompletehref b {
}

#autoCompletehref:hover{
    text-decoration: none;
}


/****** FILE: themes/educare_libsmartsearch/css/smartsearch.css *****/

/********************** ESTILOS COMUNS A TODOS OS PASSOS *******************/
#content.areaPesquisa
{
}

#content.areaPesquisa h2{
    display: none;
}

#content.areaPesquisa #pesquisaInfo
{
    background: url("/assets/site/pesquisa-resultados.png") no-repeat scroll right center #F0EEEA;
    color: #5D5D5D;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    text-transform: uppercase
}
    #content.areaPesquisa #pesquisaInfo #palavra
    {
        float:left;
        margin-bottom: 5px;
        width: 78%;
    }
        #content.areaPesquisa #pesquisaInfo #palavra .label,
        #content.areaPesquisa #pesquisaInfo #palavra .valor
        {
            float:left;
            font-weight: 700;
            font-size: 19px;
        }
        #content.areaPesquisa #pesquisaInfo #palavra .label
        {
            color: #FF3B0C;
        }
        #content.areaPesquisa #pesquisaInfo #palavra .valor
        {
            color: #5D5D5D;
            margin-left: 5px;
            text-transform: none;
        }

    #content.areaPesquisa #pesquisaInfo #totalresultados
    {
        clear: both;
        float:left;
        width: 78%;
    }
        #content.areaPesquisa #pesquisaInfo #totalresultados .label,
        #content.areaPesquisa #pesquisaInfo #totalresultados .valor
        {
            float:left;
            color: #5D5D5D;
            text-transform: none;
            font-weight: 400;
            font-size: 15px;
        }

#content.areaPesquisa #selectedMenuOrdenacao
{
    display: none;
}

#content.areaPesquisa ul#ordenacao
{
    list-style: none outside none;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
    #content.areaPesquisa ul#ordenacao li
    {
        display: inline-block;
        list-style: none outside none;
        text-align: center;
        width: 25%;
        vertical-align: middle;
        font-size: 13px;
        /*
        margin-right: 10px;
        width: 23%;
        */
        cursor: pointer;
    }
        #content.areaPesquisa ul#ordenacao li a
        {
            color: #3A3A3A;
            display: block;
            font-size: 13px;
            font-weight: 900;
            text-transform: uppercase;
        }
            #content.areaPesquisa ul#ordenacao li a.selected
            {
                color: #FF3B0C;
            }


#content.areaPesquisa #categoriasContainer
{
    position: absolute;
    z-index: 1000;
    /*display: block;*/
    border: 1px solid #B7B2AE;
    border-top: 0px;
    min-width: 215px;
}
    #content.areaPesquisa #categoriasContainer ul#categorias li
    {
        background-color: #F9F7F3;
        display: block;
        border-top: 1px solid #B7B2AE;
        float: none;
        line-height: 44px;
        margin: 0;
        padding: 0 15px 0 15px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
        width: auto;
    }
    #content.areaPesquisa #categoriasContainer ul#categorias li.selected
    {
        background-color: #FF9A00;
    }
        #content.areaPesquisa #categoriasContainer ul#categorias ul.son li
        {
            padding-left: 30px;
        }


#content.areaPesquisa #data_publicacaoContainer
{
    position: absolute;
    z-index: 1000;
    /*display: block;*/
    border: 1px solid #B7B2AE;
    background-color: #F9F7F3;
    padding: 15px;
    width: auto;
}
    #content.areaPesquisa #data_publicacaoContainer #data_inicioContainer,
    #content.areaPesquisa #data_publicacaoContainer #data_fimContainer
    {
        clear: both;
        float: right;
    }
    #content.areaPesquisa #data_publicacaoContainer #data_fimContainer
    {
        margin-top: 20px;
    }
        #content.areaPesquisa #data_publicacaoContainer span#label_inicio,
        #content.areaPesquisa #data_publicacaoContainer span#label_fim
        {
            float: left;
            font-size: 13px;
            font-weight: 900;
        }
        #content.areaPesquisa #data_publicacaoContainer span#label_inicio
        {
            text-transform: capitalize;
        }
        #content.areaPesquisa #data_publicacaoContainer select
        {
            float: left;
            margin-left: 10px;
            padding-right: 0;
            width: auto;
        }
            #content.areaPesquisa #data_publicacaoContainer select option
            {
                margin: 0 6px;
            }
        #content.areaPesquisa #data_publicacaoContainer input[type='submit']
        {
            clear: both;
            overflow: hidden;
            float: right;
            width: auto;
            margin-right: 0;
            margin-bottom: 0;
            padding-left: 40px;
            background: url("/assets/site/bt-pesquisa-datapublicacao.png") no-repeat;
            background-color: #FF3B0C;
            background-position: left;
        }


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

    .ap-icon-open {
        background-position: -79px -72px;
        height: 12px;
        width: 16px;
    }
    
    .ap-icon-close {
       background-position: -102px -72px;
        height: 12px;
        width: 16px;
    }

    #content.areaPesquisa #selectedMenuOrdenacao
    {
        display: block;

    }
        #content.areaPesquisa #selectedMenuOrdenacao h6
        {
            text-transform: uppercase;
            padding:0 15px 0 15px;
            line-height: 44px;
            width: 100%;
        }
        #content.areaPesquisa #selectedMenuOrdenacao .cell
        {
            vertical-align: middle;
        }
        #content.areaPesquisa #selectedMenuOrdenacao span{
            padding-right: 15px;
            text-align: right;        
        }
            

    #content.areaPesquisa ul#ordenacao
    {
        display: none;
        padding:0;
    }

    #content.areaPesquisa ul#ordenacao li
    {
        display: block;
        width: 100%;
        margin:0;
    }
        #content.areaPesquisa ul#ordenacao li a.selected {
            background-color: #FF9900;
            color: #333333;
        }
        #content.areaPesquisa ul#ordenacao li a {
            background-color: #F9F7F3;
            border-top: 1px solid #B7B2AE;
            display: block;
            float: none;
            line-height: 44px;
            text-align: left;
            text-decoration: none;
            width: 93.5%;
            padding:0 15px 0 15px;
        }

    #content.areaPesquisa #categoriasContainer
    {
        position: relative;
        border: 0px;
        min-width: auto;
    }
        #content.areaPesquisa #categoriasContainer ul#categorias li
        {
            background-color: #DFDBDB;
            width: 93.5%;
        }

        #content.areaPesquisa #categoriasContainer ul#categorias ul.son li
        {
            width: 90.5%;
        }
            #content.areaPesquisa #categoriasContainer ul#categorias ul.son li a
            {
                background-color: #DFDBDB;
                border-top:0;
            }

    #content.areaPesquisa #data_publicacaoContainer
    {
        position: relative;
        border: 0px;
        background-color: #DFDBDB;
        padding: 15px;
        width: 93.5%;
        overflow: hidden;
    }

}

#content.areaPesquisa #resultadosPesquisa
{
    clear: both;
    margin: 0 15px;
}
    #content.areaPesquisa #resultadosPesquisa #Documento
    {
        padding-bottom: 10px;
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 10px;
        color: #333333;
        overflow: hidden;
    }
        #content.areaPesquisa #resultadosPesquisa #Documento #tituloDocumento,
        #content.areaPesquisa #resultadosPesquisa #Documento #tituloDocumento a
        {
            font-weight: 900;
            font-size: 15px;
            color: #333333;
            float: left;
        }
        #content.areaPesquisa #resultadosPesquisa #Documento #datapublicacaoDocumento
        {
            float: left;
            margin-left: 5px;
            font-weight: 400;
            font-size: 13px;
        }
        #content.areaPesquisa #resultadosPesquisa #Documento #visitasDocumento
        {
            display: none;
        }
        #content.areaPesquisa #resultadosPesquisa #Documento #titulosnippetDocumento
        {
            display: none;
        }
        #content.areaPesquisa #resultadosPesquisa #Documento #conteudosnippetDocumento
        {
            clear: both;
            float: left;
            font-weight: 400;
            font-size: 13px;
        }



/****** FILE: cookie-bar/cookieBar.css *****/
#cookieLawBar {
    -webkit-text-size-adjust: none;
    position: fixed;
    /*top: 0;*/
    bottom: 0px;
    left: 0;
    width: 100%;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #333333;
    overflow: hidden;
    z-index: 600;
    text-align: center;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
}

#cookieLawBar .notification {
    display: block;
    text-decoration: none;
    min-height: 35px;
    padding: 12px 5px;
    overflow: hidden;
    margin: 0 auto 0 auto;
    opacity:0.90;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    background-color: #000;
}

#cookieLawBar .notification.hasClick {
    cursor: pointer;
}
#cookieLawBar .notification .closeButton{
    background-color: #FFFFFF;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 8px;
    margin-top: 3px;
    padding: 0;
    width: 24px;
    text-align: center;
}

#cookieLawBar .messageCookie, #cookieLawBar .messageCookie a {
    /*font-family: Arial;*/
    font-size: 14px;
    color: #FFF;
    line-height: 15px;
    font-weight: normal;
    padding: 0;
    display: inline-block;
}
#cookieLawBar .messageCookie a{
    text-decoration: underline;
}

#cookieLawBar i {
     font-style: italic!important;
}

@media all and (max-width: 767px) {
    #cookieLawBar .notification {
        padding: 15px;
        text-align: left;
    }

    #cookieLawBar .messageCookie, 
    #cookieLawBar .messageCookie a {
        font-size: 13px;
        line-height: 20px;
    }
}

@-webkit-keyframes slideDown {
    0%   {
        opacity: 0; 
        -webkit-transform: rotateX(-90deg);
    }
    100%   {
        opacity: 1; 
        -webkit-transform: rotateX(0deg);
    }
}
@-webkit-keyframes slideUp {
    0%   {
        opacity: 1; 
        -webkit-transform: rotateX(0deg);
    }
    100%   {
        opacity: 0; 
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes slideDown {
    0%   {
        opacity: 0; 
        -moz-transform: rotateX(-90deg);
    }
    100%   {
        opacity: 1; 
        -moz-transform: rotateX(0deg);
    }
}
@-moz-keyframes slideUp {
    0%   {
        opacity: 1; 
        -moz-transform: rotateX(0deg);
    }
    100%   {
        opacity: 0; 
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes slideDown {
    0%   {
        opacity: 0; 
        -o-transform: rotateX(-90deg);
    }
    100%   {
        opacity: 1; 
        -o-transform: rotateX(0deg);
    }
}
@-o-keyframes slideUp {
    0%   {
        opacity: 1; 
        -o-transform: rotateX(0deg);
    }
    100%   {
        opacity: 0; 
        -o-transform: rotateX(-90deg);
    }
}

#cookieLawBar .animateIn {
    -webkit-animation: slideDown 300ms;
    -moz-animation: slideDown 300ms;
    -o-animation: slideDown 300ms;
}

#cookieLawBar .animateOut {
    -webkit-animation: slideUp 300ms;
    -moz-animation: slideUp 300ms;
    -o-animation: slideUp 300ms;
}

#cookieBarText, #cookieBarText i{
    font-size: 14px;
}