/* @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 200; src: url(../../fonts/open-sans/OpenSans-Regular.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: normal; src: url(../../fonts/open-sans/OpenSans-Italic.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url(../../fonts/open-sans/OpenSans-Bold.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url(../../fonts/open-sans/OpenSans-Semibold.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 100; src: url(../../fonts/open-sans/OpenSans-Light.ttf) format('truetype'); } */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: normal; src: url(../../fonts/open-sans-woff/opensans-regular-webfont.woff) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight:200; src: url(../../fonts/open-sans-woff/open-sans-light.woff2) format('truetype'); } body,input, select, textarea { font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, h5, h6 { line-height: 1.6; font-family: "Open Sans", sans-serif; } #header{background: #FAF9F9 url(../images/fons.png) no-repeat -100px -75px; } #layout-container{background: #F6F6F6 url(../images/reus_background.png) no-repeat right 20px;} /*--------------------------------------*/ /* PUBLIC FOOTER */ /*--------------------------------------*/ #footer1 { border-top: 0px solid #333; border-bottom: 0px solid #333; color: #FFF; margin-top: 2em; padding: 0.5em 1em 0.5em 1em; font-size: .8em; } @media (max-width: 768px){ #footer1 {padding: 1em 1em 0em 1em;} } #footer.footer-login-page #ayun-contact a.foot-mail {display: none} #footer1 #ava-info span.desenvolupatby{color:#333;font-size: 0.76em;font-weight:200;} #footer1 #ava-info a.semiclink{text-transform: uppercase;font-size: 0.8em;color:#333;} #footer1 #ava-info a.semiclink:HOVER{text-decoration: underline;} #footer1 #ava-info #ava-brand{font-size: 1em;color:#333;} #footer1 #ava-info #ava-brand .audio{color:#111;} #footer1 #ava-info #ava-brand .video{color:#333;} #footer1 #ava-info #ava-brand .actas{color:#555;} #footer1 #ava-info #ava-brand .glyphicon-play{color:#752641;margin-right:2px;font-size: 0.7em;vertical-align: baseline;} #footer #ava-info #ava-brand .loginRedPoint img {width: 4%; height: 4%;} #footer2 { background-color:#752641; border-top: 0px solid #333; border-bottom: 0px solid #333; color: #FFF; padding: 1.4em 1em 1.4em; font-size: 0.82em; font-weight: 200; } #footer2 a{color: #FFF;} #footer2 a:HOVER{text-decoration: underline;} #footer2 .tlf-inline{display: inline-block;padding: 0 8px;} #footer2 span.glyphicon{margin-right: 6px;} #footer2 .f2-info-span{text-align: center; white-space: nowrap;padding-top: 5px;padding-bottom: 5px;} #footer2 .f2-info-span.f2-info-span-first{text-align: left;} #footer2 .f2-info-span.f2-info-span-last{text-align: right;} @media (max-width: 768px){ #footer2 .f2-info-span{padding: 4px 6px;text-align: center;}} @media (max-width: 768px){ #footer2 .f2-info-span.f2-info-span-first{padding: 4px 6px;text-align: center;}} @media (max-width: 768px){ #footer2 .f2-info-span.f2-info-span-last{padding: 4px 6px;text-align: center;}} @media (max-width: 768px){ #footer2 .tlf-inline{display: inline-block;padding: 0 8px 0 0;}} /*--------------------------------------*/ /* FOOTER FOR LOGIN ACCESS PAGE */ /*--------------------------------------*/ #layout_login #grey-nav{font-size: 0.8em;} #layout_login #login{font-size: 0.8em;} #footer.footer-login-page { background-color:#60213b; border-top: 0px solid #333; border-bottom: 0px solid #333; color: #FFF; margin-top: 2em; padding: 1em; font-size: 0.86em; font-weight: 200; } #footer.footer-login-page a{color: #FFF;} #footer.footer-login-page #ayun-contact a{color: #EEE;font-size: 1em;margin-bottom: 6px;display: block;font-weight: 500;} #footer.footer-login-page #ayun-contact p{color:#EEE;font-size: 0.8em;margin-bottom: 6px;} #footer.footer-login-page #ayun-contact p.foot-fax{display: none;} #footer.footer-login-page #ayun-info p{display: none;} #footer.footer-login-page #ayun-info a{display: none;} #footer.footer-login-page #ava-info span.desenvolupatby{font-size: 0.8em; color:#AAA;} #footer.footer-login-page #ava-info a.semiclink{text-transform: uppercase;font-size: 0.9em} #footer.footer-login-page #ava-info #ava-brand{font-size: 1.1em;margin-bottom: 0.4em;} #footer.footer-login-page #ava-info #ava-brand .audio{color:#888;} #footer.footer-login-page #ava-info #ava-brand .video{color:#BBB;} #footer.footer-login-page #ava-info #ava-brand .actas{color:#FFF;} #footer.footer-login-page #ava-info ul {display: none;} #footer.footer-login-page #ava-info ul li {display: none;} #footer.footer-login-page #ava-info ul#w3c-logos li span.w3c-box{display: none;} #layout_login #login .btn{background-color: #60223B;color: #FFF;} #layout_login #login .btn:HOVER{background-color: #752641;} /*--------------------------------------*/ /* VISTAS PUBLICAS */ /*--------------------------------------*/ #breadcrumbs ol.breadcrumb a{color:#752640;} #breadcrumbs ol.breadcrumb a:HOVER{text-decoration: underline;} #search label.top-text{font-size: 1em;} #search select{font-size: .9em;} #search input{font-size: .9em;} #search button{background-color: #60213b;border-color:#71495a;font-weight: 200;} #search button:HOVER{background-color: #752641;border-color:#752641;} #last-session #session-info .btn-detail{background-color: #60223b;border-color: #752641;font-weight: 200;} #last-session #session-info .btn-detail:HOVER{background-color: #752641;border-color: #60223b;} #sessionsList .session-box .btn-detail{background-color: #60223b;border-color: #752641;font-weight: 200;} #sessionsList .session-box .btn-detail:HOVER{background-color: #752641;border-color: #60223b;} #session-searchresult .session-box .btn-detail{background-color: #60223b;border-color: #752641;} #session-searchresult .session-box .btn-detail:HOVER{background-color: #752641;border-color: #60223b;} #session-searchresult .badge{background-color: #752640;padding:4px 8px 4px 7px;} #sessionsList h2.last-sessions-label{font-size: 1.8em;font-weight: 100;color: #60223B;} #session-detail #session-detail-title h3{font-size: 26px;} #session-detail #sesion-document-list #docs-title{background-color: #60223B;font-size: .9em;} #session-detail #sesion-document-list p.step-header{font-weight: 500;} #session-detail #sesion-document-list .doc-div .doc-link a{font-size: .8em;font-weight: 400;} #session-detail #sesion-document-list .doc-div button{color:#752640;font-size: .8em;} #session-detail #sesion-document-list .doc-div .doc-sign-link{font-size: .85em;} #session-detail #video-full-container .video-js{margin-bottom: 2em;} #video-index #video-index-controls .btn{font-size: .85em;} #video-index #video-index-controls .btn.active {background-color: #60213b;} .modalSignatures .modal-body .tabFirmas ul li.active a.tabFirmaBtn{background-color:#752641; color:#fff; } .modalSignatures .modal-body a.btn{background-color: #60223B;border-color: #752641;font-weight: 200;font-size: .94em;} .modalSignatures .modal-body a.btn:HOVER{background-color: #752641;border-color: #C0729B;font-weight: 200;} .modalSignatures .modal-footer .btn{font-weight: 200; font-size: .9em;} .modalSignatures .modal-footer .btn-signature{background-color: #60223B;border-color: #752641;color: #FFF;} .modalSignatures .modal-footer .btn-signature:hover{background-color: #752641;border-color: #C0729B;} #video-index #social-networks a{text-decoration: none !important;} #video-index #social-networks img.facebook:HOVER{border: 1px solid #C0729B;} #video-index #social-networks img.twitter:HOVER{border: 1px solid #C0729B;} #video-index #social-networks img.google:HOVER{border: 1px solid #C0729B;} #video-index #social-networks img.email:HOVER{border: 1px solid #C0729B;} #sessionsList .session-box .title{font-size: .88em;} #sessionsList .session-box .type{font-size: 75%;} #sessionsList .session-box .date{font-size: 75%;} #sessionsList .session-box .btn-detail{font-size: 80%;} #sessionsList .session-box{ border: 1px solid #888; margin-bottom: 1em; padding: 10px; background-color: #EEE; margin-top: 1em; -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); } #sessionsList .session-box.outstanding-session-box{ border: 1px solid #B77A8F; background-color: #EEE; margin-top: 0em; -webkit-box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); -moz-box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); } #sessionsList .session-box.outstanding-session-box div.outstanding{color: #752641;background-color: #E0C8D0;border: 1px solid #6f535c;padding: 2px;font-weight: 600;font-size: 0.88em;margin-bottom: 10px;} #sessionsList .session-box.outstanding-session-box .title{font-size: .9em; font-weight: bold;color: #222; border-bottom: 1px solid #B0B0B0;} #sessionsList .session-box.outstanding-session-box .type{font-size: 0.8em;color:#222;} #sessionsList .session-box.outstanding-session-box .date{font-size: 0.8em;color:#222;} #sessionsList .session-box.outstanding-session-box .type .glyphicon{} #sessionsList .session-box.outstanding-session-box .date .glyphicon{} #sessionsList .session-box.outstanding-session-box .btn-detail{font-size: 0.8em;color:#555;margin: 10px 0 5px;color: #FFF;} #session-searchresult .session-box{ border: 1px solid #888; margin-bottom: 1em; padding: 10px; background-color: #EEE; margin-top: 1em; -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); } #session-searchresult .session-box.outstanding-session-box{ border: 1px solid #B77A8F; background-color: #EEE; margin-top: 0em; -webkit-box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); -moz-box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); box-shadow: 8px 8px 11px 0px rgba(107,78,88,1); } #session-searchresult .session-box.outstanding-session-box div.outstanding{color: #752641;background-color: #E0C8D0;border: 1px solid #6f535c;padding: 2px;font-weight: 600;font-size: 0.88em;margin-bottom: 10px;} #session-searchresult .session-box.outstanding-session-box .title{font-size: .9em; font-weight: bold;color: #222; border-bottom: 1px solid #B0B0B0;} #session-searchresult .session-box.outstanding-session-box .type{font-size: 0.8em;color:#222;} #session-searchresult .session-box.outstanding-session-box .date{font-size: 0.8em;color:#222;} #session-searchresult .session-box.outstanding-session-box .type .glyphicon{} #session-searchresult .session-box.outstanding-session-box .date .glyphicon{} #session-searchresult .session-box.outstanding-session-box .btn-detail{font-size: 0.8em;color:#555;margin: 10px 0 5px;color: #FFF;} .datepicker .datepicker-days table thead tr:FIRST-CHILD{background-color: #60223B;} .datepicker .datepicker-days table thead tr:FIRST-CHILD th:HOVER{background-color: #752641;} .datepicker .datepicker-months table thead tr:FIRST-CHILD{background-color: #60223B;} .datepicker .datepicker-months table thead tr:FIRST-CHILD th:HOVER{background-color: #752641;} .datepicker .datepicker-years table thead tr:FIRST-CHILD{background-color: #60223B;} .datepicker .datepicker-years table thead tr:FIRST-CHILD th:HOVER{background-color: #752641;} /*- ------- INDICE DE VIDEO ----------*/ #video-index #indiceVideo .topic-row .topic-title-row .topicTitle{font-size: .96em;} #video-index #indiceVideo .topic-row:HOVER .topic-detaills .topic-interventions-box{/*font-size: .86em;*/border: 1px solid #C8C8C8;} #video-index #indiceVideo .topic-row .topic-detaills .copyToClipboard{font-size: .78em;} #video-index #indiceVideo .topic-row:HOVER .topic-title-row .badge{background-color: #752641;color: #fff;} #video-index #indiceVideo .topic-row:HOVER .topic-title-row .topicTitle{color: #60223B; text-decoration: underline;} #video-index #indiceVideo .topic-row:HOVER .topic-title-row .topicTitle a{color: #60223B;} #video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER .badge{background-color: #752641;color: #fff;} #video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER span.intervention-block{color: #752641;} #video-index #indiceVideo .topic-interventions .topic-intervention-row.last{border-color: #777;margin-bottom: 10px;} #video-index #indiceVideo .topic-interventions span.intervention-block{font-size: .94em;} #video-index #indiceVideo .topic-interventions .copyToClipboard{font-size: .78em;} #video-index #indiceVideo .topic-row .play-link{display: block;background: transparent url(../../reus/images/play-on-off.png) no-repeat 0px 0px;height: 45px;width: 45px;margin: .5em 1em .2em 1em;float: right;} #video-index #indiceVideo .topic-row .play-link:HOVER{background: transparent url(../../reus/images/play-on-off.png) no-repeat 0px -45px;} #video-index #indiceVideo .topic-interventions .play-intervention{display: block;transparent: url(../../reus/images/play-on-off.png) no-repeat 0px 0px;height: 45px;width: 45px;margin: .5em 1em .2em 1em;float: right;} #video-index #indiceVideo .topic-interventions .play-intervention:HOVER{background: transparent url(../../reus/images/play-on-off.png) no-repeat 0px -45px;} #video-index #indiceVideo .topic-row .topic-detaills .timeSpan-box{ font-size: .78em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px 6px; border: 1px solid #999; color: #555; background-color: #F0F0F0; } #video-index #indiceVideo .topic-interventions .timeSpan-box{ font-size: .74em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px 6px; border: 1px solid #999; color: #555; background-color: #F0F0F0; } #video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER .timeSpan-box{background-color: #60213b;border-color: #60213b;color:#FFF;} #video-index #indiceVideo .topic-row:HOVER .topic-detaills .timeSpan-box{background-color: #60213b;border-color: #60213b;color:#FFF;} #video-index #indiceVideo .topic-interventions .topic-intervention-row:HOVER .topicTitle{color:#60213b;} #intervenciones{font-size: 90%;} #intervenciones .headingIntervention .intervention-block .oradorName{padding-left: 10px;} #intervenciones .headingIntervention:HOVER .intervention-block .oradorName{color:#60213b;} #intervenciones .headingIntervention:HOVER .intervention-block .oradorName{text-decoration: underline;} #intervenciones .headingIntervention a{text-decoration: none;} #intervenciones .indexTema .timeSpan{ font-size: .76em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px 6px 4px; border: 1px solid #999; color: #555; background-color: #F0F0F0; } #intervenciones .timeIntervention .timeSpan{ font-size: .76em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px 6px 4px; border: 1px solid #999; color: #555; background-color: #F0F0F0; } #intervenciones .indexTema:HOVER .timeSpan{background-color: #60213b;border-color: #60213b;color:#FFF;} #intervenciones .timeIntervention:HOVER .timeSpan{background-color: #60213b;border-color: #60213b;color:#FFF;} #intervenciones .timeIntervention .copyToClipboard{font-size: 0.78em;} #intervenciones .play-intervetion{display: inline-block;background: transparent url(../../reus/images/play-sm-red.png) no-repeat 0px 0px;height: 28px;width: 28px;margin: .2em 1em .2em 2em;vertical-align: middle;float: right;} #intervenciones .play-intervetion:HOVER{background: transparent url(../../reus/images/play-sm-red.png) no-repeat 0px -28px;} #intervenciones .timeIntervention:HOVER .interventionLabel{color:#752641;} #intervenciones .timeIntervention a:HOVER{color:#752641;} #video-index #indiceVideo .topic-row .topic-detaills .topic-interventions-box{font-size: .8em;} #video-index #indiceVideo .topic-row .topic-detaills .copyToClipboard {font-size: .72em;} #video-index #indiceVideo .topic-interventions .copyToClipboard {font-size: .72em;} #video-index #indiceVideo .topic-interventions span.intervention-block a {font-size: .92em;} /****************************/ /* Header */ /****************************/ #textAyunt {display: none}