/* CSS Document */
body { background-color: #000000; margin: 0; padding: 0; text-align: center; background-color: #0C2A3B}
div,td,* {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; line-height: 1.2em}
img { border: 0; }
.form {font-size: 10px; color: #000000; margin: 0px 0px 6px 5px; background-color: #FFFFFF; border-color: #FFFFFF}

/* links */
a:link {color: #FFFFFF; font-weight: normal; text-decoration: none}
a:visited {color: #FFFFFF; font-weight: normal; text-decoration: none}
a:hover {color: #FFEA00; font-weight: normal; text-decoration: underline}

a.link2:link {color: #FFEA00; font-weight: bold; text-decoration: none}
a.link2:visited {color: #FFEA00; font-weight: bold; text-decoration: none}
a.link2:hover {color: #FFEA00; font-weight: bold; text-decoration: underline}

#container {width: 725px; margin: auto; padding: 0px; text-align: left}
/* head */
#top {margin: 0px; padding: 0px}
#logo {float: left; margin: 0px; padding: 0px}
#header {float: left; padding: 0px}
#header1 {height: 47px; padding: 27px 0px 0px 0px}
#header2 {padding: 0px; margin: 0px}
#header2_1 {float: left; padding: 0px; margin: 0px}
#header2_2 {padding: 0px; margin: 0px}
#header2_2_1 {float: left; padding: 0px; margin: 0px; width: 70px}
#header2_2_2 {float: left; width: 170px; margin: 0px}
#header2_2_2_1 {float: left; padding: 0px; margin: 0px; height: 7px}
#header2_2_2_2 {padding: 0px; margin: 0px; height: 31px}
#header2_2_2_2_1 {float: left; margin: 0px; padding: 2px 0px 0px 0px; width: 141px; height: 29px; background-image: url(../../pics/1/xx/search_03.gif)}
#header2_2_2_2_2 {float: left; padding: 0px; margin: 0px; width: 29px}
#header2_2_2_2_2_1 {float: left; width: 24px; height: 31px}
#header2_2_2_2_2_2 {float: left; width: 5px; height: 31px}


/* content */
#content {float:left; margin: 0px; padding: 0px; width: 725px; background-image: url(bg_content.gif)}
#content1 {float:left; width: 725px; margin: 10px 0px 0px 0px; padding: 0px}
#content2 {float: left; width: 725px; margin: 8px 0px 0px 0px; padding: 0px}
#content3 {float:left; width: 709px; height: 30px; margin: 8px 0px 0px 8px; padding: 00px 0px 0px 0px; text-align: center; background-color: #0E212C}
	* html #content3 {margin: 4px 0px 0px 4px}

#foot {margin: 0px; padding: 0px}
/* utilities */ 
#utilities {float: left; padding: 0px; width: 151px; height: 206px; margin: 0px 0px 0px 8px; background-image: url(../../pics/1/xx/utilities_bg.gif)}
	* html #utilities {margin: 0px 0px 0px 4px}
#utilities_title {width: 143px; padding-left: 6px; font-weight: bold; font-size: 11px}
#utilities_top{margin: 0px; padding: 0px}
#utilities_bottom{margin: 0px; padding: 0px; background-image: url(../../pics/1/xx/utilities_bg.gif)}
#box_top {float: left; margin: 0px 0px 0px 7px; padding: 0}
#navlistbox {float:left; width: 149px; margin: 0px 1px; height: 193px; background-image: url(../../pics/1/xx/utilities_bg2.gif); background-repeat:repeat-x}
* html #navlistbox {width: 147px}
#navlist {margin: 0px 0px 0px 15px; padding: 0px}
#navlist li {font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.26em; font-size: 11px; color: #FFFFFF; list-style-type: none; padding: 2px 0px 5px 10px; margin: 0px; border-top-style: none; border-right-style: none; border-left-style: none; background-image: url(../../pics/1/xx/bullet_01.gif); background-repeat: no-repeat; background-position: left center}
#navlist li a {color: #FFFFFF; font-weight: normal; text-decoration: none}
#navlist li a:hover {color: #FFEA00; font-weight: normal; text-decoration: none}

/* boxes Utilities and Emoticons */
#box_top1 {float: left; width: 271px; margin: 7px 0px 0px 7px; padding: 0}
#box_top1_title {width: 271px; height: 34; margin: 0px; padding: 0}
#box_top1_img {float: left; width: 109px; height: 153px; margin: 0px; padding: 0}
#box_top1_right {float: left; width: 162px; height: 153px; padding: 0px; margin: 0; background-image: url(../../pics/1/xx/messenger_bg.gif)}
#box_top1_text {float: left; width: 148px; font-size: 11px; line-height: 1.4em; height: 115px; padding: 7px 5px 0px 9px; margin: 0}
#box_top1_button {float: right; text-align:right; width: 109px; height: 17px; padding: 2px 9px 0px 0px; margin: 0}

#box_top2 {float: left; width: 271px; margin: 7px 0px 0px 7px; padding: 0}
#box_top2_title {width: 271px; height: 34; margin: 0px; padding: 0}
#box_top2_text {float: left; width: 257px; font-size: 11px; height: 57px; padding: 7px 5px 0px 9px; margin: 0px; background-image: url(../../pics/1/xx/emoticons_bg.gif)}
#box_top2_img {float: left; width: 184px; height: 84px; margin: 0px; padding: 0}
#box_top2_bottom {float: left; width: 271px; height: 89px; margin-left: 100px; padding: 0px; margin: 0}
#box_top2_button_bg {float:left; width: 87px; height: 89px; background-image: url(../../pics/1/xx/emoticons_01.gif)}
#box_top2_button_pic {float: right; width: 87px; padding: 60px 0px 0px 0px; text-align:left}

/* box skins */
#skins {float: left; padding: 0px; width: 198px; height: 235px; margin: 0px; padding: 0px 0px 0px 8px}
#skins_top {margin: 0px; padding: 0px}
#skins_content {padding: 0px; margin: 0px; width: 198px; background-image: url(../../pics/1/xx/skins_bg.gif)}
#skins_title {width: 186px; padding: 7px 0px 0px 11px; font-weight: bold; font-size: 11px}
#skin_text {width: 186px; height: 50px; font-size: 11px; padding: 9px 0px 0px 11px; margin: 0px}
#skin_pic {width: 186px; height: 110px; padding: 0px; margin: 0px}
#skin_button {margin: 0px; height: 24px; padding: 11px 0px 0px 0px; text-align: center}
#skin_bottom {margin: 0px; padding: 0px}

/* boxes thumbs */
#box_content {float: right; width: 510px; height: 235px}
#box_tumb {float: left; width: 240px; height: 117px}
#box_tumb_title {width: 230px; padding: 3px 0px 0px 11px; font-weight: bold; font-size: 11px}
#box_tumb_text {float:left; width: 147px; height: 60px; font-size: 10px; padding: 7px 0px 0px 11px; margin: 0px}
#box_tumb_pic {float:right; margin: 3px 4px 0px 0px; width: 70px; height: 67px; padding: 2px 0px 0px 2px; background-color: #0E212C}
.thumbsborder1 {border: 1px solid #FFFFFF}
#box_tumb_button {float:left; width: 230px; margin: 0px; padding: 2px 0px 0px 11px}
#vertical_line1 {float: left; height: 110px; width: 5px; margin: 0px 0px 0px 8px; padding: 0px; text-align: center}
#vertical_line2 {float: left; height: 110px; width: 5px; margin: 5px 0px 0px 8px; padding: 0px; text-align: center}
#horizontal_line {float: left; height: 2px; width: 510px; margin: 1px 0px 0px 0px; padding: 0px}

/* box bottom */
#box_left {float:left; margin: 0px; padding: 0px; width: 6px; height: 30px}
#box_right {float:right; margin: 0px; padding: 0px; width: 6px; height: 30px}
#text_bottom {float: left; width: 690px; height: 22px; margin: 8px 0px 0px 0px; font-size: 11px; text-align:center; word-spacing: 0.2em;}

/*flags----------------------------------------------------------------------*/
#flags{width: 750px; margin: auto; padding: 17px 0px; text-align:center}
.flag {margin: 0px 6px}

/*foot*/
#foot{width: 750px; margin: auto; text-align: center}
.footline{height: 1px; width: 662px; margin:auto; border-top: 1px solid #646363}
#footbox1{padding-top: 16px; text-align: center}
#footbox2{text-align: center}

.separador{padding: 0px 12px; color: #808080}

.footcopy {font-family: Verdana, Trebuchet ms, arial; font-size: 10px; color: #808080; padding: 11px 0px 14px 0px}
.footnote {font-family: Verdana, Trebuchet ms, arial; font-size: 11px; color: #808080; padding: 15px 0px 15px 0px; line-height: 1.4em; font-weight: normal}
.footnotebold {color: #808080; font-weight: bold}

a.footlink:link {font-family: Verdana, Trebuchet ms, arial; color: #FFEA00; font-size: 11px; font-weight: normal; text-decoration:underline}
a.footlink:visited {font-family: Verdana, Trebuchet ms, arial; color: #FFEA00; font-size: 11px; font-weight: normal; text-decoration:underline}
a.footlink:hover {font-family: Verdana, Trebuchet ms, arial; color: #FFFFFF; font-size: 11px; font-weight: normal; text-decoration:underline}

a.footbold:link {font-family: Verdana, Trebuchet ms, arial; color: #FFEA00; font-size: 11px; font-weight: bold; text-decoration:underline}
a.footbold:visited {font-family: Verdana, Trebuchet ms, arial; color: #FFEA00; font-size: 11px; font-weight: bold; text-decoration:underline}
a.footbold:hover {font-family: Verdana, Trebuchet ms, arial; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration:underline}
