/********** autor: www.grupadigital.com ************/
body {font:normal 11px/16px  trebuchet ms, arial, tahoma, verdana; color:#202020; background:#3b90cd url(../images/background.jpg) repeat-x; margin:0;}

#main {margin:auto; width:1200px; background:url(../images/shapes.jpg) no-repeat; height:381px;} 

.content {width:840px; margin:auto;}
.content .logo {float:left; padding:10px 0 225px 430px;}
.flyad {float:left; padding:10px 0 0 610px; position:absolute; margin:-10px 0 0 -430px;}

*+html .flyad {float:left; padding:10px 0 0 610px; position:absolute; margin:-10px 0 0 -610px;} /*IE 7*/
* html .flyad {float:left; padding:10px 0 0 610px; position:absolute; margin:-10px 0 0 -610px;} /*IE 6*/

/*MENU*/
#menu {list-style-type:none; font:bold 12px/16px 'trebuchet ms', arial, tahoma, verdana; background: url(../images/back-menu.gif) no-repeat; width:810px; height:26px; margin:0; padding:7px 15px 0 15px;}
* html #menu {font:bold 12px/15px 'trebuchet ms', arial, tahoma, verdana;}
#menu li {float:left; margin:0; padding:0; position:relative; width:125px; z-index:100; height:18px;}

#menu li.one{width:60px;}
#menu li.two{width:100px;}
#menu li.three{width:130px;}

#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}

#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}

#menu table {border-collapse:collapse; padding:0;}
#menu dl {width:125px; margin:0; padding:0;}
*+html #menu dl {background:#fff; display:inline;} /*IE7*/

#menu dt {margin:0 0 7px 0;} /*tab ppal*/
.dropdown dt a, .dropdown dt a:visited {display:block;}

#menu dd {padding:0; margin:0; border-bottom:3px solid #fff; border-right:3px solid #fff; border-left:3px solid #fff; background:#fff url(../images/back-dropdown.jpg) repeat-x; font-weight:normal; font-size:11px;}
.dropdown dd a, .dropdown dd a:visited {padding:2px; text-decoration:none; display:block;}
.dropdown dd a:hover {background:#fff url(../images/dropdown-hover.jpg) repeat-x;}

/*COLS HOME*/
.col-a {float:left; width:310px; padding:0; margin:20px 25px 20px 0;}
.col-a ul {list-style:none; float:left; border-bottom:1px dashed #4a6173; padding:10px 0; margin:0;}
.col-a ul li {float:left; padding:0 0 2px 0; width:310px;}

.col-b {float:left; border:1px dashed #4a6173; background-color:#97c0e2; width:255px; padding:15px; margin:20px 25px 20px 0;}
.col-b H2 {font-size:14px; text-decoration:italic; font-family:"trebuchet ms"; line-height:19px; margin:0;}

.col-c {float:left; width:193px; padding:0; margin:20px 0 10px 0;}

.col-abc {float:left; width:840px;}

.card {float:left; width:215px; height:160px; padding:15px; margin-bottom:10px;}
.card .text {color:#fff; width:100px;}
.card .button {margin-top:7px; cursor:pointer; border:none !important;display:block;}

.game1 {background:url(../images/card1.gif) no-repeat; margin:13px 50px 0 0;}
.game1 .text {text-align:right; width:100px; padding:15px 0 0 85px;}

.game2 {background:url(../images/card2.gif) no-repeat; margin:13px 50px 0 0;}
.game2 .text {text-align:left; width:100px;  padding:27px 0 0 15px;}

.game3 {background:url(../images/card3.gif) no-repeat; margin:13px 0 0 0;}
.game3 .text {text-align:right; width:100px; padding:7px 0 0 80px;}

/*SUBPAGE PRODUCTS*/
.subpages {float:left; width:790px; background:#68a9d9 url(../images/back-subpages.jpg) repeat-x; padding:25px;}
.subpages .col-a {float:left; width:470px; padding:0; margin:0 25px 20px 0;}
.subpages .col-a img {float:left; margin:20px 0;}

/*top-white*/
.top-white .top-home {float:left; height:32px; margin:0 0 25px 0; font:normal 11px/18px "trebuchet ms", arial, tahoma;}
.top-white .cont , .cont-long, .cont-short {float:left; height:18px; padding:5px 10px 7px 10px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.top-white b.corner {float:left; width:1px; height:30px; margin:1px 0; background-color:#fff;}
.cont-long {width:818px; background-color:#8fbfe4;}
.cont-short {width:288px; background-color:#b2d4ed;}

/*top-blue*/
.top-blue {float:left; height:32px; width:364px; margin:0 0 25px 15px; font:normal 11px/20px "trebuchet ms", arial, tahoma;}
.top-blue .cont {float:left; height:20px; width:352px; padding:5px 0 7px 10px; background-color:#3f9edb}
.top-blue b.corner {float:left; width:1px; height:30px; margin:1px 0; background-color:#3f9edb;}

/*info products*/
.top-info {float:left; height:32px; width:295px; margin:0 0 20px 0; font:normal 11px/18px "trebuchet ms", arial, tahoma;}
.top-info .cont {float:left; width:255px; padding:20px; background-color:#d5e7f4;}
.top-info b.corner {float:left; height:1px; width:293px; margin:0 1px; background-color:#d5e7f4;}
.top-info .logo {padding:0 0 20px 0; margin-bottom:15px; width:250px; text-align:center; border-bottom:1px dashed #3f9edb;}

ul.details-1 {float:left; list-style-type:none; width:65px; margin:0 10px 0 0; padding:0; text-align:right; font-weight:bold; color:#0e469b; font-size:13px;}
ul.details-1 li {padding:5px 0;}

ul.details-2 {float:left; list-style-type:none; width:180px; margin:0; padding:0; font-size:13px;}
ul.details-2 li {float:left; padding:5px 0; margin:0; width:180px;}

/*hacks tops*/
* html b.corner {display:none;} /*IE 6*/
* html .top-white .cont , * html .cont-long, * html .cont-short {float:left; height:18px; padding:5px 10px 5px 10px; border:1px solid #fff;} /*IE 6*/

/*SUBPAGE BIOS*/
ul.bios {float:left; list-style-type:none; margin:0 0 30px 0; padding:0; font-weight:bold; font-size:13px; border-bottom:1px solid #fff; width:790px;}
ul.bios li {float:left; border-right:1px solid #fff; padding:0 20px 10px 10px;}

/* TAGS */
p {font-size:13px; line-height:21px; margin:0;}
p.clear {margin:0;padding:0;clear:both;}

A {color:#f42a3a; text-decoration:none; border:none}
A:hover {color:#dd0314; text-decoration:none; border:none}

H1, H2, H3 {font:bold 15px/18px arial, tahoma, verdana; margin:0 0 3px 0;color:#fff;}
H2 {font-size:14px; line-height:19px; margin:0;}
H3 {font-size:12px; line-height:16px; margin:0;}

/* COLOR */
.pink {color:#ec424f;}

.white {color:#fff;}
.white a {color:#fff;}
.white a:hover {color:#dee1e4;}

.black {color:#000;}

.blue {color:#1b4e9b;}

.ten {font-size:10px; line-height:12px; font-weight:normal;}
.eleven {font-size:11px; line-height:14px; font-weight:normal;}
.twelve {font-size:12px; line-height:17px; font-weight:normal;}
.thirdteen {font:bold 13px/18px arial, tahoma, verdana; margin:0 0 3px 0;}

/* COMMON ELEMENTS */
.box-left {float:left;}
.box-right {float:right;}
.box-center {text-align:center; vertical-align:middle;}

.line, .line-d, .line-dot {border-bottom:1px solid #fff; margin:10px 0; clear:both;}
.line-d {border-bottom:1px dashed #fff;}
.line-dot {border-bottom:1px dotted #fff; margin:6px 0 10px 0; }

/*SUBPAGE PRESS*/
ul.inquires {float:left; list-style-type:none; width:180px; margin:0; padding:0; font-size:13px;}
ul.inquires li {float:left; padding:2px 0; margin:0; width:180px;}

ul.coverage {float:left; list-style-type:none; width:790px; margin:0; padding:0; font-size:13px;}
ul.coverage li {float:left; padding:0 0 10px 0; margin:0 0 10px 0; width:790px; border-bottom:1px dashed #fff;}

ul.screenshots {float:left; list-style-type:none; width:790px; margin:0; padding:0; font-size:13px;}
ul.screenshots li {float:left; margin:0; width:140px; padding:0 18px 10px 0; text-align:center;}
ul.screenshots li img {float:left; border:1px solid #fff; margin-bottom:5px;}
ul.screenshots li .last {padding-right:0 !important;}

/*CONTACT US*/
ul.contact {float:left; list-style-type:none; width:790px; margin:0; padding:0; font-size:13px;}
ul.contact li {float:left; padding:2px 0; margin:0; width:790px;}

/*FOOTER*/
.footer {float:left; margin:0; color:#a6c9e1; padding:0; width:840;}
.footer .cont {float:left; background-color:#154997; font:normal 11px/18px "trebuchet ms", arial, tahoma; height:18px; padding:2px 8px; width:822px;}
b.nifty {float:left; width:1px; height:21px; margin:1px 0; background-color:#154997;}