html {
overflow: auto;
/*overflow-x: hidden;*/
}
body {
margin: 0 auto;
padding: 0;
overflow: auto;
/*text-align: center; /*hack para o IE */
background:#000000 url(../images/BackgroundPattern.png) repeat;
font: 11px Tahoma, Verdana, Arial,sans-serif;
}
p {
margin:0px;
}
img {
border:0;
}
a {
outline: none;
}
#logoLink: visited {
outline: none;
text-decoration: none;
color: #C9C9C9;
}
.clickCursor {
cursor: pointer;
}
html,body,#outermost {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: relative;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
}
/* end hide */
.valignmid3 {
position: relative;
}
#headerContainer{
width: 100%;
height:129px;
top: 29px;
background:url(../images/headerBackground.png) repeat-x;
}
#headerShadow {
height:7px;
margin: 0 auto;
padding: 0;
text-align: center; /* hack para o IE */
background:url(../images/headerShadow.png) repeat-x;
}
#logoContainer {
width: 1024px;
height: 100px;
}
#logo {
display: table;
width: 143px;
height: 122px;
left: 47px;
bottom: 6px;
position:absolute;
border: none;
outline: none;
cursor:pointer;
background-image: url(../images/logo.png);
/*z-index: 9999;*/
}
#logoLink {
display:block;
width:143px;
height:122px;
}
#majorContainer {
width: 100%;
height:701px;
}
/**********************************************************************/
/* INDEX */
/**********************************************************************/
#mainContainer {
width: 804px;
height: 564px;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
}
#indexHeader {
width: 264px;
height: 17px;
top: -21px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(../images/empresa.png);
}
#promoContainer {
width: 800px;
height: 390px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
border: 2px solid #111111;
}
.index #promoContainer {
background-image: url(../images/promo.png);
}
.events #promoContainer {
background-image: url(../images/storePhoto.png);
}
.event #promoContainer {
background-image: url(../images/fashiontv.png);
}
#indexContainer {
width: 800px;
height: 175px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
background:url(../images/headerBackground.png) repeat;
border-left: 2px solid #111111;
border-right: 2px solid #111111;
border-bottom: 2px solid #111111;
}
#leftArea {
width: 399px;
height: 175px;
float: left;
}
#contactsTitle {
width: 141px;
height: 26px;
background-image:url(../images/ContactosText.png);
}
#splitter {
width: 1px;
height: 141px;
margin-top: 17px;
float: left;
border-left: 1px solid #C9C9C9;
}
#rightArea {
width: 396px;
height: 175px;
float: right;
}
#scheduleTitle {
width: 89px;
height: 25px;
background-image:url(../images/HorarioText.png);
}
.title {
margin-left: 25px;
margin-top: 19px;
}
.textArea {
color: #C9C9C9;
line-height: 1.7;
margin-left: 25px;
margin-top: 32px;
font-size: 12px;
font-weight:bold;
}
#contactsArea.textArea a {
color: #C9C9C9;
}
#contactsArea.textArea a:visited {
color: #C9C9C9;
}
.eventThumbnail {
width: 40px;
height: 30px;
margin-left: 25px;
float: left;
background-image:url(../images/ftv.png);
}
.orangeTitleText {
color: #EC8923;
float: left;
font-size: 16px;
}
.orangeTextEvent {
color: #EC8923;
float: left;
margin-left: 25px;
}
.orangeText {
color: #EC8923;
float: left;
}
.greyText {
margin-left: 15px;
float: left;
}
#footer {
color: #C9C9C9;
margin-left: auto;
margin-right: auto;
left: 328px;
position: relative;
}
.copyright {
vertical-align: super;
}
#fIcon img {
margin-bottom: 1px;
width: 16px;
height: 16px;
}
#mapContainer {
width: 800px;
height: 390px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
border: 2px solid #111111;
}
#eventsArea {
width: 800px;
height: 175px;
float: left;
}
#eventsTitle {
width: 108px;
height: 26px;
background-image:url(../images/EventsText.png);
}