* { margin:0; padding:0; }

body { background: #333 url(/dplatinas/images/body_bg.gif); font-family: arial, Helvetica, sans-serif; margin: 0; padding: 0; border-width: 0; }

#bg { width:990px; margin: 0 auto; background: url(/dplatinas/images/wrap_bg.gif) repeat-y; }

#w { background: url(/dplatinas/images/sidebar_bg.gif) repeat-y right #fff; width: 960px; margin: auto; }
/** Head **/
#head { position: relative; }
#head img { float:left; border: none; }
#head img.logo { position: absolute; left:190px; top: 48px; z-index:1; }
#head img.logo-join { position: absolute; left:-6px; top: 0px; z-index:1; }

/** Nav **/
ul.nav { background: url(/dplatinas/images/nav_bg_01.gif) repeat-x; height: 31px; clear:left; list-style: none; }
ul.nav li { display: inline; }
ul.nav li a { color:#fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; border-left: 1px solid #fff; height: 24px; padding: 5px 25px 0 25px; float:left; }
ul.nav li.active a { background: #7d0000; color: #ccc; }
ul.nav li.last a { border-right: 1px solid #fff; }
ul.nav li.join { float:right; text-decoration: blink; background:#000; }
ul.nav li.join a { width: 237px; padding: 5px 0 0 0; text-align: center; border-right: 1px solid #fff; }
ul.nav li.join a:hover { text-decoration: none; }
ul.nav li a:hover { background: #000; }

#left { width: 720px; float:left; background: url(/dplatinas/images/head_bg.gif) no-repeat top; }
#left h1 { text-transform: uppercase; text-align: center; padding:16px 5px 0px 5px; font-size: 22px; font-weight: normal; }
#left h2 { font-size: 13px; text-align: center; color: #6c6c6c; padding: 0 25px; }

/** Thumb Table **/
#left .tbl { padding: 0 3px 1px 1px; clear:right; }
#left .tbl h3 { background: url(/dplatinas/images/table_head.gif) no-repeat top #292929; padding: 20px 0 7px 7px; color: #fff; margin-bottom: 1px; font-size: 16px; margin-top:10px; position:relative}
#left .tbl h3 span.grey { color: #666; }
#left .tbl h3 span.rating {position: absolute; right: 3px;bottom: 3px; }
#left .tbl .thumbs { background: #f2f2f2; padding:7px 0 0 7px; }
#left .tbl .thumbs img { display: block; border: 1px solid #000; }
#left .tbl .thumbs img.left { float:left; }
#left .tbl .quicklinks { background: #292929; padding:9px 2px 10px 7px; text-align: right; color: #fff; border: 7px solid #f2f2f2; border-top:4px solid #f2f2f2; border-bottom: 3px solid #f2f2f2;; }
#left .tbl .quicklinks a { font-weight: bold; color: #fff; background: #343434; padding: 4px 10px; margin: 5px; }
#left .tbl .quicklinks a:hover { background: #fff; color: #333; }
#left .tbl .line { border: none; background: #999; margin: 2px 0; height: 3px; font-size: 1px; }
#left .tbl .footer { background: #e5e5e5; padding:1px 1px 7px 1px; position: relative; }
#left .tbl .footer img.logo { position: absolute; left: 16px; top: -48px; }
#left .tbl .footer p { margin: 6px 10px 10px 210px; font-size: 13px; }
#left .tbl .footer a.join { background: url(/dplatinas/images/table_button.gif) no-repeat center -1px; display: block; height: 68px; color: #fff; text-align: center; padding-top:4px; text-decoration: none; }
#left .tbl .footer a.join span.big { font-weight: bold; font-size: 30px; display: block; text-transform: uppercase; }
#left .tbl .footer a.join span.small { text-decoration: none; font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight:bold }
#left .tbl .footer a.join:hover { background-position: center -73px; color: #ffea00; }

/** Pagnation **/
.pagnation { width: 500px; margin: 15px auto; padding-left:30px; }
.pagnation a { float:left; margin: 1px; padding: 2px 10px; border: 1px solid #ccc; background: #f2f2f2; text-decoration: none; font-weight: bold; color: #333; font-size: 12px; }
.pagnation a:hover { background: #eb0000; color: #fff; }
.pagnation a.active { background: #7d0000; color: #fff; }
.pagnation a.grey, .pagnation a.grey:hover { border:1px solid #eee; color: #ccc; background: #fff; }
.pagnation a.join {padding: 2px 20px; color: #000; text-transform: uppercase;}
.pagnation a.join:hover { background: #ffea00; color: #000; }

/** Footer Buttons **/
#left #buttons { padding: 15px 0; margin-bottom: 20px; }
#left #buttons a { background: url(/dplatinas/images/footer_button.gif) no-repeat; height: 121px; width: 340px; display: block; float:left; margin-left: 12px; display: inline; color: #fff; text-align: center; text-decoration: none; padding-top:20px; }
#left #buttons a span.big { font-weight: bold; font-size: 40px; display: block; text-transform: uppercase; line-height: 40px; }
#left #buttons a span.small { text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffea00; }
#left #buttons a:hover { background-position: center -141px; }

/** Sites and Models Pages **/
#left ul.sites { list-style: none; margin:5px 0 0 48px; }
#left ul.sites li { float:left; margin: 7px 6px 2px 6px; display: inline; text-align: center; background: #f2f2f2; padding:5px 10px; }
#left ul.sites li a { font-weight: bold; color: #000; }
#left ul.sites li p { width: 181px; font-size: 12px; font-weight: bold; color: #333; margin-top:6px; height: 46px; }
#left ul.sites li img { display: block; border: 1px solid #000; }
#left ul.sites li a:hover img { border: 1px dotted #000; }
#left ul.sites li a:hover { color: #333; }

#left ul.models { list-style: none; margin:5px 0 0 12px; }
#left ul.models li { float:left; margin: 7px 2px 2px 2px; display: inline; text-align: center; background: #f2f2f2; padding:5px 10px; }
#left ul.models li a { font-weight: bold; color: #000; }
#left ul.models li p { width: 181px; font-size: 12px; font-weight: bold; color: #333; margin-top:6px; height: 46px; }
#left ul.models li img { display: block; border: 1px solid #000; }
#left ul.models li a:hover img { border: 1px dotted #000; }
#left ul.models li a:hover { color: #333; }

/** Right Column **/
#right { width: 237px; float:left; padding: 8px 0 0 3px; }
#right img { display: block; margin: auto; }
#right .tbl { background:url(/dplatinas/images/sidebar_tbl_bg.gif) repeat-y; width: 223px; margin: 8px auto; }
#right .tbl h1 { background: url(/dplatinas/images/sidebar_h1_bg.gif) repeat-y; font-size: 16px; text-align: center; text-transform: uppercase; }
#right .tbl h1 span { background: url(/dplatinas/images/sidebar_header.gif) no-repeat top; display: block; padding: 8px 0; }
#right .tbl .content { text-align: center; }
#right .tbl .content .thumb img { border: 1px solid #000; margin: 6px auto 3px auto; }
#right .tbl .content .thumb a { color: #b70000;  text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; }
#right .tbl .content .thumb span.date { font-size: 11px; color: #666; line-height: 9px; }
#right .tbl .footer { background: url(/dplatinas/images/sidebar_footer.gif) no-repeat bottom; height: 18px; }


/** Join Page **/
#left .join-form { float: left; width: 383px; height: 583px; padding: 10px 0; }
#left .join-left { width: 330px; text-align: left; border-right: 3px solid #000; padding-top: 212px; height: 400px; margin:0 0 0 0; display:inline; background: #333; font-size: 13px; float:left; }
#left .join-left ul { list-style: square; color: #ccc; margin: 0 18px 8px 26px; }
#left .join-left ul li { padding: 6px; }
#left .join-left ul li b { color: #fff; }
#left .join-left h1.j { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #555; padding-top: 10px; color: #fff; font-weight: bold; }
#left .join-left h1.j span { font-size: 28px; color: #ffea00; }

#right .join-thumbs { width: 220px; padding-left: 9px; }
#right .join-thumbs img { display: block; border: 1px solid #666; margin-bottom: 20px; }

/** Footer **/
#footer { background: #f2f2f2; padding: 20px; color: #555; font-size: 12px; text-align: center; clear:left; }
#footer p { margin-bottom: 15px; }

.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.desc	{height:86px; overflow:auto; padding-bottom:4px; padding-top:0px}
.console{ position:relative; width:886px; margin: 10px auto 0; overflow:hidden;}
.console a{color:#000000;}
.console ul{width:950px;}
.console li{ float:left; width:150px; padding:0 33px 35px 0;}
.console li img{width:150px; height:214px;}
.console li .bx_info{ background:#F2F2F2; border-bottom:5px solid #F2F2F2; text-align:center; font-size:11px}
.console li .bx_info h4{ font-size:12px;}
.console li .bx_info span{ color:#000000;}

.rating_off { background: url(/dplatinas/images/rating01.gif) repeat-x; height: 31px; width: 155px; position: relative; } 
.rating_on { background: url(/dplatinas/images/rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; }

#common_footer { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #c00; text-decoration: underline; }
#common_footer a:hover { color: #f00; text-decoration: none; }