*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
/* end Reset */

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ clear:both; float:left; width:100%;}

.celeste{ color:#3aa9ce;}
.deco{ text-decoration:underline;}

a{ text-decoration:none; color:#3aa9ce; }
a:hover{text-decoration:underline;}


body{
	background:#fff;	
	color:#ffffff;
	font-family: "Trebuchet MS", Helvetica, Arial; 
	font-size:12px;
}


/* General */
.wrapper{ width:906px; margin:0 auto;}

h1.title{ display:none;}


#top,
#header,
#content,
#footer{
	float:left; clear:both; width:100%;

}


#top{
	background:#3aa9ce;
}
#top p{ text-align:left;}
#top p#contacto{ padding-top:10px;}
#top p.alRight{ text-align:right; padding:2px 0;}

	#top p.alRight a{
		 color:#fff;
		 text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;
		 font-weight:bold; font-size:9px;
	}
		#top p.alRight a:hover{ text-decoration:none; color:#333;}
	
	#top a.contactoDown{
		background:url(images/arrow-show.gif) no-repeat right center;
		padding-right:9px;	
	}
	#top a.contactoUp{
		background:url(images/arrow-hide.gif) no-repeat right center;
		padding-right:9px;	
	}


/* Header */
#header{
	padding-top:15px;
}
	#header a.logo{
		background:url(images/logo.gif) no-repeat;
		float:left; display:inline;
		height:171px; margin-top:10px;
		width:646px;
		text-indent:-9999px;
	}

#header .wrapper{ position:relative;}
#header a.idioma{
	float:left; clear:both;
	position:absolute; right:0; top:171px;
	background: url(images/english.gif) no-repeat;
	width:113px; height:10px;
	text-indent:-9999px;
}
	#header a.idioma:hover{background: url(images/english-over.gif) no-repeat;}
#header a.idiomaEsp{
	float:left; clear:both;
	position:absolute; right:0; top:168px;
	background: url(images/spanish.gif) no-repeat;
	width:140px; height:13px;
	text-indent:-9999px;
}
	#header a.idiomaEsp:hover{background: url(images/spanish-over.gif) no-repeat;}

	
/* Menu */	
#menu{
	float:right; display:inline;
	text-align:right;
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:22px;
}
	#menu a{
		color:#c5c4c4;
		clear:both;
		padding-left:12px;
	}
	#menu a:hover,
	#menu a.activo{
		background:url(images/menu-over.gif) no-repeat left center;
		color:#3aa9ce;
		text-decoration:none;
	}
	

	

#content{
	background:#484847;
	border-bottom:4px solid #3aa9ce;
	padding-top:62px; padding-bottom:80px;

}

#intro{
	padding-left:35px;
	background: url(images/title-acerca.gif) no-repeat 5px top;
	text-align:justify;
}
	#intro p{ margin-bottom:15px;}
	#intro p a{ text-decoration:underline;}



#portfolio{  width:790px;}
#portfolio ul#filter{float:left; clear:both; width:100%;}
#portfolio ul#filter li{ 
	display:inline;
		font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
#portfolio ul#filter li a{
		color:#fff;
		padding-left:10px; margin-right:5px;
	}
#portfolio ul#filter li a:hover,
#portfolio ul#filter li.current a{
		background:url(images/arrow-over.gif) no-repeat left center;
		color:#3aa9ce;
		text-decoration:none;
	}
	
#portfolio ul.portfolio li{
	float:left; clear:both; width:100%;
	padding:10px 0;
	position:relative;
}
a#grafica08{
	background:url(../portfolio/grafica/08.jpg) no-repeat;
	float:left; clear:both;
	width:650px; height:399px;
	text-indent:-9999px;
}
a#grafica08:hover{ background:url(../portfolio/grafica/08-rollover.jpg) no-repeat;}
a#grafica09{
	background:url(../portfolio/grafica/09.jpg) no-repeat;
	float:left; clear:both;
	width:650px; height:399px;
	text-indent:-9999px;
}
a#grafica09:hover{ background:url(../portfolio/grafica/09-rollover.jpg) no-repeat;}
a#grafica16{
	background:url(../portfolio/grafica/16.jpg) no-repeat;
	float:left; clear:both;
	width:650px; height:399px;
	text-indent:-9999px;
}
a#grafica16:hover{ background:url(../portfolio/grafica/16-rollover.jpg) no-repeat;}

#art-zombie{
	float:left; clear:both; width:650px;
	height:399px;

}
#art-zombie:hover{
	background:url(../artwork/zombie-rollover.jpg) no-repeat;
	text-indent:-9999px; float:left; clear:both;
}

.hidden{ display:none;}

.item{
	float:left; clear:both; width:100%;	
	position:relative;
	margin-bottom:30px;
}
#portfolio ul.portfolio li a.left{
	width:595px; overflow:hidden;
}
#portfolio ul.portfolio li img{ float:left; display:inline;width:595px;}
#portfolio ul.portfolio li p{
	float:left; clear:both;
	font-weight:bold;
	font-size:11px; 
	text-transform:uppercase;
	position:absolute; bottom:10px; left:605px;
}
#portfolio ul.portfolio li p span{ color:#3aa9ce;}


#servicios{
	width:760px;
}
#servicios h2{ 
	font-weight:bold; 
	line-height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#servicios h2 span{
	font-size:26px;
	display:block;
	color:#3aa9ce;

}
#servicios p{ margin-bottom:30px; margin-top:4px;}


#formulario{}
#formulario div.left{
	width:245px;
	margin-right:68px;
}
#formulario label{ 
	display:block;
	font-size:11px; text-transform:uppercase; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;margin-top:20px;
}
#formulario label.tip{
	color:#3aa9ce;
	font-style:italic;
	font-family:"Trebuchet MS";
	font-size:12px;
	text-transform:none;

}
#formulario input,
#formulario textarea{
	border:1px solid #3aa9ce;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:12px;
	padding:3px 4px;
	width:235px;
	 margin-top:3px;
}
#formulario textarea{
	height:136px; overflow:auto;
}
#formulario input.btn{ padding:0; border:0; width:77px; height:12px;margin-top:20px;}
#formulario input.btnEn{ padding:0; border:0; width:62px; height:13px;margin-top:20px;}

#formulario div.block{ margin-top:20px;} 

/* error */
#formulario label.error{
	background:#3aa9ce; padding:2px 3px; margin-top:2px;
	color:#fff; font-weight:bold; font-style:italic; text-transform:none;
}
#formulario input.error,
#formulario textarea.error{ border:1px dotted #3aa9ce;}



#login form{ 
	width:400px; text-align:right;
	margin:0 auto; padding-top:40px;
}
#login input{
	border:1px solid #3aa9ce; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	padding:5px 4px;
	width:170px;
	 margin-top:3px;
}
#login label{ 
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;vertical-align:middle;
	text-transform:uppercase; letter-spacing:-1px;
}
#login input.btn{
	font-size:16px;  
	color:#3aa9ce;
	cursor:pointer;
	width:90px; font-weight:bold;
	text-transform:uppercase;
	border:0; padding:0; background:none;
}


/* Footer */
#footer{ 
	color:#484847;
	font-size:10px;
	padding:10px 0;
}
	#footer a{
		text-transform:uppercase;
		color:#484847; margin:0 5px;
		font-size:11px;
	}

.mail-enviado{
	border:1px solid #ddd;
	background: #3aa9ce; color:#fff;
	padding:8px 10px; text-align:left;
	display:inline-block; 
	margin-bottom:15px;
}
.mail-enviado b{ text-transform:capitalize;}


#footer p.copy{ text-indent:5px;}
#footer span{ font-weight:bold; color:#3aa9ce;}
#footer span span{ color:#484847;}