::-moz-selection{background: #009873; color: #fff; text-shadow: none;}
::selection {background: #009873; color: #fff; text-shadow: none;} 

* { padding: 0; margin: 0; }

body { margin:0; padding:0; font : 100%/1 'Open Sans', sans-serif; color: #333; background: #FFF; text-align: left; height: 100%; font-weight:400; }

a { color: #009873; text-decoration: none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
a:hover { color: #207f6f; text-decoration: none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }

h1, h2.h2comh1 { font-size: 1.8em; color:#333; line-height:110%; font-family:'Open Sans', sans-serif; }
h2 { font-size: 1.4em; color:#333; line-height:110%; font-family:'Open Sans', sans-serif; }
h3 { font-size: 1.2em; color:#333; line-height:110%; font-family:'Open Sans', sans-serif; }
h4 { font-size: 1.3em; color:#333; line-height:120%; font-family:'Open Sans', sans-serif; }
h5 { font-size: 1.2em; color:#333; line-height:120%; font-family:'Open Sans', sans-serif; }
h3.h3comh5 { font-size: 1.2em; color:#333; line-height:120%; font-family:'Open Sans', sans-serif; }
h1, h2, h3, h4, h5 { margin: 0 0 15px 0; font-weight:300; }
h1.h1bold, h2.h2bold, h3.h3bold, h4.h4bold, h5.h5bold { font-weight:700; }

p { margin: 0 0 15px 0; line-height:140%; }
p.p-marge10 { margin: 0 0 10px 0; line-height:140%; }
ul, ol { margin: 0 0 10px 0; list-style:none; }
ul li { margin-bottom:12px; line-height:130%; margin-left:20px; }
p.pdestacat { font-size:1.05em; font-weight:700;}
p.pcentrat50 { text-align:center; width:49%; margin:0 auto 15px auto; }
p.pdestacat2 { font-size:1.1em; font-weight:400; font-style:italic; margin-top:25px; margin-bottom:25px;}
.separador_final_actualitzacions { height:1px; background-color:#CCC; display:block; width:100%; }

strong { font-weight:700; }
img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

#wrapper-header { width: 100%; min-height:100%; margin:0; padding:0; }
#wrapper { width: 100%; min-height:100%; margin:0; padding:0; }
#headcontainer { clear:both; width: 100%; margin:0; padding:0; border-top:0; }
#headcontainer:after { content:""; display:block; clear:both; }
header { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding: 0; position: relative; color:#FFF;  }
.header-border-bottom { border-bottom:4px solid #333; }

#logo_proafi { float:left; width:48%; margin-right:2%; text-align:left; padding:20px 0 15px 0; }
#header-right { float:right; width:50%; text-align:right; color:#969696;}
#header-right a { color:#969696;}
#header-right a:hover { color:#000;} 

#mi_area { padding-top:15px;}
.mi_area_link { color:#999; padding:5px 10px; border: 1px solid #999; font-size:0.9em; }
.mi_area_link:hover { color:#FFF; background-color:#999; border: 1px solid #999;  }

#nav { }
#nav nav {  }
#nav nav ul { list-style-type: none; margin:0; padding:0; text-align:right; margin-right:0; float:right; margin-top:40px;  }
#nav nav ul li { margin:0; padding:0; display:inline; margin-left:40px; }
#nav nav ul li.link-1r { margin-left:0; }
#nav nav ul li a { color:#666; font-family:'Open Sans Condensed', sans-serif; font-size:0.9em; font-weight:700; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}
#nav nav ul li a:hover { color:#000; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
#nav nav ul li a.active { color:#000; cursor: default; text-decoration:none; }
#nav nav ul li a.hover_cpd:hover { color:#9F132C;}
#nav nav ul li a.hover_trades:hover { color:#E09901;}
#nav nav ul li a.hover_phpp9:hover { color:#2E6C72;}
#nav nav ul li a.hover_pt:hover { color:#7B884D;}
#nav nav ul li a.hover_intro:hover { color:#B7B900;}

/* SUBMENU */
#nav ul > li div { border:0; display: block; position: absolute; /*visibility: hidden;*/ opacity: 0; background-color:#FFF; display:none; z-index:10000;
margin-top:-4px;
-moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#nav ul > li div a {  padding:0; float:none; margin-left:0; border:0; text-transform:uppercase; }
#nav ul > li div a:hover, #nav ul > li div a:focus { color:#000; border:0;}
#nav ul > li div ul { float: left; margin-top:5px;  }
#nav ul > li div ul li { line-height: 1em; margin-bottom:18px; text-align:left; display:block; margin-left:0px; }
#nav ul > li div ul:not(:first-child) { margin-left: 0px; }
#nav ul > li:hover div, #nav ul > li:active div, #nav ul > li:focus div { /*visibility: visible;*/ opacity: 1; display:block; border:0; }
.submenu { padding:35px 30px 10px 30px; margin-top:0px; margin-left:170px; }
.submenu ul li { clear:both; }
#nav ul > li div a.active { color:#000; border:0; cursor:default; }
li.li_menu_mi_area { display:none !important; }

.slicknav_menu { display:none; }

.maincontentcontainer_galeria { clear:both; width:100%; background-color:#41A12A; 
	-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_galeria:after { content:""; display:block; clear:both; }
.maincontent_galeria { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:330px 0 100px 0;}

.maincontentcontainer_foto_estatica { clear:both; width:100%; background-color:#41A12A; height:400px; }
.maincontentcontainer_foto_estatica:after { content:""; display:block; clear:both; }

.maincontent_galeria h1 { color:#FFF; font-size: 2.9em; font-weight:300; }
.h1home_negreta { font-weight:700; }
.maincontent_galeria p { color:#FFF; width:40%; font-size:1.1em; margin-bottom:30px; float:left; margin-right:20px;}
.logos_home { float:left; margin-top:5px; }
.logos_home img { margin-right:5px; }

#capa_home_nomes_movil { display:none; }
#capa_home_nomes_ordinador { display:block; }

.link_caixa_home_galeria { font-size:0.85em; background:none; color:#FFF; border:1px solid #FFF; padding:10px 15px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}
.link_caixa_home_galeria:hover { background-color:#FFF; color:#41A12A; border:1px solid #41A12A; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}

.maincontentcontainer1 { clear:both; width:100%; }
.maincontentcontainer1:after { content:""; display:block; clear:both; }
.maincontent1 { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:40px 0 50px 0;}

.col_marge_home { margin-top:40px; }
.img_curs_home { float:left; width:35%; margin-right:5%; margin-bottom:10px;}
.text_curs_home { float:left; width:59%; padding:0.5%;}
.text_curs_home1 { background: url("../img/bg-curso-cpd.png") top left; background-repeat:no-repeat; }
.text_curs_home2 { background: url("../img/bg-curso-trades.png") top left; background-repeat:no-repeat; }
.text_curs_home3 { background: url("../img/bg-curso-phpp.png") top left; background-repeat:no-repeat; }
.text_curs_home4 { background: url("../img/bg-curso-online.png") top left; background-repeat:no-repeat; }
.text_curs_home5 { background: url("../img/bg-curso-pt.png") top left; background-repeat:no-repeat; }
.no_curs_home {  background: url("../img/bg-curso-6-home.png") no-repeat center; padding:50px 40px 35px 40px; font-style:italic; font-size:1.2em; border-radius:25px; -moz-border-radius: 25px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.maincontentcontainer2 { clear:both; width:100%; background-color:#4A7225; min-height:278px; }
.maincontentcontainer2:after { content:""; display:block; clear:both; }
.maincontent_fosc { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:0; color:#FFF;}
.maincontent_fosc p, .maincontent_fosc h1, .maincontent_fosc h2, .maincontent_fosc h3, .maincontent_fosc h4, .maincontent_fosc h5 { color:#FFF; }
/*.maincontent_fosc img { margin:0; padding:0; margin-bottom:-2px; }*/
.imatge_home_inclinada { line-height:65%; }

.maincontentcontainer3 { clear:both; width:100%; background-color:#84B832;  }
.maincontentcontainer3:after { content:""; display:block; clear:both; }

.maincontent1_formacionamedida { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:50px 0 20px 0;}
.maincontentcontainer_formacionamedida { clear:both; width:100%; background-color:#44A22A; background: url("../img/formacion-medida-contacta-bg.png"); height:252px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_formacionamedida:after { content:""; display:block; clear:both; }
.maincontent_formacionamedida { padding-top:100px; }

.maincontent1_nosotros { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:50px 0 0px 0;}
.maincontentcontainer_nosotros2 { clear:both; width:100%; background-color:#FFF; background: url("../img/nosotros-bg.png") top; min-height:379px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_nosotros2:after { content:""; display:block; clear:both;}
.maincontent2_nosotros { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:120px 0 50px 0;}

.maincontentcontainer_nosotros3 { clear:both; width:100%; background-color:#FFF; background: url("../img/nosotros-bg-micheel.png") top; min-height:511px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_nosotros3:after { content:""; display:block; clear:both;}
.maincontent3_nosotros { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:30px 0 0px 0;}
.img_nosotros_micheel { position: absolute; right: 0; bottom: 0; width:50%; }

.maincontentcontainer_nosotros4 { clear:both; width:100%; background-color:#44A22A; background: url("../img/nosotros-bg-link.png");
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_nosotros4:after { content:""; display:block; clear:both; }
.maincontent4_nosotros { padding:35px 0 50px 0; }

.maincontentcontainer_nosotros5 { clear:both; width:100%; background-color:#FFF; background: url("../img/nosotros-bg-libro.png") top; min-height:278px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_nosotros5:after { content:""; display:block; clear:both;}
.maincontent5_nosotros { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:70px 0 30px 0;}

/*************************************************/
/****************** CURSOS ***********************/
/*************************************************/
.bg_curso { text-align:center; }
.bg_curso img { padding-top:100px; }

.maincontent1_curso { clear:both; width:90%; background-color:#FFF; text-align:left; padding-top:50px; }

ul.submenu_cursos { margin:0; padding:0; }
ul.submenu_cursos li { margin:0; padding:0; width:25%; display:block; float:left;}
ul.submenu_cursos li a { border-bottom:5px solid #CCC; color:#666; display:block; padding-bottom:10px; text-align:center; font-size:0.9em; }
ul.submenu_cursos li a:hover { border-bottom:5px solid #9F132C; color:#9F132C; }

.curso_precios { color:#FFF; padding:15px; }
.curso_precios p { font-size:0.85em; margin-bottom:7px; }
.spanprecio { font-size:1.6em; font-weight:700; -moz-border-radius: 17px; border-radius: 17px; height:30px; padding-top:4px; width:34px; float:left; display:block; text-align:center; }
.h4precio { float:left; padding-top:5px; padding-left:8px; }
.curso_descuentos { color:#FFF; padding:15px; }
.curso_descuentos p { font-size:0.85em; margin-bottom:7px; }
.spandescuentos { font-size:1.2em; font-weight:700; -moz-border-radius: 14px; border-radius: 14px; height:23px; padding-top:5px; width:28px; float:left; display:block; text-align:center; }
.h5descuentos { float:left; padding-top:3px; padding-left:8px; font-weight:700; }
.curso_descuentos a, .curso_descuentos a { color:#FFF;  text-decoration:underline;}
.curso_descuentos a:hover, .curso_descuentos a:hover { color:#FFF; text-decoration:underline; }

.curso_todos_los_cursos { background-color:#FAFAFA; padding:15px; margin-top:30px; }
.curso_todos_los_cursos_left { float:left; width:49%; margin-bottom:1%; }
.curso_todos_los_cursos_right { float:right; width:49%; margin-bottom:1%;  }

.imatge_right { float:right; margin-left:30px; margin-bottom:30px; }
.imatge_left { float:left; margin-right:30px; margin-bottom:30px; }

.convocatorias_right { float:right; margin-left:30px; margin-bottom:30px; background: url("../img/cpd-examen-convocatorias-bg.png") top; min-height:102px; min-width:270px; font-size:0.95em; background-repeat:no-repeat;}
.convocatorias_right ul li { margin-bottom:5px; margin-left:42px;}

.edicion_curso { font-size:92%; margin-bottom:30px; }
.titulo_curso { padding:7px 20px; }
.titulo_curso h4 { margin-bottom:0; }
.content_curso { background-color:#F7F7F7; padding:15px 20px; }
.col1_content_curso, .col2_content_curso, .col3_content_curso { float:left; width:30%; margin-right:5%; }
.col3_content_curso { margin-right:0%; }
.edicion_curso h5 { margin-bottom:5px; }
.separador_content_curso { height:1px; display:block; background-color:#CCC; width:100%; margin-bottom:15px; }

.textologo { font-size: 0.9em; color: #666; line-height: 130%; }


/*************************************************/
/****************** CONTACTO *********************/
/*************************************************/
.maincontentcontainer_contacto { clear:both; width:100%; background-color:#44A22A; background: url("../img/contacto-bg.png"); min-height:528px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.maincontentcontainer_contacto:after { content:""; display:block; clear:both; }
.maincontent1_contacto { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:60px 0 30px 0; }

.link_caixa_contacto { font-size:0.8em; background:#41A12A; color:#FFF; border:1px solid #41A12A; padding:10px 15px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; width:140px; display:block; text-align:center; }
.link_caixa_contacto:hover { background:none; color:#41A12A; border:1px solid #41A12A; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}
.fa_contacto { margin-right:16px; }
a.link_xarxa_social_contacto { color: #41A12A; text-decoration: none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
a.link_xarxa_social_contacto:hover { color: #84B832; text-decoration: none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }

.col_contacte_1_1 { width:100%;}
.col_contacte_1_2 { width:48%; margin-right:4%; float:left; clear:both; margin-bottom:20px; }
.col_contacte_2_2 { width:48%; float:right; margin-bottom:20px; }

.p_nota_legal { font-size:0.85em; }
.contingut_formulari label { margin-bottom:5px; display:block; font-size:0.9em;}
.contingut_formulari input { margin-bottom:0px; }
input.inputtext { background-color:#FCFDFB; border:1px solid #CCC; height:24px; padding:5px 2%; font-family: 'Open Sans', sans-serif; color:#333; display:block; width:94%; font-size:0.9em; font-weight:400;}
input.inputtext:focus, textarea:focus { border:1px solid #41A12A; }
textarea { background-color:#FCFDFB; border:1px solid #CCC; height:auto; padding:5px 1%; font-family: 'Open Sans',  sans-serif; color:#333; display:block; width:96%; font-size:0.9em; font-weight:400; }
textarea:focus, textarea:focus { border:1px solid #41A12A; }
.inputcheck { padding-top:3px; margin-bottom:3px; }
.enviar-form {  background-color:#41A12A; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:400; border:0; display:block; padding:10px 30px; text-transform:uppercase; font-size:0.9em; }
.enviar-form:hover { background-color:#84B832; }
.missatge-KO { padding: 15px 2% 15px 2%; color:#CC0000; font-weight:700; font-size:0.95em; line-height:140%; background-color:#FCEEEF; border:1px solid #CC0000; width:94%; margin-bottom:25px;}
.missatge-OK { padding: 15px 2% 15px 2%; color:#007E5F; font-weight:700; font-size:0.95em; line-height:140%; background-color:#91D8BD; border:1px solid #009873; width:94%; margin-bottom:25px; }
.enviar-form { float:right; margin-right:1%;}


/* Per fer l'iframe el Google Maps Responsive */
/*#video-left { float:left; width:100%; }*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden;  } 
.video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*.video-marge { margin-top:45px; }*/

#preprefooter { background:#202020; clear:both; width:100%; }
#preprefooter:after { content:""; display:block; clear:both; }
#preprefooter-content { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative;  }
#preprefooter-content p { font-size:1em; color:#FFF; margin-bottom:10px;}
#preprefooter h2 { color:#FFF; }
.right-preprefooter { float:left;text-align:left; margin-left:15px;}
.right-preprefooter p { line-height:150%; }
#preprefooter img { margin-bottom:0px; }
.link_caixa_preprefooter { font-size:0.85em; background:none; color:#FFF; border:1px solid #FFF; padding:10px 15px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
.link_caixa_preprefooter:hover { background-color:#FFF; color:#202020; border:1px solid #202020; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}

#prefooter { background:#333333; clear:both; width:100%; padding:35px 0;}
#prefooter:after { content:""; display:block; clear:both; }
#prefooter-content { clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative;  }
#prefooter-content p { font-size:0.8em; color:#FFF; margin-bottom:5px;}
#prefooter-content ul { margin:0; padding:0; color:#FFF;  }
#prefooter-content ul li { font-size:0.8em; margin-bottom:5px; line-height:140%; margin-left:0;}
#prefooter h2 { color:#FFF; }
a.link_prefooter { color:#FFF; }
a.link_prefooter:hover { color:#84B832; }
.right-prefooter { float:left; text-align:left;  }
#prefooter img { margin-bottom:1px; }
.link_caixa_prefooter { font-size:0.8em; background:#41A12A; color:#FFF; border:1px solid #41A12A; padding:10px 15px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; width:130px; display:block; text-align:center; }
.link_caixa_prefooter:hover { background:none; color:#FFF; border:1px solid #FFF; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}
.fa_prefooter { margin-right:16px; }

#footer { background-color:#202020; clear:both; width:100%; padding:20px 0 20px 0; }
#footer:after { content:""; display:block; clear:both; }
#footer-content { clear: both; width: 90%; max-width: 1200px; font-size:0.8em;  margin: 0 auto; padding:0; position: relative; color:#FFF; line-height:140%;}
.col_footer_right { text-align:right; float:right; }
a.link_footer { color:#FFF; }
a.link_footer:hover { color:#84B832; }

a img { border:0; }

.visibilityhidden { visibility:hidden; }
.displaynone { display:none; }
.centrat { text-align:center;}
.alignright { text-align:right;}
.negreta { font-weight:700; }
.no-negreta { font-weight:400; }
.lletra-light { font-weight:300; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.m1 { height:1px; }
.m3 { height:3px; }
.m4 { height:4px; }
.m5 { height:5px; }
.m8 { height:8px; }
.m10 { height:10px; }
.m15 { height:15px; }
.m20 { height:20px; }
.m25 { height:25px; }
.m30 { height:30px; }
.m35 { height:35px; }
.m40 { height:40px; }
.m45 { height:45px; }
.m50 { height:50px; }
.m60 { height:60px; }
.p30 { height:0px; padding-bottom:30px; }
.padding30_40 { padding:30px 0 40px 0; }
.padding40_50 { padding:40px 0 50px 0; }
.verd { color:#84B832; }
.verdcorporatiu { color:#41A12A; }
.gris { color:#999; }
.blanc { color:#FFF; }
.botocentrat { text-align:center; margin:0 auto; }

ul.llistanormal li { list-style:disc; }

/* Estils Cookies */
#cookieMessageWrapper { display:none;position:relative;top:0;width:100%; background:#FFF; color:#333; z-index:9999999999; margin:0; border-bottom:1px solid #ddd; }
#cookieMessage { width: 1200px; padding:10px 0 10px 0; margin: 0 auto; position: relative; font-size:0.85em; line-height:150%; text-align:left; }
#cookieClose { float: right; display: block; padding: 5px 10px; text-decoration: none; background: #41A12A; border: 0; margin-top: 3px; font-weight: bold; margin-left:30px; font-size:0.85em; }
#cookieMessage a:link, #cookieMessage a:active, #cookieMessage a:visited { color:#41A12A; text-decoration:none; }
#cookieMessage a:hover { color:#84B832; }
a#cookieClose:link, a#cookieClose:active, a#cookieClose:visited { background-color:#41A12A; color:#fff; text-decoration:none;
    transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}
a#cookieClose:hover { background:#84B832;
    transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}


/*----------------*/


@media only screen and (max-width: 1330px) {
    #nav nav ul li { margin-left:28px; }

    #cookieMessage { width: 90%; }
    #cookieClose { margin-bottom:15px;margin-left:25px; }
}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 1220px) {
    p.pcentrat50 { width:60%; }
    
    .imatge_right_trencar_trades { width:65%; }
    .imatge_left_examen_trades { width:65%; }
    .imatge_right_curso_phpp9 { width:70%; }
    .imatge_left_curso_pt { width:65%; }
    .imatge_left_sw_pt { width:65%; }
}

@media only screen and (max-width: 1140px) {
    #nav nav ul li { margin-left:21px; }
    #nav nav ul li a { font-size:0.8em; }
    
    .separador_curso_intro { height:30px; }
}

@media only screen and (max-width: 1100px) {
    .imatge_left_sw_pt { float:none; clear:both; display:block; width:100%; }
}

@media only screen and (max-width: 1060px) {
 
}

@media only screen and (max-width: 1023px) {
    .js #menu { display:none; }
    .js .slicknav_menu { display:block; border-bottom:1px solid #ddd; z-index:50; position: relative;}
    #nav nav ul li a { margin:0; padding:0; }
    #nav nav ul li { margin:0; padding:0; }
    #nav nav ul { margin:0; padding:0; }
    
    li.li_menu_mi_area { display:block !important; }
    
    .submenu { padding:0; margin-top:5px; margin-left:0px; }
    #nav ul > li div { margin-top:0px; }
    
    ul.slicknav_nav li { margin-bottom:5px; margin-left:3.5%; margin-right:3.5%; }
    
    /*#logo_proafi { float:left; width:48%; margin-right:0%; text-align:left; padding:15px 0 15px 0; }*/
    
    /*#header-right { float:none; width:0; text-align:right; height:0; display:none; }*/
    
    #mi_area { display:none; }
    
    h1, h2.h2comh1 { font-size: 1.8em; }
    h2 { font-size: 1.6em; }
    h3 { font-size: 1.4em; }
    h4 { font-size: 1.3em; }
    h5 { font-size: 1.2em; }
    
    p.pcentrat50 { width:80%; }
    
    .bg_curso img { padding-top:100px; max-width: 40%; height: auto; width: auto\9; /* ie8 */ }
    
    .maincontent_galeria { font-size: 1em; padding:170px 0 60px 0;}
    .maincontent_galeria h1 { font-size: 2em;}
    .maincontent_galeria p { width:70%; font-size:1em;}
    
    .col_marge_home { margin-top:20px; }
    
    .no_curs_home { font-size:1.1em; padding:30px 40px 15px 40px; }
    
    .maincontentcontainer_foto_estatica { height:300px; }
    
    .maincontent2_nosotros { padding:70px 0 50px 0;}

    .bg_curso img { padding-top:5%; width:20%; height:auto; }
    
    .imatge_right_curso_phpp9 { width:100%; float:none; clear:both; display:block; margin-bottom:30px; margin-left:0; }
    
    .informacion_detallada_curso_intro { min-height:281px; padding-top:30px; }
    .separador_curso_intro { height:30px; }
    
    .col_contacte_1_2_trencar, .col_contacte_2_2_trencar { float:left; width:100%; margin-right:0; }
    .col_contacte_2_2_trencar { margin-top:0px; margin-bottom:0px; }

    /* Estils Cookies */
    #cookieMessage { font-size:0.75em; line-height:130%; }
    #cookieClose { padding: 3px 7px; margin-top: 0px; margin-left:10px; font-size:1em; margin-bottom:0; }
}

@media only screen and (max-width: 920px) {
    .maincontent_galeria h1 { font-size: 2.2em;}
    
    .right-preprefooter { clear:both; float:left; margin-top:25px; margin-left:0px; }
    
    .separador_curso_intro { height:20px; }
    
}

@media only screen and (max-width: 820px) {
    .maincontent_galeria h1 { font-size: 2em;}
    
    .bg_curso img { padding-top:10%; }
    
    .informacion_detallada_curso_intro { min-height:291px; padding-top:20px; }
    .separador_curso_intro { height:10px; }
}

@media only screen and (max-width: 820px) and (min-width: 601px) {    

}

@media only screen and (max-width: 768px) {
    .trencar768  { clear:both; width:100%; margin-left:0; }

    .video-marge { margin-top:25px; }
    
    h1, h2.h2comh1 { font-size: 1.6em; }
    h2 { font-size: 1.4em; }
    h3 { font-size: 1.3em; }
    h4 { font-size: 1.2em; }
    h5 { font-size: 1.1em; }
    
    .maincontent1 {padding-top:30px;}
    
    .maincontent_galeria { font-size: 1em; padding:160px 0 40px 0;}
    .maincontent_galeria h1 { font-size: 1.7em;}
    .maincontent_galeria p { width:70%; font-size:1em;}
    
    .maincontentcontainer_foto_estatica { height:250px; }
    
    p.pdestacat { font-size:1.05em; }
    p.pdestacat2 { font-size:1.05em; }
    
    .col_left_cursos { display:block; clear:both; width:100%; margin-left:0; }
    .col_right_cursos { display:block; clear:both; width:100%; margin-left:0; margin-top:40px; }
    
    .bg_curso img { padding-top:6%; }
    
    .fila1_inscripcion { padding:12px 2%; width:96%;}
    .fila2_inscripcion { padding:12px 2%; width:96%;}
    .fila3_inscripcion { padding:12px 2%; width:96%;}
    .fila4_inscripcion { padding:12px 2%; width:96%;}
    .fila5_inscripcion { padding:12px 2%; width:96%;}
    .div_enviar_inscripcions { display:block; width:100%; }
    select.select_inscripcions { width:100%; }
    
    .informacion_detallada_curso_intro { min-height:271px; padding-top:40px; }
    .separador_curso_intro { height:30px; }
    
}

@media only screen and (max-width: 710px) {
    #idiomes { width:100%; display:block; }
    
    .bg_curso img { padding-top:7%;  }
    
    .separador_curso_intro { height:20px; }
}

@media only screen and (max-width: 630px) {
        
    .maincontent_galeria { font-size: 1em; padding:100px 0 20px 0;}
    .maincontent_galeria h1 { font-size: 1.6em;}
    .maincontent_galeria p { width:70%; font-size:1em;}
    
    #capa_home_nomes_movil { display:block; text-align:center; }
    #capa_home_nomes_ordinador { display:none; }
    .logos_home { float:none; width:100%; display:block; text-align:center; padding-top:5px;}
    .logos_home img { margin-right:5px; }
    .link_caixa_contacto_home_movil { margin:0 auto; }
    
    .bg_curso img { padding-top:8%; width:25%; height:auto; }
    
    .col_form_inscripcio_1_3 { float:left; width:100%; margin-right:0%; clear:both; margin-bottom:20px; }
    .col_form_inscripcio_2_3 { float:left; width:100%; margin-right:0%; clear:both; margin-bottom:20px; }
    .col_form_inscripcio_3_3 { float:left; width:100%; margin-right:0%; clear:both; }
    .col_form_inscripcio_1_1 { float:left; width:100%; clear:both; }
    .col_form_inscripcio_12_3 { float:left; width:100%; margin-right:0%; clear:both; margin-bottom:20px; }
    
    .imatge_left_examen_trades { float:none; clear:both; display:block; width:100%; }
    .imatge_left_curso_pt { float:none; clear:both; display:block; width:100%; }
    
}

@media only screen and (max-width: 600px) {
    p.pcentrat50 { width:100%; }
    
    .col_footer_right { text-align:left; }
    
    .padding40_50 { padding:20px 0 50px 0; }
    
    .col_left_nosotros_micheel { margin-bottom:36%; }
    
    .imatge_right { float:none; clear:both; display:block; margin-bottom:30px; margin-left:0; }
    
    .imatge_right_trencar_trades { width:100%; }
    
    .convocatorias_right { float:right; clear:both; display:block; margin-bottom:30px; width:100%; background-position: top right;}
    
    .col1_content_curso, .col2_content_curso, .col3_content_curso { float:left; width:100%; margin-right:0; }
    .col2_content_curso { margin-top:15px; margin-bottom:5px; }
    
    .informacion_detallada_curso_intro { min-height:311px; padding-top:30px; }
    .separador_curso_intro { height:10px; }
    .imatge_right_intro_passivhaus { margin-bottom:10px; }
    
    .col1_inscripcion_curso_online, .col2_inscripcion_curso_online { float:left; width:100%; margin-right:0; }
    .col2_inscripcion_curso_online { margin-top:15px; margin-bottom:5px; }
    
    .imatge_right_sw_pt { padding-top:15px; }
    
    .col_form_contacto { margin-top:30px; }
}

@media only screen and (max-width: 510px) {
    #logo { padding-top:15px; }
    
    .informacion_detallada_curso_intro { min-height:341px; padding-top:20px; padding-bottom:20px;}
    
    #logo_energie_haus { float:left; width:45%; }
    #logo_passive_house { float:right; width:45%; }
}

@media only screen and (max-width: 480px) {
    .maincontent_galeria h1 { font-size: 1.4em;}
    
    h1, h2.h2comh1 { font-size: 1.4em; }
    h2 { font-size: 1.3em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    h5 { font-size: 1em; }
    
    .bg_curso img { padding-top:10%; width:30%; height:auto; }
    
    ul.submenu_cursos { margin:0; padding:0; text-align:center; }
    ul.submenu_cursos li { margin:0 auto; padding:0; width:100%; display:block; float:left; clear:both; text-align:center; margin-bottom:10px; }
    ul.submenu_cursos li a { border-bottom:2px solid #CCC; padding-bottom:3px; text-align:center; }
    ul.submenu_cursos li a:hover { border-bottom:2px solid #9F132C; color:#9F132C; }
    ul.submenu_cursos li a.active_curso_cpd { border-bottom:2px solid #9F132C; }
    ul.submenu_cursos li a.link_submenu_phpp:hover { border-bottom:2px solid #2E6C72; }
    ul.submenu_cursos li a.active_curso_phpp { border-bottom:2px solid #2E6C72; }
    ul.submenu_cursos li a.active_curso_pt { border-bottom:2px solid #7B884D; }
    ul.submenu_cursos li a.link_submenu_pt:hover { border-bottom:2px solid #7B884D; }
    ul.submenu_cursos li a.active_curso_trades { border-bottom:2px solid #E09901; }
    ul.submenu_cursos li a.link_submenu_trades:hover { border-bottom:2px solid #E09901;}
    ul.submenu_cursos li a.active_curso_intro { border-bottom:2px solid #B7B900; }
    ul.submenu_cursos li a.link_submenu_intro:hover { border-bottom:2px solid #B7B900;}
    
    .imatge_left { float:none; margin-right:0; margin-bottom:30px; display:block; }
    
    .imatge_left_intro_passivhaus { float:left; margin-right:30px; margin-bottom:10px; }
    

}

@media only screen and (max-width: 384px) {
    #logo_proafi { width:100%; font-size:1.5em; display:block; padding:10px 0 0 0; }
    #header-right { float:left; width:100%; display:block; margin-top:0; padding:10px 0 25px 0; }
    
    h1, h2.h2comh1 { font-size: 1.3em; }
    h2 { font-size: 1.2em; }
    h3 { font-size: 1.1em; }
    h4 { font-size: 1em; }
    h5 { font-size: 1em; }
    
    .maincontent_galeria h1 { font-size: 1.3em;}
    
    .maincontent1 {padding-top:20px;}
    
    .maincontentcontainer_foto_estatica { height:160px; }
    
    .bg_curso img { padding-top:5%;  }
    
    .col_contacte_1_2_form, .col_contacte_2_2_form { float:left; width:100%; margin-right:0; }
    .col_contacte_2_2_form { margin-top:0px; margin-bottom:0px; }

}