/*
	Custom CSS for thecentroexperience.com
	-------------------------------

	@date 		2010-01-18
	@author 	Frederico Leonardo <frederico.leonardo@gmail.com>
*/


/* Basic */

body {
	background-color: #E6E7E1;
	font-family: "Lucida Grande", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size: 11px;
	color: #313130;
}

a {
	text-decoration: none;
}

h1 {
	font-weight: normal;
	font-size: 38px;
	text-transform: uppercase;
	margin: 64px 0 0 18px;
	padding: 0;
	color: #92278f;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px dotted #BEBFBA;
	margin: 10px 0 15px 0;
	padding: 0 0 10px 0;
	color: #757673;
}

h3 {
	font-weight: normal;
	font-size: 15px;
}

p {
	font-size: 12px;
	line-height: normal;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin: 0;
	padding: 0;
}

div#languages {
	margin: 15px 0 15px 0;
}

div#languages ul {
	text-align: right;
}

div#languages ul li {
	display: inline;
	margin-left: 5px;
}

div#languages ul li a:link, div#languages ul li a:visited {
	font-size: 11px;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	color: #757673;
}

div#languages ul li a:hover, div#languages ul li a:active {
	color: #BEBFBA;
}

div#languages ul li a#selectedlang {
	color: #757673;
	background-color: #BEBFBA;
	padding: 2px 4px 2px 4px;
}

div#header {
	height: 110px;
	background: url('../../content/experiences/header.png') no-repeat 0 0;
	margin-bottom: 1px;
}

ul#menu {
    list-style: none;
    width: 239px;
}

ul#menu li {
    margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

ul#menu li a.menutype:link, ul#menu li a.menutype:visited, ul#menu li a.menutype:hover, ul#menu li a.menutype:active {
    display: block;
    padding: 10px 20px 8px 20px;
    margin-bottom: 1px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #bebfba;
	color: #757673;
}

ul#menu li a:link, ul#menu li a:visited {
    display: block;
    padding: 10px 20px 8px 20px;
    margin-bottom: 1px;
	text-decoration: none;
	background-color: #FFF;
	color: #525351;
}

ul#menu li a:hover, ul#menu li a:active {
    text-decoration: none;
	color: #525351;
	background: #f1f2ec;
}

div#content {
	background-color: #FFF;
}

div#events {
	padding: 10px 0 10px 20px;
}

div#events span.date {
	color: #8A8B88;
	font-size: 10px;
	margin-top: 5px;
	padding: 2px 4px 2px 4px;
	background-color: #e6e7e1;
}

div#events h3 {
	margin: 10px 0 5px 0;
}

div#events h3 a {
	color: #92278f;
}

div#events div.eventdetail {
	border-bottom: 1px dotted #BEBFBA;
	padding: 5px 0 0 0;
	margin: 5px 0 10px 0;
}

div#thingstodo {
	padding: 10px;
	background: #92278f url('../../content/experiences/balls.png') repeat 0 10px;
}

div#thingstodo h2 {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

div#thingstodo h3 {
	font-size: 13px;
	padding: 0;
	margin: 0 0 2px 0;
}

div#thingstodo p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
}

div#thingstodo p.separator {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	font-size: 11px;
	border-bottom: 1px dotted #FFF;
}

div#thingstodo a:link, div#thingstodo a:visited {
	color: #FFF;
}

div#thingstodo a:hover, div#thingstodo a:active {
	text-decoration: none;
}

div#thingstodoholder {
	height: 350px;
}

div#special_offers {
	padding: 10px;
	background: #f1f2ec;
}

div#special_offers h2 {
	color: #757673;
	border-bottom: 1px dotted #BEBFBA;
}

div#special_offers h3 {
	font-size: 13px;
	padding: 0;
	margin: 0 0 2px 0;
}

div#special_offers p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
}

div#special_offers p.separator {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	font-size: 11px;
	border-bottom: 1px dotted #BEBFBA;
}

div#special_offers a:link, div#special_offers a:visited {
	color: #757673;
}

div#special_offers a:hover, div#special_offers a:active {
	text-decoration: none;
}

div#special_offers_holder {
	height: 300px;
}

img.left {
	float: left;
	margin: -2px 15px 15px 0;
}

div#paginator {
	font-weight: bold;
	margin: 15px 0 10px 0;
}

div#paginator div#pagenumbers {
	float: left;
}

div#paginator div#pagegoto {
	float: right;
}

div#paginator div#pagegoto a {
	color: #FFF;
	padding: 4px 6px 4px 6px;
}

div#footer {
	margin-bottom: 20px;
}