* {margin:0px ; padding:0px ; border: 0px} /* li indico el valor 0 per els marges */
body {
	background-image: url(objects/background.png);
	background-color: #394a54;
	background-position:center;
} /* aixo es posa pk quedi centrada per tots els navegadors */
a {color: white; text-decoration: none ; display: block } /* modifico els links i el text decoration es pk no surtin subrrallats. El display block fa que no t' agis de posar a sobre les lletres per activar el puto link */
a:link {}
a:visited {
	}
a:hover {
	color:#c3fd94;
	text-decoration:none;
	}
a:active{
	} /* totes aquestes linies son per definir els diferents estats de un linc com vols que surtin i de quin color */
#cabecera a {
	color: black; text-decoration: none ; display: block  ;
	}
#cabecera a:link {
	}
#cabecera a:visited {
	}
#cabecera a:hover {
	color:green;
	text-decoration:none;
	}
#cabecera a:active {
	font-size: 18px;
	}
	
	
p {
	} /* dic que tots els parrafos estiguin justificats */ 
#navegacion {
	text-align: center;
	border-bottom: white 1px solid;
	height:50px;
	width: 832px;
	position: inherit;
	font-family: "Arabic typesetting";
	font-weight: regular;
	margin-left: 35px;
	margin-top: 5px;
	margin-bottom: 40px;
	color: #b59ab3;
			}
#navegacion li {
	line-height: 20px;
	float:left;
	list-style:none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-size:30px;
			}
#navegacion h1 {
				font-size:22px 
			}
#contenido {
	font-family: "verdana";
	font-size: 14px;
	color: white;
	width: 860px;
	margin-left: 37px;
	margin-bottom: 0px;
	text-align: justify;
			}
#contenido p {
		padding: 10px 0px 0px 10px ; 
		text-indent: 1px;
		} /* tots els parrafs tendran un paddin concre. el text ident es pk la primera frase surti mes endarrera. */
#sinopsiscat {
	float: left;
		width: 300px;
		margin-left: 60px;
		}
#sinopsisesp {
		float: left;
		width: 300px;
		margin-top: 20px;
		margin-left: 60px;
		margin-bottom: 50px;
			
		}
#sinopsising {
		float: left;
		width: 300px;
		margin-top: 20px;
		margin-left: 60px;
		}
#curt {
	float: left;
	margin-bottom: 50px;
margin-top: 90px;
		}
#reel {
	margin-right: 0px;
	margin-left: 170px;
margin-top: 50px;
		}
#aboutme {
	margin-right: 0px;
	margin-left: 100px;
		}
#pie {	
	text-align: left;
	position: static;
	clear: both;
	width: 832px;
	margin-left: 37px;
	margin-top: 50px;
	border-top: white 1px dashed;
	} 
#pieiz {
	line-height: 15px;
	font-size: 12px;	
	float:left;
	font-family: "Verdana";
	margin-top: 10px;
	}
#pieder {
	float:left;
	width:416px;
	text-align: right;
	}
#global {
	width:902px;
	margin: 4px auto
} /* mergin es margen 4px es para el margen que deixarem per dalt i per baix i auto per el dels costats */

h1 {
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-align: center
} /* el titol h1 el defineixo puc ferne fins a 6 */
/* #publicidad {background-color: pink ; width:518px ; float:right ; margin-top:25px} */
#cabecera { 
			/*background-image: url(objects/top.png) ; */
			width:"902" height:"173" ;
			margin:15px 0px 10px 0px
			}

/* #menu {
	background-color: blue;
	width: 150px;
	float:left;
	text-align:center;
	margin-right: 10px;
	margin:0px 10px 10px 0px
		} /* float es perque floti a la dreta */
#menu li {
	list-style:none;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid;
	font-size: 24px;
} /* vol dir que tot el que i agi dintre de menu que tingui el comando li, li afectara la ordre. en aquest cas que no surti cap punt ni res. i no i agi marges amunt aball dreta i eskerra */
*/
