/* http://www.pixea.com.mx/ || Diseño gráfico || Lorena Salas & Lino Ramírez */
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*Formatos generales*/
*{
	margin:0;
	border:0;
	padding:0;
	color:#666;
	font:1em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	}
body{
	background-color:#462d46;
	}
p{
	color:#fff;
	font:.95em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	margin: .5em 0;
	text-align:justify;
	}
	.bold{
		font-weight:bold;
		color:#fff;
		}
h1{
	color:#fff;
	font:1.5em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	margin:0 0 .4em;
	font-weight: bold;
	}
h2{
	color:#fff;
	font:1.15em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	margin:0 0 .4em;
	font-weight: bold;
	}
h3{
	color:#fff;
	font:1.1em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	}
h4{
	color:#fff;
	font:.9em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	text-align:right;
	}
/*Links*/
a:link{
	color:#99FF66;
	}
a:visited{
	color:#99CC00;
	}
a:hover{
	color:#CCFF00;
	background-image:url(pixea/images/bg-dark.png);
	text-decoration: none;
	}
a:active{
	color:#666666;
	text-decoration: none;
	}

/*Navegacion*/
.logo{
	float:left;
	}
	.logo li{
		list-style:none;
		}
		.logo li a{
			display:block;
			}
			.logo li.pixea a{
				background-image:url(pixea/images/logo.png);
				background-repeat:no-repeat;
				height:90px;
				width:224px;
				}
.language{
	font-size:.8em;
	width:100%;
	height:25px;
	text-align:right;
	}
	.language a{
	color:#fff;
	}
	.language a:hover{
	color:#CCFF00;
	}
.navholder{/*Sin "navholder" la barra está pegada arriba*/
	padding-top:52px;
	}
.nav{
	float:right;
	}
	.nav li{
		float:left;
		list-style:none;
		}
		.nav li a{
			color:#fff;
			display:block;
			background-repeat:repeat;
			text-align:center;
			padding:2px 4px;
			text-decoration:none;
			width:7.5em;
			background:url(pixea/images/bg-purple.png);
			}
			.nav li a:hover,
			#inicio .nav li.inicio a,
			#portafolio .nav li.portafolio a,
			#extras .nav li.extras a,
			#contacto .nav li.contacto a{
				background:url(pixea/images/bg-dark.png);
				color:#99CC33;
				}
			.nav li a:active,
			#inicio .nav li.inicio a,
			#portafolio .nav li.portafolio a,
			#extras .nav li.extras a,
			#contacto .nav li.contacto a{
				background:url(pixea/images/bg-dark.png);
				color:#999;
				}
/*Fondo*/
#bg1,#bg2,#bg3,#bg4{
	position:absolute;
	left:0;
	width:100%;
	height:1250px;
	}
#bg1{
	top:0;
	background:url(pixea/images/BG1.jpg) 50% 0;
	background-repeat:no-repeat;
	}
	
#bg2{
	top:1250px;
	background:url(pixea/images/BG2.jpg) 50% 0;
	background-repeat:no-repeat;
	}

#bg3{
	top:2500px;
	background:url(pixea/images/BG3.jpg) 50% 0;
	background-repeat:no-repeat;
	}
	
#bg4{
	top:3750px;
	background:url(pixea/images/BG4.jpg) 50% 0;
	background-repeat:no-repeat;
	}

/*Otros*/
#container{
	width:80%;
	max-width:1000px;
	min-width:740px;
	height:5000px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
#floatleft{
	width:50%;
	float:left;
	}
#floatright{
	width:50%;
	float:right;
	}
#footer{
	text-align:center;
	font-size:0.75em;
	color:#fff;
	height:20px;
	}
.pic{
	float:left;
	margin:0 1em 0 0;
	}
.pusher{
	height:250px;
	}
.spacer{
	clear:both;
	line-height:0;
	height:30px;
	}
#postit{
	position:absolute;
	bottom:240px;
	left:30%;
	height:208px;
	width:235px;
	}
	#postit a:hover{
	background-image:none;
	}
/*Secciones*/
#inicio{
	height:830px;
	}
	#inicio .bienvenidos{
		width:55%;
		left:0px;
		max-width:900px;
		padding:1em;
		background-image:url(pixea/images/bg-purple.png);
		}
	#inicio .titulo{
		width:55%;
		left:0px;
		max-width:900px;
		padding:.5em 0 .5em 1em;
		}
#portafolio{
	height:1300px;
	}		
	#portafolio .trabajo{
		width:auto;
		padding:1em;
		margin:0 5% 10px 5%;
		background-image:url(pixea/images/bg-purple.png);
		}
	/*Galería de fotos*/
	.gallery{
		width:auto;
		padding:.5em;
		background-image:url(pixea/images/bg-purple.png);
		}
			.left{margin:0 5px 10px 10%;}
			.right{margin:0 10% 10px 5px;}
	.gallery ul{
		list-style: none;
		}
	.gallery ul li{
		display: inline;
		}
	.gallery ul img{
		border: solid #000;
		border-width: 2.5px;
		}
	.gallery ul a:hover img{
		border: solid #fff;
		border-width: 2.5px;
		color: #fff;
		}
	.gallery ul a:hover{
		color: #fff;
		}
#contacto{
	height:1250px;
	}		
	#contacto .formholder{
		width:35%;
		max-width:900px;
		padding:1em;
		margin:0 5% 0 0;
		background-image:url(pixea/images/bg-purple.png);
		}
	#contacto .form{
		width:20em;
		clear:both;
		}
	input, textarea{
		width:16em;
		border:none;
		background-color:#fff;
		color:#333366;
		margin:3px;
		padding:3px;
		font:1em 'Calibri', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
		}
	input:hover,
	textarea:hover,
	input:focus,
	textarea:focus{
		background-color:#E2D7F4;
		}
#extras{
	height:850px;
	}		
	#extras .links{
		float:right;
		width:55%;
		max-width:900px;
		padding:1em;
		margin:0 0 1em 0;
		background-image:url(pixea/images/bg-purple.png);
		}