/* ############################### PLANTILLA
*/
body {
	margin: 20px 0 0 0;
	font-size: 12px;
	text-align: center;
	color: #777;
	line-height: 1.2em;
	font-family: Verdana, Tahoma, "Lucida Grande", sans-serif;
	background: url(img/disseny/bg.gif);
	}
div#container {
	width: 960px; 
	margin: 25px auto;
	text-align: left;
	border: 10px solid #fff;
	-moz-border-radius: 8px;
	background: #fff
	}
	div#header {

		}
			div#rotator {
				width: 960px;
				height: 260px;
				background: url(headers/rotator.php) no-repeat;
				}
				div#rotator  h1{
					padding: 90px 0 20px 50px;
					}
	div#content-wrap {
		padding: 0px;
		background: url(img/disseny/bg_contingut.jpg) bottom right no-repeat;
		}
		div.content {
			float: right;
			width: 750px;
			padding-bottom: 150px !important;
			}
			.navigation {
				display: block;
				text-align: center;
				margin: 0;
				padding: 10px;
				}
			div.content-in {
				padding: 10px 0;
				}
				div.content-in p {
					margin: 5px 10px 10px 10px;
					}
				div.content-in h2 {		/* Post / Page*/
					font: bold normal 150% Arial;
					color: #FFF;
					background: #000;
					border-left: 10px solid #bdbdbd;
					padding: 10px 0 10px 10px;
					width: 730px;
					margin: 0 0 10px 0;
					position: relative
					}
				div.content-in h2.nom {		/* Post / Page*/
					color: #fe0;
					border-left: 10px solid #fe0;
					}
					div.content-in h2 a:link, div.content-in h2 a:visited{
						color: #eee;
						}
					div.content-in h2 a:hover{
						color: #fff;
						text-decoration: none;
						}
					div.content-in h3 { /* Sub Post / Sub Page*/
					font: bold normal 125% Arial;
					margin: 15px 0 10px 0;
					padding: 10px 0 8px 32px;
					background: #eee url(img/icons/predefinit.png) no-repeat 10px 50%;
					color: #333;
					}
					div.content-in h3 a, div.content-in h3 a:link { /* Sub Post / Sub Page*/
					color: #fff;
					}
					div.content-in h3 a:hover { /* Sub Post / Sub Page*/
					color: #000;
					}
				div.content-in h4 { /* Subsub Post / Subsub Page*/
					font: bold 120% Arial;
					padding: 5px 10px;
					color: #966;
					border-bottom: 1px dashed #ccc;
					}
				div.content-in div.post {
					margin: 10px 0 10px 0;
				}
				div.content-in div.contingut {
					margin: 0;
					padding: 0 10px 5px 10px;
					color: #666;
					font-size: 100%;
					}
		div.column {
			width: 200px;
			float: left;
			}
			div.column-in {
				margin: 10px 0;
				padding:  0;
				}
				div.column-in p {
					text-align: left;
					padding: 5px 10px;	
					}
				div.column-in ul{
					margin: 10px 5px;
					text-align: left;
					list-style-type: none;
					text-align: left;
					}
				div.column-in ul li{
					padding: 0 0 5px 20px;
					background: url(img/icons/predefinit.png) no-repeat;	
					}
				div.column-in ul li li {
					background: url(img/icons/predefinit_2.png) no-repeat;	
					}
				div.column-in ul.seccions li{
					background: url(img/icons/seccions.png) no-repeat;					
					}
				div.column-in ul.seccions li li {
					background: url(img/icons/subseccions.png) no-repeat;					
					}
				div.column-in ul.categories li{
					background: url(img/icons/categories.png) no-repeat;					
					}
				div.column-in ul.categories li li {
					background: url(img/icons/subcategories.png) no-repeat;					
					}
				div.column-in ul.mes-esperat li{
					background: url(img/icons/mes-esperat.png) no-repeat;					
					}
				div.column-in ul.afiliats li{
					background: url(img/icons/afiliats.png) no-repeat;					
					}
				div.column-in ul.afiliats li li {
					background: url(img/icons/afiliat.png) no-repeat;					
					}
				div.column-in ul.extern li{
					background: url(img/icons/urls.png) no-repeat;					
					}
				div.column-in ul.extern li li {
					background: url(img/icons/url.png) no-repeat;					
					}
		div#footer {
			background: #333;
			}
			div#footer-in {
				color: #eee;
				padding: 20px;
				}
				div#footer-in  h6 {
				font-weight: bolder;
				font-size: 110%;
				}
				div#footer-in  a:link, div#footer-in  a:visited{
					color: #aaa;
					}
				div#footer-in  a:hover{
					color: #fe0;
					text-decoration: none;
					}

/* ############################### CLASSES GLOBALS I ESTANDARS
*/
#basura-iex {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 300px;
  border: 4px solid #c00;
  text-align: justify;
  padding: 10px;
  background: #333;
  color: #FFF;
  font-size: 100%;
}
#basura-iex a:link, #basura-iex a:visited {
	color: #Fe0;
	text-decoration: none;
}
#basura-iex a:hover {
	color: #Fe0;
	text-decoration: underline;
}

.justify {text-align: justify;}
.float_dreta {float: right;margin: 0 0 10px 10px;}
.float_esquerra {float: left;margin: 0 10px 10px 0;}
.centre {text-align: center;}
.dreta {text-align: right;}
.ads {text-align: center; margin: 10px 0;}
.petit {font-size: 80%;}
.tip {background: #eee url(img/icons/tip.png) no-repeat 98% 50%; padding: 10px; border-left: 5px solid #39f;}

img {border: 0px; text-decoration: none;}
a img{
	border: 0px;
	text-decoration: none;
	}
a:link, a:visited {
	color: #a00;
	text-decoration: none;
	}
a:hover {
	color: #f00;
	text-decoration: none;
	}
strong {
	font-weight: bolder;
	}
small {
	font-size: 77%;
}
abbr {
	border-bottom: 1px dotted #666;
	color:#000;
	cursor: help;
}
em {
	font-style: italic;
}
hr {
	border: 0;
	width: 80%;
}
.clr {
	clear: both;
}	
	
/* ############################### FITXA
*/
#ficha {
	border-bottom: 1px dashed #ddd;
	background: url(img/bg/ficha.png) no-repeat bottom right;
	padding: 0 0 10px 0;
}
#sub1 {
	padding: 10px;
	border-left: 5px solid #e66;
	margin: 0 auto;
	background: #eee url(img/bg/srt.png) no-repeat 98% 50%;
}
#sub2 {
	padding: 10px;
	border-left: 5px solid #e66;
	margin: 5px auto;
	background: #eee url(img/bg/srt.png) no-repeat 98% 50%;
}
#ed2k {
	padding: 10px;
	border-left: 5px solid #e66;
	margin: 5px auto;
	background: #eee url(img/bg/emule.png) no-repeat 98% 50%;
}
#bt {
	padding: 10px;
	border-left: 5px solid #e66;
	margin: 5px auto;
	background: #eee url(img/bg/utorrent.png) no-repeat 98% 50%;
}
/* # h3 icons # */
div.content-in h3.ficha-tecnica {
	padding: 8px 0 8px 30px;
	background: #b1e632 url(img/icons/ficha.png) no-repeat 10px 50%;
	}
div.content-in h3.trailer  {
	padding: 8px 0 8px 30px;
	background: #00a3cc url(img/icons/trailer.png) no-repeat 10px 50%;
	}
div.content-in h3.scene  {
	padding: 8px 0 8px 30px;
	background: #f64d4d url(img/icons/rips.png) no-repeat 10px 50%;
	}
div.content-in h3.critica  {
	padding: 8px 0 8px 30px;
	background: #333 url(img/icons/opinio.png) no-repeat 10px 50%;
	}
div.content-in h3.metadatos  {
	padding: 8px 0 8px 30px;
	background: #edc718 url(img/icons/metadata.png) no-repeat 10px 50%;
	}
/* # ul ol li icons # */
div.content-in ol.numerat {
	margin: 10px 0 10px 20px;
	}
div.content-in ol.numerat li {
	padding: 0 10px 0 0;
	margin: 5px 0 5px 35px;
	list-style-type: decimal;	
	text-align: justify;
	}
div.content-in ul li{
	margin: 10px 0 10px 20px;
	list-style: none;	
	padding: 0 10px 0 30px;
	background: url(img/icons/predefinit.png) no-repeat 10px 50%;
	}
div.content-in ul.scene li {
	background: url(img/icons/scene.png) no-repeat 10px 50%;
	}
div.content-in ul.ficha li {
	background: url(img/icons/ficha.png) no-repeat 10px 50%;
	}
div.content-in li.autor {
	background: url(img/icons/autor.png) no-repeat 10px 50%;
	}
div.content-in li.data  {
	background: url(img/icons/data.png) no-repeat 10px 50%;
	}
div.content-in li.stats  {
	background: url(img/icons/stats.png) no-repeat 10px 50%;
	}
div.content-in li.url  {
	background: url(img/icons/url.png) no-repeat 10px 50%;
	}
div.content-in li.ficha-tecnica  {background: url(img/icons/ficha.png) no-repeat 10px 50%;}
div.content-in li.trailers  {background: url(img/icons/trailer.png) no-repeat 10px 50%;}
div.content-in li.scene  {background: url(img/icons/rips.png) no-repeat 10px 50%;}
div.content-in li.critica  {background: url(img/icons/critica.png) no-repeat 10px 50%;}
div.content-in li.metadatos  {background: url(img/icons/metadata.png) no-repeat 10px 50%;}
/* ############################# FORMULARIS
*/
input {
margin: 10px 0 0 0;
padding: 4px;
color: #333;
background: #fff;
border: 1px solid #bbb;
}
textarea {
margin: 0 auto;
border: 1px solid #bbb;
width: 100%;
background: #fff;
padding: 10px;
font: normal 120% Verdana;
color: #000;
}
select {
 background-color: #fff;
 color: #333;
}
