@import "resets.css";

body {
	font-family:				Georgia, Verdana, Arial, sans-serif;
	font-size:					11px;
	color:						#969694;
	width:						100%;
	height:						100%;

}

h1 {
	font-family:				"Trebuchet MS", trebuchet, georgia, verdana, arial, sans-serif;
	font-size:					24px;
	color:						#a1ce04;
	font-weight:				bold;
}

h2 {
	font-size:					14px;
}

h3 {
	color:						#7ea200;
	font-size:					14px;
	font-weight:				bold;
	margin-bottom:				10px;
}

small {
	color:						#b2b2b2;
	font-size:					11px;
	font-weight:				normal;
}


/* ------------------- :::: ------------------- :::: ------------------- */
/* Menú Principal */
/* ------------------- :::: ------------------- :::: ------------------- */

#menu {
	width:						300px;
	height:						100%;
	position:					fixed !important;
	position:					absolute;
	left:						0;
	top:						0;
	float:						left;
	text-align:					center;
	background:					#97c007;
}

* html,* html body{
    background: 				url(foo) fixed;
  }

* html div#menu {
	position: 					absolute;
	top:						expression(eval(document.compatMode &&
								document.compatMode=='CSS1Compat')
								? documentElement.scrollTop
								: document.body.scrollTop);
}

#menu a.home {
	width:						220px;
	height:						62px;
	float:						right;
	margin-top:					45px;
	margin-right:				40px;
}	

#menu ul {
	width:						100%;
	float:						right;
	margin-top:					28px;
}

#menu ul li {
	width:						100%;
	float:						right;
	clear:						both;
}

#menu ul li a {
	width:						260px;
	font-size:					16px;
	color:						#fff;
	padding-right:				40px;
	float:						right;
	text-align:					right;
	line-height:				35px;
}

#menu ul li a:hover {
	background:					#7b9e01;
}

#menu ul li a.selected {
	background:					#fff;
	color:						#000;
}

/* ------------------- :::: ------------------- :::: ------------------- */
/* Layout General */
/* ------------------- :::: ------------------- :::: ------------------- */

.contenido {
	width:						60%;
	float:						right;
	margin-left:				310px;
	display:					inline;
	margin-top:					150px;
}

/*-------------------------------------------- Home */

#home {
	width:						58%;
}

#home #presentacion {
	width:						94%;
	border-left:				3px solid #97c007;
	padding-left:				10px;
	display:					block;
}

#home #presentacion img {

}

#home h1, #home h2 {
	padding-left:				17px;
	margin-top:					15px;
}

#home .txt_home_1 {
	border-left:				3px solid #97c007;
	padding-left:				10px;
}

/*-------------------------------------------- Portfolio */

#portfolio {
	width:						58%;
}

#portfolio ul {
	width:						100%;
	float:						left;
}

#portfolio ul li {
	width:						110px;
	height:						110px;
	overflow:					hidden;
	float:						left;
}

#portfolio ul li a {
	width:						100px;
	height:						100px;
	border:						5px solid #fff;
}

#portfolio ul li a:hover {
	border:						5px solid #97c007;	
}

/*-------------------------------------------- Contacto */

#contacto {
	
}

#contacto form {
	width:						364px;
	float:						left;
}

#contacto form h3 {
	width:						330px;
	padding-left:				5px;
}

#contacto form label {
	width:						150px;
	font-size:					14px;
	float:						left;
	margin:						15px 25px 5px 0px;
	padding-left:				7px;
}

#contacto form input, #contacto form textarea {
	width:						150px;
	height:						15px;
	padding:					5px;
	background:					#f0f0f0;
	margin-right:				15px;
	border-left:				5px solid #97c007;
}

#contacto form textarea {
	width:						330px;
	height:						100px;
}

#contacto form #log_res {
	width:						260px;
	float:						left;
	margin-top:					10px;
	color:						#7ea200;
}

#contacto form #submitter {
	width:						80px;
	height:						30px;
	margin-top:					10px;
	background:					#97c007;
	padding:					3px;
	cursor:						pointer;
	float:						right;
	border-left:				0px;
	border-right:				4px solid #fff;
}

#contacto form #submitter:hover {
	color:						#fff;
}

/*-------------------------------------------- Footer */

#footer {
	position:					fixed !important;
	position:					absolute;	
	float:						left;
	bottom:						10px;
	left:						10px;
	color:						#fff;
}

* html div#footer {
	position:					absolute;
	top:						expression(eval(document.compatMode &&
								document.compatMode=='CSS1Compat') ?
								documentElement.scrollTop
								+(documentElement.clientHeight-this.clientHeight) 
								: document.body.scrollTop
								+(document.body.clientHeight-this.clientHeight));
}