#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../img/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../img/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	*/

		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}*/

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}
/*---------------------------------------------------------------------------------------------
	Estilos Oferta Sanferminera
-----------------------------------------------------------------------------------------------*/
.oferta {
	width:780px;
	font:1em Geneva, Arial, Helvetica, sans-serif;
}
.oferta h1{
	color:#fff;
	font:1.9em Geneva, Arial, Helvetica, sans-serif;
	background-color:#FB001A;
	padding:5px;
}
.oferta h2 {
	background-color:#FB001A;
	color:#fff;
	font:bold 1.5em Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 10px;
}
.col1 {
	float:left;
	width:285px;
	background-color:#eee;
	padding:5px 20px;
	font:0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:8px 0;
	height:312px;
}
.col1 p, .col3 p  {
	margin:10px 0;
	color:#666;
}
.col1 ul {
	margin:0px; 
	padding:0px;
}
.col1 li {
	margin:5px 10px;
	padding:0px;
	font:1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style-type:square;

}
.col2{
	float:left;
	margin:8px 0 8px 10px;
	width:350px;
}
.col2 img{
	border:1px solid #fb001a;
	padding:0px 10px 0px;
}

/*formulario*/
.col_cont {	
	font:0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#eee;
	padding:10px 20px;
	margin-top:8px;
}
.col3 {
	float:left;
	width:250px;
	
}
.col4 {
	float:left;
	width:210px;
	margin:20px 20px 0;
}
.col5 {
	float:left;
	width:210px;
	margin-top:20px;
}
label{
	margin-bottom:2px;
	display:block;
	text-align:right;
}
input, textarea{
	width:180px;
	border:0px solid #fff;
	border-bottom: 1px dashed #999;
	background-color: #F7F7F7;
	height:18px;
	padding:0px 5px;
	font: 0.95em Tahoma, Verdana, Arial, Helvetica;
	color:#666;
	margin-bottom:0px;
}
textarea{
	height:50px;
}
.boton{
	width:50px;
	margin-top:5px;
	float:right;
	border:1px solid #999;
	padding:3px 10px;
	text-decoration:none;
}
.boton a{
	text-decoration:none;
	color:#999;
}
.boton a:hover{
	text-decoration:none;
	color:#FB001A;
}
.clear {
	clear:both;
}
