/* globals */

/*fontface*/


@font-face {
	font-family: 'Museo500';
	src: url('fonts/MuseoSans/MuseoSans_500.otf');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'Museo300';
	src: url('fonts/MuseoSans/MuseoSans_300.otf');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'Museo700';
	src: url('fonts/MuseoSans/MuseoSans_700.otf');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'MuseoSlab';
	src: url('fonts/Museo_Slab_500.otf');
	font-weight: normal;
	font-style: normal;
	}
	
	
	
/*@font-face {
	font-family: 'Museo500';
	src: url('fonts/MuseoSans/MuseoSans_500.otf');
	src: local('?'), url('../../eaufont/eau_sans_bold-webfont.woff') format('woff'), url('../../eaufont/eau_sans_bold-webfont.ttf') format('truetype'), url('../../eaufont/eau_sans_bold-webfont.svg#webfont93076u9w') format('svg');
	font-weight: normal;
	font-style: normal;
	}

*/	
	
body					{ background-color: #fff; color: #333; font: 0.8em ; height: 100%; min-height: 100%;margin: 0; padding: 0; }



h1 {font-family: 'MuseoSlab',Arial,Helvetica,sans-serif;color: #fff; text-transform: uppercase; text-shadow: 0.1em 0.1em 0.05em #000;margin: 0 20px 0 230px; padding-top: 30px;text-align: center;width: 450px; font-size: 2.2em;}

	h1 a{text-decoration: none; color: #fff;}
	
h3 {display: block;font-family: 'Museo300',Arial,Helvetica,sans-serif; font-weight: normal; font-size: 0.9em; color: #fff; margin: 0; padding: 0;}
h4 {color: #333; font-size: 1.2em; margin-bottom: 0; margin-top: 3em;}
	h4.primerh4{margin-top: 1em;}


.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

:focus					{ -moz-outline-style: none; }


p						{ line-height: 1.5em;}
blockquote				{ border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }
code					{ background: #EAEAEA; color: #333; font-family: Consolas,Monaco,Courier,monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
pre code				{ background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }

input[type=text], input[type=password], textarea	{ background: url(../../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=submit], #wp-email-submit    {  background: url(../../images/postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px; color:#FFF; }
input[type=submit]:hover, #wp-email-submit:hover    { border: 1px solid #CCC; background: url(../../images/topnav.jpg) repeat-x; color:#333; }

table					{ border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }
th, td					{ padding: 5px; border: 1px solid #CCC; border-width: 1px; }
th, thead th			{ font-weight: bold; color: #333; background: url(../../images/topnav.jpg) repeat-x top #CCC; }
td, tbody td			{ background: #F0F0F0; }

/* common classes */
.aligncenter			{ display: block; margin: 0 auto; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, 
img.alignleft			{ border: 3px solid #EEE; }

.textcenter				{ text-align: center; }
.textright				{ text-align: right; }
.textleft				{ text-align: left; }

.noticebox				{ background-color: #fff9d7; border: 1px solid #e2c822; color: #333; margin-bottom: 20px; padding: 10px; }
.noticebox a			{ color: #000; }

.sub					{ font-size: 11px; color: #848485; }
.negreta{font-weight: bold;}
.ui-tabs-hide, .hide	{ display: none !important; }

.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

.tags a:link, .tags a:visited	{ font-weight: bold; text-decoration: none; padding: 2px 4px; background: #FFF; display: inline-block; margin-bottom: 3px; }

.Museo100{font-family: 'Museo100',Arial,Helvetica,sans-serif;}

#fons_negre {background: #000 url(imatges/fons_soroll.png) repeat 0 0; margin: 0; padding: 0;}
#wrap {margin-left: 80px; }
#capcal {margin-bottom: 20px;height: 145px; width: 919px;}
#uab{float: left; width: 114px; height: 124px; background: #fff url(imatges/uab.png) no-repeat 0 0; margin: 0; padding: 0; text-indent: -3000px;}
#autors{float: right; color: #fff;font-size: 0.8em; font-family: 'Museo700',Arial,Helvetica,sans-serif; text-shadow: 0.1em 0.1em 0.05em #000; text-indent: 0; margin-top: 20px;}
	#autors ul{margin: 0; padding: 0;}
	#autors ul li{list-style: none; padding: 0; margin: 0;}
#menu{margin: 3em 0 0 0px;  }
#menu li{display: inline; }
#menu li a{margin-right: 1em;height: auto; width:auto;text-align: center; font-family: 'Museo500',Arial,Helvetica,sans-serif; font-weight: bold; color: #fff; text-transform: uppercase;font-size: 1em; background: #66CC00; text-decoration: none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: -1px -1px 0px rgba(0,0,0,0.3); padding: 0.5em 1em 0.4em 2.3em;}

#menu li a:hover, #menu li a:active, #menu li.actiu a{ background: #4FA101;}

#menu li.servidor a{background: #fff !important;}

#menu li.presentacio a{background-image: url(imatges/lipresentacio.png)!important;	background-position: 8px 6px;background-repeat: no-repeat;}
#menu li.metodologia a{background-image: url(imatges/limetodologia.png)!important;	background-position: 8px 7px;background-repeat: no-repeat;}
#menu li.referencias a{background-image: url(imatges/lireferencias.png)!important;	background-position: 8px 7px;background-repeat: no-repeat;}
#menu li.servidor a{background-image: url(imatges/liservidor.png)!important;	background-position: 8px 7px !important; background-repeat: no-repeat !important; color: #000; text-shadow: none;}

#descripcio{float: left; width: 260px; color: #fff;font-family: 'Museo500',Arial,Helvetica,sans-serif; font-size: 0.8em; text-shadow: 0.1em 0.1em 0.05em #000;margin-top: 3em; }
	
#lenosas{ position: absolute;  z-index: 1000; width: 1024px; height: 375px;background: url(imatges/lenosas.png) no-repeat left bottom; margin-bottom: 0; padding-bottom: 0;}


#contingut{ color: #000; font-family: 'Museo300',Arial,Helvetica,sans-serif; width: 900px; margin-top: 3em; padding: 1em 1.5em 9em 1.5em;font-size: 0.8em;line-height: 1.3em; background: #fff url(imatges/peu_interior.png) no-repeat bottom left;}
	#contingut ul.separat li, #contingut ol.separat li {margin-top: 1em;}
	#contingut a{background: #66CC00; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; ; text-shadow: none; padding: 1px 3px 1px 3px;}
		#contingut a:hover{background: #4FA101;}
#peu{z-index: 4000;background: #fff; clear: both; color: #00B8E6; margin: 0;padding: 40px 0 30px 0;font-family: 'Museo700',Arial,Helvetica,sans-serif;}
	#peu p{width: 400px; margin: 0 auto; text-align: center; font-size: 0.8em;}