@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(https://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

/* base */
html,body{width:100%;margin:0;padding:0;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;}
body{background:#fff;}
body{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font: 12px/18px 'Raleway', sans-serif;*font-size:1em;font-weight:400;color:#000;}
button,input,select,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font: 12px/18px 'Roboto', sans-serif;*font-size:1em;font-weight:200;color:#000;}

/* typography */
h1,h2,h3{margin:0;font-weight:normal;}
h1{font-size:21px;line-height:21px;margin-bottom:10px;font-weight:normal;color:#023b66;}
h2{font-size:18px;line-height:20px;margin-bottom:5px;font-weight:500;color:#0071BC;}
h3{font-size:14px;line-height:16px;margin-bottom:0;font-weight:normal;}
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:#0187CE;color:#fff;text-shadow:none;}
::selection{background:#0187CE;color:#fff;text-shadow:none;}

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

/* hyperlinks */
a{text-decoration:underline;outline:none;color:#000;}
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;}
img[usemap]{border: none;height: auto;max-width: 100%;width: auto;}
audio[controls],canvas,video{display:inline-block;*display:inline;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;*overflow:visible;}
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;}
::-webkit-input-placeholder{color:#444;}
:-moz-placeholder{color:#000;}
::-moz-placeholder{color:#000;}
:-ms-input-placeholder{color:#444;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #6ac4eb inset;-webkit-text-fill-color: #444 !important;}



.clear{clear:both;}
.left{float:left;}
.right{float:right;}

#maincontainer{width:960px;height:auto;margin:0 auto;padding:0;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.4);box-shadow:0 0 25px 0 rgba(0,0,0,0.4);}
#cplogin{width:80%;height:30px;margin:-5px 0 0 0;padding:10px 0;background:#29abe2;float:left;position:relative;font-family:'Roboto', sans-serif;}
#cpregistre{width:20%;height:30px;margin:-5px 0 0 0;padding:10px 0;background:#29abe2;float:left;}
#cpemail,#cppasswd,#recpasswd,.cpsubmitlogin,#cpformlogin,#cplogin h5{float:left;margin:0;}
#cpformlogin .textbox{width:125px;}
#cplogin h5{margin:0 15px 0 20px;font-size:12px;line-height:30px;font-weight:500;color:#fff;}
.txtintro{width:440px;height:auto;min-height:100px;margin:0;padding:20px;float:left;}
.textbox,.selectbox{background:#6ac4eb;border:0 none;padding:7px;font-size:12px;font-weight:500;margin-right:10px;}
#cpfrecpasswd .textbox{width:95%;margin:0 0 10px 0;}
.cpsubmitrecordar{text-align:center;}
.btn{width:150px;height:30px;margin:0;padding:0;display:inline-block;color:#fff;font-family:'Roboto', sans-serif;font-size:12px;line-height:30px;font-weight:200;text-align:center;text-decoration:none;background:#0071BC;cursor:pointer;border:0 none;}
.btn.hover{}
#recpasswd{position:absolute;top:15px;right:10px;}
.cpsubmitinscripcio{float:right;margin-right:10px;}
#cpbtnvolver{width:100%;height:30px;margin:-5px 0 0 0;padding:10px 0;background:#29abe2;}
#cpbtnvolver a{width:150px;height:30px;margin-left:15px;display:inline-block;color:#fff;font-size:12px;line-height:30px;font-weight:500;text-align:center;text-decoration:none;background:#0071BC;cursor:pointer;border:0 none;}
#cpbtnvolver a:hover{}
#cpinternmenu{width:100%;height:50px;margin:-5px 0 0 0;padding:0;background:#29abe2;}
#cpinternmenu ul{width:100%;margin:0;padding:0;}
#cpinternmenu ul li{width:20%;height:50px;margin:0;padding:0;float:left;list-style:none;}
#cpinternmenu ul li a{width:100%;height:50px;display:block;font-size:14px;line-height:50px;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;font-weight:500;}
#cpinternmenu ul li a:hover,#cpinternmenu .btn.hover,#cpinternmenu ul li a.active{background:#d4eef9;color:#0071BC;}
#cpinternmenu .btn{width:20%;height:50px;margin:0;padding:0;font-size:14px;text-transform:uppercase;font-weight:500;background:#29ABE2;font-family:'Raleway', sans-serif;}
#cptitolmiperfil{display:none;}
#cptitolregistre{color:#0071bc;font-size: 20px;padding: 30px 0 0;text-align: center;}
#cpfregistre{padding:0;width:450px;margin:25px auto;}
#cpfregistre span{display:block;}
#cpfregistre div{display:block;float:none;margin:20px 0;}
#cpfregistre div.errorregistre{margin:0;color:#ff0000;font-weight:500;}
#cpfregistre div .textbox{width:96%;background:#d4eef9;border:1px solid #6ac4eb;}
#cpfregistre div .selectbox{width:100%;background:#d4eef9;border:1px solid #6ac4eb;}
/*
.cursitem{width:820px;height:170px;margin:40px auto;padding:0;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);box-shadow:0 0 10px 0 rgba(0,0,0,0.25);}
.cursitem.disabled{opacity:0.4;filter:alpha(opacity=40);position:relative;}
.cursitem img{float:left;}
.cursitem div{width:560px;height:130px;margin:0;padding:20px;float:left;position:relative;}
.cursitem div form{position:absolute;bottom:20px;right:20px;text-align:right;}
.cursitem div .textbox{width:226px;text-align:center;}
.cursitem div .btn{width:240px;}
.cursitem div .btn.verresultados{background-image:url(/images/btnresultados.png);background-repeat:no-repeat;background-position:10px center;margin:0 0 0 10px;}
.cursitem div .btn.descdiploma{background-image:url(/images/btndiploma.png);background-repeat:no-repeat;background-position:10px center;margin:0 0 0 10px;}
.cursitem div h1{font-size:36px;line-height:36px;font-weight:500;color:#29ABE2;margin:0;float:right;font-family:'Roboto', sans-serif;}
.cursitem div h2{font-size:20px;line-height:20px;font-weight:400;color:#000;margin:5px;}
.cursitem div h3{font-size:16px;line-height:16px;font-weight:500;color:#000;margin:5px;}
.cursitem div h4{font-size:16px;line-height:16px;font-weight:bold;color:#F7931E;margin:5px;padding-top:5px;border-top:1px solid #F7931E;font-family:'Roboto', sans-serif;}
.cursitem div h5{font-size:14px;line-height:14px;font-weight:500;color:#000;margin:5px;font-family:'Roboto', sans-serif;}
*/
.cursitem{width:820px;height:130px;margin:40px auto;padding:0;background:#daf0fa;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);box-shadow:0 0 10px 0 rgba(0,0,0,0.25);}
.cursitem.disabled{opacity:0.4;filter:alpha(opacity=40);position:relative;}
.cursitem img{float:left;}
.cursitem>div{width:630px;height:110px;margin:0;padding:10px;float:left;position:relative;}
.cursitem div form{position:absolute;bottom:10px;right:10px;text-align:right;}
.cursitem div .textbox{width:226px;text-align:center;}
.cursitem div .btn{width:240px;}
.cursitem div .btn.verresultados{background-image:url(/images/btnresultados.png);background-repeat:no-repeat;background-position:10px center;margin:0 0 0 10px;}
.cursitem div .btn.descdiploma{background-image:url(/images/btndiploma.png);background-repeat:no-repeat;background-position:10px center;margin:0 0 0 10px;}
.cursitem div h1{font-size:36px;line-height:36px;font-weight:500;color:#29ABE2;margin:0;float:right;font-family:'Roboto', sans-serif;}
.cursitem div h2{font-size:16px;line-height:16px;font-weight:500;color:#000;margin:5px;}
.cursitem div h3{font-size:14px;line-height:14px;font-weight:400;color:#000;margin:5px;}
.cursitem div h4{font-size:14px;line-height:16px;font-weight:700;color:#F7931E;margin:5px;padding-top:5px;border-top:1px solid #F7931E;font-family:'Roboto', sans-serif;}
.cursitem div h5{font-size:14px;line-height:14px;font-weight:500;color:#000;margin:5px;font-family:'Roboto', sans-serif;}

#acreditacion.cursitem div {height:130px;}
#acreditacion.cursitem {height:145px;}


.owl-nav{width:100%;position:absolute;top:50%;margin-top:-15px;left:0;}
.owl-prev{width:30px;height:30px;display:block;overflow:hidden;position:absolute;left:10px;color:transparent;background:transparent url(/images/btn_prev.png) center center no-repeat scroll;}
.owl-next{width:30px;height:30px;display:block;overflow:hidden;position:absolute;right:10px;color:transparent;background:transparent url(/images/btn_next.png) center center no-repeat scroll;}
.owl-dots{width:100%;text-align:center;position:absolute;bottom:10px;}

.txtcarousel{max-width:75%;position:absolute;top:40px;left:50px;background-color:rgba(0,113,188,0.75);color:#fff;padding:20px;font-size:18px;}
.txtcarousel span.titol{font-size:26px;line-height:26px;font-weight:400;display:block;margin-bottom:5px;}
.txtcarousel span.subtitol{font-size:20px;line-height:22px;font-weight:500;display:block;margin-bottom:15px;}
#topmob{display:none;}
#footer{margin:0;padding:15px 0px 0px 0px;font-size:12px;font-weight:500;color:#fff;text-align:center;background:transparent url(/images/bg_footer.jpg) center top no-repeat scroll;background-size:cover; border-bottom: 30px solid #0071bc;}
#footer a{color:#fff;text-decoration:none;}

@media screen and (min-width:600px) and (max-width:980px){
    #maincontainer{width:96%;}
    .txtintro{width:42%;min-height:175px;padding:4%;}
    #cplogin{width:50%;height:175px;}
    #cpregistre{width:50%;height:175px;}
    #cpemail, #cppasswd, #recpasswd, .cpsubmitlogin, #cpformlogin, #cplogin h5{position:static;float:none;margin:5px;}
    #cplogin h5{margin-left:10px;}
    .txtcarousel{font-size:14px;}
    .txtcarousel span.titol{font-size:22px;line-height:22px;}
    .txtcarousel span.subtitol{font-size:16px;line-height:18px;}
    .cpsubmitinscripcio{margin-top:10px;}
    #cpinternmenu ul li a{font-size:12px;}
    #cpinternmenu .btn{font-size:12px;}
    .cursitem{width:92%;height:auto;}
    .cursitem img{display:none;}
    .cursitem div{width:96%;height:auto;padding:2% 2% 8% 2%;float:none;}
    .cursitem div h1{font-size:26px;line-height:26px;}
    .cursitem div h2{font-size:20px;line-height:20px;}
    .cursitem div h3{font-size:14px;line-height:14px;}
    .cursitem div h3{line-height:16px;}
    .cursitem div h5{font-size:12px;line-height:12px;float:none;}
}
@media screen and (min-width:300px) and (max-width:599px){
    #topmob{display:block;}
    #topdesk{display:none;}
    #maincontainer{width:96%;}
    .txtintro{width:auto;min-height:auto;padding:5%;}
    #cplogin{width:50%;height:175px;margin:0px;}
    #cpregistre{width:50%;height:175px;margin:0px;}
    #cpemail, #cppasswd, #recpasswd, .cpsubmitlogin, #cpformlogin, #cplogin h5{position:static;float:none;margin:5px;}
    #cplogin h5{margin-left:10px;}
    .txtcarousel{max-width:70%;min-height:90%;left:13%;top:0;padding:2%;font-size:12px;}
    .txtcarousel span.titol{font-size:16px;line-height:16px;}
    .txtcarousel span.subtitol{font-size:12px;line-height:12px;}
    .cpsubmitinscripcio{margin-top:10px;}
    #cpinternmenu{height:auto;}
    #cpinternmenu ul li{float:none;width:100%;}
    #cpinternmenu ul li a{font-size:12px;}
    #cpinternmenu .btn{font-size:12px;width:100%;}
    .cursitem{width:92%;height:auto;}
    .cursitem img{display:none;}
    .cursitem div{width:92%;height:auto;padding:4% 4% 10% 4%;float:none;}
    .cursitem div form{position:static;text-align:center;}
    .cursitem div .textbox{margin:10px 0;}
    .cursitem div .btn.verresultados,.cursitem div .btn.descdiploma{float:none;margin:10px 0 0 0;}
    .cursitem div h1{font-size:26px;line-height:26px;}
    .cursitem div h2{font-size:20px;line-height:20px;}
    .cursitem div h3{font-size:14px;line-height:14px;}
    .cursitem div h5{font-size:12px;line-height:12px;float:none;}
}