/* @override http://www.lluciariba.com/ndxz-studio/site/sample/style.css */

/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @Modified by Llucią Riba
*/
* {
	margin: 0;
	padding: 0;
}

html {
    overflow: auto;
}

body {
	/*font-size: 10.5px/150%;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
		/*font-weight:150;*/
		color:#d1d0d0;
		background-image:url(../../../images/fondoP2.jpg);
		background-repeat:no-repeat;
		background-color:#000000;
		background-attachment:fixed;
}

body.section-1 { }

body.section-2 { }

body.section-3 {
	background-image:url(../../../images/portada2.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-attachment:fixed;
}

a {
	font-size: 11px;
	text-decoration: none;
}

a:link { color: #8c8a89; }

a:active { color: #8c8a89; }

a:visited { color: #8c8a89; }

a:hover { color: #FFFFFF; }

a img { border: none; }

/**  LOGO  **/

#logo { }

#logo p {
	margin-left: 33px;
	padding: 13px 0 10px;
}

/**  MENU  **/

#menu {
	float: left;
	width: 293px;
	overflow: auto;
	top: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	height: 100%;
	background-color: #13100e;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.container { padding: 0 0 0 0; }

#menu ul { list-style: none;/*margin: 0 0 18px 0;*/ }

#menu li {
	margin-left: 33px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
}

li.section-title { }

#menu ul li.section-title {
	text-align: left;
	/*font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font: 11px "Lucida Grande", Lucida, sans-serif;
	color: #d1d0d0;
	/*text-transform: uppercase;*/
	margin-left: 33px;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 9px;
	letter-spacing: .07pc;
}

#menu p { margin-left: 33px; }

/**  PRE-MENU  **/

#avMenu {
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.07pc;
	/*text-transform: uppercase;*/
		color:#8c8a89;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
}

#avMenu p { padding:2px 0; }

#avMenu p.pmAct { color:#d1d0d0; }

/**  BUILT  **/
#mail {
	padding-left:33px;
	padding-top:33px;
}

#fiMenu { color:#52504d; }

#fiMenu a:link { color:#52504d; }

#fiMenu a:visited { color:#52504d; }

#fiMenu a:active { color:#52504d; }

#fiMenu a:hover { color:#FFFFFF; }

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

#cont {
	padding-top: 66px;
	padding-bottom: 66px;
	margin-bottom: 66px;
}



.sobreMi { margin-bottom:0; padding-bottom:0; margin-top:0 }

#cont p {
	width: 450px;
	margin-top: 15px;
	border:1px #FFFFFF;
}

#cont h1 {	/* titol video */
	font-size:14px;
	font-weight: bold;
	margin: 0;
}

#cont h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size:12px;
	font-weight:normal;/*font-style:italic;*/
}

#contTitolNormal {
	margin-bottom: 15px;
	width:450px
}

#contTitolNormal h1 {
	font-size:14px;
	font-weight: bold;
	margin-bottom: 15px;
}

#cont .soft { color: #8c8a89 }

#cont .inicio {
	color: #FFFFFF;
	/*color: #8c8a89;*/
	font-size:14px
}

#cont a.home {
	margin-left: 4px;
	margin-bottom: 4px
}

#cont img.left {
	float: left;
	padding-right:10px;
}

#cont img.left:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#cont img.home {
	height: 96px;
	width:0
}

#cont img.separador {
	width:0;
	height: 75px;
	clear: both
}

#cont ul { list-style: none;/*margin: 0 0 18px 0;*/ }

#cont li {
	/*text-transform: lowercase;*/
	/*margin-left: 33px;*/
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
}

h1 { font-size: 32px; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

h4 { font-size: 12px; }

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

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

#img-container a img {
	border:2px solid #191512;
	margin: 2px;
	padding: 0;
}

#once { clear: left; }

/*#section-title {
	color: #444444;
}*/
.insertaImatge { float:left; }

.insertaImatge img {
	border:2px solid #191512;
	margin: 2px;
	padding: 0;
}

/*						
.clearfix:after {		< :after  inserta un codi al html al final de la classe
    content: ".";
    display: block;
    clear: both;		< aixņ fa que s'acabi el float
    visibility: hidden;
    line-height: 0;
    height: 0;
}
*/