@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	font-size:62.5%;
	background-color:#b22317;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	background-position:center;
	/*text-rendering: optimizeLegibility;*/
}
	body.video {
		background-color: #333;
		background-image: none !important;
	}

img {
	border:0;
}

	img.photo {
		border:10px solid #eee;
	}
	img.photo.col {
		float:left;
		margin-right:10px !important;
		margin-bottom:10px !important;
		padding-right:0px !important;
	}
	img.photo.portal {
		width:136px;
		height:136px;
	}
	img.hidden {
		display: none;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		visibility: hidden;
	}
	img.cobertura, img.recomendado, img.primicia {
		float: right !important;
	}
	img.left {
		margin: 0 20px 0 0 !important;
		padding: 0;
	}
	img.zero {
		margin: 0 !important;
		padding: 0 !important;
	}

/* Layout */

.clear {
	clear:both;
}

.space {
	height:30px;
}

.right {
	float:right;
}

.left {
	float:left;
}

#contenedor {
	width:1024px;
	margin:auto;
	height:auto;
	margin-bottom:50px;
}
	#intro {
		margin:auto;
		width:335px;
		padding:40px 0 60px 0;
		text-align:center;
	}
		#intro p {
			margin-top:30px;
			font-size:1em;
		}

	#header {
		background-position:center top;
		background-repeat:no-repeat;
		height:393px;
	}
		#header.main {
			background-image:url(../images/header/principal.jpg);
		}
		
		#header .data {
			float:left;
			padding:43px 0 0 43px;
		}
			#header .data .language, #header .data .language a:link, #header .data .language a:visited {
				font-size:1em;
				color:#bcbcb5;
				letter-spacing:0.1em;
				text-decoration:none;
			}
				#header .data .language a:hover {
					color:#fff;
				}
			#header .data .date {
				color:#db5d37;
				font-size:1.1em;
				font-weight:bold;
				padding-top:30px;
				margin-bottom:20px;
			}
				#header .data .date .fecha {
					font-size:3em;
				}
					#header .data .date .fecha span {
						font-weight:normal;
					}
			#header .data .clima a:link, #header .data .clima a:visited {
				font-size:2em;
				line-height:0.6em;
				color:#666;
				text-decoration:none;
			}
				#header .data .clima a:hover {
					color:#333;
				}
				
				#header .data .clima span {
					font-size:0.6em;
				}
		#header .logo {
			float:right;
			padding:43px 43px 0 0;
		}
		
	#main {
		height:auto;
		background-image:url(../images/header/bg_main.jpg);
		background-repeat:no-repeat;
		background-position:right top;
	}
		#main .audio {
			padding-bottom:30px;
			clear:both;
			text-align:right;
		}
		
		#main .menuCol {
			float:left;
			width:197px;
			padding:60px 30px 0 43px;
		}
			#main .menuCol ul {
				list-style:none;
				font-size:1.2em;
				font-weight:bold;
				border-bottom:1px dashed #bcbcb5;
			}
				#main .menuCol ul li {
					vertical-align:middle; 
					color:#666;
					position:relative;
				}
					#main .menuCol ul li.off {
						vertical-align:middle; 
						color:#666;
						position:relative;
						display:block;
						padding:6px 0;
						border-top:1px dashed #bcbcb5;
					}
					#main .menuCol ul li.down {
						background-image: url(../images/icons/menu-down.gif);
						background-repeat:no-repeat;
						background-position:180px 6px;
					}
					#main .menuCol ul li a:link, #main .menuCol ul li a:visited {
						color:#b22317;
						text-decoration:none;
						display:block;
						padding:6px 0;
						border-top:1px dashed #bcbcb5;
					}
					#main .menuCol ul li a:hover {
						color:#000;
					}
						#main .menuCol ul li ul {
							border-bottom:none;
						}

						#main .menuCol ul li li {
							font-size:0.8em;
						}
							#main .menuCol ul li li a:link, #main .menuCol ul li li a:visited {
								padding:6px 20px;
								display:block;
								font-weight:normal;
								color:#c9655c;
								border-top:1px dashed #ddd;
							}
							#main .menuCol ul li li a:hover {
								color:#000;
							}
							
		#main .content ul.submenu,
		#main .content ul#submenu {
			clear: both;
		}
			#main .content ul.submenu.bottom,
			#main .content ul#submenu {
				padding-bottom: 50px;
			}
					
		#main .content ul.submenu li,
		#main .content ul#submenu li {
			list-style-type:none;
			float:left;
			padding:4px 6px;
			display:block;
			margin:-15px 0 15px 0;
			border-bottom:1px solid #fff;
			border-top:3px solid #eee;
			text-transform:uppercase;
			color:#999;
		}			
		
		#main .content ul.submenu li a:link, #main .content ul.submenu li a:visited,
		#main .content ul#submenu li a:link, #main .content ul#submenu li a:visited {
			text-decoration:none;
			font-weight:bold;
			color:#000;
		}
		#main .content ul.submenu li a:hover,
		#main .content ul#submenu li a:hover {
			color:#b22317;
		}
			#main .content ul.submenu li:hover,
			#main .content ul#submenu li:hover {
				background-color:#fff;
				border-top:3px solid #b22317;
			}
			

		#main .content {
			width:702px;
			float:right;
			padding:30px 30px 0 22px;
		}
			
			#main .content .columns {
				width:702px;
				clear:both;
			}

				#main .content .columns .colLeft, 
				#main .content .columns .colRight, 
				#main .content .columns .colSmall, 
				#main .content .leftText.columns {
					border-bottom:dashed 1px #000;
					margin-bottom:16px;
					padding-bottom:6px;
				}
				#main .content .leftText.columns.novedad,
				#main .content .columns .noBorder {
					border-bottom:none;
				}
					#main .content .leftText .right .related {
						background-color: #eee;
						padding: 15px;
						display: block;
						width: 140px;
						margin-left: 24px;
						margin-bottom: 20px;
					}
						#main .content .leftText .right .related ul.novedadesrel,
						#main .content .leftText .right .related ul.novedadesrel li  {
							list-style-type: none !important;
							margin-left: 0;
							padding-left: 0 !important;
							font-size: 1.05em;
						}
						#main .content .leftText .right .related ul.novedadesrel {
							border-bottom: 1px solid #ccc;
						}
						#main .content .leftText .right .related ul.novedadesrel li {
							border-top: 1px solid #ccc;
							padding: 10px 0;
							line-height: 1.4em;
						}
				
				#main .content .columns .colLeft {
					width:339px;
					float:left;
				}
					#main .content .columns .colLeft img,
					#main .content .columns .colRight img,
					#main .content .columns .colThree img {
						margin-bottom: 10px;
					}
				#main .content .columns .colRight {
					width:339px;
					float:right;
				}
				#main .content .columns .colThree {
					width: 218px;
					margin: 0 24px 24px 0;
					float: left;
				}
					#main .content .columns .colThree.last {
						width: 218px;
						margin-right: 0;
						clear:right;
					}
				#main .content .columns .colFull {
					width:702px;
					clear:both;
				}
				#main .content .columns .colSmall {
					width:157px;
					float:left;
					margin-right:24px;
					font-size:0.9em;
				}
					#main .content .columns .colSmall2 {
						width:155px;
						float:left;
						margin:0 6px 27px 5px;
						font-size:0.9em;
						border-bottom:dashed 1px #000;
						padding-bottom: 10px;
					}
						#main .content .columns .colSmall2 .detalle {
							height: 100px;
						}
						#main .content .columns .colSmall2.noBorder {
							border-bottom: 0 none;
						}
					#main .content .columns .colSmall.last,
					#main .content .columns .colSmall2.last {
						margin-right:0px !important;
						float:right;
					}
					#main .content .columns .colSmall img {
						margin-bottom:8px;
					}
						#main .content .columns .colSmall2 a img {
							margin-left:0;
						}

					#main .content .columns .colSmall2 ul {
						padding-left:0px !important;
						border-top:1px dotted #ccc;
					}
						#main .content .columns .colSmall2 ul.noBorder {
							border-top: 0 none;
						}
	
						#main .content .columns .colSmall2 ul li {
							list-style-type:none !important;
							border-bottom:1px dotted #ccc;
							padding:6px 0px;
						}
							#main .content .columns .colSmall2 ul li.noBorder {
								border-bottom: 0 none;
							}
							#main .content .columns .colSmall2 ul li.artista {
								height:62px;
								clear:left;
							}
								#main .content .columns .colSmall2 ul li.artista img {
									float:left;
									margin:0px 10px 6px 0px;
									border:6px solid #eee;
								}
								#main .content .columns .colSmall2 li.artista .boton {
									height:40px;
									display:block;
									font-weight:bold;
								}
								#main .content .columns .colSmall2 li.artista a.download {
									background-image:url(../images/icons/download.gif);
									background-repeat:no-repeat;
									background-position:0px 0px;
									display:block;
									height:15px;
									margin-left:75px;
									padding:2px 0px 0px 22px;
								}
									#main .content .columns .colSmall2 li.artista a.download:hover {
										background-position:0px -17px;
									}
				
			#main .content dl {
				width:702px;
				clear:both;
				padding-top: 12px;
				border-bottom:dashed #000 1px;
			}
				#main .content dl.home {
					width:100%;
					border-bottom: none;
				}
				
			#main .content dl.event {
				width:282px !important;
				clear:none;
				border:none;
				padding:20px 0;
				display:block;
				margin:0;
			}
				#main .content dl.event dt {
					float:left;
					font-size:1em;
					text-transform:uppercase;
					width:80px;
					line-height:1.6em;
					padding-top:6px;
					margin:0;
					color:#666;
				}
				#main .content dl.event dd {
					font-size:1.1em;
					border-bottom:1px solid #ccc;
					padding:6px 0 6px 80px;
					margin:0;
					display:block;
					width:auto;
				}
					 #main .content dl.event dd span.new {
						color:#b22317;
					}
				
				#main .content dl.event dd.recomendado,
				#main .content dl dt.recomendado {
					width: 282px;
					height: 20px;
					display: block;
					border: none;
					color: #fff;
					background-color: #b22317;
					padding: 4px 0 0 22px;
					font-weight: bold;
					font-size: 1.2em;
					background-image: url(../images/recomendado-BuenosAiresFlamenco.gif);
					background-position: 6px 6px;
					background-repeat: no-repeat;
				}
					#main .content dl.event dd.recomendado.primicia {
						background-image: url(../images/primicia-BuenosAiresFlamenco.gif);
					}

					#main .content dl.event dd.recomendado.reprogramado {
						background-image: url(../images/cartelera/icons/small/5.gif);
					}

					#main .content dl.event dd.recomendado.suspendido {
						background-image: url(../images/cartelera/icons/small/4.gif);
					}

					#main .content dt.recomendado.reprogramada {
						background-image: none;
						margin-left: 180px;
						font-size: 1.6em;
						padding-left: 8px;
						margin-top: 10px;
						margin-bottom: 10px;
					}
			
				#main .content dl dd {
					font-size:1.2em;
				}
				#main .content dl dd.noPad {
					margin:0;
					padding:0;
				}
					#main .content dl img, #main .content .leftText dl img {
						float:left !important;
						margin:0px 24px 10px 0px;
					}
					#main .content #galeria img {
						margin: 0;
					}
					#main .content dl dd img.cobertura, 
					#main .content dl dd img.recomendado, 
					#main .content dl dd img.primicia {
						float: right !important;
						padding-bottom:12px;
						margin: 0;
					}
								
			#main .content .leftText, 
			#main .content .leftText dl {
				width:500px;
				float:left;
				margin:0px 24px 10px 0px;
			}
				#main .content .leftText img {
					margin:0 0 16px 24px;
					display:block;
				}
					#main .content .leftText img.center {
						margin: 16px auto;
					}
					#main .content .leftText .colLeft {
						width:238px;
						float:left;
					}
					#main .content .leftText .colRight {
						width:238px;
						float:right;
					}
						#main .leftText .colLeft img, 
						#main .leftText .colRight img {
							float:left;
						}
				
				#main .content .leftText ul, #main .content .leftText ol {
					padding-left:20px !important;
				}
				#main .content .leftText ol {
					margin-top: 8px;
				}

					#main .content .leftText ul li {
						list-style-type:disc !important;
						list-style-position:outside !important;
					}
					#main .content .leftText ol li {
						list-style-position:outside !important;
					}
									
				#main .content .colText {
					width:157px;
					float:right;
					font-size:0.9em;
					padding-left:20px;
					color:#666;
					border-left: 1px solid #ccc;
				}
					#main .content .colText img {
						margin-bottom:16px;
					}
						#main .content .leftText ul,
						#main .content .leftText ol {
							padding-bottom:15px;
							font-size:1.1em;
							padding: 5px 0 15px 0;
							font-family:Verdana, Helvetica, Arial, sans-serif;
						}
						#main .content .colText ul li{ 
							list-style-type:none;
							list-style-position:outside;
							font-size:1.2em;
							padding:5px 0;
							font-family:Verdana, Helvetica, Arial, sans-serif;
						}
							#main .content .colText ul li a, 
							#main .content .leftText ul li a {
								font-weight:bold;
							}
						
						#main .content .colText dl {
							width:auto;
							margin-bottom:10px;
						}
							
						#main .colText dl.date dt, .colSmall dl.date dt {
							float:left;
							font-size:3em;
							width:35px;
							line-height:1em;
							text-align:center;
							padding-right:8px;
							display:block;
						}
							.colSmall dl.date {
								width:auto !important;
								border-bottom:0 none !important;
							}
					
					#main .content .contentTextGallery {
						float:left;
						width: 500px;
					}
													
			#main .content ul.mapa {
				margin-left:20px;
				list-style-position:outside;
				font-size:1.2em;
				line-height:1.6em;
				font-weight:bold;
			}
			#main .content .mapa ul {
				padding-left:20px;
			}			
				#main .content ul.mapa li li {
					font-size:1em;
					font-weight:normal;
				}			

			#main .content .breadcrum {
			margin-bottom:6px;
			font-size:1em;
			color:#999;
			font-family:Verdana, Helvetica, Arial, sans-serif;
			}
				#main .content .breadcrum a:link, #main .content .breadcrum a:visited {
					text-decoration:none;
					color:#666;
				}
				#main .content .breadcrum a:hover {
					color:#b22317;
				}

/* Footer */

#footer {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	padding:0 43px 20px 43px;
	width:938px;
	margin:auto;
	height:auto;
	font-size:0.8em;
	color:#666;
}
	#footer p.links {
		font-size:1.4em;
		text-align:center;
		padding-bottom:30px;
	}
	
	#footer p.validator {
		float:left;
		padding:30px 0 10px 0;
	}


/* Contents */

p.bottomLink {
	border-top:1px dashed #000;
	padding-top:10px;
	margin-top:35px;
	clear: both;
}

#main .content .colText p.bottomLink {
	font-size:1.2em;
	margin-top:10px;
	border-color:#ccc;
}

.cite {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:40px 0 20px 0;
	display:block;
	color:#b22317;
}
	.cite .open {
		float:left;
		font-size:6em;
		width:40px;
		text-align:left;
	}
	.cite .text {
		float:left;
		width:420px;
		text-align:center;
	}
		.cite .text.small {
			width:220px;
		}
	.cite .close {
		float:right;
		font-size:6em;
		width:40px;
		text-align:right;
	}
	
p.epigraph {
	display:block;
	width:270px;
	font-size:1em;
	color:#666;
	padding-bottom:12px;
	border-bottom:solid #eee 10px;
	margin-left:24px;
}
	p.epigraph.long {
		width: 500px;
		margin-left: 0 !important;
		margin-top: 16px;
	}
	p.epigraphHome {
		font-size:1em;
		color:#666;
		margin-top: 10px;
	}
	
	.novedad p.epigraph {
		width: 170px;
	}
	
p.small{
	width:170px !important;
}

p.big{
	width:500px !important;
	margin-left:0 !important;
	border-bottom:0;
}

/* Forms */

#form {
	padding:2px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
	#form th {
		text-align:left;
		padding:7px 10px 4px 0;
		width:110px;
		display:block;
	}
	#form td {
		padding:4px 0;
	}
		#form th.small {
			width:50px;
			padding:0 10px;
		}
		#form td input , #form td textarea{
			width:350px;
		}
			#form td input.small {
				width:133px;
			}


/* Tables */

table.table {
	margin:0 0 10px 0;
	font-size:1.1em;
	padding:0;
	border-bottom:10px solid #eee;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#333;
}
	table.table th {
		background-color:#eee;
		color:#666;
		font-size:0.8em;
		font-weight:normal;
		text-transform:uppercase;
		padding:6px;
	}
	
	table.table td {
		border-bottom:1px dashed #ccc;
		padding:4px 0px;
	}

/* Contact form */

div.alert {
	font-size: 0.9em;
	color: #390;
	margin-bottom: 20px;
	font-weight: bold;
}
div.error {
	font-size: 0.9em;
	color: #f00;
	margin-bottom: 20px;
	font-weight: bold;
}
	div.alert ul li, div.error ul li {
		list-style-position: outside;
		margin-left: 30px;
		font-size: 1em;
	}

/* Google Map */
	
#googlemap {
	width:490px;
	height:600px;
	border:10px solid #eee;
	margin-bottom: 20px;
}
	#googlemap div {
		 max-width: 500px; /* Change to the width of your map */
	}
	#googlemap div span {
		 white-space: normal;
	}

/* Enlaces */

.enlaces {
	padding-top:50px;
	font-size:0.9em;
	text-transform:uppercase;
	/*text-align: center;*/
	width: 197px;
	margin: auto;
}
	.enlaces div {
		padding: 10px;
		background-color: #eee;
	}
	
	.enlaces div img {
		/*margin:0 10px 10px 0;*/
		/*border: 1px solid #ddd;*/
		/*padding: 8px;*/
		/*clear: both;*/
	}

/* Thumbs movies */

.thumb .play {
	position: absolute;
}