* {margin: 0; padding: 0; border: 0;}
body {color: #ffffff; font-family: "Trebuchet MS", Verdana, Geneva; text-align: center; font-size: 10pt;}
html, body {min-width: 940px; height: 100%;}
html {background: url(/images/bg-html.png) 0 0 repeat-x #000000;}
body {background: url(/images/bg-body.jpg) center 0 no-repeat; }

/* MAIN CONTAINER */
div#maincontainer {position: relative; margin-left: auto; margin-right: auto; width: 962px; }

/* HEADER */
div#header {position:relative; float: left; width: 962px; height: 247px; background: url(/images/bg-header.png) 0 bottom no-repeat;}

div#header #logo {
	position: absolute;
	background: url(/images/logo.jpg) 1px 0 no-repeat;
	top: 0px;
	left: 0px;
	width: 962px;
	height: 116px;
}
div#header #logo h1, div#header #logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-indent: -3000px;
	font-size: 0px; /* for ultra-long h1 texts */
	overflow: hidden;
}

div#header #menu {text-align: left; position: absolute; height: 44px; top: 118px; left: -1px;}
div#header #menu ul, div#header #menu ul li {list-style-type:none; margin: 0; padding: 0; display: inline-block; float: left;}
div#header #menu ul {margin-left: 3px;}
div#header #menu ul li {height: 44px; padding-right: 2px; background: url(/images/bg-menu-sep.png) right 0 no-repeat;}
div#header #menu ul li#last {padding-right: 0px; background: none;}
div#header #menu ul li a {color:white; padding: 13px 22px 13px 23px; display: inline-block; font-size: 10pt; font-weight: bold; text-decoration: none;}
div#header #menu ul li.active a, div#header #menu ul li.active a:hover {background: url(/images/bg-menu-active.png) right 1px no-repeat;}
div#header #menu ul li#first.active a, div#header #menu ul li#first.active a:hover {background: url(/images/bg-menu-active-home.png) right 0px no-repeat;}
div#header #menu ul li a:hover {color: #98cdfa;}
div#header #menu ul li a:focus{outline:0;}

/* CONTAINER */
div#container {position: relative; float: left; width: 962px; text-align: left; background: url(/images/bg-container.png) 0 0 repeat-y; display: table-cell;}

/* CONTENT */
div#content {position: relative; width: 700px; float: left; padding-left: 35px; top: -55px; padding-bottom: 32px;}
div#content a {color: #98cdfa; background-color: inherit; text-decoration: underline;}
div#content a:hover {color: #98cdfa; background-color: inherit; text-decoration: none;}
div#content ul {position: relative; list-style-type: none; margin-bottom: 30px; margin-right: 40px;}
div#content li {position: relative; list-style-type: none; margin: 0 0 10px 5px; padding-left: 19px; background: url(/images/bg-li.png) 0 4px no-repeat;}
div#content p {background-color: inherit; line-height: 140%; margin-bottom: 20px; padding-right: 30px;}

div#content .half {float: left; font-size: 8pt; margin-right: 7px; width: 320px; background: #3d65a6; border-top: 2px solid black; padding: 14px 8px;}
div#content .third {position: relative; font-size: 8pt; float: left; margin-right: 7px; width: 214px; background: #3d65a6; border-top: 2px solid black; padding: 6px; height: 220px;}
div#content .tright {margin-right: 0px; }
div#content .third  img{border: 2px solid #599ccd; margin-bottom: 10px;}
div#content .third a:hover img{border: 2px solid #ffffff;}
div#content .third  .more{position: absolute; bottom: 5px; right: 5px;}

/* SHORT INFO PANEL */
div#ticketpanel {width: 220px; padding-left: 3px; float: right; text-align: center; top: -55px; position: relative;  margin-bottom: -55px;}
div#ticketpanel a img {margin-bottom: 7px; border: 1px solid #599ccd;}
div#ticketpanel a:hover img {border: 1px solid #ffffff;}



/* FOOTER */
div#footer {position: relative; float: left; width: 962px; height: 84px; padding-top: 50px; background: url(/images/bg-footer.png) 0 0 no-repeat; color: #b9b9b9; text-align: center; font-size: 8pt;}
div#footer a {background-color: inherit; color: #d7d7d7; text-decoration: underline;}
div#footer a:hover {background-color: inherit; color: #d7d7d7; text-decoration: none;}

div#footer #logo2 {
	position: absolute;
	background: url(/images/logo-footer.png) 1px 0 no-repeat;
	top: -80px;
	left: 479px;
	width: 258px;
	height: 104px;
}
div#footer #logo2 h1, div#footer #logo2 h1 a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-indent: -3000px;
	font-size: 0px; /* for ultra-long h1 texts */
	overflow: hidden;
}

.articles {margin-bottom: 10px;}
.articles .title {font-weight: bold;}

.more {display: inline-block; width: 56px; height: 20px; text-indent: -3000px; overflow: hidden; background: url(/images/bg-more.png) 0 0 no-repeat;}
.more:hover {background: url(/images/bg-more.png) 0 -20px no-repeat;}

.more-small {display: inline-block; width: 10px; height: 13px; text-indent: -3000px; overflow: hidden; background: url(/images/bg-more-small.png) 0 0 no-repeat; position: relative; top: 2px;}
.more-small:hover {background: url(/images/bg-more-small.png) 0 -13px no-repeat;}

.back {display: inline-block;  height: 20px; background: url(/images/bg-back.png) 0 4px no-repeat; padding-left: 15px;}
.back:hover {background: url(/images/bg-back.png) 0 -13px no-repeat;}


/* CUPONS */
.cupons div#header {background: url(/images/bg-header-cup.jpg) 0 bottom no-repeat;}
.cupons div#container {background: url(/images/bg-container-cup.png) 0 0 repeat-y; }
.cupons div#footer {background: url(/images/bg-footer-cup.png) 0 0 no-repeat;}
.cupons div#content {width: 920px;}
.cupons div#content .half {width: 425px; margin: 0;}
.cupons div#content .hleft {border-right: 5px solid #214886;}
.cupons div#content .hright {border-left: 5px solid #214886;}
.cupons div#footer #logo2 {
	background: url(/images/logo-footer-cup.png) 1px 0 no-repeat;
	left: 702px;
}
.cupons-thmb a img {margin-bottom: 7px; border: 2px solid #599ccd; margin-left: 7px;}
.cupons-thmb a:hover img {border: 2px solid #ffffff; }

.text {margin: 0 30px 30px 0;}

table {border: 2px solid #3D65A6; width: 100%; text-align: left; border-collapse:collapse;}
table tr td, table tr th{border: 1px solid #253350; padding: 3px 2px 4px 10px;}
table .highlight td {background: #3D65A6;}
table tr th {padding: 10px 2px 10px 10px; background: #1D3F74; color: #ffffff; font-size: 10pt; }

/* GLOBAL CLASSES */
h1 {color: #ffffff; background-color: inherit; font-size: 20pt; font-weight: normal; margin-bottom: 18px;}
h2 {color: #ffffff; background: url(/images/bg-h2.png) 0 4px no-repeat; font-size: 11pt; font-weight: bold; margin-bottom: 14px; padding-left: 18px; text-align: left; text-transform: uppercase;} 
h3, h4, h5, h6 {color: #ffffff; background-color: inherit; font-size: 11pt; font-weight: bold; margin-bottom: 12px;}

div#content .igoogle { position: relative; float: left; width: 400px; clear: left; margin-bottom: -20px; top: 65px;}
div#content .igoogle a, div#content.igoogle a:hover{color: white; font-size: 20px; font-weight: bold; text-decoration: none;}