@import url("_texto.css");
@import url("_grecogres.css");
#div_breadcrumbs {float:left;	}

	html>body div#div_botones_banner{overflow:hidden;} 
	* html div#div_botones_banner{height:1%;} 

/* BOTONES BANNER */
	#div_botones_banner{
		border:0px dotted blue;
		margin:15px 0 0 0;
		float:right;
	}
		.buttons{ }
		.buttons a, .buttons span {
			color:#fff;
			padding:5px 5px 6px 5px;
			background-image:url(../img/submenu-relleno.jpg);
			background-repeat:repeat-x;
			font:10px Arial;
			vertical-align:middle;
		}
		.buttons a.active, .buttons a:hover {background:#6ec4f5;color:#fff}
		.buttons img{vertical-align:middle;}
	
		#div_handles_emergente {
			border:0px dotted blue;
		}

		#span_nombre_fotograma {
			padding:5px 5px 6px 5px;
			font:10px Arial;
			vertical-align:middle;
			background-image:none;
			background-color:#6ec4f5;
			color:#000;
/*			float:left;*/
		}
			#div_handles_emergente img {
/*				float:left;*/
				border:0px dotted red;
			}


/*
			#span_otras {
				cursor:pointer;
				text-align:right;
			}
			#span_otras ul {
				text-align:right;
				border:1px dotted red;
				float:left;
				background-image:none;
				background-color:#212121;
			}
			#span_otras ul li {
				background-image:none;
				background-color:#212121;
				text-align:right;
				float:none;
			}
			#span_otras ul li a {
				color:#fff;
				padding:4px;
				background-image:none;
				font:10px Arial;
				vertical-align:middle;
			}
			#span_otras ul li a.active, #span_otras ul li a:hover {background:#6ec4f5;color:#fff}
*/		

/* con UL */
			#div_otros {
				float:left;
				border:1px dotted red;
				padding:5px 5px 5px 5px;
				background-image:url(../img/submenu-relleno.jpg);
				background-repeat:repeat-x;
			}
				#ul_otras {
				}
					#li_otras {
						float:left;
					}
						#li_otras ul {
							text-align:left;
							border:1px dotted red;
							width:200px;							
							background-color:#212121;
						}
						#li_otras ul li {
							padding:0px;
							text-align:left;
						}
						#li_otras ul li a {
							color:#fff;
							padding:4px;
							font:10px Arial;
							vertical-align:middle;
						}
						#li_otras ul li a.active, #li_otras ul li a:hover {background-color:#6ec4f5;color:#fff}
/* con UL */

	
/*
		#div_handles {
			border:0px dotted red;
			margin-right:6px;
		}
		#div_handles_movimiento {
			float:right;
			border:0px dotted blue;
			margin-left:6px;
			padding:0;
		}	
*/		
/* FIN BOTONES BANNER */

#div_contenido {
	width:749px;
	background-color:#fff;
	border:1px solid #dedede;
	-moz-border-radius:4px;
	padding:11px 15px;
}

	#carrusel-izda {float:left; padding:0;margin:254px 4px 0 0;border:0px dotted red;cursor:pointer}
	#carrusel-dcha {float:right;padding:0;margin:254px 0 0 4px;border:0px dotted red;cursor:pointer}
	.contenedor_banner{
		float:left;
		position:relative;
		width:673px;
/*		width:701px;*/
		height:560px;
		overflow:hidden;
		padding:0 0 2px 0;
		border:0px dotted red;
		margin:0 12px;
	}
	#contenido_banner{
		position:absolute;
		border:0px dashed red;
		padding:0;
		width:673px;
	}
		.fotogramas{
			width:631px;
			height:560px;
			float:left;
			background:#fff;
			padding:0 7px; 
			border:0px dashed blue;
		}
		.fotogramas.primero {
			padding-left:21px;
		}
		.fotogramas.ultimo {
			padding-right:0px;
		}
			.imagen_fotograma {
				width:631px;
				height:451px;
				float:left;
				margin:0 0px 0 0;
				border:0px dashed #00FF00;
			}
			/* para exploradores estandares */
/*html>#estructura {...} */
			html>body div.info-fotograma{overflow:hidden;} 
			/* para IE */
/** html #estructura{...} */
			* html div.info-fotograma{height:1%;} 
			.info-fotograma {
				border:0px dashed #00FF00;
				position:relative;
/* PARA FF2 */
/*
				left:-631px;
				top:451px;
*/
/* PARA FF2 */
				left:0px;
				top:0px;
				width:631px;
				padding-top:30px;
				background-image:url(../img/ppal-sombra.jpg);
				background-position:top;
				background-repeat:no-repeat;
			}
				.info-fotograma ul {
					border:0px dashed red;
					float:left;
					width:48%;
				}
					.info-fotograma ul li{
						border:0px dashed #red;
						margin-right:15px;
						float:left;
					}
				.texto-info-fotograma {
					margin-left:48%;
					border:0px dashed red;
				}
.oculto {display:none}				
