body{
	color:#004030;
}
h2{
	color:#297C6A;
}
h3 {
	color:#297C6A;
}

#container{
	background-color:#ffffff;
}

#content{
	background-repeat:no-repeat;
	background-position:left bottom;
}

#content div#intro {
	background-repeat:no-repeat;
	background-position:center bottom;
}

div#intro{
	background-image:url(/img/webquest/f_aigua.gif);
	height:525px;
}
#content {
	background-image:url(/img/webquest/f_aigua2.gif);		
	background-repeat:no-repeat;
	background-position:left bottom;
}
#content.intro, #content.gallery_print {
	background-image:none;
}
 

div#task {
	height:320px;
	min-height:320px;
}


#content {
	padding-bottom:20px;
}	

div#intro .globo{
	margin-left:164px;
	margin-top:40px;
	margin-bottom:-21px;
}

.globo .left{
	background-image: url(/img/webquest/globus2_aigua.png);
	background-color:transparent;
	background-repeat:repeat-y;
	background-position:0px 28px;
}
.globo .right,.globo .center{
	background: #ffffff url(/img/webquest/globus7_aigua.gif) left top repeat-x;
}
.globo-end{
	background-image: url(/img/webquest/globus4_aigua.gif);
	background-position: 28px 0px;
	background-repeat:no-repeat;
}
.intro .globo-end{
	background-image: url(/img/webquest/globus4_aigua_intro.gif);
	background-position: 28px 0px;
	background-repeat:no-repeat;
}
.globo .right {
	background: #ffffff url(/img/webquest/globus8_aigua.gif) right top repeat-y;
}
#header_webquest .in{
	background-image:url(/img/webquest/header_aigua.gif);
}
#menu a{
	color:#297C6A;
	text-decoration:none;
}
#menu li{
	background-image:url(/img/webquest/sepmenu_aigua.gif);
}
#menu li.on a{
	background-color:#297C6A;
	color:white;
}

.prevnext a{
	color:#297C6A;
	font-weight:bold;
}
.prevnext li {
	height:24px;
	padding-top:5px;
	background:url(/img/webquest/pastillaprevnext.gif) left top no-repeat;
}
.prevnext li.prev {
	padding-left:10px;
}
.prevnext li.next{
	padding-right:10px;
	background:url(/img/webquest/pastillaprevnext.gif) right top no-repeat;
}
.prevnext li.prev a{
	background-image:url(/img/webquest/prev_aigua.gif);
}
.prevnext li.next a{
	background-image:url(/img/webquest/next_aigua.gif);
}

#triptic *{
	font-size:0.92em;
	text-align:left;
	text-transform:uppercase;
}
#triptic{
	font-weight:bold;
	width:90%;
	text-align:center;
	margin:0 auto;
}
#triptic td{
	height:60px;
}
#triptic td.noline{
	border-right:0px;
}
#triptic td.alignright{
	width:50%;
	border-left:0px;
	text-align:right;
}
table.border *{
	border-color:#064960;
}

p.printesp a{
	color:#064960;
}
p.download{
	text-align:right;
	padding-right:30px;
}
a.more{
	color:#064960;
	font-size:0.85em !important;
	text-decoration:none;
	display:block;
	text-align:right;
}


fieldset{
	border:0px;
	margin-bottom:20px;
}
fieldset.main .globo{
	background:#00684C url(/img/webquest/ffieldsetmain_aigua.gif) no-repeat left bottom;
}
fieldset.main .globo .left, fieldset.main .globo .right,fieldset.main .globo .center{
	background-color:transparent;
	background-image:none;
}
fieldset.main .globo .left{
	width:33px;
}
fieldset.main .globo .center{
	width:662px;
}
fieldset.main .globo .center .in{
	padding-bottom:15px;
}
fieldset.main .globo .right{
	float:right;
	width:27px;
}

textarea{
	background-color:#F9FAF1;
	border:1px solid #999999;
	width:624px;
}
label{
	display:block;
	margin-bottom:10px;
}
label span{
	padding-right:10px;
}
label span,p.legend{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}

label span span.help{
	display:inline;
	font-weight:normal;
	text-transform:none;
	font-size:0.9em;
	padding-left:10px;
	padding-right:0px;
}

.school label span, #fscaptcha_legaldata label span{
	float:left;
	width:190px;
	font-weight:normal;
	font-size:0.85em;
	text-transform:none;
	text-align:right;
}

#fscaptcha_legaldata input{
	background-color:#F9FAF1;
	border:1px solid #999999;
}
#fscaptcha_legaldata label.check{
	width:100%;
	float:right;
	text-align:right;
}
#fscaptcha_legaldata label.check span{
	width: auto !important;
	float:right;
}
#fscaptcha_legaldata label.check span, #fscaptcha_legaldata label.check input {
	margin-top:10px;
	border:0px;
	background-color:transparent;
}
#fscaptcha_legaldata label.check input
{
	margin-right:10px;
}
.school label input{
	background-color:#F9FAF1;
	width:423px;
	border:1px solid #999999;
}
fieldset.main span{
	color:white;
}
fieldset.main input{
	background-color:#F9FAF1;
	width:624px;
	border:1px solid #999999;
}
input.boton{
	background-color:#00684A;
	color:white;
	font-size:1.2em;
	border:1px solid black;
}

.faketextarea{
	display:block;
	background:#ffffff;
	border:1px solid red;
	overflow-y:scroll;
	background-color:#F9FAF1;
	border:1px solid #999999;
	width:421px !important;
	margin-left:3px;
	text-align:left !important;
	padding:2px;
	height:100px;
	min-height:100px;
}
label > .faketextarea{
	margin-left:0px;
}
div.buttons{
	text-align:right;
	width:665px;
	margin:0px 0px 10px;
}

#bigtriptic{
	background:url(/img/webquest/interiortriptic.gif) repeat-y;
}
div.initriptic{
	background:url(/img/webquest/ini_triptic.gif) no-repeat left top;
	height:9px;
	overflow:hidden;
}
div.fitriptic{
	background:url(/img/webquest/fi_triptic.gif) no-repeat left bottom;
	height:9px;
	clear:both;
}

#toptriptic{
	padding-bottom:120px;
}
#bigtriptic{
	overflow:hidden;

}
#bigtriptic h4{
	margin-top:0px;
	padding-top:0px;
	text-transform:uppercase;
}
#bigtriptic .text{
	color:#444444;
	margin-bottom:15px;
}
img.ico{
	padding-left:10px;
	vertical-align:middle;
}
.inside-content.fullet{
	margin-left:40px;
}
.triptic1,.triptic2, .triptic3{
	float:left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.triptic-in{
	padding:9px 16px;
}
.triptic1{
	width:305px;
}
.triptic1 .triptic-in{
	padding:0px 15px 0px 20px;
}
.fotom{
	width:270px;
	margin:20px 0px 8px 0px;
}
.ampliarfoto{
	color:#0D4D63 !important;
	padding-left:15px;
	background:url(/img/webquest/ico_ampliar.gif) no-repeat left center;
	text-decoration:none;
	font-size:0.85em;
}
.triptic1 h3{
	margin:0px 0px 10px 6px;
	padding:3px 8px 7px 8px;
	color:white;
	text-align:center;
	text-transform:none;
	font-size:1.4em;
	font-family:arial,helvetica,sans-serif;
	background:url(/img/webquest/ftitoltriptic.gif) no-repeat left bottom;
}
.triptic2{
	width:300px;
}
.triptic3{
	width:301px;
}
h3 a{
	color:#064960 !important;
	text-decoration:none;
	font-family:arial,helvetica,sans-serif;
}
.imprimir{
	display:block;
	margin-top:10px;
	background-color:transparent;
	width:90%;
}
.imprimir p{
	margin:0px;
	padding:0px;
}

div.previus_a{
	display:block;
	width:auto;
	float:right;
	text-align:right;
}
a.ant{
	display:block;
	width:auto;
	margin:4px 0;
	padding-left:25px;
	margin-right:40px;
	background-image:url(/img/webquest/prev_animals.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#E87902;
	font-weight:bold;
	text-decoration:none;
}

.biggest table th, .biggest  table td{
	padding:0px;
	font-size:0.8em;
}
.biggest table{
	margin-right:20px;
}
.avaluacio{
	margin-top:10px;
}

table.autoavaluacio, table.avaluacio{
	margin-bottom:10px;
}
 caption {
	font-size:1em;
	font-weight:bold;
	text-align:left;
	margin:5px 0 1px;
}

.gallery .globo .in div.gallery_info p{
	display:block;
	float:left;
}
	
.potab,.potabilitzadora  h3, a.potab{color:#BDCF00;}
.dessa, .dessalinitzadora  h3, a.dessa {color:#00A0A7;}
.embas, .embassament  h3, a.embas {color:#E50083;}
.depu, .depuradora  h3, a.depu {color:#F49D00;}

.afegir_preg,.delete_preg{
	display:block;
	width:220px;
	padding-bottom:10px;
	text-align:right;
	color:white !important;
	font-weight:bold;
	text-decoration:none;
}


div.block-fitxa {
	border:1px solid #D6EEF7;
}

ul.gallery {
	margin:0 !important;
	padding:0 !important;
}
ul.gallery li {
	width:310px !important;
	margin:0;
	padding:0;
	margin:0 0 15px 5px;
	float:left;
}
ul.gallery li ol {
	margin-left:15px;
	padding-left:15px;
	
}
ul.gallery li li{
	width:auto !important;
	float:none !important;
	list-style-type:decimal;
	margin:0 0 3px 0;
	line-height:1.2em;
}

ul.gallery li div.in {
	padding:0 !important;
}
p.date {
	font-size:0.8em !important;
	padding:0 2px;
	margin:0 !important;
	text-align:right;
}

div.input_floatl {
	float:left;
	display:block;
	text-align:left;
	width:10px;
}

.gallery li div.in .fitxa_block h3 {color:#ffffff; font-size:1.1em; padding:4px 0 3px !important; margin:0px; text-transform:uppercase;}
.gallery li div.in.dessalinitzadora .fitxa_block h3, div.in.ciclo_agua_dessalinitzadora .fitxa_block h3{background:#00AAAD;}
.gallery li div.in.potabilitzadora .fitxa_block h3, div.in.ciclo_agua_potabilitzadora .fitxa_block h3{background: #BDCF00;}
.gallery li div.in.depuradora .fitxa_block h3, div.in.ciclo_agua_depuradora .fitxa_block h3{background: #F49D00;}
.gallery li div.in.embassament .fitxa_block h3, div.in.ciclo_agua_embassament .fitxa_block h3{background: #ED008C;}


.gallery li div.in.dessalinitzadora div.fitxa_block, .dessalinitzadora div.gallery_info, .ciclo_agua_dessalinitzadora div.gallery_info, .gallery li div.in.ciclo_agua_dessalinitzadora div.fitxa_block{border-color:#00AAAD;}
.gallery li div.in.potabilitzadora div.fitxa_block, .potabilitzadora div.gallery_info, .ciclo_agua_potabilitzadora div.gallery_info, .gallery li div.in.ciclo_agua_potabilitzadora div.fitxa_block {border-color: #B3D234;}
.gallery li div.in.depuradora div.fitxa_block, .depuradora div.gallery_info, .ciclo_agua_depuradora div.gallery_info, .gallery li div.in.ciclo_agua_depuradora div.fitxa_block{border-color: #F9A01B;}
.gallery li div.in.embassament div.fitxa_block, .embassament div.gallery_info, .ciclo_agua_embassament div.gallery_info, .gallery li div.in.ciclo_agua_embassament div.fitxa_block{border-color: #ED008C;}

.gallery li div.in .fitxa_block h4 {
	font-size:1em;
	line-height:1.2em;
	margin:0;
	margin-bottom:10px;
}
.gallery li div.in {
	margin-top:10px;
}

.gallery li div.in div.fitxa_block {
	border-style:solid;
	border-width:15px;
	border-top:none;
	margin:0 0 0 20px;
	padding:0;
}

.gallery li div.in div.fitxa_block div.border-int {
	padding:5px;
}

.gallery li div.gallery_info {
	padding:4px;
	border-width:1px;
	border-style:solid;
	height:225px;
	min-height:225px;
}

ul.gallery li div.gallery_info ol li {
	font-size:1em;
}

li.answer1 {
	font-weight:bold;
}

.buttons input {
	color:#ffffff;
	background:#297C6A;
	width:auto;
}

.impressio p.date {
	display:none;
}

.clearb {
	clear:both;
}

.pager li a, .pager li strong, div.pagecount, .paginatorproc  {
	color:#297C6A;
}

.pager li strong {
	color:#000000;
}

input.imprimir_fitxa {
	float:right;
	margin:10px 18px;
	background:#297C6A;
	border:1px solid #297C6A;
	color: #ffffff;
}
div.previus {
	margin:10px 27px
}
div.previus a {
	margin:0;
	background:#297C6A;
	display:block;
	color:white;
	padding:2px;
	text-align:center;
	font-weight:normal;
	width:60px;
	text-decoration:none;
}
a.afegir_preg, a.delete_preg {
	background:#ffffff;
	border: 1px solid #307C6A;
	color:#297C6A !important;
	display:block;
	float:right;
	margin:0 50px 10px 0;
	padding:2px 4px;
	width:auto;
	text-align:center;
}
a.delete_preg  {
	float:left;
	margin:0 0 10px 45px;
}

.globus_rcorner {
	display:block;
	width:1px;
	height:1px;
}

.gallery li div.in.impressio img {
	display:block;
	margin-left:20px;
}

.nota_imprimir p, .nota_imprimir ol {
	margin-bottom:5px;
	margin-top:0;}
