/**************************************************
	RESET
**************************************************/

html, body, 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;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

/**************************************************
	CLEARFIX
**************************************************/

.clearfix:after {
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/**************************************************
	GENERAL
**************************************************/

html, body {
	overflow-x: hidden;
}

body {
	font: 12px 'Nobile', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #909090;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	/*background: #FFFFFF url('../images/001/body-bg.gif') repeat-x;*/
	/*padding-top: 5px;*/
}

h1, h2, h4 {
	font-weight: normal;
	letter-spacing: -1px;
	color: #333;
	margin-bottom: 10px;
}

h3 {
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #333;
	margin-bottom: 5px;
}

h1 {
	font-size: 32px;
	margin-bottom: 10px;
}
h2 {	font-size: 23px; }
h3 {
	font-size: 13px;
	line-height: 1.1em;
}

	h1 a, h2 a, h3 a {
		color: #303030;
	}
h4 {
	font-size: 14px; text-align: right;}
p { line-height: 18px; margin-bottom: 10px; }
a { color: #09F; text-decoration: none; }
	a:hover { text-decoration: underline; }

/**************************************************
	HEADER
**************************************************/

.header {
	background: url('../images/001/content-bg.gif') center bottom no-repeat;
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/**************************************************
	LOGO
**************************************************/
	
.header h1,
.header h1 a {
	width: 215px;
	height: 95px;
}

.header h1 {
	margin-bottom: 0px;
	float: left;
}
	
	.header h1 a {
		background: url('../images/001/logo.jpg') no-repeat;
		display: block;
	}
		
		.header h1 a span {
			display: none;
		}

/**************************************************
	NAVIGATION
**************************************************/

.nav {
	padding-right: 10px;
	/*text-transform: uppercase;*/
	background: transparent url('../images/001/nav-right-bg.png') right no-repeat;
	position: absolute;
	top: 28px;
	right: 0px;
	z-index: 2;
}
	
	.nav ul {
		padding-left: 10px;
		background:transparent url('../images/001/nav-left-bg.png') left no-repeat;	
		float: left;
		position: relative;
	}
		
		.nav ul li {
			background:transparent url('../images/001/nav-bg.png') repeat-x;	
			float: left;
			position: relative;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 10px;
				font-size: 13px;
				line-height: 40px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 40px;
				left: -10px;
				display: none;
			}
			
				.nav ul li ul li {
					background: #303030;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #888888;
					}
					
					.nav ul li ul li ul {
						top: 0px;
						left: -190px;
					}
					
/**************************************************
	CONTENT
**************************************************/

.container {
	width: 980px;
	margin: auto;
}

.content {
	padding-top: 20px;
}

.content.single {
	padding-top: 94px;
}

	.content .widget {
	margin-top: 110px;
	}
	
	.content .widget2 {
	margin-top: 16px;
	}
	
	.column-2 h3 {
	font-family: 'Nobile', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #999;
	}
	
		.content .widget ul li {
			padding: 4px 0px 4px 14px;
			background: url('../images/001/ico-arrow.gif') 0px 10px no-repeat;
		}
			
			.content .widget ul li ul {
				margin: 4px 0px 0px 20px;
			}
			
		.content .widget ul.sublist li {
			width: 140px;
			float: left;
		}
	
	.content  a.more-link {
		padding-right: 8px;
		margin: 20px 0px;
		font: 10px 'Tahoma';
		text-align: right;
		background: url('../images/001/ico-arrow.gif') right no-repeat;
		display: block;
	}

/**************************************************
	POSTS
**************************************************/

.posts {
	width: 980px;
	float: left;
}

.posts_2columnas {
	width: 620px;
	float: left;
}

.posts.full-width {
	width: auto;
}

	.posts .post {
		margin-bottom: 35px;
		text-align: justify;
		border-bottom: 1px solid #EEEEEE;
	}
		
		.posts .post .head {
			margin-bottom: 20px;
		}
		
			.posts .post .head h2 {
				margin-bottom: 0px;
				float: left;
			}
			
			.posts .post .head .info {
				text-align: right;
				float: right;
			}
			
				.posts .post .head .info p {
					margin-bottom: 2px;
					font: 10px 'Tahoma';
					text-transform: uppercase;
				}
					
					.posts .post .head .info p a {
						color: #909090;
					}
		
		.posts .post img {
			border: 5px solid #EEEEEE;
		}
		
		.posts .post img.wp-smiley {
			border: none;
		}
		
		.posts .post img.alignleft {
			margin: 0px 20px 20px 0px;
			float: left;
		}
		
		.posts .post img.alignright {
			margin: 0px 0px 20px 20px;
			float: right;
		}
		
		.posts .post ul {
			margin: 20px;
		}
		
			.posts .post ul li {
				padding: 4px 0px 4px 14px;
				background: url('../images/001/ico-arrow.gif') 0px 10px no-repeat;
			}
			
				.posts .post ul li ul {
					margin: 4px 0px 0px 20px;
				}
		
		.posts .post .tags {
			margin-top: 20px;
			font: 10px 'Tahoma';
			text-transform: uppercase;
		}
	
	.posts .paging {
		font: 10px 'Tahoma';
	}
	
		.posts .paging .previous {
			float: left;
		}
		
			.posts .paging .previous a {
				padding-left: 8px;
				background: url('../images/001/ico-arrow-2.gif') left no-repeat;
			}
			
		.posts .paging .next {
			float: right;
		}
		
			.posts .paging .next a {
				padding-right: 8px;
				background: url('../images/001/ico-arrow.gif') right no-repeat;
			}
			
/**************************************************
	COMMENTS
**************************************************/

h3.comments {
	margin: 30px 0px 30px 0px;
	text-align: right;
}

ol.commentlist {
	padding-left: 0px;
}

	ol.commentlist li {
		margin-bottom: 30px;
	}

		ol.commentlist li .comment-author {
			font: bold 10px Tahoma;
			text-transform: uppercase;
			color: #303030;
		}
		
			ol.commentlist li .comment-author img {
				border: none;
			}
		
			ol.commentlist li .comment-author cite.fn a {
				padding: 0px;
				font-style: normal;
				color: #303030;
				background: none;
			}
		
			ol.commentlist li .comment-author .avatar {
				margin-right: 10px;
				float: left;
			}

		ol.commentlist li .comment-meta {
			margin: 2px 0px 5px 0px;
			font: 10px Tahoma;
			text-transform: uppercase;
			float: left;
			clear: none;
		}
		
			ol.commentlist li .comment-meta  a {
				padding: 0px;
				color: #303030;
				background: none;
			}

		ol.commentlist li p {
			padding-left: 75px;
			margin-top: 20px;
		}
	
form#commentform {
	color: #000000;
	width: 640px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

	form#commentform p {
		height: 30px;
		margin-bottom: 5px;
		background: #EEEEEE;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		form#commentform p label {
			width: 200px;
			padding-right: 20px;
			text-align: right;
			line-height: 30px;
			border-right: 1px solid #FFFFFF;
			display: block;
			float: left;
		}
		
		form#commentform p a {
			padding: 0px 0px 0px 10px;
			line-height: 30px;
			background: none;
		}
		
		
		form#commentform p input {
			width: 340px;
			margin: 6px 0px 0px 10px;
			font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			background: none;
			border: none;
			clear: none;
		}
		
	form#commentform p.comment-textarea {
		height: 100px;
		background: #EEEEEE;
		position: relative;
	}
	
		form#commentform p.comment-textarea label {
			padding-bottom: 70px;
		}
		
		form#commentform p.comment-textarea textarea {
			width: 340px;
			height: 85px;
			margin: 6px 0px 0px 10px;
			font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			background: none;
			border: 0px;
			clear: none;
			overflow: auto;
		}
		
		form#commentform p.comment-textarea input#submit {
			width: 16px;
			height: 22px;
			border: none;
			background: url('../images/001/comments-submit-bg.gif') no-repeat;
			position: absolute;
			top: 33px;
			right: 10px;
			cursor: pointer;
		}

/**************************************************
	PORTFOLIO
**************************************************/

.posts.portfolio .item {
	width: 303px;
	height: 200px;
	margin: 0px 20px 20px 0px;
	float: left;
	position: relative;
	border: 5px solid #EEEEEE;
	font-size: 0px;
}

.posts.portfolio .item.last {
	margin-right: 0px;
}

	.posts.portfolio .item .info {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	}
	
		.posts.portfolio .item .info h3 {
			padding: 0px 10px;
			margin-bottom: 0px;
			font: 10px 'Tahoma';
			letter-spacing: 0px;
			line-height: 30px;
			text-transform: uppercase;
			background: #303030;
			float: left;
			font-size:11px;
		}
		
			.posts.portfolio .item .info h3 a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
		.posts.portfolio .item .info p {
			padding: 0px 10px;
			margin: 0px;
			font: 10px 'Tahoma';
			line-height: 30px;
			text-transform: uppercase;
			background: #FFFFFF;
			clear: both;
		}
		
	.posts.portfolio .item .image,
	.posts.portfolio .item .image p,
	.posts.portfolio .item .image p img {
	width: 303px;
	height: 200px;
	margin: 0px;
	}
	
	.posts.portfolio .item .image p.pattern {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/001/portfolio-item-bg.gif);
	background-repeat: repeat;
		}
		
	

/**************************************************
	SIDEBAR
**************************************************/

.sidebar {
	width: 320px;
	float: right;
}

	.sidebar h1,
	.sidebar h2,
	.sidebar h3 {
		padding-bottom: 10px;
		border-bottom: 1px solid #EEEEEE;
	}

/**************************************************
	SEARCH
**************************************************/

.widget .search {
	width: 320px;
	height: 40px;
	background: url('../images/001/search-bg.gif') no-repeat;
}

	.widget .search input.text {
		width: 260px;
		margin: 12px 0px 0px 20px;
		font: 10px Tahoma;
		color: #909090;
		background: none;
		border: none;
		float: left;
	}
	
	.widget .search input.submit {
		width: 16px;
		height: 22px;
		margin: 10px 10px 0px 0px;
		background: none;
		border: none;
		cursor: pointer;
		float: right;
	}
	
/**************************************************
	WORDPRESS CALENDAR
**************************************************/

#wp-calendar {
	width: 100%;
}

	#wp-calendar caption {
		padding: 5px 0px 5px 10px;
		margin-bottom: 1px;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #303030;
	}

	#wp-calendar thead {
		color: #909090;
		background: #EEEEEE;
	}
	
		#wp-calendar thead th {
			padding: 5px 0px;
			font: 10px 'Tahoma';
			text-align: center;
		}
		
	#wp-calendar tbody {
		margin-bottom: 10px;
	}
	
		#wp-calendar tbody tr td {
			text-align: center;
		}
		
	#wp-calendar tfoot tr td {
		padding: 5px 0px;
		font: 10px 'Tahoma';
	}

/**************************************************
	HOME
**************************************************/

body.home .header {
	width: 980px;
	background: none;
	position: absolute;
	z-index: 1000;
}

body.home .content {
	padding-top: 400px;
	position: relative;
	background-image: url(../images/001/content-bg.gif);
	background-repeat: no-repeat;
	background-position: center 400px;
}

.slider {
	width: 1920px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: -470px;
}
	
	.slider ul li {
		width: 1920px;
		height: 400px;
		text-align: center;
		overflow: hidden;
		display: none;
	}

.columns {
	padding-top: 20px;
}

	.columns .column-1,
	.columns .column-2,
	.columns .column-3 {
		min-height: 250px;
		height: auto !important;
		height: 250px;
		float: left;
	}
		
		.columns .column-1 {
	width: 220px;
	padding-right: 25px;
	background: url('../images/001/column-bg.gif') top right no-repeat;
		}
		
		.columns .column-2 {
	width: 350px;
	padding: 0px 15px;
		}
		
		.columns .column-3 {
	width: 290px;
	padding-left: 25px;
	background: url('../images/001/column-bg.gif') top left no-repeat;
		}
		
		.columns .column-3 ul li {
				padding-left: 70px;
				position: relative;
			}
			
		.columns .column-3 ul li p.info {
					width: 50px;
					font: 10px 'Tahoma';
					line-height: 18px;
					text-align: right;
					position: absolute;
					top: 5px;
					left: 0px;
				}
			
			.columns .column-1 ul li {
				padding-left: 70px;
				position: relative;
			}
				
				.columns .column-1 ul li h3 {
					margin-bottom: 5px;
				}
				
				.columns .column-1 ul li p.info {
					width: 50px;
					font: 10px 'Tahoma';
					line-height: 18px;
					text-align: right;
					position: absolute;
					top: 5px;
					left: 0px;
				}
					
					.columns .column-1 ul li p.info span.comments {
						padding-left: 13px;
						background: url('../images/001/ico-comment.gif') left no-repeat;
					}
.columns_servicios {
	min-height: 250px;
	height: auto !important;
	height: 250px;
	float: left;
	width: 300px;
	padding-right: 25px;	/*background: url('../images/001/column-bg.gif') top right no-repeat;*/
		}
		
		.columns_servicios h3 {
	font-size: 16px;	
		}
		
/**************************************************
	FOOTER
**************************************************/

.footer {
	padding: 15px 0px 20px 70px;
	background: url('../images/001/logo_pie.jpg') 0px 13px no-repeat;
}

.footer p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #CCC;
}
.footer a {
	color: #CCC;
}


/**************************************************
	PRETTY PHOTO
**************************************************/

a.pp_close {
	display: none !important;
}