﻿

    #calendar {
      font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
      max-width: 900px;
      margin: 0 auto;
      display: block;
      clear: both;
    }




.fc-event-container {display: none;}

.hidden_title{
  display: none;
  visibility: hidden;
}


    .content{
      margin: 0 auto 55px auto;
      max-width: 900px;
      display: block;
      line-height: line-height: 1.6;
      clear: both;
      padding-bottom: 20px;

      font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;

    }


.line_left{
  float:  left;
  display: inline-block;
  width: 30%;
}
.line_right{
  float:  left;
  display: inline-block;
  width: 70%;
}
.line_legenda{
  display: inline-block;
  margin-left: 15px;
}

.line_legenda span{
  display: inline-block;
  font-weight: bold;
  margin-right: 15px;
}

.line_legenda .bloco{
  display: inline-block;
  margin-left: 15px;
}

.line_legenda .reservado{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #f1acb1;
}

.line_legenda .disponivel{
  width: 30px;
  height: 30px;
  background-color: #b5e5b5;
  display: inline-block;
}
@media (min-width:768px) and (max-width:991px){
  .line_left{
    width: 30%;
  }

  .line_right{
    width: 70%;
  } 
  .line_legenda .bloco{
    display: inline-block;
  }
  .line_legenda span{
    display: inline-block;
  }
}

@media (max-width:768px){
  .line_left{
    width: 100%;
  }

  .line_right{
    width: 100%;
  } 

  .line_legenda .bloco{
    display: block;
    margin: 10px 0 15px 0;
  }
  .line_legenda span{
    display: block;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
  }

}


.styled-select {

  height: 29px;
  overflow: hidden;
  width: 322px;  /*Se puede definir  cada caso*/
  
  background: url(../img/2e3ybe1.jpg) no-repeat right center;
  height: 34px;
  border: 1px solid #d0cecf;
  margin-bottom: 15px;
}


.styled-select select {
  
  background: transparent;
  border: none;
  font-size: 14px;
  height: 29px;
  
  padding: 5px;   /* If you add too much padding here, the options won't show in IE */
  width: 110%;  /*Se puede definir  cada página*/


  font-size: 16px;
  height: 34px;  
}

/*

Estas propiedades se integraron a  .styled-select
.styled-select.slate {

  background: url(Icon_Select.png) no-repeat right center;
  height: 34px;
  border: 1px solid green;
}

Estas propiedades se integraron a  .styled-select select
.styled-select.slate select {
  
  font-size: 16px;
  height: 34px;     
}

*/



.styled-select-CF select {

  border: 1px solid green;  
  border-radius: 5px;
  height: 34px; 
  padding: 3px;
}

/* Para IE */
select:focus::-ms-value {
  background: transparent; /* THIS LINE REMOVES THE BLUE BACKGROUND */
  color: black; /* the -ms-value element defaults to white text, so a different font colour is needed for text to be visible */
}

select::-ms-expand { 
     background-color: transparent; 
     border: 0; 
} 

.fc-time{
   display : none;
}