* { padding: 0; margin: 0; } 

body { background: #fff; font : 100%/1 'Muli', sans-serif; color: #000; font-weight:400; }

a { text-decoration: none; color:#0052AA;}
a:hover { text-decoration: underline; }
img {border:0;}

#header-wrap {margin: 0 auto; height: 155px;}
#header-top { margin: 0 auto; width:1130px; }
#logotip { margin-top:28px; float:left; width:40%; margin-left:30%; text-align:center;}
#idiomes {float:right; margin-top:28px; font-family: 'Muli', sans-serif; font-size: 0.75em; color: #666; font-weight:400; width:30%; text-align:right; }
#idiomes .current {color:#FF3300;}
#idiomes  a {color:#666; text-decoration:none;}
#idiomes  a:hover {color:#666; text-decoration:underline;}

#header-bottom { width:100%; clear:both; height:35px; line-height:35px; background: url(../img/menu-bg.gif) repeat-x;}
#nav { margin: 0 auto; width:1130px; /*730px si el vull centrat*/ }
#nav ul { list-style-type: none; }
#nav ul li { list-style:none; display:inline; }
#nav a { display: block; float: left; line-height: 35px; height:35px; padding: 0 15px; text-decoration: none; color:#666; font-size:0.8em; font-weight:400;}
#nav a:hover {background: url(../img/menu-bg-hover.gif) repeat-x; }
#nav a.current { background: url(../img/menu-current.gif) bottom no-repeat; color:#FF3300; cursor:default;}
#nav a.linkmenuareaclients { background: url(../img/img-menu-area-clients.png) no-repeat; background-position:7px; background-color:#FFF; border:1px solid #E7E7E7; height:33px; float:right; padding:0 12px 0 25px;}
#nav a.linkmenuareaclients:hover { background-color:#f2f2f2; }

.slicknav_menu { display:none; }

#content-wrap {  }
#content-bg { width:1200px; margin: 0 auto; background: url(../img/content-bg.gif) top left no-repeat; min-height:400px; }
#content-bg-menu { width:1200px; margin: 0 auto; background: url(../img/content-bg-menu.gif) top left no-repeat; min-height:400px; }
#content-bg-enlaces { width:1200px; margin: 0 auto; background: url(../img/content-bg-enlaces.jpg) top left no-repeat; min-height:400px; }
#content { width:1130px; margin-left:35px; }

h1 {font-family: 'Muli', sans-serif; font-size: 1.7em; color: #BBB; font-weight:300; margin-bottom:15px;}
h2 {font-family: 'Muli', sans-serif; font-size: 1.3em; color: #FF3300; font-weight:300; margin-bottom:7px; line-height: 120%; }
h3 {font-family: 'Muli', sans-serif; font-size: 1em; color: #666; font-weight:400; line-height:180%; margin-bottom:3px; line-height: 120%; }
p {line-height:170%; margin-bottom:15px; font-size: 0.9em; color: #000; text-align:justify; }
p.align-center {text-align:center;}
p.marge-left {margin-left:35px;}

.img-dreta {margin-left:30px; margin-bottom:15px; float:right;}
.asociaciones-profesionales { color:#666666; font-style:italic; font-size:0.9em; }
.activa {color:#FF3300;}
.banners-petits img {margin-right:20px; border:1px solid #e6e6e6; margin-bottom:20px; }

#banner-congres { border:1px solid #e6e6e6; padding: 0.5%; }
#imgbannercongres { float: left; width: 49%; }
#imgbannercongres img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
#txtbanercongres { float: right; margin-top: 20px; width: 49%; }
#txtbanercongres .titolcongres { font-size: 1.5em; line-height: 130%; color: #BBB; font-weight:300; text-align: left; margin-bottom: 30px; }
#txtbanercongres a.botocongres { font-size: 0.9em; color: #FFF; background-color:#BBB; padding:10px 15px; text-align: center; text-decoration: none; }
#txtbanercongres a.botocongres:hover { color: #FFF; background-color:#CCC; cursor: pointer; }

.marge-home-banners {height:60px;}

#submenu { float:left; width:170px; margin-left:35px; font-family: 'Muli', sans-serif; font-size: 0.8em;}
#submenu ul {list-style:none; background: url(../img/submenu-bg.gif) top left repeat-y; padding: 1px 0px;}
#submenu ul li { height:21px; line-height:21px; background: url(../img/submenu-bg.gif) top left repeat-y; margin-top:10px; margin-bottom:10px; padding-left:14px;}
#submenu ul li.current { height:21px; line-height:21px; background: url(../img/submenu-bg-current.gif) no-repeat top left; margin-top:10px; margin-bottom:10px;}
#submenu a.current { color:#FF3300; cursor:default; text-decoration:none;}
#submenu a.current:hover {color:#FF3300; cursor:default; text-decoration:none;}
#submenu a {color: #666; text-decoration:none;}
#submenu a:hover {color: #666; text-decoration:underline;}

#content-menu { float:left; width:960px; }
ul#ul-socios { list-style:none; padding:0; margin:0; padding-top:5px;}
ul#ul-socios li { line-height:180%; margin-left:35px;}
p.cita-equip {font-style:italic; color:#666; margin-top:20px;}

#content ul, #content-enlaces ul  {}
#content  ul li, #content-enlaces  ul li  { list-style:none; margin-left:20px; padding-left:15px; margin-bottom:2px; font-family: 'Muli', sans-serif; font-size: 0.9em; color: #000; line-height:180%; background: url(../img/ul-bg.gif) top left no-repeat;}

p.preguntaFAQ {line-height:180%; margin-bottom:2px; font-size: 1.1em; color: #FF3300; line-height:120%; }

table { margin: 2px auto 6px auto; font-size:0.9em; }
table tr {background-color:#F8F8F8; padding:2px 20px;}
table tr td { padding:8px 30px;}
table tr td.col1 { text-align:left;}
table tr td.col2 { text-align:center;}

#content-enlaces { margin-left:195px; width:410px; }
.contact-avis-legal {font-size:0.75em; color:#666;}

.labelform { margin-top:5px; margin-bottom:0;}
input.text { width:306px; height:20px; border:1px solid #999; font-size:0.8em; color:#666; padding:3px 2px 1px 2px; font-family: 'Muli', sans-serif;}
input.text:focus{ border:1px solid #FF3300; color:#000;}
textarea { width:306px; height:90px; border:1px solid #999; font-family: 'Muli', sans-serif; font-size:0.8em; color:#666; padding:3px 2px 1px 2px;}
textarea:focus{ border:1px solid #FF3300; color:#000;}
select { width:202px; height:24px; border:1px solid #999; font-size:0.8em; color:#666; padding:3px 2px 1px 2px; font-family: 'Muli', sans-serif;}
select :focus{ width:202px; height:22px; border:1px solid #FF3300; color:#666; padding:3px 2px 1px 2px;}
.filaFormEnviar { /*margin-left:125px;*/ margin-left:0;}
.botoEnviar { background-color: #EEE; border: 1px solid #999; color:#666; font-family: 'Muli', sans-serif; font-weight:400; font-size:0.9em; width: auto; text-align:center; height:23px; padding:2px 10px 3px 10px;}
.botoEnviar:hover { background-color: #FF3300; border: 1px solid #999; color:#FFF; font-family: 'Muli', sans-serif; font-weight:400; width: auto; text-align:center; height:23px; padding:2px 10px 3px 10px;}
#mensaje .formKO { color:#FF3300; font-family: 'Muli', sans-serif; font-weight:400; font-size:0.9em; padding-bottom:10px; }
#mensaje .formOK { color:#666666; font-family: 'Muli', sans-serif; font-weight:400; font-size:0.9em; padding-bottom:10px; }
.form-idiomes-left {float:left; width:100px; margin-right:10px; margin-top:12px; line-height:130%; text-align:right; font-size:0.9em;}
.form-idiomes-right {float:left; width: 300px; margin-top:9px; font-size:0.9em;}
textarea#otros-idiomas { width:196px; height:60px; border:1px solid #999; font-family: 'Muli', sans-serif; font-size:0.8em; color:#666; padding:3px 2px 1px 2px;}
textarea#otros-idiomas:focus{ border:1px solid #FF3300; color:#000;}

.noticia { width:1130px; margin-top:20px;}
.titol-noticia {font-size: 1.2em; color: #FF3300; line-height: 120%; text-align:left; }
.data-noticia {color: #BBB; margin-top:4px; font-size:0.9em; }
.text-noticia { line-height:180%; margin-top:10px; font-size:0.9em; text-align:justify;}
.text-noticia ol { margin:10px 0 0 40px; }
.text-noticia ol li {margin-bottom:5px; text-align:justify; }
.link-noticia { margin-top:15px; font-size:0.9em;}

#ruta-web {height:20px; width:1130px; margin: 0 auto; padding-top:20px; font-family: 'Muli', sans-serif; font-size: 0.7em; color: #666; text-align:right; }
#ruta-web .current {color:#FF3300;}
#ruta-web a {color: #666;}

#revista { width:1130px; margin:0 auto; }
#revista a { float:right; border:1px solid #e6e6e6; line-height: 35px; height:35px; padding: 0px 20px; text-decoration: none; color:#0052AA; font-size:13px; font-weight:400; }
#revista a:hover {background: url(../img/menu-bg-hover.gif) repeat-x; }
#revista a.current { background: url(../img/menu-current.gif) bottom no-repeat; color:#FF3300; cursor:default;}

#footer-wrap { border-top: 1px solid #E7E7E7;}
#footer { margin: 0 auto; width:1130px; font-size: 0.75em; color: #000; font-weight:400; padding: 0; padding-top:5px; padding-bottom:5px; line-height:180%;}
#footer-left {float:left; }
#footer-right {float:right; width:100px; text-align:right;}
.linkedin { float:left; margin-top:6px; margin-right:10px; }

#perfil { height:35px; }
.popup-perfil { padding:10px 20px; border:1px solid #CCC;}
.popup-perfil  ul {}
.popup-perfil  ul li {list-style:none; margin-left:5px; padding-left:15px; margin-bottom:2px; font-family: 'Muli', sans-serif; font-size: 0.9em; color: #000; line-height:180%; background: url(../img/ul-bg.gif) top left no-repeat;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.m5 {height:5px;}
.m10 {height:10px;}
.m15 {height:15px;}
.m20 {height:20px;}
.m25 {height:25px;}
.m30 {height:30px;}
.m35 {height:35px;}
.m40 {height:40px;}
.m27 { height:27px;}

#content ul.ul-sitemap { background:none; }
#content ul.ul-sitemap li { text-transform: capitalize; background:none; margin-left:0; padding-left:0; }
#content ul .li-sitemap-entrat { margin-left:20px; background-url:none; }
#content ul .li-sitemap-entrat2 { margin-left:40px; }

.mapa-dreta { margin-left:3%; width:50%; margin-bottom:15px; float:right;}
.video-container { position: relative; padding-bottom: 43%; padding-top: 30px; overflow: hidden; } 
.video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Estils Cookies */
#cookieMessageWrapper { display:none;position:relative;top:0;width:100%; background:#FFF; color:#000; z-index:9999999999; border-bottom:1px solid #eee; }
#cookieMessage { width: 1130px; padding:10px 0 10px 0; margin: 0 auto; position: relative; font-size:11px; line-height:150%; }
#cookieClose { float: right; display: block; padding: 5px 10px; text-decoration: none; background: #FFF; border: solid 1px #e6e6e6; margin-top: 3px; font-weight: 400; font-size:13px; margin-left:40px; }
#cookieMessage a:link, #cookieMessage a:active, #cookieMessage a:visited { color:#333; text-decoration:underline; }
#cookieMessage a:hover { color:#FF3300; }
a#cookieClose:link, a#cookieClose:active, a#cookieClose:visited { color:#0052AA; text-decoration:none; background:#FFF; }
a#cookieClose:hover { background:#FF3300; background: url(../img/menu-bg-hover.gif) repeat-x; }

@media only screen and (max-width: 1220px) {
	#header-top { margin: 0 auto; width:90%; }
	#nav { margin: 0 auto; width:90%; }
	#content-bg { width:100%;}
	#content-bg-menu { margin: 0 auto; width:90%; }
	#content-bg-enlaces { width:100%;  }
	#content { width:90%; margin-left:0; margin:0 auto; }
    
    #content-bg { background: url(../img/content-bg.gif) top left no-repeat; background-position: 10% 0%;
    -webkit-background-size: 85%; -moz-background-size: 85%; -o-background-size: 85%; background-size: 85%; }
    #content-bg-menu { background: url(../img/content-bg.gif) top left no-repeat; background-position: 110% 0%;
    -webkit-background-size: 85%; -moz-background-size: 85%; -o-background-size: 85%; background-size: 85%; }

	#ruta-web { width:90%; }
	#revista { width:90%; }
	#footer { width:90%; }

	#cookieMessage { width: 90%; }
    #cookieClose { margin-bottom:15px; margin-left:25px; }
    
    #submenu { float:left; width:20%; margin-left:0;}
    #content-menu { float:left; width:80%}
    
    .noticia { width:100%; }
    
    #txtbanercongres .titolcongres { font-size: 1.3em; }
}

@media only screen and (max-width: 1024px) {
	/* Relacionat amb el menú */
	#header-wrap {margin: 0 auto; height: auto; }
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; position:fixed; z-index:20; width:100%;top:0px;  }
	#nav nav ul li a { margin:0; padding:0; }
	#nav nav ul li { margin:0; padding:0; }
	#nav nav ul { margin:0; padding:0; }
	#header-bottom { display:none; height:0; line-height:0;}
    #header-top {margin-top:50px;  }
    
    #content-bg { background: none; }
    #content-bg-menu { background: none; }
    #content-bg-enlaces { background: none; }
    
    .marge-home-banners {height:30px;  }
    
    #logotip { margin-top:20px; float:left; width:100%; margin-left:0; text-align:center; height:80px;  }
    #idiomes { margin-top:5px; clear:both; float:none; width:100%; text-align:center; }
    
    #ruta-web { padding-top:0px; }
    
    #footer-left {float:none; width:100%; clear:both;  }
    #footer-right {float:none; width:100%; clear:both; text-align:left; padding-top:10px; padding-bottom:10px; }
    .linkedin { float:none; width:100%; clear:both; margin-right:0; margin-bottom:15px; }
    
    #content-menu { float:left; width:100%; clear:both; padding-top:20px;}
    #submenu { float:none; width:100%; border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; display:block; }
    #submenu ul {list-style:none; background: none;}
    #submenu ul li { height:auto; line-height:18px; background: none; margin-top:0; margin-bottom:0; padding-left:0; width:24%; text-align:center; display:inline-block; padding:5px 0; }
    #submenu ul li.current { height:auto; line-height:18px; background: none; margin-top:0; margin-bottom:0;}
    #submenu a:hover {color: #FF3300; text-decoration:none;}
    
    #ruta-web { height:0; display:none; }
    
    #revista { margin-top:20px; }
    
    #cookieMessageWrapper { top:50px; z-index:1; }

    #txtbanercongres { margin-top: 10px; }
    #txtbanercongres .titolcongres { font-size: 1.1em; margin-bottom: 20px; }
}

@media only screen and (max-width: 850px) {    
    #txtbanercongres .titolcongres { font-size: 1em; margin-bottom: 20px; }
}

@media only screen and (max-width: 720px) {    
    .img-dreta {margin-left:0; margin-bottom:0; float:none; clear:both; margin:0 auto; text-align:center; margin-bottom:25px; }
    .img-dreta img {width:50%; height:auto;  }
    
    .mapa-dreta { margin-left:0; margin-bottom:0; float:none; clear:both; margin:0 auto; text-align:center; margin-bottom:25px; width:auto;}
    
    h1 {text-align:center; font-size: 1.6em; }
    h2 {font-size: 1.2em; }
    h3 {font-size: 1em; }
    
    #submenu ul li { width:49%; text-align:center; }
    
    ul#ul-socios { text-align:center; margin-bottom:20px;}
    ul#ul-socios li { margin-left:0;}
    
    #revista { margin-top:20px; }
    
    input.text { width:90%;}
    textarea { width:90%; }
    select { width:90%; }
    select :focus{ width:90%;}
    .filaFormEnviar { margin-left:20%;}
    .form-idiomes-left { width:100%; text-align: left; float:none; font-size:0.9em;}
    .form-idiomes-right {width:100%; float:none;}
    textarea#otros-idiomas { width:90%;}
    .filaFormEnviar {margin-left:0; }
    
    #content table { margin: 2px auto 6px auto; font-size:0.9em; }
    #content table tr {padding:2px 0px;}
    #content table tr td { padding:8px 0px;}    

    #imgbannercongres { float: left; width: 100%; }
    #txtbanercongres { clear: both; width: 100%; }
}