body {
height: 100%;
width: 100%;
margin: 0px;
background-color: #EBEBEB;
font-family: "CenturyGothic-Bold", Arial, Helvetica, sans-serif;
}


img {
border-width: 0px;
}


@font-face {
    font-family: "CenturyGothic-Bold";
    src: url('../font/CenturyGothic-Bold.eot');
    src: url('../font/CenturyGothic-Bold.eot') format('embedded-opentype'),
         url('../font/CenturyGothic-Bold.woff') format('woff'),
         url('../font/CenturyGothic-Bold.ttf') format('truetype'),
         url('../font/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
}


#preload {
display: none;
}


#container {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: auto;
background-color: #fff;
}
@media screen and (orientation:portrait) {
#container {
width: 100% !important;
}
}


#header {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 393px;
overflow: hidden;
}
@media screen and (orientation:portrait) {
#header {
}
}


#header img {
position: absolute;
}


#header_bg {
z-index: 1;
}


#header_santa {
right: 20px;
bottom: -250px;
z-index: 2;
}


#header_title {
left: 80px;
top: 50px;
display: none;
z-index: 2;
}




#slider01 {
position: absolute;
top: 420px;
width: 100%;
height: 500px;
}


#slider02 {
position: absolute;
top: 820px;
width: 100%;
height: 500px;
}


#categorias {
position: absolute;
top: 1220px;
width: 1000px;
height: 354px;
background-color: #FFFFFF;
}


#categorias img {
position: absolute;
top: 20px;
right: 20px;
width: 684px;
height: 310px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


#categorias img:hover {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
cursor: pointer;
}


#categorias_selector {
position: absolute;
top: 28px;
left: 30px;
width: 250px;
height: 302px;
}


.categoria {
position: absolute;
width: 230px;
height: 27px;
color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 0.6vw;
padding-left: 10px;
padding-top: 6px;
}
@media screen and (orientation:portrait) {
.categoria {
font-size: 2vw;
}
}



.categoria:hover {
background-color: #CE1723;
color: #FFFFFF;
cursor: pointer;
}



#categoria00 {
background-color: #CE1723;
color: #FFFFFF;
top: 0px;
}


#categoria01 {
top: 33px;
}


#categoria02 {
top: 66px;
}


#categoria03 {
top: 99px;
}


#categoria04 {
top: 132px;
}


#categoria05 {
top: 165px;
}


#categoria06 {
top: 198px;
}


#categoria07 {
top: 231px;
}


#categoria08 {
top: 264px;
}


#footer {
position: absolute;
top: 1600px;
width: 1000px;
height: 131px;
background-color: #FFFFFF;
}


.banner {
position: absolute;
top: 20px;
width: 470px;
height: 91px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


.banner:hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
cursor: pointer;
}


#banner01 {
left: 20px;
}


#banner02 {
right: 20px;
}


#spacer {
position: absolute;
top: 1731px;
width: 1000px;
height: 150px;
}


.image-list {
cursor: pointer !important;
}