.top{
	padding-top: 5px;
}
.contenedor{
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	width:75%;
	
}
.bs-example{
	font-family: sans-serif;
	position: relative;
	margin: 100px;
}
i.mysize {font-size: 1.5em; color: #279C8A;}
.image_small{
	width:16px;
	height: 16px;
	font-size: 16px;
}
.typeahead,
.tt-query,
.tt-hint {
 
  
  font-size: 14px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}
.menu_dena{
	color:#000;
	font-size:20px;
	float:left;
	padding-left:20px;
	text-shadow: 2px 1px 0px #fff, 4px 2px 0px rgba(0,0,0,0.15);
}
.menu_dena:hover{
	border-bottom: 3px solid black; border-color: #e9e3e0;

}
.info{
	font-style: italic;
	color:#A9A9A9;
	font-size:14px;
}
.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin:0px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.twitter-typeahead{
	width:100%;

}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #279C8A;
}
.select{
	width:100%;

}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #279C8A;

}

.tt-suggestion p {
  margin: 0;
}

.cabecera{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+9,f2f2f2+50,efefef+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+9,ffffff+50,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 9%, #ffffff 50%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 9%,#ffffff 50%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 9%,#ffffff 50%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	
	box-shadow: 5px 5px 5px #EEEEEE;
	height:60px;
}

.cabecera_index{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+9,f2f2f2+50,efefef+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+9,ffffff+50,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 9%, #ffffff 50%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 9%,#ffffff 50%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 9%,#ffffff 50%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 5px 5px 5px #EEEEEE;
	height:80px;
}
.mensaje{
	width:100%;
	position:fixed;
	z-index:2000;
	display:none;
}
 
.cabecera_completa{
	width:100%;
	position:fixed;
	z-index:1000;
}
 #map-canvas {
	height: 500px;
	width: 100%;
	margin: 0px;
	padding: 0px
  }
.menu_resp_cl{
	
	font-size:30px;
	background-color:#279C8A;
	color:#fff;
	width:auto;
	height:35px;
	width:100%;
	padding: 2px;
	border-radius:5px; 
	z-index:1000;
}
.menu_resp_cl a{
	color:#fff;
}
.menu{
	font-size:19px;
	height:35px;
	background-color:#279C8A;
	color:#fff;
	height:35px;
	float:left;

	padding:5px;
	border-bottom-left-radius:5px; 

}
.contenedor_menu{
	
}
.contenedor_menu:hover div{
	background-color:#72DCCC;
}
.contenedor_menu:hover span{
	
	background-image: url("../img/bode_solapa_hover.png");


}
.menu_solapa{
	height:35px;
	background-image: url("../img/bode_solapa.png");
	width:12px;
	height:35px;
	float:left;
}
.close_contenedor{
	padding-left:18px;
	float:right;
	height:35px;
	width:64px;
	font-size:25px;
	background-image: url("../img/solapa_close.png");
}

.perfil_user{
	font-style: italic;
	color:#A9A9A9;
}

.close_button{
	background-image: url("../img/close_session.png");
	height:25px;
	width:25px;
}
.close_button:hover{
	background-image: url("../img/close_session_hover.png");
	height:25px;
	width:25px;
}
.usuario_cabecera{	
	color:#0A2625;
	padding-right:5px;
	padding-left:10px;
	float:right;
	font-size:20px;

}
.linea_user_cabecera{	
	height:5px;	
	background-color:#289B95;
}
.linea{	
	height:2px;	
	box-shadow: 5px 5px 5px #BDBDBD;
}


.Pbackg{background-color:#F2F2F2; 
}
.d1:before {
  content: "Email address: ";
}
.img{
	width: 100%;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/giphy.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.sinB{	
	border-top: 1px ;
	
}
.h4-1{	
	color:#777777;	
}
.h4-2 {		
	margin-top: 5px;
	margin-bottom: 5px;
}
.row-1 {		
	margin-right: 0;
	border-top: 1px solid #ddd;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
	line-height: 1.42857;
	padding: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
	vertical-align: top;
}
table thead{	
	color:#fff;
	background-color:#279c8a;

}

.form-control::-moz-placeholder {
  color:#449D44;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color:#449D44;
}
.form-control::-webkit-input-placeholder {
  color:#449D44;
}
.footer {  background-color:#279C8A; height: 62px; margin-top:50px; }

.footer p { color:#FFFFFF; }
.tip{
      background-color: #ffcc99;
      padding: 10px;
      display: none;
      position: absolute;}
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}
/* font */
.fs-11 {
 font-size:11px;
}
.t {
 font-size:10px;
}
.sinborde {
  border: 0px solid #C00;
}
.izq {
 padding-left: 40px;
}
.boton_sn{
border-radius: 0;
width: 100%;
}
/* chat */
.container{max-width:1170px; margin:auto;}
img{ max-width:100%;}
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg { 
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}

.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
	float: left;
	width: 11%;
}
.spanR{
	 font-size:13px; float:right;
}
.c-azul{
	color:#333!important;
}
.c-link{
	color:#72afd2!important;
}
.zoom {
    transition: transform .2s; 
}
 
.zoom:hover {
    transform: scale(8); 
	width: 50px;	
	margin-left: -20px;
	z-index: 900;
	position:absolute;
}

.chat_imglist {
width: 40px  !important;
height: 40px;
border-radius: 50%;
margin-right: 10px;
margin-top: -2px;

}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width:80%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 30px 0 20px;
  width: 100%;
}

 .sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}
.input_msg_write textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  padding-right: 62px;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
 
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.msg_send_btn.pd{
	right:33px ;
}
.msg_send_btn.blu {
  background: #05728f none repeat scroll 0 0;
}
.msg_send_btn.oran {
   background: #45A163 none repeat scroll 0 0;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
	min-height: 480px;
	height:480px; 
	overflow-y: scroll!important;	
}
.none {
display:none;
}
/* chat Fina */
@media (min-width:1200px) { 
	.padi{	padding:2px 2px 0px 2px; }
}

@media (max-width:360px) { 
	.img_logo{
		display:none;
	}
}