* {
	font-family: 'Verdana', 'Arial';
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

html {
	width: auto;
}

body {
	background-color: #cccccc;
	color: #666666;
}

/* PAGE */
#page {
	width: 780px;
	margin: 0px auto 0px auto;
}

/* HEADER */
#header {
	width: 740px;
	padding: 20px 20px 8px 20px;
	text-align: left;
	background-color: #ffffff;
	background-image: url(../images/header/backline.jpg);
	background-repeat: repeat-x;
	background-position: center 109px;
}

	#header #isologo {
		float: left;
	}
	
	#header #sitemap {
		float: right;
	}
	
	#header h1 {
		margin-left: 300px;
		padding-top: 65px;
		text-align: right;
		color: #d1d3d4;
	}
	
	#header h1 a{
		font-size: 9px;
		font-weight: normal;
		color: #d1d3d4;
		text-decoration: none;
	}

	/* MENU */
	#header #menu {
		margin-left: 190px;
		padding-top: 30px;
		text-align: right;
		color: #a7a9ac;
	}
	
	#header a.menu:link {font-size: 11px; text-align: right; color: #000000; text-decoration: none;}
	#header a.menu:visited {font-size: 11px; text-align: right; color: #000000; text-decoration: none;}
	#header a.menu:hover {font-size: 11px; text-align: right; color: #8cc63f; text-decoration: none;}

	
	#header a.menu_opened:link {font-size: 11px; text-align: right; color: #8cc63f; text-decoration: none;}
	#header a.menu_opened:visited {font-size: 11px; text-align: right; color: #8cc63f; text-decoration: none;}
	#header a.menu_opened:hover {font-size: 11px; text-align: right; color: #8cc63f; text-decoration: none;}
	
	#header #separator {
		height: 12px;
		margin-top: 5px;
		border-top: solid #8cc63f 1px;
	}

/* BODY */
#body {
	width: 740px;
	padding: 0px 20px 20px 20px;
	background-color: #ffffff;
	float: left;
}

	#body #post {
		width: 150px;
		margin-top: 10px;
		padding: 5px 10px 10px 10px;
		font-family: 'Arial', 'Verdana';
		font-size: 11px;
		line-height: 20px;
		color: #939598;
		background-color: #f1f1f1;
		float: left;
	}
		
	/*GENERAL*/
	
	#body #title {
		height: 30px;
		float: right;
	}
	
	#body #eyes {
		width: 170px;
		height: 30px;
		background-image: url("../images/eyes.jpg");
	}
	
	#body #separator {
		width: 740px;
		height: 12px;
		border-bottom: solid #8cc63f 1px;
		float: left;
	}
	
	#body #thumb {
		width: 170px;
		height: 155px;
		margin: 10px 0px 0px 20px;
		float: left;
	}
	
		#body #thumb .img {
			width: 168px;
			height: 98px;
			border: solid #8cc63f 1px;
			float: left;
		}
	
		#body #thumb #description {
			width: 168px;
			padding-top: 5px;
			float: left;
		}
		
			#body #thumb #description .title {
				font-family: 'Arial', 'Verdana';
				font-size: 12px;
				font-weight: bold;
				color: #000000;
			}
			
			#body #port_thumb #description .cantidad {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #939393;
			}
			
			#body #thumb #description .ver a {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #8cc63f;
				text-decoration: none;
			}
			
			#body #thumb #description .ver a:hover {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #000000;
				text-decoration: none;
			}

	/*HOME*/
	#body #text {
		font-family: 'Arial', 'Verdana';
		width: 245px;
		height: 221px;
		padding: 15px 10px 10px 10px;
		font-size: 11px;
		line-height: 20px;
		font-weight: normal;
		color: #939598;
		background-color: #f1f1f1;
		float: left;
	}

	#body h1 {
		font-family: 'Arial', 'Verdana';
		font-size: 14px;
		font-weight: normal;
		color: #939598;
	}
	
	#body h2 {
		font-family: 'Arial', 'Verdana';
		font-size: 11px;
		line-height: 20px;
		font-weight: normal;
		color: #939598;
	}
	
	#body #project {
		width: 451px;
		height: 204px;
		margin-top: 10px;
		border: solid #8cc63f 1px;
		float: right;
	}
	
	/*PORTFOLIO*/
	#body #port_text {
		width: 150px;
		height: 640px;
		font-family: 'Arial', 'Verdana';
		font-size: 11px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #port_thumb {
		width: 548px;
		height: 98px;
		margin-top: 10px;
		border: solid #8cc63f 1px;
		float: right;
	}
	
		#body #port_thumb .img {
			width: 356px;
			height: 98px;
			float: left;
		}
	
		#body #port_thumb #description {
			width: 181px;
			height: 88px;
			padding: 5px;
			border-left: solid #8cc63f 1px;
			float: right;
		}
		
			#body #port_thumb #description .title h3 {
				font-family: 'Arial', 'Verdana';
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				display: inline;
			}
			
			#body #port_thumb #description .work {
				height: 55px;
				margin-top: 10px;
			}
			
				#body #port_thumb #description .work h1 {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #939393;
				display: inline;
			}
			
			#body #port_thumb #description .ampliar {
				float: right;
			}
			
			#body #port_thumb #description .ampliar a {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #000000;
				text-decoration: none;
			}
			
			#body #port_thumb #description .ampliar a:hover {
				font-family: 'Arial', 'Verdana';
				font-size: 10px;
				color: #8cc63f;
				text-decoration: none;
			}
			
		#body #pages {
			/*width: 740px;*/
			height: 20px;
			float: right;
		}
		
		#body .port_pages {
			width: 20px;
			height: 16px;
			margin-left: 1px;
			padding-top: 4px;
			text-align: center;
			background-color: #8cc63f;
			float: left;
		}
		
			#body .port_pages a {
				font-size: 9px;
				color: #ffffff;
				text-decoration: none;
			}
		
			#body .port_pages a:hover {
				font-size: 9px;
				color: #555555;
				text-decoration: none;
			}
		
		#body .port_pages_selected {
			width: 20px;
			height: 16px;
			margin-left: 1px;
			padding-top: 4px;
			color: #555555;
			font-size: 9px;
			text-align: center;
			background-color: #c5e29f;
			float: left;
		}
		
	/*CLIENTES*/
	#body #clientes_text h2{
		width: 150px;
		height: 255px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #clientes {
		width: 550px;
		height: 265px;
		margin: 10px 0px 0px 20px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #clientes .clientes {
		width: 163px;
		height: 245px;
		padding: 10px;
		float: left;
	}
	
	#body #clientes .title h2{
		font-family: 'Arial', 'Verdana';
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		color: #555555;
		display: inline;
	}
	
	#body #clientes .text h3{
		font-size: 9px;
		line-height: 14px;
		padding-left: 10px;
		font-weight: normal;
		color: #939598;
		text-decoration: none;
		display: inline;
	}
	
	/*FOTOS*/
	#body #fotos_text {
		width: 150px;
		height: 255px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
		
	/*VARIOS*/
	#body #varios_text h2{
		width: 150px;
		height: 255px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	/*LINKS*/
	#body #links_text h2{
		width: 150px;
		height: 255px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #links {
		width: 550px;
		height: 265px;
		margin: 10px 0px 0px 20px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body .links {
		width: 240px;
		height: 245px;
		padding: 10px;
		float: left;
	}
	
		#body .links .title {
			font-family: 'Arial', 'Verdana';
			font-size: 12px;
			font-weight: bold;
			color: #555555;
		}
		
		#body .links a {
			font-size: 9px;
			line-height: 14px;
			padding-left: 10px;
			font-weight: normal;
			color: #939598;
			text-decoration: none;
		}
		
		#body .links a:hover {
			font-size: 9px;
			line-height: 14px;
			padding-left: 10px;
			font-weight: normal;
			color: #8cc63f;
			text-decoration: none;
		}
	
	/*CONTACTO*/
	#body #cont_text {
		width: 150px;
		height: 80px;
		margin-top: 10px;
		padding: 175px 10px 10px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #contacto {
		width: 518px;
		height: 230px;
		margin-top: 10px;
		padding: 25px 15px 10px 17px;
		text-align: right;
		background-color: #f1f1f1;
		float: right;
	}
	
	#body .contacto {
		width: 259px;
		height: 211px;
		font-size: 11px;
		text-align: left;
		background-color: #f1f1f1;
		float: left;
	}
	
	/* FORM */
	input, textarea {
		background-color: #f1f1f1;
		padding: 2px;
		border-style: solid;
		border-color: #bbbbbb;
		border-width: 1px;
	}

	button {
		background-color: #f1f1f1;
		font-size: 12px;
		border-style: solid;
		border-color: #bbbbbb;
		border-width: 1px;
	}
	
	#body #gracias {
		width: 518px;
		height: 155px;
		margin-top: 10px;
		padding: 95px 15px 15px 15px;
		font-size: 11px;
		text-align: center;
		background-color: #f1f1f1;
		float: right;
	}
	
	/*SITEMAP*/
	#body #sitemap_text {
		width: 150px;
		height: 255px;
		margin-top: 10px;
		padding: 5px 10px 5px 10px;
		background-color: #f1f1f1;
		float: left;
	}
	
	#body #sitemap {
		width: 170px;
		height: 155px;
		margin: 30px 0px 0px 50px;
		float: left;
	}
	
		#body a.sitemap:link {line-height: 32px; color: #666666; text-decoration: none;}
		#body a.sitemap:visited {line-height: 32px; color: #666666; text-decoration: none;}
		#body a.sitemap:hover {line-height: 32px; color: #8cc63f; text-decoration: none;}
			
/* FOOTER */
#footer {
	width: 780px;
	height: 109px;
	float: left;
}

	#footer #separator {
			height: 12px;
			border-top: solid #8cc63f 1px;
			background-color: #ffffff;
		}
		
	#footer #grey {
		height: 104px;
		margin-top: -8px;
		background-color: #f1f1f1;
	}
	
	#footer #clientes {
		float: left;
	}
	
	#footer #customers {
			width: 455px;
			height: 33px;
			margin-top: 25px;
			padding: 18px 0px 0px 20px;
			background-color: #e8e8e8;
			float: left;
		}
	
	#footer #customers a {
		font-size: 10px;
		color: #b7b7b7;
		text-decoration: none;
	}
		
	#footer #img {
		width: 380px;
		margin: -16px 10px 0px 0px;
		text-align: right;
		float: right;
	}
	
	#footer #eyes {
		width: 265px;
		height: 51px;
		margin: 25px 0px 0px 20px;
		background-image: url(images/home/eyes.jpg);
		float: left;
	}

#footer_varios {
	width: 780px;
	height: 50px;
	float: left;
}

	#footer_varios #separator {
		height: 12px;
		border-top: solid #8cc63f 1px;
		background-color: #ffffff;
	}
	
	#footer_varios #grey {
		height: 45px;
		margin-top: -8px;
		background-color: #f1f1f1;
	}
	
	#footer_varios #grey {
		height: 45px;
		margin-top: -8px;
		background-color: #f1f1f1;
	}
	
/* ERROR */

#error_box {
	height: 300px;
	padding-top: 50px;
	text-align: center;
	background-color: #FFFFFF;
}