body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", tahoma, verdana, arial, sans-serif;
line-height : 1.8em;
color : #663300;
background : #f0e9dd url(img/body_bg1.gif) repeat-y;
background-position : 50% 0;
}
#container {
width : 700px;
margin-left : auto;
margin-right : auto;
padding : 5px;
}
#container1 {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 5px;
}
			/*TOP BANNER*/
#banner {
height : 200px;
padding : 5px;
margin-left : 50px;
background : inherit no-repeat;
}
#banner1 h1 {
margin : 0 12px 0 0;
padding-top : 0px;
letter-spacing : 1px;
font-size : 120%;
text-align : center;
}
#banner2 {
height : 200px;
padding : 5px;
margin-left : 2px;
background : url(cabecera.jpg) no-repeat;
}
			/*MAIN CONTENT*/
#content {
	padding : 0;
	margin-left : 175px;
	text-align: left;
}
#content2 {
padding : 0;
margin-left : 5px;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 0 5px 0px 0px;
padding : 3px;
border-left : 1px solid #dfd0b9;
border-right : 1px solid #dfd0b9;
background : #E9DFC4;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 0.9em;
border-top : 1px solid #dfd0b9;
color : #333;
background : inherit;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #333;
}
#footer a:hover {
text-decoration : underline;
background : inherit;
color : #663300;
}
			/*TYPOGRAPHY*/

#content h1, #sidebar h1 {
margin : 5px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
padding : 3px;
color : #eb6d00;
background : inherit;
}
h2 {
	font-size : 110%;
	padding : 6px;
	margin : 3px;
	letter-spacing : 2px;
	color : #FBF9F4;
	background : #5C743D;
}
h3 {
	padding : 1px;
	margin : 1px;
	font-size : 100%;
	letter-spacing : 1px;
	padding : 1px;
	color : #FBF9F4;
	background : #5C743D;
}
#twitter { /* el rectángulo que contendrá todo */
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
 -webkit-border-radius: 10px;
-webkit-border-radius: 10px; // WebKit y Safari
-khtml-border-radius: 10px;
  background-color: #333;
  border: 2px solid #444;
  color: #CCC;
  font-family: Helvetica,
  font-size; 13px;
  height: 100%;
  margin: 0 auto;
  padding: 10px;
  width: 250px;
}
#twitter h6 { /* el título */
  color: #EEE;
  font-family: Century Gothic;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}
blockquote {
	font-size : 125%;
	font-weight : bold;
	font-style : italic;
	text-align : center;
	color : #b29b35;
	background : url(images/header-bg-500.jpg) no-repeat;
	margin-left: 13%;
}
			/*LINKS*/
a {
text-decoration : none;
color : #6cad67;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #333;
background : inherit;
}
a img {
border : 0;
}
			/*3 COLUMNS*/
.intro {
	float : left;
	width : 460px;
	margin : 0px 0 0px 0;
	padding : 0px;
}
.intro2 {
  -moz-border-radius: 10px;
    float : left;
	width : 220px;
	margin : 3px 0 5px 0;
	padding : 5px;
}
.intro3 {
	float : right;
	width : 220px;
	margin : 3px 0 10px 0;
	padding : 5px;
}
			/* navigation */
.navigation {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 3px solid #333322;
	color: #FBF9F4;
	float: left;
	font: bold 1.1em Tahoma,sans-serif;
	padding: 0 4px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #333322;}
.navigation a#active {background-position: left bottom; color: #FBF9F4;}
/* main */
.main#two-columns {background: #FFF url(img/two-columns.gif) repeat-y;}

/* bottom */
.bottom {
	background: #839C61 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

			/*CLASSES*/
.img {
float : left;
padding : 3px;
margin : 3px;
}
.update {
font-size : 1em;
border : 1px solid #ffa961;
background : inherit;
color : #4f210d;
}
.update2 {
	-moz-border-radius: 10px;
	font-size : 1em;
	border : 1px solid #ffa961;
	background : #ffffff;
	color : #4f210d;
	text-align: center;
	margin-right: 5%;
    margin-left: 5%;
}
.box {
margin : 15px;
padding : 5px;
border : 1px solid #ffa961;
background : inherit;
color : #663300;
}
.box1 {
-moz-border-radius: 10px;
margin : 2px;
padding : 2px;
border : 2px solid #ffa961;
background : #CFE4CD url(barbg.gif) no-repeat;
color : #663300;
margin-right: 5%;
margin-left: 5%;
}
.box2 {
margin : 0px;
padding : 0px;
border : 2px solid #508B4B;
background : #ffa961;
color : #663300;
}
.sidebar-bg {
	background : url(images/sidebar-bg-200.jpg) no-repeat;
	color : #663300;
	margin-right: 3%;
	margin-left: 3%;
}
			/*SEARCH BOX*/
.search {
clear : both;
padding : 5px 0 5px 0;
border-top : 1px solid #f0e9dd;
border-bottom : 1px solid #f0e9dd;
background : #cfe4cd url(barbg.gif) no-repeat;
color : #000;
}
form {
margin : 0;
}
input.search {
width : 100px;
border : none;
background : url(img/input.gif);
padding : 4px;
}
input.login {
width : 100px;
border : none;
background : url(img/logininput.gif);
padding : 4px;
}