/* 
    Document   : estilo_calendario
    Created on : 28-feb-2013, 17:09:13
    Author     : xabu
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/




#calend
{
   /* margin-top: 1%;
    float:left;
     width:100%;
     text-align: left;*/
}

#navegacion
{
    margin-top: 1%;
    /*float:left;*/
     width:100%;
     text-align: center;
}

#agenda
{
	/*margin-left: 10px;
    width:80%;
    float:left;*/
}


a.semanal1
{

  width: 12%;
  text-align: center;
  font-weight: bold;
  color: black;
  opacity: .8;
  filter: alpha(opacity=90);
  
}

td.semanal1
{
  border: black;
  border-style: solid;
  border-width: 1px;
 width: 50px;
min-width: 30px;
  max-width:60px;
  text-align: center;
   font-weight: bold;
  color: black;
  opacity: .8;
  filter: alpha(opacity=90);
  background-color:#FFFFFF;/*color dcha1*/
}

td.semanal2
{
  border: black;
  border-style: solid;
  border-width: 1px;
  width: 50px;
min-width: 30px;
  max-width: 60px;
  text-align: center;
  font-weight: bold;
  color: black;
  opacity: .8;
  filter: alpha(opacity=90);
  background-color:#FFDDCC;/*color dcha2*/
}

td
{
  border: black;
  border-style: solid;
  border-width: 1px;
  width: 10px;
  text-align: center;
  color: black;
  opacity: .8;
  filter: alpha(opacity=90);
  background-color:#FFFFFF;/*#A3EEF7;/*color dcha2*/;
}

#calend td {
height: 40px;
}
.a_meses_diferentes
{
   
    color:darkgray;
}
.diadehoy
{
    color:red;
    font-size:150%;
}

.td_citasDia1, .td_citasDia2
{
    background-color: chartreuse;
	
}

.td_citasDia3, .td_citasDia4
{
    background-color:green;
    color:black;
    
}

.td_citasDia5, .td_citasDia6
{
    background-color:orange;
}

.td_citasDia7, .td_citasDia8
{
    background-color:brown;
}

a
{
    text-decoration: none;
    color:#000;
    font-weight: 900;
}

td:link {
   background-color: #52331f;
}

 td:visited {
background-color:#ff001f;
}

td:active {
     background-color:#8d40fd;
}
 td:hover {
background-color: #8d40ff;
 opacity: .9;
filter: alpha(opacity=90);
}

table a div {
/*    width: 100%;
    height: 100%;*/

    padding: 1%;
}
																			
.td_dias_semana{
color:#ffffff;
background-color:darkturquoise;
opacity: 1;
filter: alpha(opacity=100);
}

#fechaSeleccionada
{
    text-align: center;
    font-weight: 700;
    background-color: blue;
    font-style: italic;
     margin-right: 0px;
      
}


#tablaAgenda
{
    width: 100%;
	/* height: 500px;*/
     margin-left: 1%;
     margin-top: 1%;
     margin-right: 1%;
}

#tablaAgenda td{
   padding: 0.5%;
  width:10%;
    border: black;
   border-style: solid;
    border-width: 1px;
     opacity: 2;
   filter: alpha(opacity=100);*/

}

.horaOcupada
{   
	font-size:75%;
	border: black;
	border-style: solid;
    border-width: 1px;
	background-color:#ffaa9e;
}

.horaLibre
{
		font-size:75%;
		
	    border: black;
   border-style: solid;
    border-width: 1px;
	background-color:#77DD77;
}

.horaconfirmada
{
		    font-size:75%;
	
	
	

	    border: black;
   border-style: solid;
    border-width: 1px;
	 background-color:#FFFFFF;/*color dcha2*/;
}