*{margin:0;padding:0;outline:0;}
.nav li a{font-weight:700;}
.main .post-cnt{margin-left:30px;}
header ul li a{color:#fff;}
.boton2{font-family:Verdana, Geneva, sans-serif;font-size:24px;color:black;margin-left:20px;padding:5px 20px 5px 20px;border:1px solid #999;text-shadow:0px 1px 1px #666;text-decoration:none;-moz-box-shadow:0 1px 3px #111;-webkit-box-shadow:0 1px 3px #111;box-shadow:0 1px 3px #111;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#64a724;background:-moz-linear-gradient(top, #64a724 0%, #579727 50%, #58982a 51%, #498c25 100%);background:-webkit-gradient(linear,left top,left bottom,from(#F3B20B),to(#FF9900),color-stop(.4,#FFAD00),color-stop(.5,#FFA300),color-stop(.9,#FF8F00),color-stop(.9,#FF9105));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64a724', endColorstr='#498c25', GradientType=0);cursor:pointer;}
.boton2:hover{border:1px solid #FFF;}
.socials2{width:100%}
.fondo-sala2{width:160px;float:left}
.lateral{width:20%;float:left}
.chat{width:80%;float:right;}
.amistad li{padding:0px}
.nombre{margin-left:30%;padding-top:10px}
.txtinput{width:40%;}
body, html{height:100%;}
body{font-size:16px;line-height:22px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:black;min-width:100%;}
a{color:blue;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}
.form{margin-left:20%;width:60%;}
a img{border:0;}
article, aside, details, footer, header, menu, nav, section{display:block;}
input, textarea, select{font-size:12px;}
textarea{overflow:auto;}
.cl{display:block;height:0;font-size:0;line-height:0;text-indent:-4000px;clear:both;}
.shell{width:980px;margin:0 auto;}
.header{background:#41A1C7;}
.header .shell{padding:10px 32px 0;width:918px;box-shadow:0px -10px 9px rgba(0,0,0,0.7);-moz-box-shadow:0px -10px 9px rgba(0,0,0,0.7);-webkit-box-shadow:0px -10px 9px rgba(0,0,0,0.7);-o-box-shadow:0px -3px 10px 9rgba(0,0,0,0.7)}
#logo{width:370px;font-size:0;line-height:0;float:left}
#logo a{height:66px;display:block;background:url(http://www.chatsfriends.com/xlogochat.png.pagespeed.ic.rYhFcMCI5x.png) no-repeat 0 0;text-indent:-4000px;}
.main{padding:10px 0 20px 0;border-top:1px solid #fff;background:white;box-shadow:0px -4px 10px rgba(0,0,0,0.4);-moz-box-shadow:0px -4px 10px rgba(0,0,0,0.4);-webkit-box-shadow:0px -4px 10px rgba(0,0,0,0.4);-o-box-shadow:0px -4px 10px rgba(0,0,0,0.4);}
.main h2{font-size:20px;color:#FF8D00;font-weight:700;padding-bottom:10px;}
.main h3{font-size:20px;color:#FF8D00;font-weight:700;padding-bottom:10px;}
.main h1{font-size:22px;color:#000;font-weight:700;padding-bottom:10px;margin-left:10px}
.main p a{text-decoration:underline;}
.main p a:hover{text-decoration:none;}
.main section{background:white;margin-bottom:20px;}
.main .cols{padding-left:32px;padding-right:32px;}
.main .cols .col{width:277px;float:left;}
.main .cols .col + .col{padding-left:40px;}
.main .cols .col img{float:left;margin-right:16px;width:73px;}
.main .post{padding-left:32px;padding-right:32px;}
.main .post .publicidad{float:left;margin-right:18px;width:340px;}
.main .post .subsalas{float:left;margin-right:18px;width:61%;}
.main .post-cnt{padding-top:22px;}
.main .post-cnt p{padding-bottom:10px;}
#footer{background:#1C1C1C;}
#footer .shell{padding:26px 0;}
#footer .footer-cols{padding:0 32px 26px;}
#footer .footer-bottom{padding:15px 32px 0;}
#footer .footer-bottom p.copy{float:right;line-height:11px;font-size:11px;color:white;}
.nav{background:white;border-radius:10px;float:right}
header ul{list-style:none;padding:0px;margin:0px;font-weight:bold;text-align:center;}
header ul li{display:inline-block;text-align:left;padding-left:10px}
header ul li a{display:block;padding:15px 10px;text-decoration:none;color:black;;}
header ul li a:hover{background-color:#F7731B;border-radius:10px;}
.anchor-link{display:none;text-align:right;padding:0 1em 0;text-align:center;padding:10px 5px;color:#fff;background-color:black;text-decoration:none;margin:3px;float:right;}
@media (max-width:48.000em){article{padding:1.5em;}
.anchor-link, header nav{z-index:5000;}
}
@media only screen and (min-width:768px) and (max-width:980px){body{min-width:768px;}
.shell{max-width:748px;}
.header .shell{padding:21px 0px 0;width:748px;}
.header-top{padding-left:20px;padding-right:20px;}
.main .post .subsalas{float:left;margin-right:18px;width:40%;}
.main section{background:#F7F7F7;padding-bottom:50px;margin-bottom:20px;}
.main .cols{padding-left:20px;padding-right:20px;}
.main .cols .col{width:200px;}
.main .post{padding-left:20px;padding-right:20px;}
.main .post h2{font-size:21px;}
#footer .footer-bottom{padding-left:20px;padding-right:20px;}
}
@media only screen and (max-width:399px){body{min-width:320px;}
.form{margin-left:0%;width:90%;}
.nombre{margin-left:0%;}
.txtinput{width:60%;margin-left:10px;}
.nav{width:100%;float:none}
.shell{max-width:320px;}
.header .shell{padding:0 0 0 0;background:#21BDFA;}
.header-top{padding:12px 0 0px 0;}
#logo{margin-top:10px;display:block;}
#logo a{background:url(http://www.chatsfriends.com/xlogo2.png.pagespeed.ic.-LNUsYDBgc.png) no-repeat 0 0;-webkit-background-size:250px 57px;-moz-background-size:170px 57px;background-size:160px 27px;}
.main section{background:#F7F7F7;padding-bottom:30px;margin-bottom:20px;}
.main .cols{padding-left:10px;padding-right:10px;}
.main .cols .col{width:100%;}
.main .cols .col + .col{padding:20px 0 0;}
.main .cols .col img{float:none;display:block;margin:0 auto;width:73px;margin-bottom:14px;}
.main .post{padding-left:0px;padding-right:0px;}
.main .post h2{font-size:21px;}
#footer .footer-bottom p.copy{float:none;display:block;clear:both;}
}
@media only screen and (min-width:400px) and (max-width:767px){body{min-width:320px;}
.nav{width:100%;float:none}
.shell{max-width:100%;}
#logo a{background:url(http://www.chatsfriends.com/xlogo2.png.pagespeed.ic.-LNUsYDBgc.png) no-repeat 0 0;-webkit-background-size:250px 57px;-moz-background-size:170px 57px;background-size:160px 27px;}
.header .shell{padding:0 0 0 0;background:#21BDFA;}
.header-top{padding:12px 0 0px 0;}
#logo{display:block;}
.chat{float:left;position:absolute;width:90%}
.lateral{margin-top:510px;width:100%}
.fondo-sala2{width:50%;float:left}
.main section{background:url(images/xm-section.png.pagespeed.ic.4Ill298syv.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:20px;}
.main .cols{padding-left:10px;padding-right:10px;}
.main .cols .col{width:100%;}
.main .cols .col + .col{padding:20px 0 0;}
.main .cols .col img{float:none;display:block;margin:0 auto;width:73px;margin-bottom:14px;}
.main .post{padding-left:20px;padding-right:20px;}
.main .post h2{font-size:21px;}
#footer .footer-cols{padding-left:10px;padding-right:10px;}
#footer .footer-bottom{padding-left:10px;padding-right:10px;}
#footer .footer-bottom p.copy{float:none;display:block;clear:both;}
}
@media only screen and (max-width:770px){.chat{float:left;position:absolute;}
.lateral{margin-top:510px;width:100%}
.fondo-sala2{width:100%;float:left;padding-top:100px;}
.chat{width:90%}
}
@media only screen and (max-width:582px) and (max-width:979px)
.chat{width:80%;float:right;}
}
@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.main .post .subsalas{float:left;width:61%;height:100%;}
#logo a{background:url(http://www.chatsfriends.com/logo.png) no-repeat 0 0;-webkit-background-size:250px 57px;-moz-background-size:170px 57px;background-size:160px 27px;}
.pagination a{-webkit-background-size:18px 40px;-moz-background-size:18px 40px;background-size:18px 40px;}
.main section{-webkit-background-size:300px 10px;-moz-background-size:300px 10px;background-size:300px 10px;}
.chat{float:left;position:absolute;width:90%}
}
.fondo-sala{float:left;width:100%}
.img-amistad{float:right;margin-right:15px;margin-top:15px;background:url("http://www.chatsfriends.com/images/xamist.png.pagespeed.ic.UYRcD7Osep.png") no-repeat 0 0;height:64px;width:64px}
.ribbon1{background-color:#FF7700;border-radius:4px;padding:2px 7px;width:50%;}
.ribbon1 a{color:white}
.ribbon2{background-color:#0044FF;border-radius:4px;padding:2px 7px;width:60%;}
.ribbon2 a{color:white}
.img-latino{float:right;margin-right:15px;margin-top:15px;background:url("http://www.chatsfriends.com/images/latino.png.pagespeed.ce.js0CZ01Lyb.png") no-repeat 0 0;height:64px;width:64px}
.ribbon3{background-color:#FF00C4;border-radius:4px;padding:2px 7px;width:50%;}
.ribbon3 a{color:white}
.amistad ul{font-size:14px;list-style:square inside none;margin:10px 10px 20px}
.amistad{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.8);width:95%;margin-top:5px;margin-right:5px}
.form{margin-top:10px;height:130px;font-size:18px;font-weight:bold;color:#fff;background:#F2F2F2;border-radius:10px;}
.txtinput{font-size:17px;border-style:solid;border-width:1px;border-color:#dedede;margin-bottom:10px;padding:11px 25px;padding-left:55px;font-size:1.2em;color:#000;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;-webkit-transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;-moz-transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;-o-transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;}
.txtinput:focus{color:#333;border-color:rgba(41, 92, 161, 0.4);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);outline:0 none;}
#nombre{background:#fff url('http://www.chatsfriends.com/images/user2.png.pagespeed.ce.LmiG_C5Bxe.png') 5px 4px no-repeat;}
.footer-bottom li a{color:white}
.img-camara{float:right;margin-right:15px;margin-top:15px;background:url(http://www.chatsfriends.com/images/videocamara.png.pagespeed.ce.iRfbjYuMlR.png) 0px 0px no-repeat;height:64px;width:64px;}
@media screen and (max-width:1023px){.carita{display:none;}
}
@media screen and (max-width:1023px){.bandera{display:none;}
}
@media screen and (max-width:1023px){.banderaubi{display:none;}
}
.carita2{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.banderaubi{float:left;}
.texto{margin:0 40px;;font-size:16px}
@media screen and (max-width:768px){.texto{margin-top:5px;}
}
.ribbon6{border-radius:4px;padding:2px 7px;padding-top:10px;padding-left:20px;}
li{list-style:none;}
.main .post-cnt p{font-size:16px}
}
#list4{font-family:Georgia, Times, serif;font-size:15px;}
#list4 ul{list-style:none;}
#list4 ul li{}
#list4 ul li a{
  color: #555;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-right: 0;
  border-left: 0;

cursor:pointer;
float:left;
width:230px;
margin-left:10px;}
#list4 ul li a:hover{background:#f5f5f5;}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);}