﻿.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
} 

.enlacesPie{
    color:#ed6d08; 
    font-size:0.8em;
}
.copyright{
    color:#ccc;
    font-size:0.8em;
    padding-right: 1.3em;
}
footer{padding:20px 0;color:#ed6d08 }
.logo_footer{height:30px;}
.cabecera
{width:100%;
height:74px;
background: #ed6d08;
padding-right:0px;
padding-left:0px;
}
.logo-2{height:65px;background-size: auto 65px;}
.logo{width:auto;height:65px;margin-left:0px;float:left;margin-right:10px;}
.logo-768{width:auto;height:32px;margin-left:0px;float:left;margin-right:10px;}
.buscador-768{float:left;position:relative;margin-top:0px;margin-left:0px;width:60%;}
/*css admin*/
.fondoscuro{background-color:#be5807;}
.ancho315{padding-left:0px;padding-right:0px;}
.logoadmin{width:100%;padding:0px;height:60px;min-width:315px;}
.margin-top-20{margin-bottom:-20px;}
.borde1{border:1px solid #ed6d08;}
.padding0{padding:0px;}
.color1{background-color:#ed6d08;}
.list-group-item-warning{background-color:#be5807;}
.list-group-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px;}
.list-group-item{border:0px;}
a.list-group-item-warning, button.list-group-item-warning{color:#ffffff;}
.list-group{margin-bottom:0px;}
.alto{padding-top:12px; padding-bottom:12px;}
.iframeadmin{margin-left:20px;}
/* fin css admin*/
.perfilancho{background: url('./../images/perfilancho.jpg') no-repeat;
height:300px;
margin:20px auto 20px auto;}

.perfil1{background: url('./../images/1.png') no-repeat center;}
.perfil2{background: url('./../images/2.png') no-repeat center;}
.perfil3{background: url('./../images/3.png') no-repeat center;}
.perfil4{background: url('./../images/4.png') no-repeat center;}
.perfilopt{background: url('./../images/configuracion-w.png') no-repeat center;}

.boton-notificaciones
{height:40px;
width:40px;
margin:auto;
border:0px;}

.buscador
{float:left;position:relative;margin-top:28px;}

.bg-transparent {  background-color: transparent;}
.bg-blancoroto{background-color:#fcfcfc;}
.bg-naranjaclaro{background-color:#ED6D08;}
.form-control-buscador{
display:block;
width:360px;
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#e0e0e0;
background-image:none;
border:1px solid #d56208;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control-buscador-xs{
display:block;
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#e0e0e0;
background-image:none;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #e0e0e0;
/*-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}

.form-control-buscador:focus, .form-control-buscador-xs:focus{
border-color:#f2f2f2;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgba(179,82,6,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgba(179,82,6,.6);}

.logo-birttu
{
margin:14px 0px auto auto;
background: url('./../images/megafono.png') no-repeat center;
height:50px;
width:50px;
}

.notificaciones
{
margin:14px 0px auto auto;
background: url('./../images/notificacion.png') no-repeat center;
width:50px;
height:50px;
}

.solicitudes
{
margin:14px 0px auto auto;
background: url('./../images/solicitud.png') no-repeat center;
height:50px;
width:50px;
}

.mensajes
{
margin:14px 0px auto auto;
background: url('./../images/mensaje.png') no-repeat center;
height:50px;
width:50px;
}

.titular{font-family:calibri;font-size:18pt;}
.titular2{font-family:calibri;font-size:12pt;}
.comentario{font-family:calibri;margin-bottom:14px;}
.pad6{padding-top:6px;padding-left:10px;padding-bottom:6px;}

.nombre
{font-family:calibri;font-size:26pt;color:#FFFFFF;}





.boton-ancho-fijo{padding:20px 38px 20px 38px;min-width:140px;}

.borde-derecho
{
border-left:1px solid #304b60;}


/* comienzo perfil usuario */
.square, .btn {
    border-radius: 0px!important;
}

/* -- color classes -- */
.bgnaranja{background-color:#ed6d08;}
.coralbg {
    background-color: #FA396F;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #46D8D2;
}

.turq {
    color: #46D8D2;
}

.white {
    color: #fff!important;
}

/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
div.user-menu-container {
  z-index: 10;
  border:0px solid #d7d7d7;
  margin-top: 20px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container h4 {
    font-weight: 300;
    color: #8b8b8b;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:100%;
   min-height:200px;
   border: 0px!important;
   padding: 0px;
   border-radius: 0;
   border: 0px!important;
}

/* -- Vertical Button Group -- */
div.user-menu-container .btn-group-vertical {
    display: block;
}

div.user-menu-container .btn-group-vertical>a {
    padding: 20px 25px;
    background-color: #304b60;
    color: white;
    border-color: #fff;
}

div.btn-group-vertical>a:hover {
    color: white;
    border-color: white;
}

div.btn-group-vertical>a.active {
    background: #ed6d08;
    box-shadow: none;
    color: white;
}
/* -- Individual button styles of vertical btn group -- */
div.user-menu-btns {
 /*   padding-left: 10px;*/
    padding-bottom: 0;
	margin:auto;
}

div.user-menu-btns div.btn-group-vertical>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #46D8D2;
}
/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #eee;
}
ul.user-menu-list>li {
    padding-bottom: 8px;
    text-align: center;
}

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- The btn stylings for the btn icons -- */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 10px 25px;
}

.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    background: #eee;
    min-height: 333px;
}

.user-image {
  max-height:200px;
  overflow:hidden;
}
.user-image-visitado {
  max-height:400px;
  overflow:hidden;
}
.overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0;
	font-size:16px;
}

.overview h4 {
    font-weight: bold!important;
    font-size: 30px;
    margin-top: 0;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

.square, .btn {
    border-radius: 0px!important;
}

/* -- media query for user profile image -- */
@media (max-width: 767px) {
    .user-image {
        max-height: 400px;
    }
}
	/* final perfil usuario*/
	
	
/*imagen de localizaciÃ³n*/
.img-localizacion
{height:20px;}

/* css para las tarjetas de los conectados o los posibles conectados*/
.src-image {
  display: none;
}

.card {
  overflow: hidden;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #efefef;
  color: rgb(136, 172, 217);
}

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #FFF solid;
  /* This positions the canvas under the text */
  z-index: 1;
}
.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.card .avatar img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid rgba(0,0,30,0.8);
}

/* css para la parte central */
.padding20{
margin:20px 0px;
}

.contenido-sup
{
	border:1px solid #efefef;
	border-radius: 8px;
}

.separadorgris
{
	height:1px;
	background:#efefef;
	margin:0px 60px 0px 20px;
}

.borde-cero
{
	border:0px;
}

.separada
{margin-top:5px;
margin-bottom:5px;}

.speaks
{
	color:#ed6d08;
	font-family:Calibri;
	font-size:24pt;
}
.speaksxs
{
	color:#ed6d08;
	font-family:Calibri;
	font-size:16pt;
}
.icono-speaksxs
{
height:30px;
background: url('./../images/speak30.png') no-repeat;
}
.icono-speaks
{
height:50px;
background: url('./../images/speak.png') no-repeat;
}

.separa-10-alto
{margin-top:10px;}

.imagen-conectado
{
	min-width:10px;
	max-width:100%;
	min-height:10px;
	max-height:100%;
	padding:3px;
}
.separa0{right:0px;}
.separa30{right:30px;}
.separa70{right:70px;}
.separa110{right:110px;}
.separa150{right:150px;}
.separa194{right:194px;}

.pad0
{
	padding-right:0px;
	padding-left:0px;
	background-color:#ffffff;
}
.pad0sinfondo
{
	padding-right:0px;
	padding-left:0px;
}
.quitar-padding-row
{padding-right:-15px;
padding-left:-15px;}
.gris
{
background-color:#efefef;
}

.mostrarmas
{
	font-size:7pt;
	margin:12px auto 0px auto;
	padding:auto auto 0px auto;
	height:100%;
	color:#7d7d7d;
}
.fondotransparente{background-color:transparent;}
.bloque-contenido{ 
margin-top:12px; 
  border:1px solid #d7d7d7;

}
.iconosuperior{
	margin-right:0px;
	padding-right:6px;
	padding-left:6px;
	margin:14px 0px auto auto;
}
.iconosuperior-768{
	margin-right:0px;
	padding-right:6px;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:0px;
	width:46px;
	margin:0px 0px 0px auto;
}
.alto20{height:58px; width:100%;position:absolute;top:0px;right:0px;}
.altoxs{width:100%;position:relative;top:0px;left:0px;}
ul{list-style-type:none;}
.absoluto{position:absolute;}


.border-image-width{border:0;}

