@import url(https://fonts.googleapis.com/css?family=Hind:300,500,700);

/* 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 'Hind', Arial, sans-serif;*font-size:1em;font-weight:300;color:#000;}
button,input,select,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font: 12px/18px 'Hind', Arial, 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:#8E3655;}
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;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #6ac4eb inset;-webkit-text-fill-color: #444 !important;}

::-webkit-input-placeholder{color:#333;font-family:'Hind', Arial, sans-serif;}
:-moz-placeholder{color:#333;font-family:'Hind', Arial, sans-serif;}
::-moz-placeholder{color:#333;font-family:'Hind', Arial, sans-serif;}
:-ms-input-placeholder{color:#333;font-family:'Hind', Arial, sans-serif;}

.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:550px;height:34px;margin:0;padding:0;background:#ed790d;float:right;position:relative;font-family:'Hind', Arial, sans-serif;}
#cpregistre{width:160px;height:34px;margin:0;padding:0;background:#ed790d;float:right;position:relative;font-family:'Hind', Arial, sans-serif;}
#cpemail,#cppasswd,#recpasswd,.cpsubmitlogin,#cpformlogin,#cplogin h5{float:left;margin:0;}
#cpformlogin .textbox{width:120px;}
#cplogin h5{width:70px;margin:5px 0;font-size:10px;line-height:12px;font-weight:500;color:#fff;text-transform:uppercase;text-align:right;display:inline-block;}
.txtintro{width:400px;height:auto;min-height:100px;margin:0;padding:20px;float:left;}
.textbox,.selectbox{background:#fff;border:0 none;padding:7px;font-size:14px;line-height:24px;margin:5px 0 5px 10px;padding:0 5px;font-weight:500;}
#cpfrecpasswd .textbox{width:95%;margin:0 0 10px 0;}
.cpsubmitrecordar{text-align:center;}
.btn{width:70px;height:24px;margin:5px 0 5px 10px;padding:0;display:inline-block;color:#fff;font-family:'Hind', Arial, sans-serif;font-size:10px;line-height:24px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;background:#075A7E;cursor:pointer;border:0 none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
.btn.hover{background:#096e99;}
#recpasswd{position:absolute;top:4px;right:35px;text-align:center;line-height:12px;width:70px;}
#recpasswd a{color:#fff;font-size:11px;line-height:12px;font-weight:500;}
.cpsubmitinscripcio{float:right;margin-right:0;width:100%;text-align:center;}
.cpsubmitinscripcio .btn{width:85px;}
#logreg{margin-top:-47px;}
#cpbtnvolver{width:710px;height:34px;margin:-47px 0 0 0;padding:0;background:#ed790d;position:relative;float:right;}
#cpbtnvolver a{width:80px;height:24px;margin:4px 0 4px 4px;display:inline-block;color:#fff;font-size:10px;line-height:24px;font-weight:700;text-align:center;text-decoration:none;background:#075a7e;cursor:pointer;border:0 none;text-transform:uppercase;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#cpbtnvolver a:hover{}
#cpinternmenu{width:100%;max-width:820px;height:34px;margin:0 auto;padding:0;background:#ec790d;}
#cpinternmenu ul{width:100%;margin:0;padding:0;}
#cpinternmenu ul li{width:105px;height:24px;margin:5px 0 5px 5px;padding:0;float:left;list-style:none;}
#cpinternmenu ul li a{width:100%;height:24px;display:block;font-size:10px;line-height:24px;color:#ec790d;text-decoration:none;text-align:center;text-transform:uppercase;font-weight:500;background:#faddc2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
#cpinternmenu ul li a:hover,#cpinternmenu .btn.hover,#cpinternmenu ul li a.active{background:#fff;}
#cpinternmenu .btn{width:auto;height:24px;margin:5px;padding:0 27px 0 0;font-size:10px;text-transform:uppercase;font-weight:700;background:transparent url(/images/bg_btnsalir.png) right center no-repeat scroll;float:right;}
#cpinternmenu .btn.hover{background:transparent url(/images/bg_btnsalir.png) right center no-repeat scroll;}
#cptitolmiperfil{display:none;}
#cptitolregistre{color:#8E3655;font-size:18px;font-weight:500;line-height:20px;padding:30px 0 0;text-align:center;}
#cpfregistre{padding:0;max-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:#fff;border:2px solid #ED790D;font-size:14px;line-height:30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#cpfregistre div .selectbox{width:100%;background:#fff;border:2px solid #ED790D;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.cursitem{width:820px;height:150px;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);background:#075a7e;}
.cursitem.disabled{opacity:0.4;filter:alpha(opacity=40);position:relative;}
.cursitem img{float:left;}
.cursitem>div{width:520px;height:130px;margin:0;padding:10px;float:left;position:relative;}
.cursitem div form{position:absolute;bottom:15px;right:15px;text-align:right;}
.cursitem div .textbox{width:170px;text-align:left;margin:0;}
.cursitem div .btn{width:70px;margin:0 0 0 10px;background:#EC790D;}
.cursitem div .btn.hover{background:#ff8f26;}
.cursitem div .btn.verresultados{margin:0 0 0 10px;width:auto;padding:0 10px;}
.cursitem div .btn.descdiploma{margin:0 0 0 10px;width:auto;padding:0 10px;}
.cursitem div h1{font-size:24px;line-height:24px;font-weight:500;color:#EC790D;margin:0 10px 0 0;float:right;font-family:'Hind', Arial, sans-serif;}
.cursitem div h2{font-size:14px;line-height:14px;font-weight:300;color:#b5ced8;margin:5px;text-transform:uppercase;}
.cursitem div h3{font-size:20px;line-height:22px;font-weight:500;color:#fff;margin:0 5px;padding:7px 0;border-top:1px solid #b5ced8;border-bottom:1px solid #b5ced8;}
.cursitem div h4{font-size:16px;line-height:20px;font-weight:500;color:#e9d7dd;margin:0 5px;padding-top:5px;}
.cursitem div h5{font-size:14px;line-height:14px;font-weight:500;color:#fff;margin:5px;font-family:'Hind', Arial, sans-serif;}
.owl-controls{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;}
.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;}
#cpmensaje textarea{margin:0;}
#topmob{display:none;}
#footer{height:107px;margin:0;padding:0px;font-size:11px;line-height:12px;font-weight:300;color:#fff;text-align:center;background:transparent url(/images/bg_footer.jpg) center top no-repeat scroll;position:relative;}
#footer .left{text-align:left;position:absolute;bottom:25px;left:15px;}
#footer .right{text-align:right;position:absolute;bottom:25px;right:15px;}
#footer a{color:#fff;text-decoration:none;}
#introcontainer{padding:40px;}

@media screen and (min-width:600px) and (max-width:980px){
    #maincontainer{width:96%;}
    .txtintro{width:42%;min-height:175px;padding:4%;}
    #logreg{width:100%;height:34px;margin:0;background:#ed790d;float:left;}
    #cplogin{width:auto;height:34px;float:left;}
    #cpregistre{width:100px;height:34px;}
    #cpemail, #cppasswd, #recpasswd, .cpsubmitlogin, #cpformlogin, #cplogin h5{position:static;}
    #recpasswd{margin-top:4px;}
    #cpformlogin .textbox{width:90px;}
    #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 .btn{margin:5px 0;}
    #cpinternmenu ul li a{font-size:12px;}
    #cpinternmenu .btn{font-size:12px;}
    .cursitem{width:92%;height:auto;}
    .cursitem img{display:none;}
    .cursitem>div{width:92%;height:auto;padding:4% 4% 10% 4%;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 h5{font-size:12px;line-height:12px;float:none;}
    #footer{background:#07597E;height:auto;padding:10px 0;}
    #footer .left,#footer .right{position:static;text-align:center;float:none;margin:10px 0;}
    #introcontainer{padding:20px;}
}
@media screen and (min-width:300px) and (max-width:599px){
    #logreg{margin:0;}
    #topmob{display:block;}
    #topdesk{display:none;}
    #maincontainer{width:96%;}
    .txtintro{width:auto;min-height:auto;padding:5%;}
    #cplogin{width:50%;height:165px;}
    #cpregistre{width:50%;height:165px;}
    #cpemail, #cppasswd, #recpasswd, .cpsubmitlogin, #cpformlogin, #cplogin h5{position:static;float:none;margin:0;width:100%;text-align:center;}
    #recpasswd{margin:10px 0;}
    #cplogin h5{width:100%;margin:10px 0 0 0;text-align:center;}
    /*.cpsubmitlogin .btn{margin:0 0 0 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%;height:auto;margin:0;}
    #cpinternmenu ul li a{height:40px;font-size:14px;line-height:40px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    #cpinternmenu .btn{font-size:14px;width:100%;height:40px;margin:0;padding:0;background:#faddc2;color:#ec790d;font-weight:500;float:none;}
    #cpinternmenu .btn.hover{background:#fff;}
    #cpfregistre span{text-align:left;}
    .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;}
    #footer{background:#07597E;height:auto;padding:10px 0;}
    #footer .left,#footer .right{position:static;text-align:center;float:none;margin:10px 0;}
    #introcontainer{padding:0;margin-top:10px;}
}