/* **************************************************** 

Title: 		GetSimple CSS Document
Author: 	Chris Cagle
URL: 			http://www.cagintranet.com/ 
					http://get-simple.info/
Created: 	September 2, 2009

**************************************************** */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color:#222;
	}
.wrapper {
	margin: auto;
	width:100%;
	}
.naranja {
  color: #ff781f;
}
.derecha {
  float: right;
	margin: 4px 0 0 20px;
}	
	
/* HEADER */
#header {
  margin: 30px auto 0 auto;
	width: 950px;
	}
#header .logo{
	
	}
#header .tagline{
	color:#ccc;
	font-family:georgia;
	font-size:18px;
	}

#header #nav{
  float: right;
	margin: 38px 0 0 0;
	color:#FFF;
	font-size:13px;
	text-transform:uppercase;
	list-style:none;
	line-height: 27px;
	}
	#header #nav li {
	  float:left;
		width: 122px;
		line-height:27px;
		background: transparent url(images/bg-menu.png) bottom no-repeat;
		text-align: center;
		padding: 8px 0 0 0;
	}
	#header #nav li:first-child {}
	#header #nav li a {
		color:#FFF;
	}

  #header #nav li.current , #header #nav li:hover {
		background: transparent url(images/menu-hover.png) bottom no-repeat;
		line-height:35px;
		padding: 0;
	}

/* BANNER */
#banner {
  background: transparent url(images/bg-banner.png) top left repeat-x;
  height: 280px;
	margin: 0;
}
#banner .banner-content {
  margin: 0 auto;
	width: 950px;
	color: #f0f0f0;
}	
#banner .banner-content h1 {
  font-family: verdana;
	text-shadow: 0 0.5px 0 #eee; 
  font-size:22px;
	color: #fff;
	padding: 40px 0 0 40px;
}

#banner .banner-content p {
  width: 500px;
	text-align: justify;
	padding: 20px 0 20px 40px;
	line-height: 25px;
	font-size: 16px;
}
#banner .banner-content img {
  text-align: right;
	float: right;
	width: 340px;
	padding: 90px 0 0 10px;
}

#banner strong {
  color: #fff;
}


	
/* CONTENT */

#content {
  width: 950px;
	margin: 30px auto 0 auto;
}
	
	
/* BODY */

#bodycontent {
	width:650px;
	float:right;
	text-align:left;
	}
#bodycontent-home {
	width:950px;
	text-align:left;
	}
	
.post {padding:0 0 55px 0;}
.post h2 {
	color:#ff781f;
	line-height:30px;
	font-family: georgia;
	font-size: 25px;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#ccc 1px dotted;
	}
.post p {
	margin:0 0 18px 0;
	line-height: 23px;
	text-align: justify;
	
	}

	.post ul, .post ol {
	margin:0 0 18px 25px;
	line-height: 20px;
	}
	.post ul ul, .post ol ul, .post ul ol,  .post ol ol {
		margin:0 0 0 25px;
	}
	.post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	.post code {
	font-size:12px;
	color:#666;
	padding:2px;
	background:#fafafa;
	border:1px solid #eee;
	}
	.post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	.post h2 {
	font-weight:bold;
	padding:8px 0;
	font-size:20px;
	}
	.post h3 {
	font-weight:bold;
	color: #ff781f;
	padding:8px 0;
	font-size:15px;
	}
	.post h4 {
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
	}
	.post a:link, .post a:visited {
		color:#e15415;
		text-decoration:underline;
		}
	.post a:hover {
		color:#132430;
		text-decoration:underline;
		}
	.post .meta {
		margin-top:20px;
		font-size:11px;line-height:18px;
		color:#555;
		border:1px dotted #ccc;
		background:#f9f9f9;
		padding:8px;
	}
	

/************ IMAGENES ********************/
img.centro {margin: 0 auto;border: 0;display: block; 	}
img.izquierda {float: left;margin: 0 10px 0 0; border: 0;}
img.derecha {float: right; margin: 0 0 0 10px;border: 0;}
img.centro-borde {margin: 0 auto;display: block;border: 1px solid #999;padding: 3px;}
img.izquierda-borde {float: left;margin: 5px 5px 10px 10px;border: 1px solid #999;padding: 3px;}
img.derecha-borde {float: right;margin: 5px 5px 10px 10px;border: 1px solid #999;padding: 3px;}		
img.borde { border: 2px solid #999;padding: 3px;}


/* PROYECTOS */
.proyectos {
  width: 950px;
}

ul.proyectos li {
  list-style: none;
}

ul.proyectos li a{
  display:block; 
	width:230px; 
	margin-right:1px; 

	float:left;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);	
}
ul.proyectos li a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* CONTACT FORM */

.contactform {margin:0 0 20px 0;}
.contactform b {display:block;}
.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}
.pot {display:none;}



/* SIDEBAR */

#sidebar {
	width:220px;
	float:left;
	text-align:left;
	font-size:13px;
	margin: 10px 0 0 0px;
	}
	#sidebar .featured {
		background:#d5d5d5 url() top left repeat-x;
		padding:20px;
		margin:0 0 30px 0;
		color:#000;
		font-family:arial;
		line-height:20px;
	}
	#sidebar .featured h2 {
		color:#000;
		font-family:georgia;
		font-size:19px;
		line-height:24px;
		border-bottom: 1px dotted #213F54;
		padding:0 0 15px 0;
		margin:0 0 20px 0;
		}
	#sidebar .featured p {
		margin:0 0 17px 0;
		}
	#sidebar a:link, #sidebar a:visited {
		color:#000;
		text-decoration:underline;
		}
	#sidebar a:hover {
		color:#009865;
		text-decoration:underline;
		}
		
	#sidebar .featured a:link, #sidebar .featured a:visited {
		color:#e15415;
		text-decoration:none;
		}
	#sidebar .featured a:hover {
		color:#ffffff;
		text-decoration:underline;
		}
	#sidebar ul, #sidebar ol {
		margin:0 0 18px 30px;
	}



/* FOOTER */

#footer {
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#666;
	border-top:1px solid #ccc;
	padding:10px 0 20px 0;
	width: 950px;
	margin: 0 auto;
	}
	#footer p.left-footer {text-align:left;float:left;width:450px;}
	#footer p.right-footer {text-align:right;float:right;width:450px;}
	
	#footer a:link, #footer a:visited {
		color:#666;
		text-decoration:underline;
		}
	#footer a:hover {
		color:#000;
		text-decoration:underline;
		}