.titulo-activ {font:bold 16px arial, tahoma; color:#fff; width:550px; border-bottom:1px solid #fff; margin:25px auto 15px auto;position:relative}	


#actividad_detalle {overflow:hidden;padding:10px 20px;}
#actividad_detalle h1{font:bold 18px Arial,sans-serif;margin:10px 0 0 0;color:#fff;}
#actividad_detalle h2{font:bold 14px Arial,sans-serif;margin:5px 0 0 0;color:#F9AE20;}
#actividad_detalle .resumen p{margin:10px 0;}
#actividad_detalle .descripcion p{}
#actividad_detalle .precio{font:bold 18px Arial,sans-serif;color:#F9AE20;float:right;}
#actividad_detalle .anadir{display:none;}

.none-m{text-decoration:none;margin:0 25px;}
.float-left{float:left}
.float-right{float:right}
.l-yellow a:active, .l-yellow a:link, .l-yellow a:visited{color:#f9ae20;}

#detalle-actividad a.volver{
	float:right;
    display: block;
    height: 16px;
    background: transparent url(/css/img/btn_volver.png) no-repeat;
    padding: 2px 40px 2px 6px;
	margin:20px;
    text-decoration: none;
    font: 10px Arial, Helvetica, sans-serif;
    color: #b1b1b1;
}

#calendario,#actividad {
    overflow: hidden;
    background: #19171a;
}

#calendario .left,#actividad .left {
    width: 240px;
    float: left;
}

#calendario #detalle-calendario,#actividad #detalle-actividad {
    float: left;
    width: 1000px;
}

#calendario h2,#actividad .left h2 {
width:90%;
margin:0 40px;
    background: #000;
    font: bold 18px Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin: 20px;
}

#calendario_ampliar{
	border:0;background:url(/css/img/ampliar.gif) no-repeat right;color:#B1B1B1;padding-right:17px;
	cursor:pointer;font:normal 11px Verdana,sans-serif;float:right;margin:0 20px 10px 0;line-height:20px;}


/* top area w/ month title and buttons */
#loading {
    position: absolute;
    top: 5px;
    right: 5px;
}

#contenedor-calendario {
    width: 200px;
    font-family: Trebuchet MS1, Helvetica, sans-serif;
    text-align: center;
    position: relative;
    float: left;

}

.full-calendar-title {
    text-align: center;
text-transform:uppercase;
    font: bold 14px Arial;
    color: #fff;
    margin: 0px;
    float: left;
line-height:23px;
}

#calendario .left .full-calendar-header,#actividad .left .full-calendar-header{margin:10px 0 0px 10px;overflow:hidden;}
#calendario .left .full-calendar-title,#actividad .left .full-calendar-title{width:160px;}
#detalle-calendario .full-calendar-header{margin:10px 0 0px 10px;overflow:hidden;}
#detalle-calendario .full-calendar-title{width:900px;}

.full-calendar-header {
}

.full-calendar-buttons {
}

.full-calendar-buttons button {
    margin: 0 0 0 5px;
    font-size: 1em;
}

.full-calendar-buttons button.prev-month {
    background: transparent url(/css/img/flecha_izq.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 23px;
    width: 31px;
    border: 0px;
    float: left;
	margin: 0;
}

.full-calendar-buttons button.next-month {
    background: transparent url(/css/img/flecha_der.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 23px;
    width: 31px;
    border: 0px;
    /* float: center; */
    margin: 0;
}

.full-calendar-buttons button.today {
	padding:2px;
    font:bold 10px Tahoma;
    color: #06386b;
    cursor: pointer;
	background-color:#96afcd;
	border:1px solid #fff;
	margin-right:25px
}

.full-calendar-buttons button span {
    padding: 0 0px;
}

/* To always display the "today" button:*/
.full-calendar-buttons button.today {
    visibility: visible !important;	
}

/* table layout & outer border */
.full-calendar-month-wrap {
    width:165px;

    clear: both;
    border: 2px solid #a6beda; /* outer border color & style */
    margin: 20px 0px 20px 5px;
}

.full-calendar-month {
    overflow: hidden;
}

.full-calendar-month table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* cell styling */
.full-calendar-month th, .full-calendar-month td.day {
    padding: 0;
    vertical-align: top;
    border-style: solid;
    border-color: #a6aeb7;
    background: #fff;
    border-width: 1px;
}

.full-calendar-month th {
    border-top: 0;
    text-align: left;
    font:bold 9px Arial;
    color: #0c3d6f;
    padding: 2px;
}

.full-calendar-month th.first, .full-calendar-month td.first {
    border-left: 0;
}

.full-calendar-month td.today {
    /*
     background: #FFFFCC;
     */
}

.full-calendar-month .day-number {
    text-align: left;
    padding: 3px 0 5px 0;
    font: 10px Tahoma;
    text-decoration: NONE;
    color: #234e7e;
    font:bold 10px arial, tahoma;
    text-align:center
}

.full-calendar-month .day-number-finde {
    text-align: center;
    padding: 3px;
    font:bold 11px arial, Tahoma;
    text-decoration: none;
    color: #224e7f;
}

.full-calendar-month td.today .day-number, .full-calendar-month td.today .day-number-finde {
    font-weight: bold;color:#fff; background-color:#617fab;
}

.full-calendar-month .other-month .day-number, .full-calendar-month .other-month .day-number-finde {
    font-weight: normal;
    text-decoration: none;
    color: #ccc;
    text-align:center
}

.full-calendar-month .day-content {
    padding: 0px 0 0px 0; /* distance between events and day edges */
}

/* FullCalendar automatically chooses a cell's height,
 * but this can be overridden:
 *
 * .full-calendar-month td.day {
 *    height: 100px !important;
 *    }
 */
/* event styling */
.full-calendar-month .event {
    margin-bottom: 2px;
    font-size: .85em;
    cursor: pointer;
    text-align: left;
}

.full-calendar-month .ui-draggable-dragging td {
    cursor: move;
}

.full-calendar-month .event td {
    background: #91bbe7;
    color: #174576;
    padding: 0;
}

.full-calendar-month .event td.ne, .full-calendar-month .event td.nw, .full-calendar-month .event td.se, .full-calendar-month .event td.sw {
    background: none;
    width: 1px; /* <-- remove if you dont want "rounded" corners */
    height: 1px; /* <--                                           */
}

.full-calendar-month .nobg td {
    background: none;
}

.full-calendar-month .event td.c {
    padding: 2px;font-size:0px
}

.full-calendar-month .event-time {
    font-weight: bold;
}

/* To change the color of events on a per-class basis (such as with the
 * "className" attribute of a CalEvent), do something like this:
 *
 * .full-calendar-month .myclass td {
 *    background: green;
 *    }
 */
/* the rectangle that covers a day when dragging an event */
.full-calendar-month .over-day {
    background: #ADDBFF;
    opacity: .2;
    filter: alpha( opacity = 20); /* for IE */
}

/* right-to-left support */
.r2l .full-calendar-title {
    text-align: right;
}

.r2l .full-calendar-buttons {
    float: left;
}

.r2l .full-calendar-buttons button {
    margin: 0 5px 0 0;
}

.r2l .full-calendar-month .day-number {
    text-align: left;
}

.r2l .full-calendar-month .event {
    text-align: right;
}

.year{text-align:center;font:bold 14px Arial;color:#fff;height:30px;background-color:#000;}

.cal-border{border:1px solid #383838}

.n-mes{text-align:right;padding-bottom:10px;}

.p5{padding:7px;}