@media (max-width: 768px){
    .col-lg-8 {
        padding-right: 0;
        padding-left: 0;
    }
    	
    .container {
		padding-left:4px;
		padding-right:4px;
	}
	.fechaxs {
		float:right;
		text-align:right;
		width:100px;
		font-size:12px;
	}
}   
.msg-anim textarea {
	width:100%;
}

.botoneramsg {
margin-top:10px;
}
.dateR {
	white-space:nowrap;
}
td.msgtitulo a {
	color:black;
	text-decoration:underline;
}

table.mensajes tr.nuevo td {
	background-color:#fff;
}
.tologin {
display:none;
}

@media (max-width: 500px) {
.logeado li.userName { display:none;}
.coment {
  width:100px;
}
.btn {
padding:4px 4px;
}
table.mensajes td {
display:block;
width:100%;
}
}
@media (min-width: 501px) {
.logeado li.userName { display:inline;}
.delete{width:30px;}
.dateR{max-width:90px;} 	
}

.brand {
      background: url('../img/logoBTTmovil.png') no-repeat scroll 10px 10px transparent;
      width: 200px;
      }
.ad {
padding-top:20px;
padding-bottom:20px;
text-align: center;
}

/*header*/
.row { margin:0!important;}
.page-header, .page-header h1{margin:0!important; padding:0!important; border:0; background-color:#f3f6f4!important;}
.page-header{}
.page-header h1{}

/*.page-header h1  a{height:85px; width:250px; background:url(../img/logobtt.svg) 10px 10px no-repeat; text-indent:-5000px; display:block; }*/
.page-header h1.movil  a{height:50px; width:150px; background:url(../img/logoBTTmovil.svg) 10px 5px no-repeat; text-indent:-5000px; display:block;background-size: 140px;  }
.page-header h1.interior  a{height:50px; width:150px; background:url(../img/logobtt.svg) 10px 5px no-repeat; text-indent:-5000px; display:block; background-size: 140px;  margin-top: 5px;}
.page-header .login{ display:block; }

.portada .page-header .login{ padding-right:10px; padding-top:10px; padding-bottom:0px;}
.page-header .login{ padding-right:10px; padding-top:8px; padding-bottom:0px;}
@media (max-width: 501px) {
.page-header .login{  height: 50px; padding:5px 0; display:block;}

.row h2{  margin-top:0px;}
.row h4{  margin:5px 0;}
}
@media (max-width: 360px) {
.page-header .login{  height: 50px; padding:5px 0; display:none;}
.row h2{  margin-top:0px;}
.row h4{  margin:5px 0;}
}
.portada .page-header .logeado{ padding-right:10px; padding-top:8px; padding-bottom:0px;}
.page-header .logeado{ padding-right:10px; padding-top:8px; padding-bottom:0px;}



.comentarios h3{margin:0 0 20px 0px;color:#18a54a;}
.navbar-default{border-radius:0px; border-left:0px; border-right:0px;}
.navbar-default h1{margin:0!important; padding:0!important; line-height:12px!important;}
.navbar-default h1  a{height:32px; width:115px; background:url(../img/logoBTTxl.png) 0 0  no-repeat; text-indent:-5000px; display:block; margin:8px 0 0px 0px!important;}

.navbar-nav  li  a {}
/*logeado*/

.logeado .pull-right {padding-left:0px;}
.logeado li{display:inline-block; }
.logeado li, .logeado li img{width:32px; height:32px; line-height:32px; border-radius:3px; background-color:rgba(199,199,199,0.4);}

.logeado li a.logAmigos, .logeado li a.logFav, .logeado li a.logNotas, .logeado li a.logAvis, .logeado li a.logMsjs, .logeado li a.logSalir{text-indent:-5000px; display:block; width:32px; height:32px;background:url(../img/logIcons.png) no-repeat; }
.logeado li a:hover{ background-color:rgba(199,199,199,0.7);border-radius:3px; }
.logeado li a.logFav{background-position:-32px 0;}
.logeado li a.logNotas{background-position:-64px 0;}
.logeado li a.logAvis{background-position:-96px 0;}
.logeado li a.logMsjs{background-position:-128px 0;}
.logeado li a.logSalir{background-position:-160px 0;}
.logeado li.userName{width:auto!important; background-color:transparent!important;padding-left:4px; font-weight:bold;}
.logeado li.userName a:hover { background-color:transparent;}
/*******/

/
form.navbar-form {padding-left:0px;}
.navbar-form .form-control {padding-right:0px;}

/*tabla de comentarios*/

.dateR, .delete{text-align:right; }
.comentarios table{margin-top:20px;}

.delete a .glyphicon{color:#16261b;}
.breadcrumb, .navbar{  margin-bottom: 0px!important;}


/*footer*/
#footer {
    background-color: #16261B; margin-top:30px;padding:20px;
	color:#fff; height: auto; font-size:0.9em;
}
#footer .list-group { list-style-type: none; }
#footer .list-group a{color:#adadad;}
#footer .list-group-item {
    background-color: transparent;
    border: none;
    display: block;
    margin-bottom: 0;
    padding: 8px 0;
    position: relative;
	font-weight:bold;
	border-bottom:1px solid #333;
	margin-bottom:4px;
}
#footer .list-group .divider {
    background-color: #333;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
@media (max-width: 501px) {
#footer .row div{text-align:left;  margin:0;padding:0 0 10px 0; }
}
/*thumbnails*/
.thBTT div{padding-left:0px!important;}
/*banners*/
.BN {display:block; margin:20px auto; }
.BN720{width:720px; height:90px;}
.BN120x600{width:120px; height:600px; }
.BN160x600{width:160px; height:600px; }

/*espacios*/
.MT20{margin-top:20px}
.mL15{margin-left:15px;}

.PB15{padding-bottom:15px;}

/*bicicleterias*/
.list-ciudades .list-group-item {background-color:#fafbfa;}
.tableABC{font-size:12px!important;
   text-align:center;
}

/*user*/
.user-stats{
  background: none repeat scroll 0 0 padding-box #f5f5f5;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  transition: all 300ms ease-in-out 0s;
  font-size: 0.9em;
}
 .user-stats span{font-size:11px!important; line-height:12px;}
 .user-stats span.glyphicon, .user-stats .glyphicon{font-size:1.2em!important;}
.user-stats  img.userAvatar{width:75px!important; height:75px!important; margin-right:20px; }

.user-stats ul.list-inline li:first-child{display:block!important; clear:right; font-size:25px!important;}
.user-stats ul.list-inline li:first-child a{ background-color: rgba(26,180,92,0.8) ; color:#FFF; padding:0 4px;}
.user-stats .list-inline li {

    padding-left: 0px!important;
    
}
.MasNotas{
 border: 1px solid #DDDDDD;
  background: none;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  transition: all 300ms ease-in-out 0s;
}
.MasNotas h3 {
 background-color: #43C26C; color:#FFF; 
  display: block;
  overflow: hidden;
  padding: 12px;
 margin:0px;
font-size: 1.333em;
}
.MasNotas div.col-lg-4, .MasNotas div.col-md-4{margin:0!important; padding:0 3px!important;}
.MasNotas .thumbnail {
    background-color: none;
    border: 1px solid #f5f5f5;
    display: block;
    line-height: 1.42857;
    margin: 5px 0;padding:0px;
}
.MasNotas .highlight { display:block; padding:5px; clear:both; text-align:right;  border-top: 1px solid #DDDDDD;background-color: #f5f5f5;}
.MasNotas .thumbnail h6{margin: 5px;}

.img-responsive {margin-left:auto;margin-right:auto;}


/*bubble*/
.bubble
{
position: relative;
width: auto;
height: auto;
padding: 10px ;
margin-left:18px;
background: #f5f5f5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

div.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #f5f5f5;
display: block;
width: 0;
z-index: 1;
left: -8px;
top: 15px;
}
/********/

/*comentarios*/
#descripcion{margin:20px 0;}
.userDate {font-size:10px; text-align:right}
.userComent{font-size:12px; display:block; font-weight:bold;}
.ComentarNota{ padding:10px;font-size:14px;  border-bottom:1px solid #ddd; }
.ComentarNota:last-child{ border-bottom:0px solid #ddd;}
.ComentarNota btn{margin-top:10px;}
.ComentarNota img{width:60px; margin-bottom:5px;}
.ComentarClas  a, .ComentarClas{text-decoration:none!important;padding:5px;}
.ComentarClas  a  span.glyphicon{font-size:16px!important; color:#c1c4bf; clear:both; display:block; width:30px; margin:0px auto 3px auto;}

.RespuestaNota {margin:15px 0 0 75px!important; padding:10px 0 0 0!important; border-top:1px solid #ddd; }




.social-bar { border-top:1px solid #dddddd;  }
.social-bar ul{height:45px; margin:0 auto 10px auto; width:auto;}
.social-bar li .icon, .social-bar li p {
   background-image: url("../img/social-bar.svg");background-size: 205px; 
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block; float:left;
    height: 33px;
    width: 33px;
}

.social-bar li a {
    cursor: pointer;
}
.social-bar li p {
    background-position: -166px -134px; border-right:1px solid #eeeded; 
   line-height:33px; text-align:center;  width: auto!important; margin: 0 10px 0 2px;
}
.social-bar li  p em{padding: 0 5px 0 10px;}
.social-bar li .icon-fb { }

.social-bar li .icon-tw {
    background-position: -43px 0px;
}

.social-bar li .icon-g {
    background-position: -43px -44px;
}

.social-bar li .icon-pt {

    background-position: -129px 0px;
}
.social-bar li .icon-cm {
    background-color: #1ab45c;
	background-image:none;
	color:#fff!important;
}
.social-bar li .icon-cm span{
   line-height:33px;    font-size: 24px;
}

.socialPanel{
background-color:#f5f5f5; border-radius:5px; margin-bottom:15px; padding:10px}

.modal-footer{}
.socialPanel .label{ font-size: 14px;
    line-height: 1.5;}
.socialPanel .label-info{font-weight:normal; background-color: rgba(66,183,208,0.5); color:#333;}
.socialPanel  img.userAvatar{width:30px; height:30px;}

.UserVote li{display:inline-block; margin-right:3px; background-color: rgba(193,193,193,0.3); padding:1px 3px 1px 1px; font-size:11px; }
.UserVote li a{color:#333; }
.UserVote{;  border-top: 1px solid #E5E5E5;
    clear:both;padding-top:10px;
   }
.votos, .tags{margin:10px 0; border-top:1px dotted #333;border-bottom:1px dotted #333;}
.tags{dotted #333;border-bottom:0px }
.votos dt{display:block; padding:5px 0; clear:both; font-weight: 500;}
.user-stats .btn-sm{width:100%; margin-top:15px;}
.user-stats h6, .social-bar  h6, .socialPanel h6{text-transform:uppercase; color:#333; font-size:0.7em;}

.votar10{width:70px; height:70px; border-radius:40px;border:10px solid #96C945; background-color:#8CC63E; color:#FFF; display:block; box-shadow: 0px 0px 10px #9EA88F; text-align:center; 
margin: 20px auto;}
.votar10 em{line-height:12px; font-size:14px; display:block!important; font-weight:700;}
.votar10 span{line-height:30px; font-size:25px; display:block!important;}
.votar10 a:hover{color:#fff;}


.baseNegraComn{padding:20px 40px 0px 40px;}