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


<style type="text/css">




/* end reset styles */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




 #textoprogramas {
	background-color: #CC9933;
	position: static;
	top: 280px;
	width: auto;
	padding: 0;
	list-style: none;
	height:auto;
	border-bottom: 1px dashed #999
	display: inline;
	float: none;
	margin-top: 0;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 125px;
	text-align: left;
}


 #textoprogramasfotos {
	background-color: ;
	top: 280px;
	width: auto;
	padding: 0px;
	list-style: none;
	height: 1500px;
	border-bottom: 1px dashed #999

	
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	
	float: none;
	clear: none;	
}

.textoprogramasfotosseguidas {
	background-color: #CC9933;
	background-position:center;
	top: auto;
	width: auto;
	padding-left: inherit;
	padding-right: inherit;
	list-style: none;
	height: auto;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	
	clear: none;
}




.textoprogramasfotosseguidasmerzouga {
	background-color: #CC9933;
	top: 280px;
	width: 860px;
	padding: 0px;
	list-style: none;
	height:4100px;
	border-bottom: 1px dashed #999
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 140px;
	float: none;
	clear: none;
}






#barra precio p {
	font-weight: bold;
	font-size: 1 em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
	margin-left: 100px;
	margin-right: 25px;
	margin-bottom: 10px;
	text-indent: 15px;
}









   h3 {
	font-size: 1.2em;
	font-family: Georgia, "TheMix 7-Bold", Times, serif;
	letter-spacing: 1px;
	color: #660000;
	text-transform: none;
	background-color: #B4B4B4;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	
	 } 
  
   h2 {
	font-size: 27px;
	font-family: Georgia, "TheMix 7-Bold", Times, serif;
	color: #330000;
	padding: 5px 10px 5px 10px;
	padding-bottom: 5px;
	margin: 0 25px 15px 0px;
	overflow: hidden;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
	 } 
	 
	  h1antes {
	font-size: 20px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 0px;
	overflow: auto;
	border:2px solid #330000;
	border-radius:0px 12px 0px 12px;
	box-shadow:5px 5px rgba(0,0,0,0.3);
	
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	background-color: #990000;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	 } 
	 
	


	 
	
	 
	
	 
	 
	 
	 #fechasactividades {
	font-size: 15px;
	font-style: oblique;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	padding-bottom: 0px;
	overflow: auto;
	border:1px solid #330000;
	border-radius:0px 12px 0px 12px;
	
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	box-shadow:5px 5px rgba(0,0,0,0.3);
	background-color: #000;
	
}


	 
	 
	

 p1 {
	font-weight: bold;
	font-size: 1 em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
	margin-left: 300px;
	margin-right: 25px;
	margin-bottom: 10px;
}

p {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	
}




	 
	 img.figure {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 0px solid #330000;
	padding: 5px;
  }
  
  img.figureleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 0 px solid #330000;
	padding: 5px;
  }
  
  img.figureleftdescuento {
	float: left;
	margin-right: 0px;
	border: 0 px solid #330000;
	padding: 0px;
	z-index: auto;
	padding-bottom: 40px;
  }
   
  
  #footer {
	
	font-family: Miller-TextRoman;
	padding:5px;
	color: #000000;
	height: auto;
	width: auto;
	margin-top:10px;

	
	
	text-align: center;
	font-weight: bold;
	margin-bottom:-13px;
	background-color: #FFF;
	padding-top: 3px;
	float: none;
	
    } 
	
	
  

#inventory {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	
	
	
	
}


#inventory caption {
	text-align: right;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 20px;
	
	
	
}

#inventory td, #inventory th {
	font-size: 1em;
	
	padding: 3px 7px 2px 7px;
	
}

#inventory th {
	text-transform:uppercase;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background: url(images/bg_th.png) no-repeat left top;
	color: #FFF;
	background-color: #300;
	border:0px solid #330000;
	border-radius:0px 12px 0px 12px;
	box-shadow:5px 5px rgba(0,0,0,0.0);
	
	
}



#inventory tr.alt td {
  background-color: #FFF;
  
  
}

#price, #rating {
  width: 100px;
  
 
}

 #paypal {
	height: auto;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    } 
	
	#cajapaypal {
	height: 200px;
	
	background-image: url(../panomarruecos/kasbahitrankasbah.jpg);
	background-repeat:no-repeat;
    } 
	
	#footerpaypal { clear: both
	
	font-family: Miller-TextRoman;
	font-size: 12px;
	color: #000000;
	height: 15px;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	padding-top: 5px;
    } 
	
	#programaspdf { clear: both
	
	font-family: Miller-TextRoman;
	font-size: 12px;
	color: #333333;
	height: 328px;
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	width: 1000px;
	margin-left: 2px;
	clear: right;
	margin-right: 2px;
	height:auto;
	width: auto;
	float: none;
    } 
	
	[required] {
	background-color: #FFF;
}
:invalid {
	border-color:#990000;
	border-radius: 0px 0px 0px 0px;
	box-shadow:0px 0px 5px  #FF9900;
	background-color:#FF9900;
}
	 
	 
	 
	 
	 
.divfotogrande {
	color: #000;
	width:860px;
	height:400px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 5px;
	float:left;
	
	
}

.divfotograndeanimationv {
	color: #000;
	width:860px;
	height:400px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
	-webkit-transition: background-position 4.5s ease-out;
	-moz-transition: background-position 4.5s ease-out;
	-o-transition: background-position 4.5s ease-out;
	transition: background-position 4.5s ease-out;
	background-position: bottom;	
	
}

.divfotograndeanimationv:hover{
			
			background-position: top;
			
			
		}
		
		.divfotograndeanimationvm {
	color: #000;
	width:860px;
	height:400px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-webkit-transition: background-position 4.5s ease-out;
	-moz-transition: background-position 4.5s ease-out;
	-o-transition: background-position 4.5s ease-out;
	transition: background-position 4.5s ease-out;
	background-position: bottom;	
	
}

.divfotograndeanimationvm:hover{
			
			background-position: top;
			
			
		}

		
		.divfotograndeanimationh {
			
	color: #000;
	width:860px;
	height:400px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-webkit-transition: background-position 4.5s ease-out;
	-moz-transition: background-position 4.5s ease-out;
	-o-transition: background-position 4.5s ease-out;
	transition: background-position 4.5s ease-out;
	background-position: right;	

	
}

.divfotograndeanimationh:hove {
			
			background-position: left;
			
			
		}


	.divfotograndeanimationh:active {
			
			background-position: left;
			
			
		}
		
		.divfotograndediaanimationh {
	color: #000;
	width:860px;
	height:300px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
	-webkit-transition: background-position 3.5s ease-out;
	-moz-transition: background-position 3.5s ease-out;
	-o-transition: background-position 3.5s ease-out;
	transition: background-position 3.5s ease-out;
	background-position: right;	
	
}

.divfotograndediaanimationh:hover{
			background-position: left;
			
		}

.divfotograndedia {
	color: #000;
	width:860px;
	height:300px;
	background-color:#000000;
	margin-top: 10px;
	margin-bottom: 5px;
	float:left;
	
	
}


.divfotograndediaanimationv {
	color: #000;
	width:860px;
	height:300px;
	background-color:#000000;
	background-position:bottom;
	margin-top: 10px;
	margin-bottom: 5px;
	float:left;
	-webkit-transition: background-position 1.5s ease-out;
			-moz-transition: background-position 1.5s ease-out;
				-o-transition: background-position 1.5s ease-out;
					transition: background-position 1.5s ease-out;
	
	
}

.divfotograndediaanimationv:hover{
	background-position:top;
	
			
		}

.divfotomedia {
	color: #000;
	width:470px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:10px;
	background-color:#000000;
	float:left;
}

.divfotograndedena {
	color: #000;
	width:470px;
	height:248px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	background-color:#000000;
	float:left;
}

.divfotograndede {
	color: #000;
	width:470px;
	height:248px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:10px;
	background-color:#000000;
	float:left;
}

.divfotograndeanimationv {
	color: #000;
	width:470px;
	height:248px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:10px;
	background-color:#000000;
	float:left;
	background-position:bottom;
	background-position 2.1s ease-out;
			-moz-transition: background-position 2.1s ease-out;
				-o-transition: background-position 2.1s ease-out;
					transition: background-position 2.1s ease-out;
}

.divfotograndedeanimationv:hover{
			background-position:top;
			
		}

.divfotomediade {
	color: #000;
	width:470px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-color:#000000;
	float:left;
}

.divfotomediadeanimationv {
	color: #000;
	width:470px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	background-color:#000000;
	float:left;
	background-position:bottom;
	background-position 2.1s ease-out;
			-moz-transition: background-position 2.1s ease-out;
				-o-transition: background-position 2.1s ease-out;
					transition: background-position 2.1s ease-out;
}

.divfotomediadeanimationv:hover{
			background-position:top;
			
		}

.divfotopequeña {
	color: #000;
	width:380px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-color:#000000;
	float:left;
	
}

.divfotopequeñaanimationv {
	color: #000;
	width:380px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	
	background-color:#000000;
	background-position:bottom;
	float:left;
	background-position 2.1s ease-out;
			-moz-transition: background-position 2.1s ease-out;
				-o-transition: background-position 2.1s ease-out;
					transition: background-position 2.1s ease-out;
	
}

.divfotopequeñaanimationv:hover{
			background-position:top;
			
		}
		
				.divfotopequeñaizvideo {
	color: #000;
	width:317px;
	height:300px;
	margin-bottom: 5px;
	background-color:#000000;
	float:left;
	margin-top: 5px;
	margin-right:10px;
}



.videod {
	color: #000;
	
	width:533px;
	height:300px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	background-color:#000000;
	float:left;
	
	position:relative;
	
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		





		
		.divfotopequeñaiz {
	color: #000;
	width:380px;
	height:300px;
	margin-bottom: 5px;
	margin-right:10px;
	background-color:#000000;
	float:left;
	margin-top: 5px;
}

.divfotoverticaliz {
	color: #000;
	width:380px;
	height:506px;
	margin-bottom: 5px;
	background-color:#000000;
	float:left;
	margin-top: 5px;
	margin-right:10px;
}

.imgfototra {
	color: #000;
	
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	float:left;
	opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
	
}
.imgfototra:hover {
	opacity: 1	;
	
	
		}
		
		.atencion {
	background-color:rgba(51,51,51,0.9);
	color: #FFF;
	width:20px;
	height:20px;
	border-radius:50%;
	border-color:#FFF;
	border:solid;
	text-align: left;
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	
}






.divtextofotogrande {
	background-color:rgba(51,51,51,0.7);
	color: #FFF;
	width:auto;
	height:auto;
	font-family: 'IM Fell French Canon SC', serif;
	font-size:40px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 15px;
	margin: 0px;
	top: auto;
	background-position: center;
	text-align: center;
	line-height: normal;
}

.cajatexto {
	background-color:rgba(51,51,51,0.7);
	color: #FFF;
	width:auto;
	height:auto;
	font-family: 'IM Fell Double Pica', serif;
	font-size:18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 15px;
	top: auto;
	background-position: center;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}

.cajatextoiz {
	background-color:rgba(51,51,51,0.7);
	color: #FFF;
	width:260px;
	height:285px;
	font-family: 'IM Fell Double Pica', serif;
	font-size:18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	top: auto;
	background-position: center;
	text-align: left;
	margin-top: 0px;
	margin-right: 130px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.cajatextoprecios {
	background-color:rgba(51,51,51,0.3);
	color: #000;
	width: auto;
	max-width:860px;
	height:auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	top: auto;
	background-position: left;
	text-align: left;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}

.divtextoentradilla {
	color: #ggg;
	width: auto;
	max-width:860px;
	height:auto;
	font-family: 'IM Fell Double Pica', serif;
	font-size:20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	line-height: 23px;
	first-letter{font-size:3em;font-weight:bold; color:#990000;
	-moz-first-letter{font-size:20px;font-weight:bold; color:#990000;
	
	

}


 h3 {
	font-size: 22px;
	font-family: Georgia, "TheMix 7-Bold", Times, serif;
	letter-spacing: 1px;
	color: #660000;
	text-transform: uppercase;
	background-color: #CC9933;
	padding: 0px 0px 0px 0px;
	margin: 0 25px 15px 100px;		
	
	 } 
	 
	 h8 {
	font-size: 22px;
	font-family: Georgia, "TheMix 7-Bold", Times, serif;
	letter-spacing: 1px;
	color: #660000;
	text-transform: uppercase;
	background-color: #CC9933;
	padding: 0px 0px 0px 0px;
	margin: 0 25px 15px 100px;	
	
	 } 
  
   
	 
	  h1antes {
	font-size: 20px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 0px;
	overflow: auto;
	border:2px solid #330000;
	border-radius:0px 12px 0px 12px;
	box-shadow:5px 5px rgba(0,0,0,0.3);
	
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	background-color: #990000;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	 } 
	 
	
	
	 
	 
	 h4 {
	font-size: 1,3em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #330000;
	padding: 5px 10px 5px 10px;
	padding-bottom: 5px;
	margin: 0 25px 15px 0px;
	overflow: hidden;
	
	 } 
	 
	  h4antes {
	font-size: 20px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 0px;
	overflow: auto;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 100px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	 } 
	 
	
	 
	  h5 {
	font-size: 15px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #990000;
	padding-bottom: 0px;
	overflow: auto;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	text-align: left;
	 } 
	 
	   h6 {
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	padding-bottom: 0px;
	overflow: auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border-left: 2px;
	border-right: 2px;
	border-style: solid;
	 } 
	 
	 
	
 
	h7 {
	font-size: 20px;
	font-family: "Trebuchet MS, Arial, Helvetica, sans-serif";
	background-color:#300;
	color: #FFF;
	padding:5px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
	text-align: left;
	
	 } 
	 
	 
	 
	 
	
	 


	

  
  
  
  

  
</style>