@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}

/* base */
html,body{width:100%;margin:0;padding:0;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;}
body{background:#e6f1d4;}
body,button,input,select,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font: 14px/21px 'Open Sans', Arial, sans-serif;color:#717171;}

/* typography */
h1,h2,h3,h4,h5{margin:0;font-weight:normal;}
h1{font-size:26px;line-height:26px;margin-bottom:10px;color:#00684b;text-align: left;}
h2{font-size:20px;line-height:18px;margin-bottom:7px;}
h3{font-size:18px;line-height:23px;margin-bottom:5px;font-weight:bold;color:#fcc14f;}
h4{font-size:14px;line-height:14px;margin-bottom:5px;font-weight:bold;color:#99C455;margin-top:20px;}
p,ul,ol{margin:0;margin-bottom:10px;}
small,p.small{margin:0;font-size:10px;line-height:12px;margin-bottom:5px;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

/* selected text */
::-moz-selection{background:#000;color:#fff;text-shadow:none;}
::selection{background:#000;color:#fff;text-shadow:none;}

/* lists */
ul,ol{list-style-position:outside;padding:0 0 0 20px;}
li ul,li ol{margin:0 1.5em;}

/* hyperlinks */
a{text-decoration:underline;outline:none;color:#0c6c10;}
a:hover{text-decoration:none;}

/* multimedia */
img,object,embed,video{max-width:100%;_width:100%;max-height:100%;_height:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
audio[controls],canvas,video{display:inline-block;zoom:1;}

/* forms */
form{margin:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:none;}
button,input,select,textarea{vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;margin:0;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

/* DEFAULT STYLE */
#maincontainer{width:960px;height:auto;margin:0 auto;padding:0;}
#header{width:960px;height:200px;margin:0;padding:0;}
#cpportadamenu{width:880px;margin:0;padding:0 40px;border-top:1px solid #fcc14f;border-bottom:15px solid #fcc14f;background:#fff;}
ul#portadamenu{width:880px;height:30px;margin:0;padding:0;}
ul#portadamenu li{list-style:none;float:left;width:25%;text-align:center;}
ul#portadamenu li a{text-transform:uppercase;color:#323333;text-decoration:none;font-size:14px;line-height:30px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
ul#portadamenu li a:hover,ul#portadamenu li a.active{color:#df8800;}
#cpfrecpasswd .textbox{width:458px;margin-bottom:20px;}
h2 span{color:#0096C4;font-weight:bold;}
h3 span{color:#0096C4;font-weight:bold;margin-left:20px;}
#logreg{width:260px;height:auto;position:absolute;top:65px;right:40px;margin:0;padding:10px;background:#eaedee;}
#cplogin{width:240px;height:auto;margin:0 0 10px 0;padding:10px;background:#c7d2d4;}
#cplogin h5{text-transform:uppercase;color:#383A3A;font-size:12px;}
#cpregistre{width:240px;height:auto;margin:0;padding:10px;background:#697179;}
#cpregistre h5{text-transform:uppercase;color:#fff;font-size:12px;}
#cplogin .textbox,#cpregistre .textbox{width:220px;}
.textbox,.selectbox{padding:10px;border:0 none;margin-bottom:10px;}
.btn{width:100%;background:#fcc14f;color:#fff;font-size:14px;font-weight:bold;border:0 none;text-transform:uppercase;padding:10px 0;display:block;text-decoration:none;text-align:center;-webkit-transition: background-color 500ms linear;-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;transition: background-color 500ms linear;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
.btn.hover{background:#ff9c00;}
#testcontrols{margin:40px 0 0 0;}
#testcontrols h2{margin:10px 0 0 0;}
#recpasswd a{display:block;margin:0 0 10px 0;text-transform:uppercase;text-decoration:none;color:#383A3A;text-align:center;font-size:10px;}
#cpaccepto{margin:10px 0 0 0;}
#section{background:#fff url(../images/bg.png) top center repeat-y scroll;position:relative;color:#323333;padding:0 0 40px 0;min-height:450px;text-align:justify;}
#cptxtsportada{width:500px;height:auto;margin:0;padding:25px 1px 1px 40px;}
#cptxtsportada h1{font-size:20px;line-height:20px;}
#cptxtsportada h3{font-size:14px;line-height:14px;}
#cpfregistre{width:500px;height:auto;margin:0 auto;padding:25px;background:#EAEDEE;}
#cpfregistre .textbox{width:480px;margin:10px 0 0 0;}
#cpfregistre .selectbox{width:500px;margin:10px 0 0 0;}
#cpfregistre .textbox.camperror,#cpfregistre .selectbox.camperror{border:1px solid red;}
.errorregistre{padding:0 5px;color:red;}
#cpcesio{margin:15px 0 25px 0;}
#cptitolregistre{width:550px;margin:0 auto;font-weight:bold;color:#fcc14f;font-size:14px;text-transform:uppercase;line-height:30px;}
#cpbtnvolver{padding:20px 0 0 40px;}
#cpbtnvolver a{background:#fcc14f;color:#fff;font-size:14px;font-weight:bold;border:0 none;text-transform:uppercase;padding:10px;text-decoration:none;}
#logosfooter{width:960px;height:137px;margin:0 auto;padding:0;position:relative;}
#logosfooter a{position:absolute;display:block;}
#logosfooter a#socidrogalcohol{width:18%;height:40%;top:30%;left:4%;}
#logosfooter a#lundbeck{width:15%;height:50%;top:28%;left:81%;}
#txtintrotest{padding:40px;}
#cptest{padding:40px;}
.numpregunta{font-weight:bold;font-size:16px;}
#pregunta{padding:10px;background:#df8800;font-size:14px;color:#09620D;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-weight:bold;}
.resposta{margin:20px 10px;}
#testcontrols .btn{width:200px;padding:10px 0;}
#btndown a{width:300px;height:75px;margin:0;padding:20px;display:block;font-size:24px;color:#fff;background:#89201E;text-decoration:none;font-weight:lighter;}
#btndown a img{float:left;}
#btndown a span{height:25px;float:left;margin:20px 0 20px 20px;line-height:25px;}

#cpinternmenu{width:880px;margin:0;padding:0 40px;border-top:1px solid #fcc14f;border-bottom:15px solid #fcc14f;background:#fff;}
ul#internmenu{width:880px;height:30px;margin:0 0 0 -40px;padding:0;}
ul#internmenu li{list-style:none;float:left;}
ul#internmenu li a{text-transform:uppercase;color:#323333;text-decoration:none;font-size:14px;line-height:30px;margin:0 60px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
ul#internmenu li a:hover,ul#internmenu li a.active{color:#df8800;}
.cpsubmitlogout{position:absolute;top:0;right:40px;}
.cpsubmitlogout .btn{text-transform:uppercase;color:#5B5E5E;text-decoration:none;font-size:14px;line-height:20px;background:transparent;font-weight:normal;padding:5px 0;}
.cpsubmitlogout .btn.hover{color:#C44408;}
.raonament{display:none;margin:0 10px;padding:10px;background:#fcf2e9;font-size:14px;}
#txtintrotest .btn{width:200px;}
#cpcclinicos{padding:40px 0 0 0;}
.txtportadaitem{display:none;}
.item{width:429px;height:163px;margin:10px 25px 0 26px;padding:0;float:left;background:transparent url(../images/bg_item.png) center center no-repeat scroll;position:relative;}
.item .numitem{width:60px;height:14px;margin:0;padding:0;font-size:12px;line-height:12px;text-align:center;position:absolute;top:15px;left:42px;color:#8b4b06;font-weight:bold;}
.item .title{width:340px;position:absolute;top:45px;left:48px;}
.item .title p{font-size:14px;line-height:16px;color:#1d1d1b;font-weight:bold;margin:0;text-align: left;}
.item p.autors{font-size:12px;line-height:14px;color:#ce7805;font-weight:normal;margin:0;}
.item .links{position:absolute;bottom:10px;right:50px;}
.item .links .btn{width:auto;margin-right:10px;color:#ce7805;line-height:26px;text-decoration:none;font-size:12px;font-weight:normal;text-transform:none;display:inline-block;background:transparent;}
.item .links .btn.hover{background:transparent;}
.item .links .btn span{width:26px;height:26px;margin:0 3px 0 0;display:inline-block;font-size:14px;line-height:19px;text-align:center;font-weight:bold;float:left;}
.item .links .btn span.play{background:transparent url(../images/play.png) center center no-repeat scroll;}
.twocolumns{width:44%;margin:1%;padding:2%;height:300px;float:left;background:#f6f6f6;}
#casodata{background:#f4e6d9;padding:1%;margin-bottom:40px;}
.resposta a{text-decoration:none;color:#717171;display:block;padding:5px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
.resposta a.active{background:#F4D9B3;color:#c44408;}
.resposta a.active.cor{background:green;color:#fff;}
.resposta a.active.inc{background:red;color:#fff;}
.resposta a:hover{color:#c44408;}
.cppregunta,.cptexto{margin-bottom:20px;padding-right:20px;}
.cppregunta .resposta{margin:10px;}
#footer{width:960px;height:auto;margin:0;padding:20px 0;background:#00684b;color:#fff;font-size:12px;line-height:16px;text-align:center;position:relative;}
#footer a{color:#fff;text-decoration:none;}
#footer img{position:absolute;top:20px;right:20px;}
.clear{clear:both;}
a[rel="popup"]{background:#df8800;color:#fff;text-decoration:none;padding:0 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
a:hover[rel="popup"]{background:#ff9c00;}
.pagina{width:600px;height:auto;}
.menulateral{width:220px;float:left;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#f4d9b3;-webkit-box-shadow:2px 2px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 5px 0px rgba(50,50,50,0.25);box-shadow:2px 2px 5px 0px rgba(50,50,50,0.25);}
.menulateral a{display:block;padding:20px 10px 20px 65px;color:#ca6e00;text-decoration:none;border-top:1px solid #fcc14f;border-bottom:1px solid #fcc14f;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
.menulateral a:hover{color:#9e5600;}
.menulateral a#videoresumen{background:transparent url(../images/bgbtnvideoresumen.png) 15px 12px no-repeat scroll;border-top:0 none;}
.menulateral a#descargartema{background:transparent url(../images/bgbtndescargartema.png) 12px 10px no-repeat scroll;}
.menulateral a#indicetemas{background:transparent url(../images/bgbtnindicetemas.png) 14px 15px no-repeat scroll;border-bottom:0 none;}

.menulateral2 {width:100%;}
.menulateral2 a {float:left;border:0 none;}

.txttema{width:600px;margin-left:20px;padding:0 20px;float:left;overflow:hidden;background:rgba(255,255,255,0.5);}
.txtcaso{width:100%;margin:0;padding:0;overflow:hidden;}
.txtcaso .pagina{width:90%;margin:10px 0 75px 0;padding:5%;background:rgba(244,217,179,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.txtcaso .paginador{margin:50px 0 -85px 0;}
.paginador{text-align:center;padding:10px 0;}
.paginador a{margin:0 5px;padding:5px 10px;color:#fff;text-decoration:none;background:#fcc14f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
.paginador a:hover,.paginador a.active{background:#00684b;}
.razonamiento{display:none;}
.left{float:left;margin:5px 20px 5px 0;}
.right{float:right;margin:5px 0 5px 20px;}
#dialog-confirm .btn{width:44%;margin:0 3%;float:left;}
.txtautor {font-size:13px;font-weight: bold;}
.scroll-pane{width: 100%;height:300px;overflow: auto;}
.txtvideo{width:100%;overflow:hidden;}

/* TABLET */
@media screen and (min-width:750px) and (max-width:1023px){
    #maincontainer{width:725px;}
    #header{width:725px;height:152px;}
    #logosfooter{width:725px;height:104px;}
    #footer{width:725px;}
    #cpinternmenu{width:645px;}
    ul#internmenu{width:645px;}
    ul#internmenu li a{font-size:12px;margin:0 20px;}
    .cpsubmitlogout .btn{font-size:12px;}
    #cptxtsportada{width:340px;text-align:left;}
    #cpportadamenu{width:645px;}
    ul#portadamenu{width:645px;}
    #cptitolregistre{margin-top:20px;}
    .item{float:none;margin:0 auto;}
    .twocolumns{height:360px;}
    .menulateral{width:100%;margin:0 0 30px 0;}
    .menulateral a{display:inline-block;float:none;border:0 none !important;}
    .txttema{margin:0;}
}

/* MOBILE LANDSCAPE */
@media screen and (min-width:450px) and (max-width:749px){
    #maincontainer{width:450px;}
    #header{width:450px;height:94px;}
    #logosfooter{width:450px;height:65px;}
    #footer{width:450px;}
    #footer img{position:static;margin-bottom:25px;}
    #cpinternmenu{width:370px;}
    ul#internmenu{width:370px;height:auto;}
    ul#internmenu li{float:none;}
    ul#internmenu li a{font-size:12px;margin:0 20px;}
    .cpsubmitlogout .btn{font-size:12px;}
    #cptxtsportada{width:370px;text-align:left;}
    #cpportadamenu{width:450px;padding:0;}
    ul#portadamenu{width:450px;}
    #cptitolregistre{margin-top:20px;}
    .item{float:none;margin:0 auto;}
    .twocolumns{width:94%;height:auto;}
    #logreg{width:430px;height:195px;position:static;}
    #cplogin,#cpregistre{width:190px;height:175px;float:left;}
    #cpregistre{margin-left:10px;}
    #cplogin .textbox, #cpregistre .textbox{width:170px;}
    #cptitolregistre{width:400px;}
    #cpfregistre{width:380px;}
    #cpfregistre .textbox{width:360px;}
    #cpfregistre .selectbox{width:380px;}
    #testcontrols .btn{width:120px;font-size:12px;}
    .txttema{width:100%;margin:0;padding:0;}
    .pagina{width:100%;}
    #cptest{padding:20px;}
    .menulateral{width:auto;margin-bottom:20px;}
    .menulateral a{background:none !important;border:0 none;padding:10px;float:left;}
}

/* MOBILE PORTRAIT */
@media screen and (min-width:300px) and (max-width:449px){
    #maincontainer{width:300px;}
    #header{width:300px;height:63px;}
    #logosfooter{width:300px;height:43px;}
    #footer{width:300px;}
    #footer img{position:static;margin-bottom:25px;}
    #cpinternmenu{width:220px;}
    ul#internmenu{width:220px;height:auto;}
    ul#internmenu li{float:none;}
    ul#internmenu li a{font-size:12px;margin:0 20px;}
    .cpsubmitlogout .btn{font-size:12px;}
    #cptxtsportada{width:220px;text-align:left;}
    #cpportadamenu{width:300px;padding:0;}
    ul#portadamenu{width:300px;}
    #cptitolregistre{margin-top:20px;}
    .item{width:270px;height:auto;float:none;margin:10px auto;background:#F4D9B3;}
    .item .numitem{position:static;margin-bottom:10px;}
    .item .title, .item .links{width:auto;position:static;padding:5px;}
    #logreg{width:300px;height:230px;position:static;padding:0;}
    #cplogin,#cpregistre{width:130px;height:210px;float:left;}
    #cplogin{background:#eaedee;}
    #cpregistre{margin:0;}
    #cplogin .textbox, #cpregistre .textbox{width:110px;}
    #cptitolregistre{width:280px;}
    #cpfregistre{width:220px;}
    #cpfregistre .textbox{width:200px;}
    #cpfregistre .selectbox{width:220px;}
    #testcontrols .btn{width:85px;font-size:10px;}
    ul#portadamenu{height:auto;clear:both;}
    ul#portadamenu li{float:none;width:100%;}
    .item .numitem{font-size:14px;line-height:24px;top:0;left:0;color:#fff;font-weight:bold;}
    .twocolumns{width:94%;height:auto;}
    #cptest{padding:20px;}
    #btndown a{width:210px;height:40px;font-size:18px;}
    #btndown a img{width:40px;height:40px;}
    #btndown a span{margin:5px 0 5px 15px;}
    .txttema{width:100%;margin:0;padding:0;}
    .pagina{width:100%;}
    #cptest{padding:20px;}
    .left,.right{margin:0;}
    .menulateral{width:auto;margin-bottom:20px;}
    .menulateral a{width:100%;background:none !important;border:0 none;padding:10px 0;float:left;text-align:center;display:block;}
}