/**
* CSS
* 
* @version 1.0
* @author Albert Simó
* @For NINOTS PC
* @Project: http://www.retrats.org
* ----------------------------------------
* http://losimo.cat
* http://www.twitter.com/losimo
* ----------------------------------------
*/
* * {
margin:0;
padding:0;
}
body {
	background:#FFFFFF url(1_background.jpg) fixed no-repeat;
	font-family:Verdana,sans-serif;
	font-size:12px;
}

body.section-1 {
}
body.section-2 {
}
body.section-3 {
}

a:link {
	color:#000;
	text-decoration:none;
}

a:active {
	text-decoration:none;
}

a:visited {
	color:#000;
    text-decoration:none;
}

a:hover {
	color:#fff;
	background-color:#B22744;
}

ul li a:hover {
	background-color:#B22744;
}
a img {
	border:medium none;
    
}

#menu {
	height:100%;
	text-align:right;
	overflow:auto;
	position:fixed;
	width:210px;
}

#menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:9px 0 0px;/*espai entre enllaços*/
}

#menu ul li.section-title {
	
}

#content {
	height:100%;
	margin:0px 0 0 305px;
}

.container {
	padding: 127px 15px 5px 0px;
}

#content p {
	color:#000; 
	background-color:#fff;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	margin-bottom:9px;
	width:708px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
	padding-bottom:10px;
}

p {
	color:#000;
	margin:0 0 9px;
}

h1 {
	font-size:42px;
}

h2 {
	font-size:26px;
    padding:0px 0px 25px 30px;
}

h3 {
	font-size:18px;
    text-align: left;
    padding:0px 0px 25px 30px;
}

#inici h2 {
    width:800px;
    padding:65px 0 25px 0px;
}
#inici p {
    position:relative;
    width:800px;
}


#cola {
    padding:150px 0 25px 0px;
}

#cola2 {
    padding:5px 0 20px 50px;    
} 

h3 {
	font-size:16px;
}

h4 {
	font-size:13px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
	padding-bottom:10px
}

h4 img{
        vertical-align:-79%;
}

h4 p{
    margin:9px 0 0px;
}

h5 {
	font-size:13px;
    margin:-25px -10px 20px;
    padding:0 300px;
    text-align:left;
}

#img-container {
	margin:0;
	padding:0;
}

#img-container p {
	margin:0;
	padding:0 0 12px;
	width:400px;
}

#once {
	clear:left;
}

#imatges a:hover {
	position:relative;
    background-position: top;
    background:none;
}
#galeria a {
        padding-bottom:5px;
        padding-left: 15px;
        padding-right: 90px;
        position:relative;
        background-position: top;
        background:none;
}

#direct {
        margin:-3px;

}

#pdf {
    text-align:left;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
    margin-left:70px;
    margin-bottom:15px;
}

#product {
    text-align:center;
        
}

#product a:hover {
    background:none;
}

#taulaimg {
    margin-top:20px;
    
}

tr {
    text-align:center;
}

tr a:hover {
    background:none;
}

.taula20 {
	text-align: center;	
}
/*  efecte logos */
#colabora {
	float:none;
	margin:130px 0 0 5px;
	width:780px;
}

#colabora ul ul, #colabora ul li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		float:left;
		margin:10px 0;
		width:255px;
		
}

#colabora ul#principal li#patro-ferre a {
			background:transparent url(http://www.retrats.org/img/ferre_logotrans.png) no-repeat scroll center center;
			display:block;
			height:37px;
			width:100%;
			
}

#colabora ul#principal li#patro-ferre a:hover {
	background:transparent url(http://www.retrats.org/img/ferre_logo.png) no-repeat scroll center center;
}


#colabora ul#principal li#patro-arep a {
			background:transparent url(http://www.retrats.org/img/AREP_logotrans.png) no-repeat scroll center center;
			display:block;
			height:37px;
			width:100%;
}

#colabora ul#principal li#patro-arep a:hover {
	background:transparent url(http://www.retrats.org/img/AREP_logo.png) no-repeat scroll center center;
}

#colabora ul#principal li#patro-fecafamm a {
	background:transparent url(http://www.retrats.org/img/FECAFAMM_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-fecafamm a:hover {
			background:transparent url(http://www.retrats.org/img/FECAFAMM_logo.png) no-repeat scroll center center;
}

#colabora ul#principal li#patro-sf a {
	background:transparent url(http://www.retrats.org/img/sfprod_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-sf a:hover {
			background:transparent url(http://www.retrats.org/img/sfprod_logo.jpg) no-repeat scroll center center;
}

#colabora ul#principal li#patro-tatou a {
	background:transparent url(http://www.retrats.org/img/tatou_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-tatou a:hover {
			background:transparent url(http://www.retrats.org/img/tatou_logo.png) no-repeat scroll center center;
}

#colabora ul#principal li#patro-bcn a {
	background:transparent url(http://www.retrats.org/img/icub_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-bcn a:hover {
			background:transparent url(http://www.retrats.org/img/icub_logo.png) no-repeat scroll center center;
}

#colabora ul#principal li#patro-andreu a {
	background:transparent url(http://www.retrats.org/img/standreu_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-andreu a:hover {
			background:transparent url(http://www.retrats.org/img/standreu_logo.png) no-repeat scroll center center;
}

#colabora ul#principal li#patro-can a {
	background:transparent url(http://www.retrats.org/img/canfabra_logotrans.png) no-repeat scroll center center;
	display:block;
	height:37px;
	width:100%;
}

#colabora ul#principal li#patro-can a:hover {
			background:transparent url(http://www.retrats.org/img/canfabra_logo.png) no-repeat scroll center center;
}


#colabora ul li a span {
		display:none;
}