@charset "utf-8";
/* CSS Document */
/*======================================================*/
/* FORMATO ESTANDAR */
/*======================================================*/

* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
body {
	margin: 0 0 0 0;
	background: #fff;
	font-size: 80%;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
}
img {
	border: 0;
}
a:link, a:hover, a:visited {
	text-decoration: none;
}
#wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
	height: auto;
	overflow: hidden;
}

/*======================================================*/
/* TEXTOS */
/*======================================================*/
h1 {
	margin: 25px 50px 25px 25px;
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	font-size: 2.250em;
	font-weight: 500;
	color: #51798d;
}


/*======================================================*/
/* ESTRUCTURA */
/*======================================================*/
#logo {
	margin: 25px 0 25px 40px;
	width: 305px;
	height: 175px;
	position: absolute;
	float: left;
	_display: inline;
}


#header {
	background: url(images/transparencia50.png) repeat-x;
	width: 100%;
	height: 135px;
	font-family: Georgia, Arial, Verdana;
	text-align: right;
}

#header ul {
	margin: 65px 25px 0 0;
	_margin-top: 45px;
	width: 600px;
	height: 20px;
	text-align: right;
	float: right;
	_display: inline;
}

#header li {
	display: inline;
	margin: 0 30px 0 0;
}

#header li a {
color: #000;	
}

#header li a:hover {
color: #51798d;	
}

#content {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none; /* Debe estar en "none" en el archivo final, así puede ser animado con JQuery */
	_display: visible;
}

#sidebar {
	margin: 25px 25px 25px 0;
	padding: 0 0 25px 0;
	background: url(images/sidebar-bg.png) no-repeat top;
	width: 570px;
	height: auto;
	overflow: hidden;
	position:relative;
	float: right;
	_display: inline;
}

#sidebar p {
	margin: 0 50px 25px 50px;
	height: auto;
	text-align: justify;
}

#sidebar li {
	margin: 0 125px 10px 125px;
	text-align: justify;
}

#sidebar a{
color: #51798d;	
}

#sidebar a:hover {
color: #000;
}

.tabs {
	display: inline;
	float: right;
	margin: 26px 25px 0 25px;
	width: 570px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
	color: #51798d;
	}
	
.tabs li {
	background: url(images/tab-on.png) no-repeat;
	color: #999;
	width: 150px;
	margin: 0 5px 0 0;
	display: inline;
	float: left;
}

.tabs li a {
	background: url(images/tab-off.png) no-repeat;
	color: #51798d;
	display: block;
}

.tabs li a:hover {
	background: url(images/tab-off.png) no-repeat;
	color: #000;
	display: block;
}

#fotos {
	width: 100%;
	height: 131px;
}

#fotos img {
	height: 121px;
	width: 165px;
	border: 5px solid #fff;
	margin: 0 30px 0 30px;
}

.proyecto {
	margin: 0 25px 25px 25px;
	padding: 0 0 25px 0;
	background: #fff;
	width: 930px;
	height: auto;
	overflow: hidden;
	position:relative;	
}

.proyecto p {
	margin: 10px 50px 10px 50px;
	height: auto;
	text-align: justify;
}

.proyectotop {
	margin: 75px 25px 0 25px;
	width: 930px;
}

.submenu {
	margin: 25px 0 25px 0;
	font-family: Georgia, Arial, Verdana;
	font-size: 0.850em;
	letter-spacing: 0.1em;
	text-align: center;
	display: none;
}

.submenu a {
color: #999;	
}

.submenu a:hover {
color: #51798d;	
}

#prefooter {
	background: url(images/footer-bg.png) top center no-repeat;
	width: 100%;
	height: 75px;
	margin: 25px 0 0 0;
}

#footer {
	padding: 0 0 50px 0;
	background: #fff;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0.8em;
	color: #999;
}

#footer img {
	margin: 0 35px 25px 35px;
}

/*======================================================*/
/* VCARD - MICROFORMATS */
/*======================================================*/

.vcard, .given-name, .additional-name, .family-name, .org, .email, .adr, .street-address, .locality, .region, .postal-code, .country-name, .tel {
	display: inline;
	color: #999;
}

.vcard a, .given-name a, .additional-name a, .family-name a, .org a, .email a, .adr a, .street-address a, .locality a, .region a, .postal-code a, .country-name a, .tel a {
	color: #555;
}

.vcard a:hover, .given-name a:hover, .additional-name a:hover, .family-name a:hover, .org a:hover, .email a:hover, .adr a:hover, .street-address a:hover, .locality a:hover, .region a:hover, .postal-code a:hover, .country-name a:hover, .tel a:hover {
	color: #333;
}