@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');

body{background:#f3f3f4;}
body,button,input,select,textarea{font-family:'Roboto', sans-serif;font-size:16px;font-weight:400;color:#646464;}
::-moz-selection{background:#002b56;color:#fff;text-shadow:none;}
::selection{background:#002b56;color:#fff;text-shadow:none;}
::-webkit-input-placeholder{color:#88B1D2;opacity:1 !important;font-weight:400;}
:-moz-placeholder{color:#88B1D2;opacity: 1 !important;font-weight:400;}
::-moz-placeholder{color:#88B1D2;opacity: 1 !important;font-weight:400;}
:-ms-input-placeholder{color:#88B1D2;font-weight:400;}
h2{font-family:'Roboto',sans-serif;font-size:22px;line-height:30px;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;background:#599cd3;background:-moz-linear-gradient(left, #599cd3 0%, #599cd3 7%, #549367 97%, #549367 100%);background: -webkit-linear-gradient(left, #599cd3 0%,#599cd3 7%,#549367 97%,#549367 100%);background: linear-gradient(to right, #599cd3 0%,#599cd3 7%,#549367 97%,#549367 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599cd3', endColorstr='#549367',GradientType=1 );border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.20);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.20);}
h3{font-family:'Roboto',sans-serif;font-size:20px;line-height:20px;font-weight:700;text-transform:uppercase;color:#549467;margin:0;}
h4{font-family:'Roboto',sans-serif;font-size:18px;font-weight:400;}
h5{font-family:'Roboto',sans-serif;font-size:13px;line-height:20px;font-weight:400;color:#464646;margin:0;}
b,strong{color:#589ed4;font-weight:700;}
ul{padding:0;}
ul li{list-style-image:url(../images/dot.png?v=2);margin:10px 0;}
small,.small{font-size:80%;}
a{color:#549367;font-weight:500;}
a:hover{color:#3B7FB5;}
textarea{min-height:200px;resize:none;margin:20px 0;}
.clear{clear:both;}
.webcastitle{position:relative;border-bottom:2px solid #549467;}
.webcastitle>img{position:absolute;top:100%;left:50%;margin-left:-10px;}
.header{margin:30px 0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.20);box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.20);}
.modal .btn-primary{padding:5px 25px;}
.modal-body{padding:0;}
.modal-header h4.modal-title span.glyphicon{font-size:150%;float:left;margin-right:5px;}
.hr{width:100%;height:2px;margin:0;padding:0;background:#549367;overflow:hidden;}
.hr-xs{width:100%;height:1px;margin:20px 0;padding:0;background:#549367;overflow:hidden;}
.hr.nomargin{background:#549467;}
#planteamiento{}
#temario{}
#autoria{}
.autor{font-size:14px;line-height:21px;font-weight:400;color:#464646;text-transform:none;}
#cpformlogin a{font-size:10px;color:#3B7FB5;float:left;margin-top:10px;}
#cpformregistre a{font-size:10px;color:#549367;float:left;margin-top:10px;}
#cpemail,#cppasswd{width:50%;padding-right:10px;float:left;}
#cpemail .textbox,#cppasswd .textbox{width:100%;height:22px;margin:0;padding:0 10px;background:#F4F4F4;border:0 none;font-size:12px;color:#88B1D2;line-height:22px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#cpkeyword .textbox{width:100%;height:22px;margin:0;padding:0 10px;background:#F4F4F4;border:0 none;font-size:12px;color:#549367;line-height:22px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#cpkeyword .textbox::-moz-selection{background:#549367;color:#fff;text-shadow:none;}
#cpkeyword .textbox::selection{background:#549367;color:#fff;text-shadow:none;}
#cpkeyword .textbox::-webkit-input-placeholder{color:#549367;opacity:1 !important;font-weight:400;}
#cpkeyword .textbox:-moz-placeholder{color:#549367;opacity: 1 !important;font-weight:400;}
#cpkeyword .textbox::-moz-placeholder{color:#549367;opacity: 1 !important;font-weight:400;}
#cpkeyword .textbox:-ms-input-placeholder{color:#549367;font-weight:400;}
.cpsubmitlogin .btn{background:transparent;padding:0;text-transform:uppercase;font-size:12px;font-weight:500;color:#3B7FB5;float:right;margin-top:10px;margin-right:10px;}
.cpsubmitinscripcio .btn{background:transparent;padding:0;text-transform:uppercase;font-size:12px;font-weight:500;color:#549367;float:right;margin-top:10px;}
.cpsubmitlogin .btn:hover,.cpsubmitinscripcio .btn:hover{}
#cplogin,#cpregistre{padding:50px 0;}
#cplogin h5{font-weight:500;text-transform:uppercase;color:#3B7FB5;margin-top:0;}
#cpregistre h5{font-weight:500;text-transform:uppercase;color:#549367;margin-top:0;}
#cpfregistre h2,h2.border{border-bottom:2px solid #3B7FB5;padding-bottom:10px;margin-bottom:20px;}
.btn-primary{background:transparent;color:#589ed4;padding:0 20px;font-size:16px;font-weight:700;line-height:30px;text-transform:uppercase;border:2px solid #589ed4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.btn-primary:hover{border-color:#549467;color:#549467;background:transparent;}
.btn-success{background:transparent;color:#549467;padding:0 20px;font-size:16px;font-weight:700;line-height:30px;text-transform:uppercase;border:2px solid #549467;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.btn-success:hover{border-color:#589ed4;color:#589ed4;background:transparent;}
.help-block{font-size:80%;}
.form-control{border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff;}
.form-control::-moz-selection{background:#549367;color:#fff;text-shadow:none;}
.form-control::selection{background:#549367;color:#fff;text-shadow:none;}
.form-control::-webkit-input-placeholder{color:#549367;opacity:1 !important;font-weight:400;}
.form-control:-moz-placeholder{color:#549367;opacity: 1 !important;font-weight:400;}
.form-control::-moz-placeholder{color:#549367;opacity: 1 !important;font-weight:400;}
.form-control:-ms-input-placeholder{color:#549367;font-weight:400;}
.prefooter{padding-top:60px;padding-bottom:60px;}
#footer{margin:0 -30px;padding-top:20px;padding-bottom:20px;font-size:12px;font-weight:400;color:#fff;background: #599dd4;background: -moz-linear-gradient(left, #599dd4 0%, #599dd4 7%, #549467 90%, #549467 100%);background: -webkit-linear-gradient(left, #599dd4 0%,#599dd4 7%,#549467 90%,#549467 100%);background: linear-gradient(to right, #599dd4 0%,#599dd4 7%,#549467 90%,#549467 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599dd4', endColorstr='#549467',GradientType=1 );}
#footer a{color:#fff;}
.modal-content{border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}
.modal-header{padding:5px 15px;border-bottom:2px solid #549367;}
.modal-footer{border-top:2px solid #549367;}
.temaitem{margin:50px 0 0 0;padding:10px 40px 10px 25px;background:transparent;font-size:20px;line-height:22px;font-weight:700;color:#589ed4 !important;border:2px solid #589ed4;text-decoration:none !important;position:relative;display:block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
.temaitem.hover,.temaitem.active{color:#549467 !important;}
.temaitem span.glyphicon{width:16px;height:26px;position:absolute;right:15px;top:50%;margin-top:-13px;font-size:20px;line-height:20px;background:transparent url(../images/glyphicon.png) center center no-repeat scroll;}
.temaitem.hover span.glyphicon{color:#549367;}
.temaitem span.glyphicon.text-success{-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;}
div.temaitem{color:#549467 !important;border-color:#549467;}
div.temaitem img{position: absolute;top: 100%;left: 50%;margin-left: -10px;}
.subtemas span.glyphicon{right:0;}
.subtemas{margin:0 25px;padding:0 25px;background:#fff;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:4px 4px 4px 0px rgba(0,0,0,0.20);box-shadow:4px 4px 4px 0px rgba(0,0,0,0.20);}
.subtemas>a{padding:20px 25px 20px 0;font-family:'Roboto',sans-serif;font-size:16px;line-height:20px;color:#549467;text-transform:uppercase;font-weight:700;text-decoration:none !important;position:relative;display:block;-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;}
.subtemas>a.hover{color:#589ed4;}
.subtemas .hr{height:1px;background:#b4b4b4;}
.subtemas span.glyphicon{width:11px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px;background:transparent url(../images/glyphicon2.png) center center no-repeat scroll;}
.subtemas span.autor{font-size:13px;font-weight:400;color:#464646;border-left:1px solid #464646;padding-left:10px;margin-left:10px;}
#cpbtnvolver{float:right;margin-top:40px;}
.container{max-width:1000px;padding:0 30px;-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);}
.text-success{color:#549467;}
#cpinternmenu{max-width:385px;margin:0 auto;}
ul#internmenu{margin:0;padding:0;}
ul#internmenu li{width:115px;list-style:none;margin:0 20px 0 0;padding:0;float:left;}
ul#internmenu li:last-child{margin:0;}
ul#internmenu li a{display:block;background:transparent;color:#3b7fb6;border:2px solid #3b7fb6;text-align:center;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:700;line-height:22px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;}
ul#internmenu li a:hover,ul#internmenu li a.active{background:#d4e1ec;-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);}
ul#internmenu li a.active:after{content:" ";display:block;width:14px;height:9px;background:transparent url(../images/itemactive.png) center center no-repeat scroll;position:absolute;top:100%;left:50%;margin-left:-7px;}
ul#internmenu li a span.glyphicon{display:none;}
/*ul#internmenu li a.hover span.glyphicon,ul#internmenu li a.active span.glyphicon{-moz-transform: rotate(90deg) translateX(0px) translateY(5px);-webkit-transform: rotate(90deg) translateX(0px) translateY(5px);-o-transform: rotate(90deg) translateX(0px) translateY(5px);-ms-transform: rotate(90deg) translateX(0px) translateY(5px);transform: rotate(90deg) translateX(0px) translateY(5px);}*/
.cpsubmitlogout{float:right;}
.cpsubmitlogout .btn{margin:0;padding:0 25px 0 15px;background:transparent;border:2px solid #3A7EB5;text-transform:uppercase;color:#3A7EB5;font-size:14px;font-weight:500;line-height:18px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;position:relative;}
.cpsubmitlogout .btn span.glyphicon{font-size:12px;position:absolute;top:4px;right:5px;-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;}

#pregunta{color:#549467;font-size:18px;font-weight:700;margin-bottom:40px;}
.resposta{margin-left:20px;}
#testcontrols{margin:50px 0;}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary{border-color:#549467;color:#549467;background:transparent;}
.btn-primary.focus, .btn-primary:focus{border-color:#549467;color:#549467;background:transparent;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{border-color:#549467;color:#549467;background:transparent;}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success{border-color:#589ed4;color:#589ed4;background:transparent;}
.btn-success.focus, .btn-success:focus{border-color:#589ed4;color:#589ed4;background:transparent;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover{border-color:#589ed4;color:#589ed4;background:transparent;}

#leycookies{width:100%;height:auto;margin:0;padding:10px 0;position:fixed;bottom:0;left:0;background:#000;background:rgba(245,245,245,0.8);color:#646464;text-align:center;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.65);box-shadow: 0 0 10px 0 rgba(0,0,0,0.65);}
#leycookies>div{margin-bottom:10px;}
#leycookies>div>a{color:#549367;}
#leycookies .btn{padding:3px 20px;background:#549367;color:#fff;text-transform:uppercase;}
#leycookies .btn.hover{background:#f5f5f5;color:#549367;text-decoration:none;}

.carouselContainer{margin-top:10px;position:relative;}
.diapopover{width:1px;height:1px;position:absolute;bottom:100%;left:0;overflow:hidden;}
.carouselDiapos{padding:10px 30px;margin:0 10px;background:#f1f6fa;}
.carouselDiapos .owl-item{cursor:pointer;}
.carouselDiapos .owl-item div.active{-webkit-box-shadow:0 0 0 3px #1667a8;box-shadow:0 0 0 3px #1667a8;overflow:hidden;}
.owl-carousel .owl-stage{padding:5px 0;}
.owl-prev,.owl-next{width:20px;height:20px;margin-top:-10px;font-size:12px;position:absolute;top:50%;color:#fff;}
.owl-prev span,.owl-next span{width:20px;height:20px;text-align:center;display:block;line-height:20px !important;background:#549467;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.owl-prev{margin-left:5px;}
.owl-next{margin-right:5px;}
.owl-prev{left:0;}
.owl-next{right:0;}
.owl-dots{display:none !important;}
.close{font-size:36px !important;font-weight:700 !important;}
.video-js .vjs-big-play-button{width:2em !important;height:2em !important;border-radius:50% !important;-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border:0 none !important;margin-top:-1em !important;margin-left:-1em !important;}
.vjs-icon-play::before, .video-js .vjs-big-play-button::before, .video-js .vjs-play-control::before{font-size:2em !important;line-height:1em !important;}
#cpscrolllist{margin:0 10px;padding:10px;background:#f1f6fa;}
.chapter-box{margin:15px 0 5px 0;}
.chapter-box ul{margin:0 10px 0 0;padding:0;}
.chapter-box ul li{list-style:none;text-align:left;padding:5px;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;margin:0;}
.chapter-box ul li.active,.chapter-box ul li:hover{background:#ddeae1;}
.coldiapo{padding-right:0 !important;}
.coldiapo>img{width:100%;cursor:zoom-in;border:1px solid #5A9DD4;}
#diapoInfo{margin:5px 0;padding:2px 5px;font-size:14px;font-weight:400;color:#fff;text-align:left;background:#599CD3;background: -moz-linear-gradient(left, #599CD3 0%, #599CD3 10%, #549367 90%, #549367 100%);background: -webkit-linear-gradient(left, #599CD3 0%,#599CD3 10%,#549367 90%,#549367 100%);background: linear-gradient(to right, #599CD3 0%,#599CD3 10%,#549367 90%,#549367 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599CD3', endColorstr='#549367',GradientType=1 );}
#diapoInfo .btn{background:transparent;font-size:13px !important;color:#fff;float:right;padding:0 !important;}
#diapoInfo .glyphicon-resize-small{display:none;}
.scroll-pane{width:100%;overflow:auto;}
.col-sm-5 .scroll-pane{height:192px;}
.col-sm-3 .scroll-pane{height:405px;}
.jspDrag{background:#76a985 !important;margin:0 6px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.jspVerticalBar{width:20px !important;background:transparent !important;}
.jspTrack{background:transparent url(../images/bgTrack.png) center center repeat-y scroll;}
.jspVerticalBar .jspArrowUp,.jspVerticalBar .jspArrowDown{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;}

@media screen and (min-width:992px) and (max-width:1199px){
    .col-sm-5 .scroll-pane{height:192px;}
    .col-sm-3 .scroll-pane{height:405px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .col-sm-5 .scroll-pane{height:148px;}
    .col-sm-3 .scroll-pane{height:312px;}
    .chapter-box ul li{font-size:14px;}
}

@media screen and (min-width:300px) and (max-width:767px){
    #planteamiento,#objetivos,#temario,#autoria{padding:0;}
    #planteamiento>div,#objetivos>div,#temario>div,#autoria>div{padding:1px 20px 20px 20px;background:rgba(255,255,255,0.6);}
    #temario ul li h3{line-height:50px;font-size:26px;margin:0;}
    .prefooter>div{margin:50px 0;}
    .temaitem{font-size:20px;}
    .subtemas a{font-size:18px;}
    ul#internmenu li{width:115px;margin:0 10px 0 0;}
    ul#internmenu li a span.glyphicon{display:none;}
    
    .col-sm-5 .scroll-pane,.col-sm-3 .scroll-pane{height:100px;}
    .chapter-box ul li{font-size:14px;}
    .coldiapo{padding-left:15px !important;margin-top:15px;}
}