* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: "Century Gothic", sans-serif;
    color: #000000;
    background: #242424 url(images/body.jpg) repeat 0 0;
    min-width: 1000px;
}

a { color: #928155; text-decoration: none; cursor: pointer; }
a:hover { color: #ffce31; text-decoration: underline;   }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


#wrapper { background: url(images/wrapper.png) repeat-x 0 0; }

.shell { padding: 8px 0 30px; width: 989px; margin: 0 auto; background: url(images/top-lights.png) no-repeat 0 0; }

.socials { display: inline; float: right; padding-right: 4px; }
.socials a { display: block; float: left; padding-right: 9px; width: 22px; height: 22px; text-indent: -4000px; }
.socials a.facebook { background: url(images/facebook.png) no-repeat 0 0; }
.socials a.twitter { background: url(images/twitter.png) no-repeat 0 0; }
.socials a.rss { padding-right: 0; background: url(images/rss.png) no-repeat 0 0; }
.socials a:hover { background-position: 0 -22px; }

#top-navigation { color: #000; padding-left: 10px; }
#top-navigation a { color: #818082; }
#top-navigation a:hover { color: #b2b2b2; }
#top-navigation span { padding: 0 6px 0 9px; }

#header { position: relative; padding: 40px 0 25px 9px; width: 981px; }
 
#logo { display: inline; float: left; width: 317px; }
#logo a { display: block; width: 317px; height: 24px; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#logo .slogan { color: #a2a2a3; font-size: 10px; line-height: 15px; text-transform: uppercase; }

#search { display: inline; float: right; margin-top: 2px; width: 261px; background: url(images/search.png) no-repeat 0 0; }
#search .field { display: inline; float: left; background: none; border: 0; padding: 10px 14px 6px; width: 190px; }
#search .field { font-size: 11px; color: #858585; line-height: 16px; }
#search .submit-button { display: inline; float: right; background: none; border: 0; cursor: pointer; width: 43px; height: 33px; }


#navigation { margin: 0 0 0 7px; padding: 2px 0 0 3px; width: 983px; height: 73px; background: url(images/navigation.jpg) no-repeat 0 0; }
#navigation ul li { list-style: none; display: inline; float: left;	line-height: 60px; text-shadow: 1px 1px #1b3242; background: url(images/nav-sep.png) no-repeat right 0; }
#navigation ul li { font-family: 'Play', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#navigation ul li.first a { padding: 0 23px 0 26px; background: url(images/nav-first.png) no-repeat 0 -4000px; }
#navigation ul li a { display: inline; float: left; padding: 0 22px 0 19px; color: #fff; background: url(images/nav-item.png) repeat-x 0 -4000px; }
#navigation ul li a:hover { background-position: 0 0; text-decoration: none; }
#contenido {
width: 960px;
margin: 0 auto;
background: #;
border: 0;
padding: 4px 0;
min-height: 100%;
height: auto !important;
}

.menu li {
list-style-type: none;
float: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
line-height: 80px;
padding-right: 44px;
}

.menu {
width: 100%;
height: 70px;
}

.menu li a {
text-decoration: none;
color: #9c8130;
display: block  !importnat;
position: relative;
width: 150px !importnat;
}

.menu li a:hover {
color: #000; text-decoration: underline;
}

.menu ul li ul span {
background: url('imgages/flecha.png');
margin: -20px 20px;
width: 20px;
height: 10px;
position: absolute;
}

.menu ul li ul {
display: none; 
background: #cd860a;
padding: 7px 0;
position: absolute;
margin: -28px -11px;
.margin: 69px -170px;
_margin: 69px -170px;
}

.menu ul li:hover ul {
display: block;
}

.menu ul li ul li {
display: block;
float: none;
position: relative;
color: #fff;
padding: 0 25px;
line-height: 20px;
}

.menu ul li ul li a{
color: #000000;
}

.menu ul li ul li a:hover {
color: #FFFFFF;
}

#menu_i {
float: left;
width: 54px;
height: 100px;
margin-left: -16px;
}


#menu_d{
float: right;
width: 54px;
height: 100px;
margin-right: -16px;
}

.menu li a:hover {
color: #FADB61;
}li a:hover {
color: #000;
} {
color: #000;
}lor: #000;
}
#slider { position: relative; padding: 6px 0 50px 7px; margin-left: 2px; width: 984px; background: url(images/slider.png) no-repeat 0 0; }

#slider .caption { position: absolute; top: 400px; left: 0; padding-top: 24px; width: 948px; height: 57px; repeat-x 0 0; }
#slider .caption p { text-align: center; font-family: 'Play', sans-serif; font-size: 18px; color: #ffce31; font-weight: bold; line-height: 38px; }
#slider .caption p span { padding: 0 22px 0 20px; font-family: arial, sans-serif; font-size: 12px; color: #8a8b89; text-transform: uppercase; font-weight: bold; line-height: 32px; }
#slider .caption a.watch-now { display: inline-block; width: 116px; height: 32px; line-height: 32px; background: url(images/watch-now.png) no-repeat 0 0; }
#slider .caption a.watch-now { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; }
#slider .caption a.watch-now:hover { text-decoration: none; background-position: 0 -32px; }

#main { padding-left: 4px; }
#main-top { font-size: 0; line-height: 0; text-indent: -4000px; height: 10px; background: url(images/main-top.png) no-repeat 0 0; }
#main-middle { padding: 10px 27px 0; width: 937px; background: url(images/main-middle.png) repeat-y 0 0; }
#main-bottom { font-size: 0; line-height: 0; text-indent: -4000px; height: 111px; background: url(images/nav-bg.png) no-repeat 0 0; }

h2 { margin-bottom: 7px; font-family: 'Play', sans-serif; font-size: 26px; line-height: 47px; color: #fff; font-weight: normal; border-bottom: solid 1px #373737; }

#content { display: inline; float: left; width: 618px; }
.post { padding-bottom: 56px; }
.post p { padding: 9px 0 10px; }
.post a.learn-more { display: block; width: 98px; height: 27px; line-height: 27px; background: url(images/learn-more.png) no-repeat 0 0; text-align: center; font-weight: bold; color: #fff; }
.post a.learn-more:hover { text-decoration: none; background-position: 0 -27px; }

.games { padding-bottom: 32px; }

.games-slider { margin-top: 13px; padding: 23px 0 0 17px;  width: 609px; height: 138px; background: url(images/games-slider.png) no-repeat 0 0; }
.games-slider .jcarousel-container { position: relative; overflow: hidden; padding: 0 22px; width: 576px; height: 120px; }
.games-slider .jcarousel-clip { position: relative; overflow: hidden; width: 576px; height: 120px; }
.games-slider .jcarousel-clip ul li { position: relative; overflow: hidden; padding-left: 17px; width: 127px; height: 120px; font-size: 11px; color: #a8a8a8; cursor: pointer; }
.games-slider .jcarousel-clip ul li .small-caption { position: absolute; top: 68px; left: 17px; display: none; font-size: 10px; line-height: 27px; width: 100%; background: url(images/small-caption.png) repeat-x 0 0; text-indent: 12px; padding: 0; }
.games-slider .jcarousel-clip ul li .title { text-align: center; padding: 0; line-height: 24px; }
.games-slider .jcarousel-clip ul li.active .title { color: #349ce6; }
.games-slider .jcarousel-clip ul li.active .small-caption { display: block; }

.games-nav a.prev-arrow { position: absolute; top: 68px; left: 14px; display: block; width: 11px; height: 16px; background: url(images/prev-arrow.png) no-repeat 0 0; text-indent: -4000px; overflow: hidden; }
.games-nav a.next-arrow { position: absolute; top: 68px; right: 14px; display: block; width: 11px; height: 16px; background: url(images/next-arrow.png) no-repeat 0 0; text-indent: -4000px; overflow: hidden; }
.games-nav a:hover { background-position: 0 -17px; }

#sidebar { display: inline; float: right; width: 289px; }
.widget ul { padding: 5px 0 0 10px; list-style: square; }
.widget li { color: #a8a8a8; line-height: 26px; }
.widget li a { text-decoration: underline; }
.widget li a:hover { color: #fff; }
.widget .img-frame { margin-top: 228px;  }
.widget .img-frame img { display: inline; }

#main { margin-top: -102px;}
#main h2 {color: #ffb600; font-size: 18px; font-style: italic; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-bottom: 10px;}
#main p {padding-bottom: 15px;}
#main .shell {width: 944px;}

.article {padding-bottom: 55px;}
.gallery {padding-bottom: 20px;}

a.view-all {color: #f1ac01; float: right;}

.portfolio-item {float: left; padding-right: 14px; padding-bottom: 1px; background-image:url(images/prova2.png)}
.portfolio-item:hover {float: left; padding-right: 14px; padding-bottom: 1px; background-image:url(images/prova.png)}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {padding-right: 0 !important;}


.img-cnt {background: url(images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}


.column-cnt {width: 554px; float: left;}
.column {width: 260px; float: left; padding-right: 17px;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: left; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-family: arial, sans-serif; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(images/text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
span.text-area {background: url(images/textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}


.services { padding-bottom: 60px; }
.contact h2 { margin-bottom: 16px; }

#footer { padding-top: 5px; }
#footer .copy { float: right; padding-right: 2px; color: #8e8e8e; line-height: 19px; }
#footer .copy span { color: #000; padding: 0 4px; }
#footer .copy a { color: #c2c3c3; text-decoration: underline; }
#footer .copy a:hover { text-decoration: none; }

#bottom-nav { padding-left: 8px; color: #000; }
#bottom-nav span { padding: 0 8px 0 6px; }
#bottom-nav a { color: #8e8e8e; }

#content { padding-top:20px; }

.tabs { height:36px; }
.tabs ul{ list-style-type: none; font-size:12px; text-transform: uppercase; font-weight: bold; }
.tabs ul li{ float:left; display:inline; margin-right:1px; }
.tabs ul li a,
.tabs ul li a span { float:left; height:20px; background:url(images/tab.gif) no-repeat 0 -37px; padding:0 0 0 5px;}
.tabs ul li a span { background-position:right -37px; padding:0 8px 0 0;}
.tabs ul li a { position:relative; line-height:22px; color:#895d23; }


.tabs ul li a.red { background-position:0 -74px; color:#fff; }
.tabs ul li a.red span{ background-position:right -74px;}

.tabs ul li a.active,
.tabs ul li a:hover { background-position:0 0; color:#4f4f4f; }
.tabs ul li a.active span,
.tabs ul li a:hover span{ background-position:right 0;}
