@charset "utf-8";
/* CSS Document */
* {
font-weight: normal;
text-decoration: none;
margin: 0px;
padding: 0px;
border-style: none;
list-style: none;
}
body {
background: #7EB72A url(../imgs/bkg-body.jpg) repeat;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0px 0px;
}
h1{
color:#FFF;
font-family:Tahoma, Arial, sans-serif;
font-size:24px;
vertical-align:middle;
background-color:#333333;
height: 35px;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
text-shadow: #000000 1px 1px 1px;
border-radius: 6px 6px 6px 6px;
}
h2 {
font-size: 20px;
line-height: 30px;
background: #E2E2E2;
margin: 0px 0px 10px 0px;
padding: 0px 15px 0px 0px;
text-shadow: #000 1px 1px 0px;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
font-family: Arial, Tahoma, sans-serif;
font-weight:bold;
}
h2 a:link ,h2:visited{
font-family:Tahoma, Arial, sans-serif;
color:#FFF;
font-size:18px;
text-decoration:none;
text-shadow: #000000 1px 1px 1px;
}
h2 a:hover{
text-decoration:underline;
color:#FFF;
text-shadow: #000000 2px 2px 2px;
}
#logo{
width:140px;
display:inline-block;
overflow:hidden;
}
#header{
padding-top:3px !important;
width:930px;
height:180px;
margin: 0px auto 10px;
box-shadow: 0px 0px 9px #666666;
}
.banner-ads{
display: inline-block;
height: 106px;
overflow: hidden;
padding:3px 25px 0px 0px !important;
width: 755px;
margin:0px auto;
vertical-align:top;
}
.ad{
overflow:hidden;
height: 90px;
background:#E1EFFA;
width: 728px;
position: relative;
padding:0px 0px 0px 0px;
}
.label{
overflow:hidden;
background:#ffffff;
height: 12px;
width: 728px;
position: relative;
font-weight:bold;
font-family: Tahoma, Arial, sans-serif;
font-size:11px;
padding:0px 0px 3px 0px;
text-align:right;
}
#menu{
float: right;
font-weight: bold;
padding: 14px 0px 0px 0px;
text-align: right;
width: 650px;
margin:0 auto;
color: #999999 !important;
font-size: 12px;
}
#menu ul{
list-style:none;
margin:5px 0px 10px 0px;
float: right;
}
#menu li{
display:inline;
height:20px;
vertical-align: middle;
}
#menu a:link ,#menu a:visited{
height:20px;
background-color:#D85341;
vertical-align: middle;
padding:6px 10px 6px 10px;
text-decoration:none;
color:#FFF;
text-align: right;
font-family:Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: #000000 0px 1px 1px;
border-radius: 6px 6px 6px 6px;
}
#menu a:hover{
background-color:#6E91B9;
padding:6px 10px 6px 10px;
text-decoration:none;
color:#FFF;
text-shadow: #000000 0px 1px 1px;
border-radius: 6px 6px 6px 6px;
font-family:Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
#menu h1{
height:20px;
background: #1580AF url(../imgs/icon_joystick.png) no-repeat 98% 55%;
vertical-align: middle;
padding:6px 22px 6px 10px !important;
text-decoration:none;
color:#FFF;
text-align: right;
font-family:Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
text-shadow: #000000 0px 1px 1px;
margin:0px;
border-radius: 4px 4px 4px 4px;
display:inline;
}
#menu span{
font-weight: bold;
}
img.bt {
vertical-align: middle;
width: 14px;
height: 14px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -322px;
margin:0px;
padding:0px;
}
.contents {
width: 970px;
padding: 15px 0px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 9px 9px 9px 9px;
margin: 0px auto 10px;
box-shadow: 0px 0px 3px #666666;
}
#home {
width: 930px;
margin: 0px 20px 0px 25px;
}
#home h2 {
margin-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
}
#home a:link, a:visited {
text-decoration: italic;
color: #FFFFFF;
font-family: Arial, Tahoma, sans-serif;
font-weight:bold;
font-size:19px;
line-height: 32px;
}
#home a:hover { 
text-decoration: underline;
}
.sociall{
top:0px;
left:0px;
right:50px;
display: inline-block;
float: left;
margin:0px;
}
.h-full{
margin: 5px 15px 5px 0px;
}
.multi{
display: inline-block;
padding-left: 0px;
vertical-align:top;
padding-top: 0px;
margin:0 auto;
width:302px;
}
.browser-chat{
display:inline-block;
border:#CCC solid 1px;
vertical-align:top;
border-radius: 6px;
padding:5px;
margin:5px;
width:285px;
}
.a300{
width:300px;
display:inline-block;
overflow:hidden;
text-align:right;
vertical-align:middle;
height: 273px;
}
.ads{
display:inline-block;
vertical-align:top;
padding:3px;
margin:3px;
margin-bottom:10px;
height: 273px;
}
.ads2{
background:#494949 !important;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
vertical-align:middle;
font-family:Tahoma, Arial, sans-serif;
height: 20px;
margin-bottom: 3px;
padding-right: 7px;
padding-top:2px;
}
.chat-boxes {
width: 199px;
display: inline-block;
vertical-align: top;
border: 1px solid #CCCCCC;
border-radius: 6px 6px 6px 6px;
padding: 7px;
margin: 7px 7px 7px;
}
.chat-text2 {
width: 135px;
display: inline-block;
overflow: hidden;
text-align: right;
vertical-align: middle;
height: 48px;
padding-left: 10px;
color: #000000;
font: 12px/150% Tahoma, Arial, sans-serif;
}
.h-blue {
background: #0070A2;
}
.h-black{
background:#fff;
height:18px;
padding:0px 5px 0px 0px;
color:#000;
text-align:right;
margin-bottom:0px;
font-family: Tahoma, Arian, sans-serif;
font-weight:bold;
font-size:11px;
}
.chat-image {
display: inline-block;
height: 80px;
overflow: hidden;
padding: 0px;
width: 80px;
margin: 0px;
vertical-align: top;
border-radius: 6px 6px 6px 6px;
}
.chat-text {
width: 187px;
display: inline-block;
overflow: hidden;
text-align: right;
vertical-align: top;
height: 80px;
padding-right:5px;
color: #000000;
font-size: 12px;
font-family:Tahoma, Arial, sans-serif;
line-height:20px;
}
.h-red {
background: #E0533F;
}
#footer {
width: 970px;
padding: 10px 0px;
margin: 0px auto 10px;
background: url(../imgs/bkg-footer-rpt.png) repeat-y;
border-radius: 9px 9px 9px 9px;
box-shadow: 0px 0px 3px #666666;
}
.copyrigth {
background: url(../imgs/logo-12-all-chat-agua.html) no-repeat right 20px;
width: 940px;
clear: both;
margin: 0px 45px 0px 0px;
padding-top: 20px;
}
.copyrigth a {
color: #ffffff;
}
.copyrigth p {
color: #BBBBBB;
margin: 0px 45px 0px 0px;
font-size: 11px;
line-height:30px;
vertical-align:middle;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer2 {
width: 910px;
padding: 10px 30px 10px 10px;
font-family: Tahoma, Arial, sans-serif !important;
font-weight:normal !important;
font-size:11px !important;
text-align:justify;
color: #BBBBBB;
background: #000000 url(../imgs/bkg-footer-rpt.png) repeat-y;
line-height: 21px;
float:right;
}
#menu-bottom {
margin: 0px 0px 10px 15px;
}
#menu-bottom li {
display: block;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
width: 140px;
line-height: 30px;
background: url(../imgs/img-separador-pie.png) no-repeat right 35px;
margin: 0px;
text-align: right;
position: relative;
padding: 0px 42px 0px 8px;
float: right;
font-family: Tahoma, Arial, sans-serif;
padding-top:10px;
}
#menu-bottom li:first-child {
background-image:none;
}
#menu-bottom a {
font-weight: normal;
color: #DBDADA;
line-height: 18px;
font-size: 11px;
text-shadow: #000000 1px 1px 1px;
font-family: Tahoma, Arial, sans-serif;
font-size:11px;
padding:0px;
}
#menu-bottom a:hover {
color: #CCCCCC;
}
#menu-bottom  li ul {
position: relative;
display: block;
margin: 0px;
}
#menu-bottom li ul li {
display: list-item;
line-height: 20px;
background-image:none;
margin: 0px;
padding: 0px;
}
.box-white{
width:930px;
margin-bottom:15px;
padding:20px;
background:#FFF;
border-radius: 10px 10px 10px 10px;
}
.h-blue {
background: -webkit-gradient(linear, left top, left bottom, from(#0070A2), to(#008EC0));
background: -webkit-linear-gradient(top, #0070A2, #008EC0);
background: -moz-linear-gradient(top, #0070A2, #008EC0);
background: -ms-linear-gradient(top, #0070A2, #008EC0);
background: -o-linear-gradient(top, #0070A2, #008EC0);	
background: linear-gradient(top, #0070A2 0%, #008EC0 100%); /* W3C */
}
.h-red {
background: -webkit-gradient(linear, left top, left bottom, from(#E0533F), to(#CE4330));
background: -webkit-linear-gradient(top, #E0533F, #CE4330);
background: -moz-linear-gradient(top, #E0533F, #CE4330);
background: -ms-linear-gradient(top, #E0533F, #CE4330);
background: -o-linear-gradient(top, #E0533F, #CE4330);
background: linear-gradient(top, #E0533F 0%, #CE4330 100%); /* W3C */
}
.chat-image2 {
display: inline-block;
height: 48px;
overflow: hidden;
padding: 0px;
width: 48px;
margin: 0px;
vertical-align: top;
border-radius: 6px 6px 6px 6px;
}
.logo{
width: 137px;
height: 119px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1157px;
}
.egypt2{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 0;
}
.sudan{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -58px;
}
.algeria{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -116px;
}
.arabs{
width: 80px;
height: 80px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -174px;
}
.arabs2{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -264px;
}
.bahrain{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -346px;
}
.chit{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -528px;
}
.egypt{
width: 80px;
height: 80px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -586px;
}
.friends{
width: 80px;
height: 80px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -676px;
}
.girls{
width: 80px;
height: 80px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -766px;
}
.seperator{
width: 539px;
height: 1px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -856px;
padding:2px;
}
.iraq{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -867px;
}
.jordan{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -925px;
}
.kuwait{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -983px;
}
.lebanon{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1041px;
}
.libya{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1099px;
}
.love{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1286px;
}
.morocco{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1344px;
}
.oman{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1402px;
}
.palestine{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1460px;
}
.qatar{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1518px;
}
.saudi{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1576px;
}
.syria{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1634px;
}
.tunisia{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1692px;
}
.uae{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1750px;
}
.yemen{
width: 48px;
height: 48px;
background: url(../imgs/spritechat.jpg) no-repeat 0 -1808px;
}