html {
	background: #fefefe;
}
body, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #555555;
	text-align: left;
	}
a {
	text-decoration: underline;
	color: #4388b3;
	}
a:hover {
	text-decoration: none; 
}
img{border: 0;}
/*base margin/padding rule*/
ol,ul,h1, h2, h3, h4, h5,h6,h7,p,table,caption,blockquote {
	padding: 0;
	margin: 0.4em 10px 0.8em 10px;
	position: relative;
	line-height: 140%;	
	}
h1, h2, h3, h4, h5 {
	margin: 0.4em 10px 1em 10px;
	color: #25355b;
}
h1 {font-size: 1.4em; font-weight: normal; line-height: 110%;}
h2 {font-size: 1.4em; font-weight: normal; line-height: 110%;}
h3 {font-size: 1.4em; font-weight: normal; line-height: 110%;}
h4 {font-size: 1.1em; font-weight: bold; line-height: 110%;}
h5 {font-size: 13px; font-weight: normal;}
br {line-height: 0.1em;padding: 0;margin: 0;font-size: 0.5em;}
table {vertical-align: bottom;}
strong {font-weight:bold;}
td {text-align: left;padding: 2px;margin: 0;vertical-align: bottom;}
th {text-align: left;padding: 2px;}
td p {margin: 0.1em 1px;padding: 0;}
ul {position:relative; display: block; padding-left: 20px; clear: both; float: none; zoom:1;}
li {}
ul li {zoom: 1;	display: list-item;}
ol li {	list-style-type: decimal;	display: list-item;vertical-align: top; margin-left: 2em;}
em {}
blockquote p {margin: 0.4em 0px;}
body {
	/*default background*/
	position: relative;
	margin: 0px auto;
	}
.fltr {float: right; display: inline;}
.fltl {float: left; display: inline;}
.talr {text-align: right;}
.talc {text-align: center;}
.tall {text-align: left;}	

button,
a.button,
span.button {
	background: #17476c url(../images/button_bg_blue.png) repeat-x left top;
	border: none;
	color: #fff;
	padding: 0;
	cursor: pointer;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   	 border-radius: 5px;
    position: relative;
    padding:5px 10px 5px 10px;
    text-shadow:0 1px 0 #636e97;
    text-decoration: none;
    zoom: 1;
    width: auto;
    _width:1em;
	overflow:visible;
}
a.button,
span.button {
	padding: 8px 15px 8px 15px;
	}

button:hover,
a.button:hover,
a:hover span.button {
	background-position: left bottom;
}


/*////////////////
*	Header stuff
////////////////*/
#header h3.logo {
	position: absolute;
	left: 7px;
	top: 30px;
	margin: 0;
	padding: 0;
	z-index: 1;
}
#header h3.logo a {
	width: 230px;
	height: 110px;
	display: block;
	background: url(../images/logo_default.gif) no-repeat left top;
}
#header h2,
#header h3,
#header p {
	text-shadow:1px 1px 1px #23222A;
}
#header .langswitch,
#header .navbase,
#header .banner {
	position: relative;
	overflow: hidden;
	clear: both;
	zoom: 1;
}

div.langswitch {
	margin-top:8px;
}
#header .navbase {
	margin-bottom: 50px;
}
#header ul {
	float: right;
	display: inline;
}
#header ul li {
	list-style: none;
	float: left;
	display: inline;
	padding: 5px 8px;
}
#header li a {
	color: #fff;
	text-decoration: none;
}
#header .navbase a {
	color: #b6dbf1;
	font-size: 1.1em;
}
#header .navbase a:hover,
#header .navbase a.sel {
	color: #fff;
	}

#header .navbase li {
	border-right: 1px #636e97 solid;
}
#header .navbase li.last {
	border-right: none;
}

#header .langswitch a {
	font-size: 0.9em;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	color:#B6DBF1;
}
#header .langswitch .selected a,
#header .langswitch a:hover {
	color:#fff;
}
#header .langswitch a#en { 	background-image: url(../images/flags/en.gif);}
#header .langswitch a#es { 	background-image: url(../images/flags/es.gif);}
#header .langswitch a#cat { 	background-image: url(../images/flags/cat.gif);}
#header .langswitch a#de { 	background-image: url(../images/flags/de.gif);}
#header .langswitch a#zh { 	background-image: url(../images/flags/zh.gif);}

#header .banner .half-width {
	width: 480px;
	float: left;
	display: inline;
	
}
#header .banner .quarter-width {
	width: 240px;
	float: left;
	display: inline;
	
}

/*Login panel*/
#dropdownloginform {
	position: absolute;
	right: 10px;
	top: 0px;
	background: rgb(182, 219, 241); /*Fallback*/
	background: rgba(182, 219, 241, 0.85);
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	z-index: 1;
	text-align: right;
	overflow: hidden;
	min-width: 220px;
}
#dropdownloginform .wrapper {
	width: 300px;
}
#dropdownloginform p {
	margin-top:8px;
	text-shadow:none;
}
#dropdownloginform a {
	background: url(../images/icons/user.gif) no-repeat left center;
	padding-left: 20px;
	color:#fff;
	text-decoration:none;
}
#dropdownloginform a:hover {
	color:#fff;
	text-decoration:none;
}
#dropdownloginform table {
	margin-top: 0;
}


/*////////////////
*	Banner stuff
////////////////*/
#header .banner {
	color: #fff;
}

#header .banner h1,
#header .banner h2,
#header .banner h3,
#header .banner h4,
#header .banner h5 {
	color: #f4d836;
	margin-bottom: 1em;
	font-size: 1.6em;
}
#header .block {
	margin: 0;
	padding: 0;
	}

#header .banner .first p {
	font-size: 1.5em;
	line-height: 140%;
	text-shadow:1px 1px 2px #23222A;
	}

#header .banner a.button {
	display: block;
	font-size: 1.2em;
	background: #f4d836 url(../images/button_bg_gold.png) repeat-x left top;
	text-shadow:0 1px 0 #f4d836;
	color: #25355b;
	margin-top: 2em;	
	width: 180px;
}
#header .banner a.button span {
	display: block;
	padding-left: 45px;
	padding-right: 10px;
	background: url(../images/button_icon_goldarrow.png) no-repeat left center;
	font-weight:bold;
	font-size:15px;
}


/*////////////////
*	Content stuff
////////////////*/
#content .agregator li {
	overflow: hidden;
	padding-left: 0;
	margin-bottom: 10px;
	background: none;
	list-style: none;
}
#content .agregator li .thumb {
	width: 120px;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom:15px;
	padding: 9px;
	border: 1px #d8e2e7 solid;
}
#content .agregator li a:hover .thumb {
	border: 1px #4388B3 solid;
}
#content .agregator li span {
	display: block;
	font-weight: normal;
	color: #4388B3;
	text-decoration:underline;
}
#content .agregator li a:hover span {
	text-decoration:none;
}
#content .agregator a {
	text-decoration: none;
	color: #555555;
}
#content .agregator a:hover {
	text-decoration: none;
}

/*////////////////
*	Footer stuff
////////////////*/
#footer .tail {
	border-top: 1px #e6e8ec solid;
}
#footer .inner {
	padding: 25px 0;
}
#footer ul.menu {
	position: relative;
	overflow: hidden;
	padding: 0;
}
#footer ul.menu li {
	list-style: none;
	float: left;
	display: inline;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	border-right: 1px #555555 solid;
	line-height: 1em;
}
#footer ul.menu li.last {border: none;}
#footer ul.menu a {
	color: #555555;
	text-decoration: none;
	
}
#footer ul.menu a.sel {
	color: #4388b3;
	}
	
/*////////////////
*	Forms
////////////////*/
p.buttons{
	clear: both;
	position: relative;
	overflow: hidden;
}
input, select, textarea{
	border: 1px #dbdfe5 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 6px;
	background: url(../images/bg_inputs.gif) no-repeat right bottom;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
input, textarea{
	width: 24em;
}
input.var {
	width: auto;
}
input.chbx {width: auto;border: none;}
div.formElement {
	position: relative;
	clear: both;
	padding: 1px;
	margin: 0px 10px 2px 10px;
	zoom: 1;
	overflow: hidden;
	}
div.formElement p {
	overflow: hidden;
	margin: 0.3em 10px;
	zoom: 1;
}
div.formElement.invalid {
	position: relative;
	background: #f7eff0;
	border: 1px #8d2b2b solid;
	padding: 1px 0;
	margin: 3px 10px;
	vertical-align: top;
	display: block;
	}
div.formElement.valid {
	position: relative;
	display: block;
	}
div.formElement.invalid.required input {background-color: #e8eeec; border:1px #8d2b2b solid;}
div.formElement.valid.required input,
div.formElement.valid.required select,
div.formElement.valid.required textarea {
	background-color: #e8eeec;
	border: 1px #B6DBF1 solid;
	}

span.req,
div.required .blk em {
	color: #8d2b2b;
}
div.formElement.valid.required option {
	background-color: #f7eff0;
	}
div.label,
label.blk {
	display: inline;
	float: left;
	clear: none;
	color: #333333;
	margin-top: 2px;
	margin-right: 5px;
	text-align: right;
	vertical-align: top;
	width: 10em;
	}
div.input,
span.blk {
	display: inline;
	margin-right: 2px;
	float: left;
	clear: none;
	}
label {
	display: inline;	
}
#content .invalidFormHeader {
	position: relative;
	padding: 0.5em 10px;
	margin: 3px 10px;
	border:none;
	color: #8d2b2b;
	}
div.errTxt {
	margin-top: 3px;
	padding: 2px 2px 0px 1em;
	color: #0000a0;
	font-weight: bold;
	vertical-align: top;}
div.hintreq {
	float: left;
	clear: none;
	display: inline;
	margin-top: 3px;
	padding: 2px 2px 0px 1em;
	color: #0000a0;
	font-size: 11px;
	vertical-align: top;}
div.outputtext {
	float: left;
	clear: none;
	margin-top: 3px;
	padding: 2px 2px 0px 2px;
	font-size: 11px;
	vertical-align: top;
}

span.hint {
	float: left;
	clear: none;
	margin-top: 2px;
	padding: 2px 2px 0px 2px;
	font-size: 11px;
	vertical-align: top;
}

p.error {
	display: block;
	font-style: italic;
	color: #8d2b2b;
}
a.reloj-mundial {
	background: url(../images/icons/reloj-mundial.gif) no-repeat left center;
	padding-left:58px;
	padding-bottom:20px;
	padding-top:20px;
	display:block;
}
a.globe {
	background: url(../images/icons/globe.gif) no-repeat left center;
	padding-left:58px;
	display:block;
}

