html, body, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
		}
body {
	font:normal normal 12px/normal Arial, Tahoma, Helvetica, sans-serif;
	color:#484848;
	background:#e2e2e2;
	}	
a:link,	
a:visited,		
a:hover,
a:focus {
	color:#0088cc;
	outline:none;
}
table a,
table a:link,
table a:visited {
	border:none;
}
textarea{
	overflow:auto;
}
img {
	outline:none;
	border:none;
}
abbr {cursor:help;}
.clearfix { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*Web estructure*/
#container {
	width:960px;
	margin:0 auto;
	color:#484848;
	background:#e2e2e2 url(../images/body.png) 118px 0 no-repeat;
}
#header {
	height:70px;
	color:#484848;
	background:#e2e2e2 url(../images/body.png) 118px 0 no-repeat;
	border-bottom:1px solid #d1d1d1;
}
#footer {
	clear:both;
	font-size:11px;
	color:#363636;
	background:#e2e2e2;
	border-top:1px solid #f1f1f1;
	padding:8px 0;
}
/*fonts*/
h1, h2, h4, h5 {
	font-size:24px;
	color:#363636;
	text-shadow:#fff 0 1px 0;
}
	h1.logo {
		float:left;
		height:70px;
		line-height:70px;
	}
		h1.logo a, h1.logo a:link, h1.logo a:visited, h1.logo a:hover {
			color:#363636;
			text-decoration:none;
		}
		h1.logo a:hover {
			color:#000;
		}

h2 {
	font-size:18px;
	margin:0 0 5px;
}
h4 {
	color:#000;
	font-size:16px;
	margin:0 0 5px;
}
	#about h4 {padding:15px 0 0;}
	#portfolio h4 {clear:both;}
h5 {
	text-align:center;
	color:#0088cc;
	font-size:14px;
	margin:0 0 5px;
}
p {
	font-size:12px;
	margin:0 0 5px;
	color:#484848;
}
	#about em, #portfolio em {color:#000;}
	p.more {padding:15px 0 0;}
	p.more a, p.more a:link, p.more a:visited, p.more a:hover {
		width:120px;
		height:34px;
		line-height:34px;
		color:#484848;
		text-align:center;
		text-decoration:none;
		text-shadow:#fff 1px 1px 1px;
		font-weight:bold;
		display:block;
		background:url(../images/bg-btn.png) top center no-repeat;
	}
		p.more a:hover {
			color:#1c1c1c;
			text-shadow:#fff 1px 1px 1px;
			background:url(../images/bg-btn.png) bottom center no-repeat;
		}
	p.mas {padding:0 0 0;}
	
	p.mas a, p.mas a:link, p.mas a:visited, p.mas a:hover {
		color:#484848;
		text-decoration:none;
		text-shadow:#fff 1px 1px 1px;
		font-weight:bold;
	}
		p.mas a:hover {
			color:#0088cc;
			text-shadow:#fff 1px 1px 1px;
		}
	p.zoom {
		padding:0 0 0;
	}
	
	p.zoom a, p.zoom a:link, p.zoom a:visited, p.zoom a:hover {
		color:#484848;
		text-decoration:none;
		text-shadow:#fff 1px 1px 1px;
		font-weight:bold;
		padding:0 0 0 16px;
		background:url(../images/zoom.gif) left center no-repeat;
	}
		p.zoom a:hover {
			color:#0088cc;
			text-shadow:#fff 1px 1px 1px;
		}
	p.exito, p.error { 
		color:#848484;
		font-size:20px;
		line-height: 1.5em;
		font-weight:normal;
		font-style: italic;
		text-align: justify;
		text-shadow:#fff 0 1px 0;
		margin: 0 0 10px 0;
	}
	p.error {
		color:red;
	} 
strong {text-shadow:#fff 0 1px 0;}
/*Header*/
#header ul {
	list-style:none;
	float:right;
	color:#484848;
	background:transparent;
}
	#header ul li {
		float:left;
		display:inline;
		height:70px;
		line-height:70px;
		font-size:12px;
		font-weight:bold;
		margin:0 0 0 15px;
	}
		#header ul li a, #header ul li a:link, #header ul li a:visited, #header ul li a:hover {
			color:#484848;
			text-shadow:#fff 0 1px 0;
			text-decoration:none;
			float:left;
			display:block;
		}
		#header ul li a:hover, #header li.selected a, #header li.selected a:link, #header li.selected a:visited, #header li.selected a:hover {
		 	color:#000;
		 	background:url(../images/bg_nav_li.gif) center 45px no-repeat;
		 	text-shadow:#fff 0 1px 0;
		 }
/*Footer*/
#footer img {
	vertical-align:middle;
	margin:0 0 0 5px;
}
#footer span {float:right;}
	#footer a, #footer a:link, #footer a:visited, #footer a:hover {
		font-weight:bold;
		color:#484848;
		text-shadow:#fff 0 1px 0;
		text-decoration:none;
	}
	#footer a:hover {
		color:#0088cc;
		text-decoration:underline;
		text-shadow:none;
	}
/*Home*/
#slider-stage {
	width:848px;
	height:294px;
	display:block;
	padding:20px 56px;
	margin:0 auto;
	overflow:auto; 
	overflow-x:hidden; 
	overflow-y:hidden;
	color:#484848;
	border-top:1px solid #f1f1f1;			
}
	#slider-list{width:5000px; border:0; margin:0; padding:0;left:400px;}
	#slider-list li {
		list-style:none; 
		margin:0 56px 0 0; 
		padding:0; 
		border:0; 
		background:url(../images/spinner.gif) center center no-repeat;
		float:left;
		width:848px;
		height:294px;
		text-align:center;
	}
	#slider-buttons {position:absolute;margin:120px 0 0;}
		#next {margin:0 0 0 808px;}
.websites, .branding, .markup {
	float:left;
	display:inline;
	width:300px;
	height:180px;
	padding:0 20px 5px 0;
	margin:0;
	background:#e2e2e2;
	border-bottom:1px solid #d1d1d1;
}
ul.servicios {
	list-style:none;
	color:#484848;
	background:#e2e2e2;
}
	ul.servicios li {
		margin:0 0 5px;
		color:#484848;
		padding:0 0 0 16px;
		background:#e2e2e2 url(../images/tick.gif) 0 -1px no-repeat;
	}
		
		ul.servicios li:hover {
			color:#0088cc;
			background:#e2e2e2 url(../images/tick.gif) 0 -15px no-repeat;
		}
/*about*/
.skills {
	float:right;
	display:inline;
	width:280px;
	padding:0 20px 20px;
	margin:0 0 10px 15px;
	border:none;
	color:#484848;
	background:#f2f2f2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
ul.soft-osx {
	font-size:14px;
	list-style:none;
	color:#484848;
	background:#f2f2f2;
}
	ul.soft-osx li {
		margin:0 0 7px;
		color:#484848;
		text-decoration:none;
		padding:0 0 0 16px;
		background:#f2f2f2 url(../images/tick.gif) 0 -14px no-repeat;
	}
		
/*Contacto*/
#contacto, #about, #portfolio {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #d1d1d1;
	padding:15px 20px 0;
}
	#about, #portfolio {padding:15px 20px;}
	#contacto h2, #about h2 {
		font-size:24px;
		font-weight:normal;
		margin:0 0 5px;
	}
	 
	#contacto h3, #about h3, #portfolio h3 {
		color:#848484;
		font-size:20px;
		line-height: 1.5em;
		font-weight:normal;
		font-style: italic;
		text-align: justify;
		text-shadow:#fff 0 1px 0;
		margin: 0 0 20px 0;
	}
		#portfolio h3 a {text-decoration:none;} 
		#contacto strong {
			color:#666;
			font-weight:normal;
		}
fieldset {
	float:right;
	display:inline;
	width:500px;
	height:280px;
	padding:20px 20px 0;
	margin:0;
	border:none;
	color:#484848;
	background:#f2f2f2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	fieldset p {margin:0 0 15px;}
	.spinner {
		width:500px;
		height:260px;
		background:url(../images/spinner.gif) center center no-repeat;
	}
label {
	float:left;
	display:inline;
	font:normal normal 14px/normal Arial, Tahoma, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:4px 0 0;
	width:90px;	
}
input, textarea, select {
	float:left;
	display:inline;
	width:300px;
	margin:0 0 12px;
	padding:5px 2px;
	font:normal normal 14px/normal Arial, Tahoma, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	border-top:solid 1px #737373;
	border-right:solid 1px #b6b6b6;
	border-bottom:solid 1px #dbdbdb;
	border-left:solid 1px #737373;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input.radio, input.checkbox {
	width:auto;
	height:auto;
	margin:2px 5px 12px 10px;
	padding:0;
	background:#fff;
	border:none;
}
textarea {
	height:70px;
}
	input:focus, 
	select:focus, 
	textarea:focus {
		border-color: #7dbef1;
		-moz-box-shadow: 0 0 5px #9dd2fb;
		-webkit-box-shadow: 0 0 5px #9dd2fb;
	}
fieldset br {clear:left;}
.send {margin:0 0 0 87px;}
	.send a, .send a:link, .send a:visited, .send a:hover {
		width:120px;
		height:34px;
		line-height:34px;
		color:#484848;
		text-align:center;
		text-decoration:none;
		text-shadow:#fff 1px 1px 1px;
		font-weight:bold;
		display:block;
		background:url(../images/bg-btn-light.png) top center no-repeat;
	}
	.send a:hover {
			color:#1c1c1c;
			text-shadow:#fff 1px 1px 1px;
			background:url(../images/bg-btn-light.png) bottom center no-repeat;
		}
.valido, .invalido {
	float:left;
	display:inline;
}
#contact-info {
	width:360px;
	height:295px;
	padding:20px 0 0;
	color:#484848;
}
 #contact-info p, #about p {
 	font-size:14px;
 	padding:0 0 0 12px;
 	line-height:1.7em;
 	margin:0 0 15px;
 	background:url(../images/arrow.gif) 0 8px no-repeat;
 }
 #about p {margin:0 0 5px;}
ul.social-networks {
	list-style:none;
	font-size:14px;
	margin:10px 0 0;
}
	ul.social-networks li {
		margin:0 0 10px;
		padding:0 0 0 22px;
	}
		ul.social-networks li.facebook {background:url(../images/icon-facebook.gif) left center no-repeat;}
		ul.social-networks li.linkedin {background:url(../images/icon-linkedin.gif) left center no-repeat;}
		ul.social-networks li.twitter {background:url(../images/icon-twitter.gif) left center no-repeat;}
/*portfolio*/
.items, .items2 {
	float:left;
	display:inline;
	width:293px;
	color:#484848;
	background:#e2e2e2;
	margin:0 20px 20px 0;
}
	.items2 {margin:0 0 20px 0;}

	.items img, .items2 img {
		color:#484848;
		background:#f2f2f2;
		border:1px solid #d1d1d1;
		padding:10px;
		margin:0 auto 5px;
	}