*{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;}
.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) 0px 0px no-repeat;
height: 64px;
width: 64px;
}
      .semipubli {
        margin-top:30px;
      }

    @media screen and (max-width: 1023px) {
      .carita {
        display: none;
      }
    }

    @media screen and (max-width: 768px) {
      .semipubli {
        margin-top:55px;
      }
    }

    @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;
}
.bandera, img-bandera {
margin-left:10px;
margin-right:10px;
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.banderaubi {float: left;

}


.breadcrumb>li>.divider {
padding: 0 5px;
color: #ccc;
}

.texto {margin:0px;font-size:16px}

    @media screen and (max-width: 768px) {
      .texto {
        margin-top:80px;
        
      }
    }

    @media screen and (max-width: 768px) {
      .boton2 {
        margin-top:20px;
margin-bottom:20px;
      }
    }

.boton2 {
 
    font-family: Verdana, Geneva, sans-serif;
    font-size: 24px;
    color: black;
    padding: 5px 50px 5px 50px;
    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;
}



.ribbon6 {
background-color: #FF7700;
border-radius: 4px;
padding: 2px 7px;
/* width: 50%; */

padding-top: 10px;
padding-left: 20px;
}
.ribbon6 h2{color:white}

.breadcumb li {display: inline-block;}


li {list-style:none;}
.main .post-cnt p {
font-size:16px }

.ribbon5 {
background-color: #FF7700;
border-radius: 4px;
padding: 2px 7px;
width: 125px;
margin-bottom:5px;
color:white;
font-size:17px
}


#list4 { font-family:Georgia, Times, serif; font-size:15px; }
#list4 ul { list-style: none; }
#list4 ul li { }
#list4 ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:30px;font-weight: 700;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer;float: left;
width: 250px;
margin-left: 10px; }
#list4 ul li a:hover { color:#FFFFFF; background-image:url(../images/hover.png); background-repeat:repeat-x; }
#list4 ul li a strong { margin-right:10px; }
@media only screen and (min-width: 1024px) {
.form {
margin-top: 10px;
margin-left: 20%;
width: 70%;
height: 350px;
font-size: 18px;
font-weight: bold;
color: #fff;
border-radius: 10px;
background: url(/pareja2.jpg) no-repeat center top;
}
.nombre {margin-left:300px;padding-top:60px}
.txtinput {
font-size: 17px;
margin-left: 50px;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
padding: 11px 25px;
padding-left: 55px;
font-size: 1.2em;
width: 170px;
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;
}
.boton2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 24px;
color: black;
margin-left: 40px;
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;
}

.texto10 {
margin-left: 190px;
}
}