*{margin:0;padding:0;outline:0;}
.socials2{width:100%}
.fondo-sala2{width:160px;float:left}
.lateral{width:20%;float:left}
.chat{width:80%;float:right;}
.amistad li{padding:0px}
.boton
{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;margin-left:20%;font-size:22px;cursor:pointer;}
body, html{height:100%;}
body{font-size:14px;line-height:22px;font-family:arial, sans-serif;color:black;min-width:100%;}
a{color:blue;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}
a img{border:0;}
article, aside, details, footer, header, menu, nav, section{display:block;}
input, textarea, select{font-size:12px;font-family:arial, sans-serif;}
textarea{overflow:auto;}
.cl{display:block;height:0;font-size:0;line-height:0;text-indent:-4000px;clear:both;}
.notext{font-size:0;line-height:0;text-indent:-4000px;}
.left, .alignleft{float:left;display:inline;}
.right, .alignright{float:right;display:inline;}
.shell{width:980px;margin:0 auto;}
.header{background:#21BDFA;}
.header .shell{padding:21px 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)}
.header-top{height:72px;}
#logo{width:282px;font-size:0;line-height:0;float:left;}
#logo a{height:66px;display:block;background:url(http://www.chatsfriends.com/logo.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:white;font-family:'Jura', sans-serif;font-weight:700;padding-bottom:10px;}
.main h1{font-size:22px;color:#000;font-family:'Jura', sans-serif;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 h2{padding-bottom:4px;}
.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 .cols .col .col-cnt{height:100%;overflow:hidden;}
.main .post{padding-left:32px;padding-right:32px;}
.main .post .publicidad{float:left;margin-right:18px;width:340px;}
.main .post .publicidad2{float:left;margin-right:18px;width:340px;}
.main .post .subpubli{margin-top:10px;float:left;margin-right:18px;width:340px;height:333px;}
.main .post .subsalas{float:left;margin-right:18px;width:61%;}
.main .post-cnt{padding-top:22px;}
.main .post-cnt p{padding-bottom:10px;}
.main .post-cnt ul{list-style:none;list-style-position:outside;height:100%;overflow:hidden;}
.main .post-cnt ul li{padding-left:11px;padding-bottom:7px;}
.main .post-cnt ul li a{text-decoration:underline;}
.main .post-cnt ul li a:hover{text-decoration:none;}
.main .content{padding-left:32px;padding-right:32px;min-height:159px;}
.main .content span{text-decoration:underline;}
#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{width:65%;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;}
#mobile-nav{display:none;}
@media (max-width:48.000em){article{padding:1.5em;}
header > h1{text-align:left;float:left;}
header nav > ul{display:none;}
.anchor-link, #mobile-nav{display:block;}
header nav{z-index:5000;}
ul.open{background-color:black;box-shadow:2px 2px 3px #444444;display:block;list-style:none outside none;margin:0;padding:0;position:absolute;right:5px;top:70px;width:40%;z-index:5000;}
ul.open li{display:block;list-style:none;text-align:center;}
ul.open li a{display:block;padding:20px 10px;border-bottom:1px solid #ccc;text-decoration:none;color:black}
ul.open li a:hover{background-color:#ccc;color:#fff;}
}
#navigation a.nav-btn{display:none;}
@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 .cols .col .col-cnt{float:none;display:block;text-align:center;}
.main .post{padding-left:20px;padding-right:20px;}
.main .post h2{font-size:21px;}
.main .content{padding-left:20px;padding-right:20px;}
#footer .footer-bottom{padding-left:20px;padding-right:20px;}
}
@media only screen and (max-width:399px){body{min-width:320px;}
.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/logo2.png) no-repeat 0 0;-webkit-background-size:250px 57px;-moz-background-size:170px 57px;background-size:160px 27px;}
#header{background:#21BDFA;height:218px;width:100%;}
.pagination{bottom:8px;left:155px;}
.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 .cols .col .col-cnt{float:none;display:block;text-align:center;}
.main .post{padding-left:0px;padding-right:0px;}
.main .post h2{font-size:21px;}
.main .content{padding-left:20px;padding-right:20px;}
#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/logo2.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{margin-top:20px;display:block;}
.main .post .publicidad2{float:left;margin-right:18px;width:100%;}
#header{height:218px;width:100%;}
.chat{float:left;position:absolute;width:90%}
.lateral{margin-top:510px;width:100%}
.fondo-sala2{width:50%;float:left}
.pagination{bottom:8px;left:155px;}
.main section{background:url(images/m-section.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 .cols .col .col-cnt{float:none;display:block;text-align:center;}
.main .post{padding-left:20px;padding-right:20px;}
.main .post h2{font-size:21px;}
.main .socials{height:120px;padding-top:16px;margin-top:50px;}
.main .socials p{display:block;float:none;line-height:22px;}
.main .socials ul{display:block;float:none;}
.main .socials span{display:block;}
.main .content{padding-left:20px;padding-right:20px;}
#footer .footer-cols{padding-left:10px;padding-right:10px;}
#footer .footer-cols .col{width:100%;float:none;display:block;padding-bottom:20px;}
#footer .footer-cols .col + .col{padding-left:0px;}
#footer .footer-bottom{padding-left:10px;padding-right:10px;}
#footer .footer-nav{float:none;display:block;padding-bottom:12px;}
#footer .footer-nav ul{padding-bottom:12px;}
#footer .footer-nav ul li{padding:0 3px;border-right:0;font-size:11px;line-height:11px;}
#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:50%;float:left}
.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/amist.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}
.btn-sala{background-color:#E1E0E0;border-radius:4px;padding:4px 7px;height:24px;}
.img-webcam{float:right;margin-right:15px;margin-top:15px;background:url("http://www.chatsfriends.com/images/webcam2.png") no-repeat 0 0;height:64px;width:64px}
.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") no-repeat 0 0;height:64px;width:64px}
.ribbon3{background-color:#FF00C4;border-radius:4px;padding:2px 7px;width:50%;}
.ribbon3 a{color:white}
.ribbon4{background-color:#FF0000;border-radius:4px;padding:2px 7px;width:50%;}
.ribbon4 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}
.link-button{display:block;float:left;font-size:10px;padding:3px 5px;border-width:1px;border-style:solid;border-radius:4px 4px 4px 4px;background:#A0E4FF}
.form{margin-top:10px;margin-left:20%;width:60%;height:130px;font-size:18px;font-weight:bold;color:#fff;background:#F2F2F2;border-radius:10px;}
.item_sc li{float:left;background:#F1F0F0;height:26px;margin-bottom:2px;padding:1px;width:250px;margin-left:10px;list-style:none;}
.item_sc li:hover{background-color:#DDF0FF;}
.item_sc a{display:block;font-size:16px;margin-left:10px;margin-top:4px;color:#0037FD;text-decoration:none;}
.item_sc a:hover{display:block;font-size:16px;color:#0037FD;text-decoration:none;}
.paginas{border:#666 1px solid;padding:2px;background-color:#FFF}
.paginasweb{margin-top:5px;margin-bottom:5px;color:black}
.imgcomen0{background-color:#B3D4FF;border-radius:4px;padding:2px 7px;width:90%;height:auto;margin-top:4px}
.imgcomen1{background-color:#FBDFFF;border-radius:4px;padding:2px 7px;width:90%;height:auto;margin-top:4px}
.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;width:40%;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;}
#hongkiat-form textarea{display:block;font-family:"Helvetica Neue", Arial, sans-serif;border-style:solid;border-width:1px;border-color:#dedede;margin-bottom:10px;font-size:1.2em;padding:11px 0px;padding-left:55px;width:80%;height:40px;color:#777;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;}
#hongkiat-form textarea: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(40, 90, 160, 0.6);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);outline:0 none;}
.verif{display:none;}
#buttons{display:block;padding-top:5px;}
#buttons #resetbtn{display:block;float:left;color:#515151;margin-right:20px;height:2.5em;padding:0 1em;outline:0;font-weight:bold;font-size:1em;}
#buttons #resetbtn:hover{color:#818181;background-color:#fff;}
#buttons #submitbtn{display:block;float:left;height:2.5em;padding:0 1em;border:1px solid;outline:0;font-weight:bold;font-size:1em;color:#fff;background:#31C0F9;}
#buttons #submitbtn:hover, #buttons #submitbtn:active{color:#fff;}
.nombre{margin-left:30%;padding-top:10px}
#nombre{background:#fff url('http://www.chatsfriends.com/images/user2.png') 5px 4px no-repeat;}
#nombre2{background:#fff url('http://www.chatsfriends.com/images/user2.png') 5px 4px no-repeat;}
#clave{background:#fff url('http://www.chatsfriends.com/images/clave2.png') 5px 4px no-repeat;}