/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12/Set/2014, 17:39:30
    Author     : marisa
*/

@import "my-learning-units.css";
@import "all-learning-units.css";
@import "learning-units-available-for-collaboration.css";
@import "quiz.css";
@import "fullscreen.css";


#site-header{
    background:url(../img/header-background.jpg) left top #0a71b4;padding:10px 0;color:white;
}


#header-search{
    width: 180px;
}


#quiz-jumper{
    color: #000000;
}

.item-list{

}

.node-gallery {

    list-style-type: none;
}

.node-gallery li{
    float: left;

}

.node-gallery img {
    /*  position: absolute;
      bottom:0px;*/
}

.node-gallery .image1 {left: 0px;
                       z-index: 3;
                       -webkit-transition:all 0.2s ease;
                       -moz-transition:all 0.2s ease;
                       -o-transition:all 0.2s ease
}

.node-gallery .image2 {left: 7px;
                       height: 148px;
                       z-index: 2;
                       -webkit-transition:all 0.2s ease;
                       -moz-transition:all 0.2s ease;
                       -o-transition:all 0.2s ease
}

.node-gallery .image3 {left: 14px;
                       height: 145px;
                       z-index: 1;
                       -webkit-transition:all 0.2s ease;
                       -moz-transition:all 0.2s ease;
                       -o-transition:all 0.2s ease
}

.image1, .image2, .image3{
    border: 5px solid #F3F3F3;
    box-shadow: 1px 1px 2px #666;
    -webkit-shadow:1px 1px 2px #666;
    -webkit-transform:rotate(0deg) translate(0px);
}

.node-gallery:hover .image1{
    z-index: 6;
    -ms-transform: rotate(-5deg) translate(-40px, -2px);
    -ms-transform-origin:center bottom;
    -webkit-transform: rotate(-5deg) translate(-40px, 2px);
    -webkit-transform-origin:center bottom;
    -moz-transform: rotate(-5deg) translate(-40px, -2px);
    -moz-transform-origin:center bottom;
    -o-transform: rotate(-5deg) translate(-40px, -2px);
    -o-transform-origin:center bottom;
}

.node-gallery:hover .image2{
    z-index: 5;
    -ms-transform: rotate(-2deg) translate(0px, 2px);
    -ms-transform-origin:center bottom;
    -webkit-transform: rotate(-2deg) translate(0px, -2px);
    -webkit-transform-origin:center bottom;
    -moz-transform: rotate(-2deg) translate(0px, 2px);
    -moz-transform-origin:center bottom;
    -o-transform: rotate(-2deg) translate(0px, 2px);
    -o-transform-origin:center bottom;
}

.node-gallery:hover .image3{
    z-index: 4;
    -ms-transform: rotate(5deg) translate(40px,-2px);
    -ms-transform-origin:center bottom;
    -webkit-transform: rotate(5deg) translate(40px,2px);
    -webkit-transform-origin:center bottom;
    -moz-transform: rotate(5deg) translate(40px,-2px);
    -moz-transform-origin:center bottom;
    -o-transform: rotate(5deg) translate(40px,-2px);
    -o-transform-origin:center bottom;
}



#og-context-navigation .platon-og-context-webinar-tab {
    background-image: url("../img/webinar-tool-tab-icon.png");
}

.opigno-webinar-tool .opigno-tool-icon {
    background-image: url("../img/webinar-tool-icon.png");
}


#main-navigation-item-home a{
    background-image:url(../img/main-navigation-home-icon-inactive.png)
}

#main-navigation-item-home a.active,#main-navigation-item-home a:hover{
    background-image:url(../img/main-navigation-home-icon-active.png)
}

#main-navigation-item-my-courses a{
    background-image:url(../img/main-navigation-my-courses-icon-inactive.png)
}

#main-navigation-item-my-courses a.active,#main-navigation-item-my-courses a:hover{
    background-image:url(../img/main-navigation-my-courses-icon-active.png)
}

#main-navigation-item-training-catalogue a{
    background-image:url(../img/main-navigation-training-catalogue-icon-inactive.png)
}

#main-navigation-item-training-catalogue a.active,#main-navigation-item-training-catalogue a:hover{
    background-image:url(../img/main-navigation-training-catalogue-icon-active.png)
}

#main-navigation-item-forum a{
    background-image:url(../img/main-navigation-forum-icon-inactive.png)
}

#main-navigation-item-forum a.active,#main-navigation-item-forum a:hover{
    background-image:url(../img/main-navigation-forum-icon-active.png)
}

#main-navigation-item-calendar a{
    background-image:url(../img/main-navigation-calendar-icon-inactive.png)
}

#main-navigation-item-calendar a.active,#main-navigation-item-calendar a:hover{
    background-image:url(../img/main-navigation-calendar-icon-active.png)
}

#main-navigation-item-my-achievements a{
    background-image:url(../img/main-navigation-my-achievements-icon-inactive.png)
}

#main-navigation-item-my-achievements a.active,#main-navigation-item-my-achievements a:hover{
    background-image:url(../img/main-navigation-my-achievements-icon-active.png)
}

#main-navigation-item-messages a{
    background-image:url(../img/main-navigation-messages-icon-inactive.png)
}

#main-navigation-item-messages a.active,#main-navigation-item-messages a:hover{
    background-image:url(../img/main-navigation-messages-icon-active.png)
}

#main-navigation-item-administration a{
    background-image:url(../img/main-navigation-administration-icon-inactive.png)
}

#main-navigation-item-administration a.active,#main-navigation-item-administration a:hover{
    background-image:url(../img/main-navigation-administration-icon-active.png)
}

#main-navigation-item-search a{
    background-image:url(../img/main-navigation-search-icon-inactive.png)
}

#main-navigation-item-search a.active,#main-navigation-item-search a:hover{
    background-image:url(../img/main-navigation-search-icon-active.png)
}

#main-navigation-item-promoteuser a{
    background-image:url(../img/main-navigation-promoteuser-icon-inactive.png)
}

#main-navigation-item-promoteuser a.active,#main-navigation-item-promoteuser a:hover{
    background-image:url(../img/main-navigation-promoteuser-icon-active.png)
}

#main-navigation-item-collaboration a{
    background-image:url(../img/main-navigation-collaboration-icon-inactive.png)
}

#main-navigation-item-collaboration a.active,#main-navigation-item-collaboration a:hover{
    background-image:url(../img/main-navigation-collaboration-icon-active.png)
}

/* ALTERAÇÕES MARISA */
/* alteração da caixa do HOME */
#title-wrapper{
    background:#ffffff;
    border: solid 1px #dddddd;
}

h1{
    font-size: 24px;
    color:#72cee7;
    font-family:Trebuchet Ms;
    text-transform: uppercase;
}


/* alteração das boxs para verde */
#homebox .homebox-portlet .portlet-header{background:#8cc643}

/* alteração da setinha do menu esquerdo */
#first-sidebar #first-sidebar-toggle{background-image:url(../img/collapse-menu-icon.png)}
#site-header{background-image:url(../img/header-background.jpg)}
#back-to-parent-link a{background-image:url(../img/back-icon.png)}

/* alteração das letras do menu esquerdo */
.main-navigation-row .main-navigation-item a span{
    display:block;
    position:absolute;
    bottom:7px;
}

.main-navigation-row .main-navigation-item a{
    color:#0d4a5b;
    width:100%;
    background-color:white;
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
    text-transform:uppercase;
    text-decoration:none;
    font-family: Trebuchet Ms;
}

#messages-num-unread {
    color: white;
    font-size: 1.4em;
    top: 25%;
    text-align:center;
    font-size: 24px;
}

/* Og context: top small icons */

.platon-og-context-addcoments-tab {
    background-image: url(../img/node-addcoments-tab-icon.png)
  }
  
 .platon-og-context-coments-tab {
    background-image: url(../img/node-coments-tab-icon.png)
  }
  
  .platon-og-context-voteresults-tab {
    background-image: url(../img/node-voteresults-tab-icon.png)
  }


#homebox-block-block_1 h3.portlet-header{
    display: none;
}

#homebox-block-block_1 .portlet-content {
    background-color: #f8f7f5;    
}

a {
    color: #199e9d;
}


a:hover {
    color:#f16725;
    
}

.action-element:hover, .action-add-element:hover, .action-sort-element:hover, .action-start-element:hover, .action-next-element:hover, .action-prev-element:hover, .form-submit a:hover, input[type="submit"] a:hover, input[type="button"]:hover, button:hover{
    color:#ffffff;    
}

.node-course-other-fields {
    background-color: #dcf4bd;
    color: #373737;
}



#site-footer .col{
    width: 100%;
}

/*.homebox-column-wrapper-1.homebox-row-0 {
    margin-top: -30px;
}*/
#homebox-add{
    clear: both;
}

#homebox-add-link { 
    float: right;
    margin-bottom: 10px;
/*    width: 25%;*/
}
.quiz-stats-table td:first-child{
    width:40%
}

.quiz-stats-table td:last-child {
    width: 30%;
}

#edit-cancel {
    background: none repeat scroll 0 0 #58585a;
    border: 0 none;
    color: white;
    display: inline-block;
    padding: 0.25em 1em;
/*    color: #840;*/

}

#quiz-question-answering-form #edit-tries.form-radios .form-type-radio{
    width: 80px;
}


#edit-main .fieldset-wrapper{
    padding: 0;
}

audio, canvas, progress, video {
    width: 100%;
}

.region-help {
/*    border: 1px solid;*/
    margin: 10px 0px;
    padding:10px 10px 10px 80px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
    background-size: 60px;
}

#guide-header{
    clear: left;
    float: left;
    margin-right: 1em;
    padding-top:.55em;
}

#guide-header-info{
    float: left;
    margin-right: 1em;
    margin-top: 0.2em;
}

@media screen and (max-width: 800px){
    #guide-header{
        clear: none;
        float: right;         
    }
    
    #guide-header-info{
        display:none
    }
}

@media screen and (max-width: 800px){
    #homebox .homebox-column-wrapper{
/*        float:none;
        width:auto !important*/
clear: both;
    }
}


.field-name-field-lu-collab{
    background-color: #8cc643;
    padding: 5px;
}

#edit-field-typical-age-range  .form-type-checkbox{
    float: left;
    padding-left: 10px;
}

#edit-field-typical-age-range .description{
    clear: both;
}


#edit-field-cognitive-interactivity-wi  .form-type-checkbox{
    float: left;
    padding-left: 10px;
}

#edit-field-cognitive-interactivity-wi .description{
    clear: both;
}

#homebox-footer{
    padding-top: 10px;
    clear: both;
}

#block-menu-menu-intact-front-options{
    clear: both;
    margin: 0 auto;
}

#block-menu-menu-intact-front-options h2{
    display: none;
}
#block-menu-menu-intact-front-options ul{
    text-align: center;
}

#block-menu-menu-intact-front-options ul li{
    display: inline-block;
    list-style: none;
}



.information-metadata{
    margin-top: 0;
}

text{
    font-size: 16px;
}

/*#first-sidebar.collapsed:hover{*/
#first-sidebar:hover{
    background-color: #ccc;
    cursor: pointer;
}



.cke_skin_kama .cke_button .cke_button_templates .cke_label{
    display:inline;
}


 #cke_37 .cke_toolgroup
{
    height: 40px;
}


.cke_skin_kama .cke_toolgroup{
    background-color: white;    
}

 #cke_37 .cke_button a{
    height: 34px;
}

 #cke_37 .cke_button .cke_icon{
    width: 32px;
    height: 32px;
}

/*#cke_44_label{
    display:inline;
}*/


#first-sidebar{
    background: #ececeb none repeat scroll 0 0;
}

#site-content {
    background: #f8f7f5 none repeat scroll 0 0;
    
}

.opigno-tools{
    margin-top: 20px;
    clear: none;    
}

.opigno-tool-block .opigno-tool-description{
    margin-top: 5px;
}