#background-sky {
background: url('../img/bck-sky.jpg') top left repeat;
width: 100%;
height: 300px;
overflow: hidden;
position: absolute;
z-index: 0;
}


/* 
=======================
$ RESETING CSS
======================= 
*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}
a img{border:0;}

/* 
=======================
$ GENERAL STYLES
======================= 
*/

body{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 10px;
	color: #585858;
	line-height: 1;
	background: url('../img/bck-blue-deep.jpg') top left repeat;
}

p {
	line-height: normal;
	margin: 10px 0;
}

h1{  
	font-size: 50px;
	color: #666;
}

h2{
	font-size: 18px; 
	color: #666;
	line-height: 40px;
}

h3{
	color: #999;
	font-size: 16px
}

h4{
	color: #B0B0B0;
	margin-right: 5px;
}

h5{
	font-size: 11px;
	color: #B0B0B0;
}

a:link{
	color: #3A5F60;
	text-decoration: underline;
}
a:visited{
	color: #3A5F60;
}
a:active{
	color: #3A5F60;
}
a:hover{
	color: #3A5F60;
	text-decoration: none;
}

ul{
	list-style-type: none;
	padding: 0px;
	margin-left: 6px;
}
ol{
	padding-left: 20px;
}

strong, b{
	font-weight: bold;
}

/* 
=======================
$ LAYOUT
======================= 
*/

.wrapper{
	margin: 0 auto;
	width: 992px;
}
div.wrapper div{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* 
$ Header Styles
----------------------
*/

#background-sky{
	background: url('../img/bck-sky.jpg') top left repeat;
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
div.nuvol-1{
	background: url('../img/nuvol-3.png') top left no-repeat;
	width: 94px;
	height: 34px;
	margin-top: 58px;
	position: static;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
div.nuvol-2{
	background: url('../img/nuvol-2.png') top left no-repeat;
	width: 207px;
	height: 40px;
	margin-top: 40px;
	position: static;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
div.nuvol-3{
	background: url('../img/nuvol-1.png') top left no-repeat;
	width: 174px;
	height: 42px;
	position: static;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
div.nuvol-4{
	background: url('../img/nuvol-4.png') top left no-repeat;
	width: 140px;
	height: 34px;
	position: static;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
div.nuvol-5{
	background: url('../img/nuvol-5.png') top left no-repeat;
	width: 123px;
	height: 35px;
	position: static;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}



/* Animations styles */
@media only screen and (min-width: 542px){
    
    .anim-v1 {
        -webkit-animation: moveclouds 2000s linear infinite;
        -moz-animation: moveclouds 2000s linear infinite;
        -o-animation: moveclouds 2000s linear infinite;
    }
    .anim-v2 {
        -webkit-animation: movecloudss 2800s linear infinite;
        -moz-animation: movecloudss 2800s linear infinite;
        -o-animation: movecloudss 2800s linear infinite;
    }
    .anim-v3 {
        -webkit-animation: movecloudsss 3400s linear infinite;
        -moz-animation: movecloudsss 3400s linear infinite;
        -o-animation: movecloudsss 3400s linear infinite;
    }
    .anim-v4 {
        -webkit-animation: movecloudssss 2400s linear infinite;
        -moz-animation: movecloudssss 2400s linear infinite;
        -o-animation: movecloudssss 2400s linear infinite;
    }
    .anim-v5 {
        -webkit-animation: movecloudsssss 4800s linear infinite;
        -moz-animation: movecloudsssss 4800s linear infinite;
        -o-animation: movecloudsssss 4800s linear infinite;
    }
}    



@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 1000px;}
}

@-webkit-keyframes movecloudss {
	0% {margin-left: 2500px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 2500px;}
}
@-moz-keyframes movecloudss {
	0% {margin-left: 2500px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 2500px;}
}
@-o-keyframes movecloudss {
	0% {margin-left: 2500px;}
	50% {margin-left: -10000px;}
	100% {margin-left: 2500px;}
}

@-webkit-keyframes movecloudsss {
	0% {margin-left: 0px;}
	50% {margin-left: 18000px;}
	100% {margin-left: 0px;}
}
@-moz-keyframes movecloudsss {
	0% {margin-left: 0px;}
	50% {margin-left: 18000px;}
	100% {margin-left: 0px;}
}
@-o-keyframes movecloudsss {
	0% {margin-left: 0px;}
	50% {margin-left: 18000px;}
	100% {margin-left: 0px;}
}

@-webkit-keyframes movecloudssss {
	0% {margin-left: 500px;}
	50% {margin-left: 20000px;}
	100% {margin-left: 500px;}
}
@-moz-keyframes movecloudssss {
	0% {margin-left: 500px;}
	50% {margin-left: 20000px;}
	100% {margin-left: 500px;}
}
@-o-keyframes movecloudssss {
	0% {margin-left: 500px;}
	50% {margin-left: 20000px;}
	100% {margin-left: 500px;}
}

@-webkit-keyframes movecloudsssss {
	0% {margin-left: 1600px;}
	50% {margin-left: -15000px;}
	100% {margin-left: 1600px;}
}
@-moz-keyframes movecloudsssss {
	0% {margin-left: 1600px;}
	50% {margin-left: -15000px;}
	100% {margin-left: 1600px;}
}
@-o-keyframes movecloudsssss {
	0% {margin-left: 1600px;}
	50% {margin-left: -15000px;}
	100% {margin-left: 1600px;}
}


/* End Animations styles */

#background-mountains{
	background: url('../img/bck-mountains.jpg') top center repeat-x;
	width: 100%;
	height: 460px;
	position: absolute;
	top: 300px;
	left: 0px;
}
body.brcm-part-publica #background-mountains{
    top: 384px;
}
#header{
	width: 100%;
	position: relative;
	z-index: 10;
	float: left;
	min-height: 725px;
}
#header a{
	text-decoration: none;
}
body.home #header{
	min-height: 725px;
}
#header div.nuvols-box{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 400px;
	z-index: 10;
	overflow: hidden;
}
div.header-inner{
	float: left;
	width: 100%;
	min-height: 200px;
}
div.header-inner div.right-box{
	position: absolute;
	top: 24px;
	right: 20px;
	z-index: 20;
}
div.language{
	position: absolute;
	top: 120px;
	right: 23px;
	z-index: 20;
	font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
	font-size: 2em;
	font-weight: 700;
}
div.language span{
	float: right;
	display: inline;
	margin-right: 12px;
}
div.language a{
	float: right;
	display: inline;
	margin-right: 12px;
	color: #3F8087;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
div.language a:hover{
	text-decoration: none;
	color: #fff;
}
div.header-inner div.right-box ul li{
	float: left;
	display: inline;
	margin-right: 10px;
}
#header .wrapper{
	position: relative;
}
	div.header-inner div.logo{
		float: left;
		top: 11px;
		left: 0px;
		position: absolute;
		z-index: 5;
	}
div.left-navigation{
	background: url('../img/bck-left-navigation.png') 156px 10px no-repeat;
	font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
	font-size: 2.3em;
	position: absolute;
	z-index: 20;
	top: 153px;
	left: 43px;
	width: 460px;
	height: 249px;
	font-weight: 700;
}
div.left-navigation li a{
	float: right;
	width: 280px;
	margin: 9px 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
div.left-navigation li a:hover{
	text-decoration: none;
	color: #fff;
}
div.left-navigation li.brcm-first-item{
	float: left;
	margin-left: 0px;
}
div.left-navigation li.first-element{
	margin-top: 8px;
	float: left;
	margin-left: 16px;
}
div.left-navigation li.brcm-first-item a{
	float: left;
	background: rgba(242, 247, 248, 0.88) url('../img/ico-info.png') 6px 10px no-repeat;
	border: 5px solid #fff;
	border-radius: 5px 0px 0px 5px;
	padding: 10px 14px 10px 46px;
	font-size: 1.2em;
	width: 85px;
	border-right: 0px;
}
html[lang="es"] div.left-navigation li.brcm-first-item a{
    font-size: 1.0em;
}
html[lang="en"] div.left-navigation li.brcm-first-item a{
    background: rgba(242, 247, 248, 0.88) url('../img/ico-info.png') 3px 6px no-repeat;
    padding: 11px 7px 10px 38px;
    font-size: 1.0em;
    width: 100px;
}
div.left-navigation li{
	float: left;
	margin-left: 16px;
}
div.left-navigation li.third-element, div.left-navigation li.fourth-element, div.left-navigation li.fifth-element{
	margin-left: 167px;
}
div.left-navigation li.third-element.brcm-active-node, div.left-navigation li.fourth-element.brcm-active-node, div.left-navigation li.fifth-element.brcm-active-node{
	margin-left: 150px;
}
html[lang="es"] div.left-navigation li.fifth-element{
    font-size: 0.9em;
}
div.left-navigation li.brcm-first-item a:hover{
	color: #1393A0;
}
div.left-navigation li.brcm-active-node{
	background: url('../img/active-flag.png') 6px 2px no-repeat;
	padding: 0px 0px 0px 18px;
	float: left;
	margin-left: 0px;
}
div.left-navigation li.brcm-active-node a{
	color: #fff;
	width: 260px;
}
body.accions div.left-navigation li.third-element{
    background: url('../img/active-flag.png') 6px 2px no-repeat;
	padding: 0px 0px 0px 18px;
	float: left;
    margin-left: 150px;
}
body.accions div.left-navigation li.third-element a{
    color: #fff;
	width: 260px;
}
div.right-navigation{
	font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
	font-size: 2.3em;
	position: absolute;
	z-index: 20;
	top: 164px;
	left: 489px;
	background: url('../img/bck-right-navigation.png') 0px 0px no-repeat;
	width: 412px;
	height: 263px;
}
div.right-navigation ul li{
    float: left;
    display: inline;
    margin-right: 15px;
}
div.right-navigation a{
	float: left;
	margin: 7px 0px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	padding-left: 26px;
	border-bottom: 1px dotted #A6C9CD;
	width: 156px;
	padding-bottom: 10px;
}
div.right-navigation li a:hover{
	text-decoration: none;
	color: #1393A0;
}
div.right-navigation div.brcm-navigation{
	background: rgba(242, 247, 248, 0.88);
	border: 5px solid #fff;
	border-radius: 0px 5px 5px 0px;
	padding: 5px 0px 8px 5px;
	float: left;
	margin-left: 6px;
	border-left: 0px;
}
div.right-navigation li.brcm-active-node a{
    text-decoration: none;
    color: #1393A0;
}
div.right-navigation ul li:nth-child(2n){
    margin-right: 5px;
}
div.right-navigation ul li:first-child{
    background: url('../img/ico-beneficiaris.png') 0px 7px no-repeat;
}
div.right-navigation ul li:nth-child(2) a{
    background: url('../img/ico-links.png') 0px 0px no-repeat;
}
div.right-navigation ul li:nth-child(3) a{
	background: url('../img/ico-oficina.png') 0px 0px no-repeat;
}
html[lang="ca"] div.right-navigation ul li:nth-child(3) a{
    height: 46px;
}
html[lang="es"] div.right-navigation ul li:nth-child(3) a{
    height: 42px;
}
html[lang="en"] div.right-navigation ul li:nth-child(3) a{
    height: 69px;
}
div.right-navigation ul li:nth-child(4) a{
	background: url('../img/ico-documents.png') 3px 0px no-repeat;
}
html[lang="es"] div.right-navigation ul li:nth-child(4) a{
    font-size: 0.9em;
}
div.right-navigation ul li:nth-child(5) a{
	background: url('../img/ico-actualitat.png') 2px 0px no-repeat;
    /* border-bottom: 0px;
    padding-bottom: 0px; */
}
div.right-navigation ul li:nth-child(6) a{
	background: url('../img/ico-contacte.png') 2px 8px no-repeat;
    /* border-bottom: 0px;
    padding-bottom: 0px; */
}
div.right-navigation ul li:nth-child(7) a{
	background: url('../img/ico-micro.png') 2px 2px no-repeat;
    border-bottom: 0px;
    padding-bottom: 0px;
    width: 100%;
}
div.right-navigation ul li:nth-child(7){
    width: 100%;
}
body.especies div.brcm-group-of-images div.brcm-image{
	background: #fff;
	border-radius: 50%;
	float: left;
}
div#especies-fixed-navigation{
	position: fixed;
	right: 20px;
	top: 20px;
	z-index: 999;
	background: url('../img/bck-fixed-navigation.jpg') 25px 0px repeat-y;
	width: 47px;
}
div#especies-fixed-navigation ul li a{
	margin-bottom: 6px;
	float: left;
}
div#especies-fixed-navigation ul li.brcm-last-item a{
	margin-bottom: 0px;
}



/* 
$ Content Styles
----------------------
*/

#content{
	width: 100%;
	min-height: 300px;
	margin-top: 35px;
	background: url('../img/bck-gradient.jpg') top center repeat-x;
	float: left;
	z-index: 998;
    position: relative;
}
body.home #content{
    position: static;
}
body.especies #content{
	position: relative;
}
/*body.resultats-esperats #content{
	position: relative;
} */
div.content-inner{
	font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif, cursive;
	font-size: 1.8em;
	color: #3C5F62;
	position: relative;
	top: -250px;
}
div.content-inner div.brcm-form{
    margin-top: 250px;
}
body.especies div.content-inner{
	position: static;
}
body.home div.content-inner{
	position: static;
}
body.resultats-esperats div.content-inner{
	/* position: static; */
	top: 0px;
} 
#background-onades{
	background: url('../img/bck-onades.png') top center repeat;
	width: 100%;
	float: left;
}
div.floating-message{
	background: url('../img/img-contnua-baixant.png') 0px 0px no-repeat;
	width: 478px;
	height: 273px;
	position: absolute;
	top: 559px;
	font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
}
html[lang="es"] div.floating-message{
	background: url('../img/img-contnua-baixant-es.png') 0px 0px no-repeat;
}
html[lang="en"] div.floating-message{
	background: url('../img/img-contnua-baixant-en.png') 0px 0px no-repeat;
}
body.brcm-part-publica div.floating-message{
    top: 643px;
}
div.last-news{
    position: absolute;
    top: 425px;
    width: 436px;
    margin-left: 521px;
    z-index: 999;
    background: rgba(240, 240, 240, 0.81);
    border: 6px solid #FFFFFF;
    padding: 9px 23px;
    border-radius: 6px;
}
body.brcm-part-publica div.last-news{
    top: 509px;
}
div.last-news div.brcm-list-of-news ol li div.brcm-image-and-caption{
    display: none;
}
div.last-news div.brcm-list-of-news{
    background: none;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
}
div.last-news div.brcm-category{
    display: none;
}
div.last-news div.brcm-list-of-news div.brcm-date{
    color: #333;
    font-size: 0.9em;
    font-weight: 500;
}
div.last-news div.brcm-list-of-news div.brcm-title{
    font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
    color: #649FA5;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 120%;
    margin: 7px 0px 10px 0px;
}
div.last-news div.brcm-list-of-news div.brcm-title a{
    text-decoration: none;
    color: #649FA5; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 0.8em;
}
div.last-news div.brcm-list-of-news div.brcm-title a:hover{
    color: #4E777D;
}
div.last-news div.brcm-list-of-news div.brcm-summary{
    color: #333;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 130%;
}
div.news-bt{
    text-align: center;
    width: 230px;
    margin: 0 auto;
}
a.news-button{
    font-family: 'Dancing Script',  Helvetica, Arial, sans-serif, cursive;
    color: #fff;
    background: url('../img/bck-button-news.png') top left no-repeat;
    padding: 8px 50px 20px 16px;
    float: left;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: none!important;
    font-size: 1.1em;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
html[lang="es"] a.news-button{
    padding: 8px 60px 20px 29px;
}
html[lang="en"] a.news-button{
    padding: 8px 92px 20px 48px;
}
div.content-inner p.social-share{
    float: right;
    width: 100%;
    text-align: center;
    border: 1px dotted #8E9FA0;
    padding: 5px 0px;
    margin-bottom: 25px;
    border-radius: 0px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.51);
}
a.news-button:hover{
    color: #EEF9FC;
}
div.content-inner div.floating-message h2{
	color: #1F3438;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.53);
	font-size: 2.7em;
	font-weight: 700;
	margin-top: 35px;
	margin-left: 39px;
	text-align: center;
	width: 430px;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform: rotate(-4deg);
	float: right;
	text-indent: -9999px;
}
div.content-inner div.floating-message h3{
	color: #fff;
	text-shadow: 0px 1px 0px rgba(41, 67, 69, 0.54);
	font-size: 2.7em;
	text-align: center;
	width: 430px;
	margin-top: 6px;
	margin-left: 28px;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform: rotate(-4deg);
	float: right;
	text-indent: -9999px;
}
div.content-inner div.horizontal-especies{
	float: left;
	height: 341px;
	overflow: hidden;
	padding: 124px 30px 0px 50px;
	width: 100%;
}
div.breadcrumb{
	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #D2D2D2;
	height: 45px;
}
div.breadcrumb div.brcm-breadcrumb a.brcm-home{
	background: url('../img/icono-portada.jpg') top left no-repeat;
	padding-left: 20px;
	width: 15px;
	height: 15px;
}
body.especies div.content-inner h1{
	background: url('../img/bck-especies-title.png') top left no-repeat;
	width: 784px;
	height: 200px;
	color: #fff;
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 1.7em;
	padding: 10px 67px 7px 67px;
	text-align: center;
	margin: 0 auto;
}
body.especies div.content-inner div.title-box{
	position: absolute;
	top: -260px;
	width: 940px;
	height: 543px;
}
div.title-box ul.especies-navigation{
	position: absolute;
	width: 772px;
	top: 93px;
	left: 91px;
}
div.title-box ul.especies-navigation li a{
	float: left;
	padding-left: 11px;
	height: 203px;
	cursor: pointer;
	width: 92%;
}
div.title-box ul.especies-navigation li{
	float: left;
	background: url('../img/bck-especies.png') top left no-repeat;
	width: 117px;
	height: 226px;
	padding-left: 0px;
	padding-right: 10px;
}
div.title-box ul.especies-navigation li.first-elem{
	margin-left: 64px;
}
div.title-box ul.especies-navigation li.second-row{
	margin-top: -32px;
}
div.title-box ul.especies-navigation li div.image-box{
	float: left;
	width: 94px;
	padding-top: 40px;
	padding-bottom: 8px;
	overflow: hidden;
	height: 123px;
}
div.title-box ul.especies-navigation li p{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	color: #284345;
	font-size: 1.4em;
	text-align: center;
	float: left;
	width: 94px;
	font-weight: 700;
	line-height: 100%;
}
html[lang="en"] div.title-box ul.especies-navigation li p{
    font-size: 1.0em;
    line-height: 130%;
}
div.especies-definition{
	margin-top: 300px;
}
div.especies-box{
	background: rgba(197, 214, 215, 0.80);
	border: 6px solid #D0E0E2;
	float: left;
	border-radius: 6px;
	width: 100%;
	padding: 20px 40px;
	margin-bottom: 140px;
	position: relative;
	margin-top: 414px;
}
/* div.especies-box p{
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65);
} */
div.content-inner a{
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65);
    font-weight: 700;
}
body.especies div.content-inner div.brcm-group-of-images{
	position: absolute;
	top: -372px;
	left: 250px;
}
body.especies div.content-inner div.brcm-body{
	margin-top: 105px;
}
body.especies div.content-inner div.brcm-body h2{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	color: #284345;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
}
div.top-box{
	width: 100%;
	text-align: center; 
	margin-top: 22px;
}
a.scroll-top{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	color: #284345;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	background: url('../img/arrow-top.png') 0px 5px no-repeat;
	font-size: 1.8em;
	font-weight: 600;
	padding-left: 28px;
	margin-right: 25px;
	text-decoration: none;
}
body.zones-actuacio div.content-inner div.brcm-body h3{
	text-align: center;
	margin-bottom: 50px;
    border: 1px dotted #8E9FA0;
    padding: 12px 20px;
}
a.scroll-top:hover{
	text-decoration: none;
}
div.brcm-generic-element-with-images-on-the-right, div.brcm-generic-element-with-images-on-the-left, div.brcm-generic-element-with-image-gallery, div.brcm-generic-element-with-big-images, div.brcm-list-of-attachments, div.brcm-list-of-subpages, div.brcm-form, div.generic-box{
	background: rgba(197, 214, 215, 0.80);
	border: 6px solid #D0E0E2;
	float: left;
	border-radius: 6px;
	width: 100%;
	padding: 20px 40px;
	margin-bottom: 40px;
}
body.resultats-esperats div.brcm-generic-element-with-images-on-the-right, body.resultats-esperats div.brcm-generic-element-with-images-on-the-left, body.resultats-esperats div.brcm-generic-element-with-image-gallery, body.resultats-esperats div.brcm-generic-element-with-big-images, body.resultats-esperats div.brcm-list-of-attachments, body.resultats-esperats div.brcm-list-of-subpages, body.resultats-esperats div.brcm-form, body.resultats-esperats div.generic-box{
    background: none;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
div.content-inner ul.brcm-list-of-subpages{
	background: rgba(197, 214, 215, 0.80);
	border: 6px solid #D0E0E2;
	float: left;
	border-radius: 6px;
	width: 91%;
	padding: 20px 40px;
	margin-bottom: 40px;
}
div.content-inner ul.brcm-list-of-subpages li{
    background: url('../img/punto-ul.png') 0px 5px no-repeat;
}
div.generic-box{
    position: relative;
    z-index: 999;
}
body.zones-actuacio div.brcm-generic-element-with-images-on-the-right, body.especies div.brcm-generic-element-with-big-images{
	background: none;
	border: 0px;
	border-radius: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
div.zona-box{
	background: rgba(197, 214, 215, 0.80);
	border: 6px solid #D0E0E2;
	float: left;
	border-radius: 6px;
	width: 100%;
	padding: 20px 40px;
	margin-bottom: 40px;
    z-index: 999;
    position: relative;
}
div.zona-box.first-elem div.brcm-generic-element-with-images-on-the-right div.brcm-body{
	float: left;
    width: 65%;
}
div.content-inner h3.center{
	border: 1px dotted #8E9FA0;
	padding: 12px 20px;
	text-align: center;
}
body.resultats-esperats div.content-inner div.title-box{
	position: absolute;
	top: -283px;
	width: 940px;
	height: 543px;
	background: url('../img/bck-title-resultats-esperats.png') top center no-repeat;
	padding: 25px 67px 7px 67px;
}
body.resultats-esperats div.content-inner div.title-box h1{
	color: #fff;
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 2.4em;	
	text-align: center;
	margin: 0 auto;
	width: 560px;
}
body.resultats-esperats div.content-inner div.title-box h2{
	border-top: 1px dotted #fff;
	color: #fff;
	width: 537px;
	text-shadow: none;
	font-size: 1.3em;
	text-align: center;
	margin: 5px auto;
	padding-top: 5px;
	line-height: 110%;
}
body.resultats-esperats div.content-inner ul li{
	background: none;
}
body.resultats-esperats div.naiade-box div.first-box{
	float: none;
	width: 672px;
	margin: 20px auto;
}
body.resultats-esperats div.text-description{
	float: left;
	width: 100%;
	background: rgba(197, 214, 215, 0.80);
	border: 6px solid #D0E0E2;
	float: left;
	border-radius: 6px;
	padding: 10px 20px;
	margin-top: 30px;
}
body.resultats-esperats div.naiade-box{
	float: left;
	width: 100%;
}
body.resultats-esperats div.text-description p{
	border: 1px dotted #8E9FA0;
	padding: 10px 20px;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
}
body.resultats-esperats div.naiade-box div.left-box{
	float: left;
	width: 140px;
	color: #fff;
	opacity: 0;
}
body.resultats-esperats div.naiade-box div.left-box span.first{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 4.5em;
	float: left;
	width: 100%;
	text-align: center;
}
body.resultats-esperats div.naiade-box div.left-box span.second{
	float: left;
	width: 100%;
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 2.5em;
	font-weight: 700;
	text-align: center;
}
html[lang="en"] body.resultats-esperats div.naiade-box div.left-box span.second{
    font-size: 1.6em;
    margin-top: 8px;
}
body.resultats-esperats div.naiade-box div.left-box span.third{
	float: left;
	width: 100%;
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}
html[lang="en"] body.resultats-esperats div.naiade-box div.left-box span.third{
    font-size: 2.5em;
}
body.resultats-esperats div.naiade-box div.right-box{
	width: 496px;
	float: left;
}
body.resultats-esperats div.naiade-box ul li.naiade-elem{
	float: left;
	display: inline;
	opacity: 0;
}
body.resultats-esperats div.cranc-box{
	float: left;
	width: 100%;
	margin-top: 50px;
}
body.resultats-esperats div.cranc-box div.first-box{
	float: left;
	width: 100%;
}
div.cranc-box div.first-box div.text-description{
	width: 420px;
}
div.cranc-box div.first-box div.right-box-cranc{
	background: url('../img/bck-crack-right-box.png') 0px 100px no-repeat;
	float: left;
	margin-top: 29px;
	height: 157px;
	width: 572px;
	color: #fff;
}
div.cranc-box div.first-box div.right-box-cranc ul{
	float: left;
	margin-top: 33px;
	padding-left: 10px;
}
div.cranc-box div.first-box div.right-box-cranc ul li{
	float: left;
	display: inline;
	padding-left: 0px;
	opacity: 0;
}
div.cranc-box div.right-box-cranc span.first-span{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 1.5em;
	float: left;
	text-align: center;
	background: url('../img/ico-up.png') 0px 5px no-repeat;
	padding-left: 20px;
	margin-top: 51px;
	margin-left: 66px;
	opacity: 0;
}
div.cranc-box div.second-box div.text-description{
	width: 540px;
}
div.cranc-box div.second-box div.right-box-second-cranc{
	color: #fff;
}
div.second-box div.right-box-second-cranc span.first-cranc-2{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 3em;
	float: left;
	text-align: center;
	opacity: 0;
	background: none;
	margin-top: 0px;
	margin-left: 60px;
}
div.second-box div.right-box-second-cranc span.second-cranc-2{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 1.5em;
	font-weight: 700;
	padding-top: 4px;
	float: left;
	padding-left: 14px;
	opacity: 0;
}
div.second-box div.right-box-second-cranc div.img-cranc{
	background: url('../img/img-cranc-gran.png') top left no-repeat;
	width: 362px;
	height: 184px;
	float: left;
	opacity: 0;
}
div.cranc-box div.third-box div.text-description{
	width: 500px;
}
div.third-box{
	position: relative;
	width: 100%;
	float: left;
}
div.third-box div.right-box-cranc-2 div.img-afanomicosi{
	background: url('../img/img-afanomicosi.png') top left no-repeat;
	width: 362px;
	height: 239px;
	float: left;
	position: absolute;
	top: -33px;
	right: 90px;
	opacity: 0;
}
div.tortuga-box{
	float: left;
	width: 100%;
	position: relative;
	margin-top: 120px;
}
div.tortuga-box div.left-box-tortuga{
	float: left;
}
div.tortuga-box div.first-box div.text-description{
	float: right;
	width: 450px;
}
div.tortuga-box div.second-box div.text-description{
	float: right;
	width: 520px;
}
div.tortuga-box div.first-box{
	float: left;
	width: 100%;
}
div.tortuga-box div.img-tortuga{
	background: url('../img/img-tortuga.png') top left no-repeat;
	width: 537px;
	height: 272px;
	float: left;
	position: absolute;
	top: 35px;
	left: 6px;
	opacity: 0;
}
div.tortuga-box div.left-box-tortuga span.first-tortuga{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 2.5em;
	text-align: center;
	opacity: 0;
	background: none;
	position: absolute;
	top: 86px;
	left: 14px;
	z-index: 10;
}
div.barb-box{
	width: 100%;
	float: left;
	margin-top: 120px;
	position: relative;
}
div.barb-box div.img-barb{
	background: url('../img/img-barb-gran.png') top left no-repeat;
	width: 410px;
	height: 150px;
	float: left;
}
div.barb-box div.left-box-barb{
	opacity: 0;
}
div.barb-box div.left-box-barb div.txt-box-barb{
	float: right;
	width: 575px;
	text-align: center;
	opacity: 0;
}
div.barb-box div.left-box-barb span.first{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 2.8em;
	text-align: center;
	background: none;
	color: #fff;
	float: left;
	margin-left: 77px;
}
div.barb-box div.left-box-barb span.second{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 2em;
	font-weight: 700;
	padding-top: 13px;
	float: left;
	padding-left: 14px;
	color: #fff;
}
div.barb-box div.right-box-barb ul li{
	float: left;
	display: inline;
	opacity: 0;
}
div.cargolets-box{
	width: 100%;
	float: left;
	margin-top: 120px;
	position: relative;
	min-height: 353px;
}
div.cargolets-box div.text-description{
	float: left;
	width: 490px;
}
div.cargolets-box div.img-cargolets{
	background: url('../img/img-cargolets.png') top left no-repeat;
	width: 421px;
	height: 392px;
	position: absolute;
	top: -62px;
	left: 489px;
}
div.cargolets-box div.left-box-cargolets{
	opacity: 0;
}
div.cargolets-box div.txt-box span.first{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 2.5em;
	text-align: center;
	background: none;
	position: absolute;
	top: 48px;
	right: 281px;
}
div.cargolets-box div.txt-box span.second{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 2.5em;
	text-align: center;
	background: none;
	position: absolute;
	top: 48px;
	right: 129px;
}
div.totes-box{
	float: left;
	width: 100%;
}
div.totes-box div.img-totes{
	background: url('../img/img-tots-especies.png') top left no-repeat;
	width: 949px;
	height: 267px;
	float: left;
	opacity: 0;
}
div.america-box{
	float: left;
	width: 100%;
	position: relative;
	margin-top: 120px;
}
div.america-box div.img-america{
	background: url('../img/img-cranc-america.png') top left no-repeat;
	width: 404px;
	height: 267px;
	float: left;
	/* opacity: 0; */
}

div.america-box div.text-description{
	float: right;
	width: 416px;
	margin-right: 74px;
}
div.america-box div.left-box-america{
	position: absolute;
	left: 98px;
	top: 3px;
	width: 404px;
	height: 267px;
}
div.america-box div.first-box{
	float: left;
	width: 404px;
	height: 266px;
}

div.musclo-box{
	float: left;
	position: relative;
	margin-top: 120px;
}
div.musclo-box div.img-musclo{
	background: url('../img/img-musclo-zebra.png') top left no-repeat;
	width: 354px;
	height: 267px;
	float: left;
	opacity: 0;
}
div.musclo-box div.text-description{
	float: left;
	width: 416px;
	margin-left: 75px;
}
div.musclo-box div.right-box-musclo{
	position: absolute;
	right: 68px;
	top: 3px;
	width: 404px;
}
div.musclo-box div.first-box{
	float: left;
	width: 472px;
	height: 256px;
}
div.altres-box{
	float: left;
	width: 100%;
	position: relative;
	margin: 120px 0px;
}
div.altres-box div.left-box{
	float: left;
	width: 450px;
}
div.altres-box div.right-box{
	float: right;
	width: 416px;
}
div.altres-box div.left-box span.first{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 2em;
	font-weight: 700;
	padding-top: 51px;
	float: left;
	padding-left: 14px;
	color: #fff;
}
div.altres-box div.right-box span.first{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	font-size: 1.5em;
	font-weight: 700;
	padding-top: 57px;
	float: left;
	padding-left: 22px;
	color: #fff;
}
div.altres-box span.second{
	font-family: 'Raleway', Helvetica, Arial, sans-serif, cursive;
	font-weight: 700;
	font-size: 2.8em;
	text-align: center;
	background: none;
	color: #fff;
	float: left;
	margin-left: 10px;
	background: #DF2642;
	border: 6px solid #fff;
	border-radius: 50%;
	padding: 41px 11px 44px 11px;
	height: 51px;
	width: 124px;
}
div.altres-box div.graph-1{
	width: 79px;
	float: right;
	margin-right: 99px;
	margin-top: 20px;
	height: 87px;
	background: #fff;
}
div.altres-box div.graph-2{
	width: 79px;
	float: right;
	margin-right: 65px;
	margin-top: 20px;
	height: 39px;
	background: #fff;
}
div.altres-box div.txt-box{
	float: left;
}
div.altres-box div.text-description{
	margin-top: 0px;
}
div.content-inner div.brcm-list-of-news ol li div.brcm-image-and-caption img{
    border-radius: 10px;
    width: 150px;
    border: 4px solid #EFF0F0;
}
div.content-inner div.brcm-news-detail div.brcm-image-and-caption img{
    border-radius: 10px;
    border: 4px solid #EFF0F0;
}
body.actualitat div.brcm-generic-element-with-images-on-the-right, body.actualitat div.brcm-generic-element-with-images-on-the-left, body.actualitat div.brcm-generic-element-with-image-gallery, body.actualitat div.brcm-generic-element-with-big-images, body.actualitat div.brcm-list-of-attachments, body.actualitat div.brcm-list-of-subpages, body.actualitat div.brcm-form{
    background: none;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
body.actualitat div.brcm-body h3{
    text-align: center;
    margin: 20px 0px;
    border: 1px dotted #8E9FA0;
    padding: 12px 20px;
}
body.oficina-tecnica div.brcm-body h3{
    margin: 40px 0px;
    text-align: center;
    margin-bottom: 50px;
    border: 1px dotted #8E9FA0;
    padding: 12px 20px;
}
body.beneficiaris div.brcm-body h2{
    text-align: left;
}
body.home div.brcm-body h2{
    text-align: left;
    font-size: 2.2em;
    font-weight: 700;
}
div.passos-box{
    float: left;
    width: 100%;
    position: relative;
    height: 177px;
    margin-bottom: 30px;
}
div.passos-box a{
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    font-size: 1.4em;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.passos-box a:hover{
    color: #1393A0;
}
div.content-inner div.passos-box h3{
    color: #fff;
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    text-shadow: 0px 2px 0px #2A4B4F;
    text-align: center;
    font-size: 2.0em;
}
div.content-inner div.passos-box ul li{
    float: left;
    display: inline;
    background: transparent url('../img/bck-second-passos.png') 0px 0px no-repeat;
    width: 214px;
    height: 37px;
    padding: 18px 0px;
    text-align: center;
}
div.content-inner div.passos-box ul li.first-element{
    float: left;
    display: inline;
    background: transparent url('../img/bck-first-passos.png') 0px 0px no-repeat;
    width: 214px;
    height: 37px;
    padding: 18px 0px;
    text-align: center;
    left: 0px;
    z-index: 9;
    position: absolute;
}
div.content-inner div.passos-box ul li.second-element{
    left: 205px;
    z-index: 9;
    position: absolute;
}
div.content-inner div.passos-box ul li.third-element{
    left: 404px;
    z-index: 9;
    position: absolute;
}
div.content-inner div.passos-box ul li.fourth-element{
    left: 603px;
    z-index: 9;
    position: absolute;
    font-size: 0.8em;
}
div.content-inner div.passos-box ul li.fifth-element{
    background: transparent url('../img/bck-last-passos.png') 0px 0px no-repeat;
    right: 0px;
    z-index: 9;
    position: absolute;
    width: 190px;
    font-size: 0.8em;
}
div.center{
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 515px;
}
a.life-button{
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    color: #fff;
    background: url('../img/img-life-bt.png') top left no-repeat;
    padding: 9px 82px 20px 34px;
    float: left;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: none!important;
    font-size: 1.4em;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: 20px 0px;
}
span.SG-life-button{
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    color: #fff;
    background: url('../img/img-life-bt.png') top left no-repeat;
    padding: 9px 34px 20px 34px;
    float: left;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: none!important;
    font-size: 1.4em;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: 20px 0px;
}
html[lang="es"] span.SG-life-button{
    padding: 9px 91px 20px 52px;
}
html[lang="en"] span.SG-life-button{
    padding: 9px 126px 20px 127px;
}
span.SG-life-button a{
    color: #fff;
    text-decoration: none;
    text-shadow: none!important;
}
div.brcm-list-of-news{
    float: left;
    width: 100%;
}
div.brcm-list-of-events{
    float: left;
    width: 100%;
}
div.content-inner div.brcm-body h3.SG-subtitol-centrat{
    margin: 20px 0px;
    text-align: center;
    border: 1px dotted #8E9FA0;
    padding: 12px 20px;
    float: left;
    width: 96%;
}
div.brcm-newsletter-subscription{
    float: left;
    width: 100%;
    background: rgba(242, 245, 245, 0.8);
    border-radius: 6px;
    border: 6px solid #FFF;
    padding: 10px 20px;
    margin: 25px 0px;
}
div.content-inner div.brcm-newsletter-subscription h2{
    font-size: 2.0em;
    margin-top: 4px;
}
div.brcm-newsletter-subscription form{
    float: left;
    width: 100%;
}
div.brcm-newsletter-subscription div.brcm-invitation{
    margin-bottom: 7px;
    text-align: center;
    line-height: 130%;
}
div.brcm-newsletter-subscription div.brcm-fields{
    float: left;
    margin-left: 202px;
}
div.brcm-newsletter-subscription label{
    margin-right: 8px;
}
div.content-inner div.brcm-newsletter-subscription input[type="text"]{
    margin-right: 8px;
    background: #fff;
    padding: 9px 7px;
    height: auto;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif, cursive;
    font-size: 1.0em;
    border-radius: 4px;
}
div.content-inner div.brcm-newsletter-subscription input[type="submit"]{
    background: url('../img/bck-button-news.png') top left no-repeat;
    padding: 6px 16px 9px 16px;
    float: left;
    border-radius: 4px;
    font-size: 1.1em;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    color: #fff;
    border: 0px;
    font-weight: 700;
}
div.content-inner div.brcm-newsletter-subscription input[type="submit"]:hover{
    color: #EEF9FC;
}
div.content-inner h2.departament-titol{
    font-size: 1.8em;
    margin-top: 0px;
}
body.news-detail div.content-inner h2, body.event-detail div.content-inner h2{
    text-align: left;
    font-size: 2.0em;
    margin-top: 18px;
    font-weight: 700;
}
body.one-box div.content-inner{
    background: rgba(197, 214, 215, 0.80);
    border: 6px solid #D0E0E2;
    float: left;
    border-radius: 6px;
    width: 100%;
    padding: 20px 40px;
    margin-bottom: 40px;
}
body.zones-actuacio div.content-inner{
    background: rgba(197, 214, 215, 0.80);
    border: 6px solid #D0E0E2;
    float: left;
    border-radius: 6px;
    width: 100%;
    padding: 20px 40px;
    margin-bottom: 40px;
}

body.one-box div.brcm-generic-element-with-images-on-the-right, body.one-box div.brcm-generic-element-with-images-on-the-left, body.one-box div.brcm-generic-element-with-image-gallery, body.one-box div.brcm-generic-element-with-big-images, body.one-box div.brcm-list-of-attachments, body.one-box div.brcm-list-of-subpages, body.one-box div.brcm-form, body.one-box div.generic-box, body.one-box div.content-inner ul.brcm-list-of-subpages{
    background: none;
    border: 0px;
    float: left;
    border-radius: 0px;
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
}
body.zones-actuacio div.content-inner ul.brcm-list-of-subpages{
    width: 75%;
    float: none;
    margin: 0 auto;
    padding-top: 0px;
}
body.zones-actuacio div.content-inner ul.brcm-list-of-subpages li{
    float: left;
    display: inline;
    width: 47%;
}
body.zones-actuacio div.content-inner h2{
    margin-bottom: 0px;
}
body.zones-actuacio div.content-inner ul.brcm-list-of-subpages{
    background: none;
    border: 0px;
}
div.brcm-pagination{
    text-align: center;
    margin: 20px 0px;
    border: 1px dotted #8E9FA0;
    padding: 12px 20px;
    float: left;
    width: 100%;
}
div.brcm-pagination .brcm-next{
    float: right;
}
div.brcm-pagination .brcm-previous{
    float: left;
}
div.brcm-category{
    display: none;
}


/* 
$ Footer Styles
----------------------
*/

#footer{
	width: 100%;
	min-height: 62px;
	display: block;
	float: left;
	margin-top: 0px;
	background: #fff;
	margin-bottom: 35px;
}
#credits{
	float: left;
	width: 100%;
}
#footer div.logos-box{
	background: #fff;
	float: left;
	width: 100%;
	margin: 20px 0px;
}
#footer div.logos-box ul li{
	float: left;
	display: inline;
}
#footer p{
	font-size: 11px;
}
div.signature{
	float: none;
	margin: 0px auto;
	width: 480px;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif, cursive;
}
div.signature ul li{
	float: left;
	display: inline;
	height: 60px;
}
div.signature ul li.last-item{
    float: left;
    margin-top: 11px;
    margin-left: 20px;
}
div.signature ul li a{
    color: #fff;
}
div.content-inner div.brcm-newsletter-module div.brcm-form{
    margin-top: 50px;
}
div.content-inner div.brcm-form div.brcm-field div.brcm-errors{
    color: #AE6258;
    font-weight: 600;
    margin-top: 8px;
    font-size: 0.8em;
}
div.content-inner div.brcm-newsletter-module ul.brcm-list-of-modules li div.brcm-module{
    border: 1px solid #6DB8B0;
    font-size: 0.8em;
}
div.content-inner div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-select-interests.brcm-open a{
    /* font-size: 0.8em; */
    font-weight: normal;
}
div.content-inner div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-show-hide{
    border: 1px solid #6DB8B0;
    font-size: 0.8em;
    height: 24px;
    border-left: 0px;
}
div.content-inner div.brcm-newsletter-module div.brcm-select-interests ul{
    border: 1px solid #6DB8B0;
    background: #EDEDED;
    height: auto;
    border-top: 0px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
}
div.content-inner div.brcm-newsletter-module div.brcm-select-interests.brcm-open ul{
    opacity: 1;
}
div.content-inner div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-show-hide a{
    font-weight: 500;
}
div.content-inner div.brcm-newsletter-module h2{
    float: left;
    width: 100%;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif, cursive;
    font-size: 1.0em;
    text-shadow: none;
     text-align: left;
}
div.content-inner div.brcm-newsletter-module ul{
    float: left;
    width: 100%;
}
div.content-inner div.brcm-newsletter-module div.brcm-form div.brcm-field, div.content-inner div.brcm-newsletter-module div.brcm-field{
    margin: 14px 0px;
    margin-top: 8px;
    float: left;
    width: 100%;
}

/* 
=======================
$ STYLE GUIDE
======================= 
*/

div.content-inner p, div.content-inner ol, div.content-inner ul, div.content-inner table{
	margin: 10px 0px;
	line-height: 150%;
}
div.content-inner ul{
	list-style-type: none;
	line-height: 20px;
	margin-top: 5px;
}
div.content-inner ul li{
	padding-left: 15px;
	background: url('../img/punto-ul.png') 0px 9px no-repeat;
	margin: 6px 0px;
}
div.content-inner div.brcm-body ul li{
    float: left;
    width: 100%;
    line-height: 150%;
}
div.content-inner ul li ul li{
	padding-left: 18px;
	font-size: 13px;
}
div.content-inner ul li ul li ul li{
	padding-left: 5px;
}
div.content-inner h1{
	font-size: 42px;
	color: #B0B0B0;
	margin-bottom: 10px;
	line-height: normal;
}
div.content-inner h2{
	font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
	color: #284345;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-size: 3.0em;
	margin-bottom: 10px;
	line-height: normal;
	margin-top: 28px;
}
div.content-inner h3{
	font-size: 1.2em;
	color: #284345;
	margin-bottom: 20px;
	line-height: normal;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.51);
}
div.content-inner h1 + h2{
	margin-top: 5px;
}
div.content-inner h2 + h3{
	margin-top: 5px;
}
div.content-inner table{
	margin: 20px 0 20px 0px;
}
div.content-inner table th{
	padding: 7px 15px;
	border: 1px #D2D2D2 solid; 
	background: #E4E4E4; 
	color: #737373;
	font-weight: bold;
}
div.content-inner table td{
	padding: 7px 15px;
	border: 1px #D2D2D2 solid;
	color: #737373;
}

div.content-inner input[type="text"], div.content-inner input[type="password"], textarea{
	margin-right: 8px;
    background: #fff;
    padding: 9px 7px;
    height: auto;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif, cursive;
    font-size: 1.0em;
    border-radius: 4px;
    border: 0px;
}
div.content-inner input[type="submit"]{
	background: url('../img/bck-button-news.png') top left no-repeat;
    padding: 6px 16px 9px 16px;
    float: left;
    border-radius: 4px;
    font-size: 1.1em;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: 'Dancing Script', Helvetica, Arial, sans-serif, cursive;
    color: #fff;
    border: 0px;
    font-weight: 700;
}

/* Estils error */

body.especies.error div.content-inner h1.title-error{
    font-size: 85px;
    background: none;
    text-align: center;
    height: 85px;
    padding-bottom: 0px;
}
body.especies.error div.content-inner h1{
    padding-top: 3px;
    font-size: 1.4em;
}
body.especies.error div.error-box{
    background: url('../img/bck-error.png') top center no-repeat;
    width: 100%;
    height: 530px; 
    float: left;
}
body.especies.error div.content-inner a{
    color: #fff;
    text-shadow: none;
}


/* IE styles */

/* estils per IE 6, 7 i 8 en tots els media */

@media \0screen\,screen\9 { 
	div.nuvol-1{
		position: absolute;
		top: 20px;
		left: 50px;
	}
	div.nuvol-2{
		position: absolute;
		top: 140px;
		left: 650px;
	}
	div.nuvol-3{
		position: absolute;
		top: 260px;
		left: 120px;
	}
	div.nuvol-4{
		position: absolute;
		top: 180px;
		left: 0px;
	}
	div.nuvol-5{
		position: absolute;
		top: 300px;
		left: 1000px;
	}
}

/* estils per IE 8, 9 i 10 en tots els media */

@media screen\0 {
	div.nuvol-1{
		position: absolute;
		top: 20px;
		left: 250px;
	}
	div.nuvol-2{
		position: absolute;
		top: 20px;
		left: 850px;
	}
	div.nuvol-3{
		position: absolute;
		top: 220px;
		left: 120px;
	}
	div.nuvol-4{
		position: absolute;
		top: 180px;
		left: 1500px;
	}
	div.nuvol-5{
		position: absolute;
		top: 220px;
		left: 1200px;
	}
	body.resultats-esperats div.naiade-box div.left-box, body.resultats-esperats div.naiade-box ul li.naiade-elem, div.cranc-box div.first-box div.right-box-cranc ul li, div.cranc-box div.right-box-cranc span.first-span, div.second-box div.right-box-second-cranc span.first-cranc-2, div.second-box div.right-box-second-cranc span.second-cranc-2, div.second-box div.right-box-second-cranc div.img-cranc, div.third-box div.right-box-cranc-2 div.img-afanomicosi, div.tortuga-box div.img-tortuga, div.tortuga-box div.left-box-tortuga span.first-tortuga, div.barb-box div.left-box-barb, div.barb-box div.left-box-barb div.txt-box-barb, div.barb-box div.right-box-barb ul li, div.cargolets-box div.left-box-cargolets, div.totes-box div.img-totes, div.america-box div.img-america, div.musclo-box div.img-musclo{
		opacity: 1;
	}
	div.right-navigation div.brcm-navigation{
		background: #F2F7F8;
	}
	div.left-navigation li.brcm-first-item a{
		background: #F2F7F8 url('../img/ico-info.png') 6px 10px no-repeat;
	}
	div.especies-box{
		background: #C5D6D7;
	}
	div.zona-box{
		background: #C5D6D7;
	}
    div.last-news{
        background: #F0F0F0;
    }
    div.brcm-generic-element-with-images-on-the-right, div.brcm-generic-element-with-images-on-the-left, div.brcm-generic-element-with-image-gallery, div.brcm-generic-element-with-big-images, div.brcm-list-of-attachments, div.brcm-list-of-subpages, div.brcm-form, div.generic-box, body.resultats-esperats div.text-description{
        background: #C5D6D7;
    }
    
    
}