﻿body {
	margin: 0;
	margin-top:-14px;
	padding: 0;
	text-align: center;
	background-color: #fff;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 70%;
	/*background:url(../Imagenes/bg.jpg) #fff repeat-x;*/
}

#Saludo
{
    text-align:right;
    position: relative;
	display: block;
	margin-right:10px;
	text-transform:none;	
	font-size:11px;
	margin-top:4px;
	color:#555;
        top:-7px;
}

#wrapper 
{
	text-align: left;
	margin: 0 auto;
	width: 989px;
	overflow: hidden;
}

#wrapper2 
{
	text-align: left;
	margin: 0 auto;
	width: 400px;
	overflow: hidden;
}

#header {

	position: relative;
	height: 96px;
	background: url(../Imagenes/bg_menu_sup.png) repeat-x;
}

#header h1 a {
	position: relative;
	display: block;
	background: url(../Imagenes/header_logo.png) no-repeat;
	height: 75px;
	width: 328px;
	top: 10px;
	left: 5px;
	text-indent: -1000px;
}

#header ul {
	list-style-type: none;
}

#header #menu {
	position: absolute;
	left: 320px;
	top: 28px;
	z-index: 5;
}

#header #menu li {
	border-left: 1px solid #ededeb;
	display: block;
	height: 1.2em;
	float: left;
	padding-top: 1.8em;
	padding-left: 0.8em;
	padding-right: 0.8em;
}


#header #menu a{
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-size: 1.1em;
}

#header #menu a.active {
	color: #cccccc;
}

/* TODO: fix when active is not Spanish */

#header #langs 
{	
	position: absolute;
	left: 700px;
	top: 0px;
	margin: 0;
	padding: 0;
	background:url(../Imagenes/bkg_lang_left.png) #fff no-repeat left top ;
}

#header #langs ul {
	margin: 0;
	padding: 0;
	height: 23px;
	background: url(../Imagenes/bkg_lang_right.png) no-repeat  right top;
}

#header #langs ul li {
	float: left;
	padding-left: 5px;
	padding-right: 6px;
	padding-top: 2px;
	border-left: 1px dotted #999;
}

#header #langs a {
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-size: 0.85em;
}

#header #langs ul li.active {
	text-indent: 10px;
	background: url(../Imagenes/bkg_lang_active.png) no-repeat 5px 4px;
	color: #333;
	border: none;
}

#subheader {
	background-color: #f4f4f4;
	border-bottom: 1px dotted #c4c4c4;
	position: relative;
	padding-bottom: 0.25em;
	height:222px;
}

#sublegend {
	position: absolute;
	left: 5px;
	font-size: 3.25em;
	margin-bottom:10px;
}



/* Footer */

#footer {
	position: relative;
	text-align: right;
	color: #b5b5b5;
	float: none;
	clear: both;
}

#footer a {
	text-decoration: none;
	color: #b5b5b5;
}

#footer ul {
	list-style-type: none;
}

#footer #copy p, #footer #copy ul, #footer #copy ul li{
	display: inline;
}

#footer #copy {
	position: relative;
	right: 0px;
	bottom: 5px;
}

#footer #copy p {
	text-transform: uppercase;
	word-spacing: 0.25em;
}

#footer #copy #site {
	text-transform: uppercase;
	word-spacing: 0.35em;
}

#footer #copy #tos {
	word-spacing: 0.35em;
}

#footer #legal {
	float: none;
	clear: both;
	background: #f0f0f0 url(../Imagenes/footeer_bkg_border.png) no-repeat top center;
}

#footer #legal .address {
	margin-right: 10px;
	padding-top: 10px;
	word-spacing: 0.25em;
	z-index: 5;
}

#footer img {
	float: left;
	position: relative;
	left: 10px;
	top: 8px;
}

#footer #legal .social {
	position: absolute;
	right: 0px;
	top: 50px;
	text-align:right;
	text-transform: uppercase;
}

#footer #legal .social li {
	margin-right: 10px;
	word-spacing: 10px;
	float: left;
}

#footer #legal p.nbsp {
	height: 27px;
}



/* Main section, handle per page */

#content {
	min-height: 400px;
}

.hidden {
	display: none;
}