/* 
//CSS Core /PROYECTO/
================================================						
Created: MM/AA
Last update: MM/AA
Author: Pablo García & Eddie Rapallo @ generagroup.com		
Contact: pgarcia@generagroup.com
=================
Cometarios
=================
- Comentarios en el desarrollo

/* 	
	*************************
		General resets
	*************************
*/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin: 0; padding: 0;  text-indent:0;
}

abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}

a img, a abbr, a acronym { border:none; }

sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {top:.25em;}

/* 	
	*************************
		Basics & Commons
	*************************
*/
html, body { height:62.5%;}

body {
    font-family:    Arial;
    font-size:      101%;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1em;
	background:#4a4342;
	border-top:5px solid #4a4342;
	color:#fff;
	}

ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}		

	h1 {font-size: 2em; display:none;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}


/* 	
	**************************
	  Widely & useful classes
	**************************
*/
	.tright { text-align: right;}
	.tleft { text-align: left;}
	.tcenter { text-align:center;}
	.fleft { float: left;}
	.fright { float: right;}
	.clear { clear:both;}

/* Estilos para paginación */
	div#paginacion { font-size:0.9em; margin:20px 0.5em; clear:both; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
		div#paginacion a { display:block; float:left; margin:1px 3px; background:#f2f2f2; padding:3px 5px; text-decoration:none; border:1px solid #ccc;}
			div#paginacion a:hover { border:1px solid #036; background:#d2dee4;}
		div#paginacion a.numeracion { background:#fff; color:#666; border:0; cursor:default; font-weight:bold; outline:none;}
			div#paginacion a.numeracion:hover { background:#fff; border:0;}
		div#paginacion a.actual { background:#fff; color:#999999; border:#f2f2f2; cursor: default;}
		div#paginacion a.siguiente { margin-left:20px; background:#003366; color:#d2dee4; border:1px solid#d2dee4;}
			div#paginacion a.siguiente:hover { background:#003366; color:#fff; border:1px solid #000;}

/**/
.inner { padding:10px;}
/**/


div#top { text-align:center; background:#fff; height:280px;}
div#content {width:760px; margin:0 auto; }
	div#content div.inner { }

	div#breadcrumbs { background:url(../img/barra_migas.jpg) no-repeat; height:30px; margin-top:10px; padding-left:130px; padding-top:3px; font-size:0.8em;}
	p.ayuda { margin-top:0;}

div.ficha { background:url(../img/ficha_bg.jpg) no-repeat; width:230px; height:245px; float:left; margin-right:15px;}
	div.ficha a { display:block; margin-left:10px;}
		div.ficha a img { cursor:pointer;}
	div.ficha h2 {  font-size:0.8em; padding:10px 15px; }
		div.ficha h2 a {color:#900; margin:0; text-decoration:none;}
			div.ficha h2 a:hover { color:#333;} 

div.fichaGrande { background:url(../img/ficha_grande_bg.jpg) no-repeat; width:230px; height:298px; float:left; margin-right:15px;}
	div.fichaGrande h2 {  font-size:0.8em; padding:10px 15px; color:#900; }
	div.fichaGrande img { display:block; margin-left:10px;}
	div.fichaGrande p { font-size:0.7em; color:#333; margin:5px 10px; line-height:1.2em;}

div.ficha_interior { background:url(../img/ficha_interior.jpg) no-repeat; width:230px; height:264px; float:left; margin:10px 0px 10px 15px;}
	div.ficha_interior a { display:block; margin-left:10px;}
		div.ficha_interior a img { cursor:pointer;}
	div.ficha_interior h3 {  font-size:0.8em; padding:10px 15px; }
		div.ficha_interior h3 a {color:#eee; margin:0; text-decoration:none;}
			div.ficha_interior h3 a strong { color:#F90;}
			div.ficha_interior h3 a:hover { color: #F90;} 
	
	/* Tipo de espectaculo */
	.monologos h3 a { background: url(../img/ico_monologos.gif) left no-repeat; padding-left:20px;}
	
	.btn_masinfo { display:block; width:46px; height:22px; float:right; margin-right:18px; margin-top:-3px; background:url(../img/btn_masinfo_bg.jpg) left no-repeat; padding:-1px 0 0 10px; color:#eee; font-size:0.6em; text-decoration:none; text-align:center;}
		.btn_masinfo:hover { color:#F90;}

/* Clase para desactivar fichas */
.inactiva {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	cursor: auto;
	}
	.inactiva a { cursor:auto;}
/* --- */

div#comedia { margin-left:70px;}

/* Índice de centros */

div#centro_container { width:760px; overflow:auto; background:url(../img/centro_container_middle.jpg) repeat-y;}
	div#centro_container h2 { background:url(../img/centro_container_top.jpg) top no-repeat; height:40px; margin:0; padding:0;}
		div#centro_container h2 span { display:block; margin-left:15px; padding-top:8px; color:#900; font-size:0.8em; font-weight:normal;}
	div#centro_container .bottom { background:url(../img/centro_container_bottom.jpg) bottom no-repeat; height:33px; clear:both;}

/* Fichas de  eventos */
body.ficha div#wrapper{ background:#fff; width:480px; margin:10px auto; overflow:auto; box-shadow: -10px -10px 0px #000; border-radius: 5px; -moz-border-radius:5px;}
body.ficha h1 { display:block; color:#333; font-size:1em; padding:8px; margin-bottom:10px; border-bottom:1px solid #ccc;}
	div#fechas { width:150px; margin:10px; float:left; display:inline;}
	div#info { width:300px; float:left; display:inline; margin-top:10px; background:#fcfcfc; border:1px solid #eee; color:#333; font-size:0.9em; line-height:1.2em; padding:5px 0;}
		div#info p { margin:5px;}
/* Estilos pra calenario */
#calendar {
	width: 141px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}
.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}
#calendar caption {
	margin: 0;
	padding: 0;
	width: 141px;
	background: #4a4342;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border: 1px solid #A2ADBC;
	border-left:0;}
#calendar .marcado, #calendar td.marcado a, #calendar td.marcado a:link, #calendar td.marcado a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #F90;
}
#calendar td { border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; width: 22px; height: 20px; text-align: center;	background: url(../img/bg_calendar.gif) no-repeat right bottom;}
#calendar td a { text-decoration: none;	font-weight: bold;	display: block;}
#calendar td a:link, #calendar td a:visited {color: #608194; background: url(../img/bg_calendar.gif) no-repeat;}
#calendar td a:hover, #calendar td a:active { color: #6aa3ae; background: url(../img/bg_calendar.gif) no-repeat right top;}