/*///////////////////// PERFIL ///////////////////*/

.cover{
height:250px;
background: url('../img/header_perfil.jpg') no-repeat;
background-position:center center;
background-size: auto 100%;
background-color: #BCB8B9;
}

.foto-perfil{
margin-top:-50px;
text-align: center;
}

.datos-perfil{
margin-top:10px;
}


/*///////////////////// PERFIL END ///////////////////*/

.logotime{
margin:-1px 10px 0 0;
width:187px;
height:60px;
float:left;
}

.h2-timeline{
margin-top:0;
}

.row-fluid .span12 {
padding: 0 13% !important;
}

.row-fluid .span8 {
width: 57%;
margin: 1% 0 !important;
float: left
}

.row-fluid .span2{
width:14.5299% !important;
float: left;
margin: 1% 0 1% 0 !important;
}

.navbar-fixed-bottom {
margin-top: 18px;
width:100% !important;
float:left;
position:inherit;
text-align:center;
}

.panel-primary {
  background: none !important;
}

.panel {
background: none !important;
border: none !important;
border-radius: none !important;
box-shadow: none !important;
margin-bottom: 20px;
}

.table-clases thead{
  background-color:#425923;
  border-bottom: 3px solid #547c1d;
  color: #fff;
}

.table-clases td{
  vertical-align: middle !important;
}

.table-hover>tbody>tr:hover{
background-color:#f5f5f5;
-webkit-box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.28);
box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.28);
}

hr{
border-color:#5F852C !important;
margin: 10px 0 5px 0 !important;
border-width:1px !important;
}

/*////////////////////// BOTONES /////////////////////*/

.btn-new-event {
background-color: #84ad4b;
color: #fff;
float:right;
margin:0 0 10px 0;
}

.btn-new-event:hover {
background-color: #698641;
color: #fff;
}


/*////////////////////// END BOTONES /////////////////////*/


@media screen and (max-width: 980px) {

.logotime{
margin:-1px 10px 0 0;
width:100%;
height:60px;
float:left;
}


.row-fluid .span8 {
width: 50%;
margin: 1% 2% 0 0 !important;
float: left
}

.row-fluid .span2{
width:20% !important;
float: left;
margin-left: 5%;
margin-bottom:10px;
padding: 0 0 1% 0;
}

.navbar-fixed-bottom {
margin-top: 18px;
width:100% !important;
float:left;
position:inherit;
text-align:center;
}
 
}
 
@media screen and (max-width: 650px) {
 

.logotime{
margin:-1px 10px 0 0;
width:100%;
height:60px;
float:left;
}

.row-fluid .span12 {
padding: 0 8% !important;
}

.row-fluid .span8 {
width: 50%;
margin: 1% 5% 0 0 !important;
float: left
}

.row-fluid .span2{
padding: 0 0 5% 0;
}


.navbar-fixed-bottom {
margin-top: 18px;
width:100% !important;
float:left;
position:inherit;
text-align:center;
}

.navbar-fixed-top, .navbar-fixed-bottom {
  margin-left: 0px;
  margin-right: 0px;
}

}
 
@media screen and (max-width: 450px) {

.cover{
height:150px;
background: url('../img/header_perfil.jpg') no-repeat;
background-position:center center;
background-size: auto 150px;
}

.row-fluid .span12 {
padding: 0 0 !important;
}

.row-fluid .span8 {
width: 100%;
margin: 0 0 0 0 !important;
float: left
}

.row-fluid .span2{
width:100% !important;
float: left;
margin: 0;
padding: 5% 35%;
}

.navbar-fixed-bottom {
margin-top: 18px;
width:100% !important;
float:left;
position:inherit;
text-align:center;
}

.nav-tabs{
border-bottom: 0px solid #DDDDDD;
float:right;
}

.panel-image{
background:none !important;
border: 0 solid #000000 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin-bottom: 20px !important;
}

.h2-timeline{
padding-left:0;
margin-top:0;
}

.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  width: 100%;
}

.timeline-options {
  border-bottom: 2px solid #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-left: 5px !important;
  margin-right: 5px;
  padding-top: 30px;
}

.h3-timeline{
float:left;
margin-top:0 !important;
margin-bottom:20px;
}

.timeline-icon:before{
color:#999 !important;
font-size:20px !important;
margin-right:10px !important;
}

.timeline-margin-mobile{ padding:0px !important;}


/*////////////////////// BOTONES /////////////////////*/

.timeline-options{text-align:center;}

.btn-new-event {
background-color: #84ad4b;
color: #fff;
float:none;
margin:10px 0 10px 0;
}

.btn-new-event:hover {
background-color: #698641;
color: #fff;
}


/*////////////////////// END BOTONES /////////////////////*/

}

/*////////////////////// PAPNEL TABS /////////////////////*/

.panel-heading{
background:none !important;
border:none !important;
}

.panel-body{
font-family:'Open Sans', Helvetica, sans-serif;
padding:15px;
margin-bottom:30px;
background:#fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 2px solid #fff;
}

#myTab{
padding-bottom:15px;
}

#myTab a{
color:#fff;
border:0px;
}

#myTab > li{
background: -moz-linear-gradient(top,  #425923 75%, #3f4c30 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #425923 75%,#3f4c30 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #425923 75%,#3f4c30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425923', endColorstr='#3f4c30',GradientType=0 ); /* IE6-9 */

border-radius: 3px 3px 0 0;
box-sizing: border-box;
color:#fff;
border-color:#425923;
margin-right:10px;
outline:0px;
}

#myTab > li.active > a, #myTab > li.active > a:focus{
background: none;
outline:0px;
}

#myTab > li > a:hover, #myTab > li > a:focus{
text-decoration:none;
background-color:transparent !important;
outline:0px;
}


#myTab > li.active, #myTab > li.active:focus{
background: #719c37;
border-radius: 3px 3px 0 0;
color:#fff;
border-color:none;
outline:0px;
}

#myTab > li:hover{
background: #719c37;
border-radius: 3px 3px 0 0;
color:#fff;
border-color:none;
outline:0px;
}

.#myTab .open > a, #myTab .open > a:hover, #myTab .open > a:focus{
background: none;
}

.nav-tabs{
border-bottom: 0px solid #DDDDDD;
float:right;
}

/*////////////////////// END PAPNEL TABS /////////////////////*/