/* -------------------------------------
/*  html, body
/* -------------------------------------*/


html {
	background-color:		#770029;
	color:					#666;
	font:					76% Arial, Helvetica, sans-serif;
	text-align:				center;	
}

html, body {
	margin:					0;
	padding:				0;
}

body {
	text-align:				left;
	width:					925px;
	margin:					0 auto;
	line-height:			1em;
	min-height:				650px;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, form, input, select, option {
	margin:					0;
	padding:				0;
}

ul 
{
	list-style-type:		none;
}
	
img {
	margin:					0;
	padding:				0;
	border:					0;
}

a {
	outline:				0;
}

.alert {
	 font-weight: bold;
	 color: #990000;
}

/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited {
	color:					#B80040;
	text-decoration:		none;
	font-weight: bold;
}

a:hover {
	text-decoration:		underline;
}

.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}

/*-------------------------------------
 	Header
---------------------------------------*/

#masthead {
	text-align:				right;
	width:					915px;
	margin:					0 auto;
	background-color:		#FFF;
	clear:					both;
	background:				#FFF url(/App_Themes/marrakesch/images/mastheader_botom.gif) bottom left no-repeat;
	padding:				5px;
}

#header {
	clear:					both;
	min-height:				80px;
	margin-top:				20px;
	background:				#FFF url(/App_Themes/marrakesch/images/header_top.gif) top left no-repeat;
	display:				block;
	overflow:				hidden;
	padding:				10px;
	width:					905px;
}

/*-------------------------------------
 	SiteNav
---------------------------------------*/

#siteNav ul 
{
	margin:					0;
	padding:				0;
	margin-left:			15px;
	padding-top:			4px;
	z-index:				1;
	list-style:				none;
}

#siteNav li 
{
	margin:					0;
	padding:				0;
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#siteNav li a {
	padding:				8px 12px 8px 12px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul 
{
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
	list-style:				none;
}

#siteNav ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#siteNav li ul li ul {
	position:				relative;
	list-style:				none;
}

#siteNav li ul li {
	width:					200px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
	list-style:				none;
}

#siteNav li:hover ul {
	display:				block;
	list-style:				none;
}

#siteNav li.current ul {
	padding-bottom:			1px;
	list-style:				none;
}

#siteNav li {
	font-size:				12px;
	text-align:				center;
}

#siteNav li li {
	text-align:				left;
}

#siteNav li li li {
	text-indent:			10px;
}

#siteNav a {
	text-decoration:		none;
	display:				block;
	color:					#FFF;
}

#siteNav {
	background-color:		#333;
	border-top:				solid 1px #FFF;
}

#siteNav li {
}

#siteNav li a:hover {
	background-color:		#B80040;
	color:					#FFF;
}

#siteNav li.current a:link, #siteNav li.current a:visited {
	background-color:		#B80040;
	color:					#FFF;
}

#siteNav li ul, #siteNav li.current ul 
{
	list-style:				none;
	border-left:			1px solid #D7004B;
	border-bottom:			1px solid #D7004B;
	border-right:			1px solid #D7004B;
}

#siteNav li ul li ul, #siteNav li.current ul li ul 
{
	list-style:				none;
	border:					0;
}

#siteNav li ul li a:link, #siteNav li ul li a:visited, #siteNav li.current ul li a:link, #siteNav li.current ul li a:visited {
	background-color:		#D7004B;
	color:					#FFF;
}

#siteNav li ul li a:hover, #siteNav li.current ul li a:hover {
	background-color:		#B80040;
	color:					#FFF;
}

#siteNav li li li a:link, #siteNav li li li a:visited,
#siteNav li.current li li a:link, #siteNav li.current li li a:visited {
	background-image:		none;
	color:					#FFF;
}

#siteNav li.over {
	color:					yellow;
	border:					1px solid red;
}

/*-------------------------------------
 	PageNav
---------------------------------------*/
#pageNav 
{
	float:					right;
	width:					200px;
}

#pageNav h3{
	font: 					normal 18px/22px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					5px;
	color: 					#B80040;
	border-bottom:			solid 1px #B80040;
}

#pageNav ul 
{
	margin:					0px;
	padding:				0px;
	margin-bottom:			40px;
	list-style:				none;
}

#pageNav .subMenu li {
	
	border-bottom:			solid 1px #F5BFD2;
	line-height:			15px;
}

#pageNav .subMenu li a {
	display:				block;
	padding-left:			20px;
}

#pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover {
	text-decoration:		none;
	padding:				8px;
	color:					#D7004B;
}

#pageNav li a:hover {
	background-color:		#F5BFD2; color:#770029;
}

#pageNav .subMenu li.current 
{
	background-color:		#F5BFD2;

	}
#pageNav .subMenu li.current a {
	color:					#770029;
}
#pageNav .subMenu li.current a:visited, #pageNav .subMenu li.current a:link
{
	color:					#770029;
	}

#pageNav .subMenu li.current a:hover 
{
	background-color:		#F5BFD2;
	}
	
.flashclass{ /*sample CSS class added to image slideshow container*/
	float:left;
	display:block;
	width: 540px; /*a width should be defined for transition to work*/
	border: 0px;
	padding: 0px;
}
.flashclass img{
	border-width: 0;
}
/*-------------------------------------
 	WrapperWit
---------------------------------------*/

#wrapperWit {
	background:				transparent url(/App_Themes/marrakesch/images/wrapper_column.gif) top left repeat-y;
	/*background-color:		white;*/
}

#wrapperWit #content {
	width:					680px;
	margin-left:			20px;
}

#wrapperWit #gooey {
	background:				transparent url(/App_Themes/marrakesch/images/wrapper_column_bottom.gif) bottom left no-repeat;
}

#shell {
	background:				transparent url(/App_Themes/marrakesch/images/wrapper_column_top.gif) top left repeat-x;
	min-height:				20px;
}


/*-------------------------------------
 	Content
---------------------------------------*/

#content {
	/* necessary to prevent the background image from spacing
		itself down from the top */
	padding-top:			20px;
	color:					#222;
	padding-bottom:			26px;
	float:					left;
	display:				block;
	width:					100%;
}

ul.gallery li a {
	float:					left;
	position:				relative;
	margin-right:			8px;
	margin-bottom:			8px;
}

img.polaroid {
   margin:					0px 0 0px 0px !important;
   padding:					11px 15px 35px 10px !important;
   background:				url('/images/photo-background.gif') 0 0 no-repeat;
}

#content p	
{
	line-height:			20px;
	margin-bottom:			20px;
	}
#content .Normal
{
	line-height:			20px;
	margin-bottom:			20px;
	font:					100% Arial, Helvetica, sans-serif;
	}

#content h2{
	font: 					normal 25px/55px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					10;
	padding-left:			45px;
	color: 					#B80040;
	margin-bottom:			20px;
	background:				transparent url(/images/escut.gif) no-repeat left top;
}

#content h3{
	font: 					normal 20px/25px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color: 					#B80040;
	margin-bottom:			10px; 
}
	
#content fieldset {
	float: left;
	width: 450px;
	margin-top: 5px;
	padding: 0;
	border:0px;
}
#content fieldset legend
{
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color: #B80040;
	}
#content .reqSmb {
	float: left;
	margin-left: 25px;
	color: #c03;
	font-size:0.9em;
	line-height:1.6em;
	margin-right:5px;
}
#content .lblReq {
	color: #c03;
	font-size:0.9em;
	line-height:1.6em;
	padding-left:5px;
}
#content .frmBlockSep {
	position: relative;
	float: left;
	width: 97.5%;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url('/App_Themes/marrakesch/images/dashedSep.gif') repeat-x left bottom;
}

#content .lblTxt {
	float: left;
	width: 90px;
	margin-right: 10px;
	text-align: right; 
	line-height:1.7em;
	font-weight:bold;
}
.contentInput 
{
	font-family:Arial;
	float: left;
	width: 315px;
	margin: 0 0 6px 0;
	padding: 2px 4px;
	color: #666;
	border: 1px solid #CCC;
}

.login
{
	padding:5px;
	}

.login .lblTxt {
	float: left;
	width: 65px;
	margin-right: 5px;
	text-align: right; 
	line-height:1.7em;
	font-weight:bold;
}	
	
#content br, .login br {
	clear: left;
}

#content fieldset p, .login p {
	clear:left;
	text-align:center;
}
.btnUpProInfo{float:right; margin-right:25px;}
.btnMfeBlue{margin:0; float:none; padding:6px; background-color:#B80040; color:White; font-weight:bold; border:0px; cursor:hand;}

#gooey:after {
	content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}

/*-------------------------------------
 	Acordion
---------------------------------------*/

	#vertical_container
	{
		float:left;
		clear:both;
		display:block;
		width:100%;
	}
	
	.accordion_toggle {
		display: block;
		height: 25px;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #D7004B;
		text-decoration: none;
		outline: none;
		background-color: #F7CCDB;
		border-bottom: 1px solid #F5BFD2;
		cursor: pointer;
		font-size: 13px;
	}
	
	.accordion_toggle_active {
		color: #D7004B;
		border-bottom: 1px solid #F5BFD2;
		background-color:#F5BFD2;
	}
	
	.accordion_content {
		overflow: hidden;
		padding:8px;
		border-right: dotted 1px #CCC;
		border-left: dotted 1px #CCC;
		border-bottom: dotted 1px #CCC;
	}

/*-------------------------------------
 	Listado
---------------------------------------*/

.listado {clear:none; float:left; width:100%; margin-bottom:7px; }
.listado-img {float:left; width:150px;}
.listado-img img {display:block;}
.listado-txt {float:left; width:530px;}
.listado-txt h4 {margin:0px 0px 5px 0px; font-size:120%; color:#B80040;}
.listado-txt p {margin:0; text-align:justify;}
.listado .right { text-align:right; border-bottom: dotted 1px #CCC; }
.listado .right a { background-color:#CCC; padding:3px; }

/*-------------------------------------
 	Evento Calendario
---------------------------------------*/
.evento {text-decoration:none; font-size:90%;}

.dateblock 
{
	line-height:16px;
	background-color:#B80040;
	text-align: center;
	width: 42px;
	font-family: Arial;
	color:#FFF;
	float:left;
	height:42px;
	margin-right:10px;
}
.day {
	font-size: 16px;
	position: relative;
	top: -3px;
}
.month {
	font-size: 12px;
	text-transform:uppercase;
}
.year {
	font-size: 10px;
	position: relative;
	top: -7px;
}

/*-------------------------------------
 	Portada
---------------------------------------*/

.novedad
{
	float:left;
	display:block;
	clear:both;
	width:100%;
}

.noticia
{
	width:100%;
}

.noticia p
{
	margin:3px;
	margin-top:3px;
	font-weight:normal;
	border-bottom: dotted 1px #B80040;
}

.peq
{
	font-size:10px;
	line-height:9px;
	float:left;
	display:block;
}
.peq a
{
	text-decoration:none;
}
/*-------------------------------------
 	Footer
---------------------------------------*/

#footer {
	display:				block;
	float:left;
	clear:both;
	padding:10px;
	margin:0px;
	margin-left:10px;
	border-top: dotted 1px #CCC;
	width:670px;
}

#footer span, #footer p	
{
	line-height:			18px;
	margin-bottom:			-2px;
	}

/*-------------------------------------
/*********** TOOLTIP ****************/
/*------------------------------------- */
#dhtmlgoodies_tooltip{
	background-color:#FFFFCC;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:12px;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

/*-------------------------------------
 	lightbox
---------------------------------------*/

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

#lightbox{
	background-color:#eee;
	padding: 15px;
	border: 1px solid #CCC;
	
	}
#lightboxDetails{
	padding-top: 0.4em;
	color:#770029;
	font-size:12px;
	font-weight:bold;
	}	
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: solid 2px #CCCCCC; } 
#overlay img{ border: none; }


/*-------------------------------------
 	zoomimage
---------------------------------------*/
.zoomimage {
	position: absolute;
	display: none;
	z-index: 5000;
	outline: none;
}
.zoomimage_focused {
	z-index: 51000;
}
.zoomimage_s {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.zoomimage_st {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	overflow: hidden;
}
.zoomimage_stl {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(/images/shadow.png) no-repeat scroll 0 0;
}
.zoomimage_stc {
	overflow: hidden;
	height: 6px;
	margin: 0 6px;
	background: transparent url(/images/shadow.png) repeat-x scroll 0 -30px;
}
.zoomimage_str {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(/images/shadow.png) no-repeat scroll 0 -18px;
}
.zoomimage_sc {
	position: absolute;
	top: 6px;
	width: 100%;
	left: 0;
	overflow: hidden;
}
.zoomimage_scl {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 6px;
	background: transparent url(/images/shadow-lr.png) repeat-y scroll 0pt;
}
.zoomimage_scr {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	height: 100%;
	width: 6px;
	background:transparent url(/images/shadow-lr.png) repeat-y scroll -6px 0pt
}
.zoomimage_scc {
	margin: 0 6px;
	height: 100%;
	background:transparent url(/images/shadow-c.png);
	overflow: hidden;
}
.zoomimage_sb {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
}
.zoomimage_sbl {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	left: 0;
	top: 0;
	background:transparent url(/images/shadow.png) no-repeat scroll 0pt -12px;
}
.zoomimage_sbc {
	height: 6px;
	overflow: hidden;
	margin: 0 6px;
	background:transparent url(/images/shadow.png) repeat-x scroll 0pt -36px;
}
.zoomimage_sbr {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	right: 0;
	top: 0;
	background:transparent url(/images/shadow.png) no-repeat scroll 0pt -6px;
}
.zoomimage img {
	position: absolute;
	top: 6px;
	left: 6px;
	display: none;
	border: 20px solid #770029;
}
.zoomimage_caption {
	position: absolute;
	background-color: #770029;
	color: #FFF;
	width: 100%;
}
.zoomimage_caption p {
	padding: 10px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
}
.zoomimage_loading {
	background-image: url(/images/ajax_small.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	position: absolute;
	background-color: #fff;
	width: 100%;
	top: 0;
	left: 0;
}
.zoomimage_move {
	cursor: move;
}
.zoomimage_controls {
	position: absolute;
	background: #770029;
	height: 30px;
	overflow: hidden;
}
.zoomimage_prev {
	background: transparent url(/images/zoomimage_prev.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	left: 10px;
}
.zoomimage_next {
	background: transparent url(/images/zoomimage_next.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	right: 10px;
}
/*******************
	TOOLTIP
*********************/

.ToolTip{
    display:none;
    position:absolute;
	z-index:1000;
}
.HintTop{
    width:380px;
    height:25px;
    background:url(/App_Themes/marrakesch/images/toolTip_top_w380.gif) no-repeat;
}
.HintBox{
    width:350px;
    padding:5px 25px 10px 15px;
    background:url(/App_Themes/marrakesch/images/toolTip_contentfill_w380.gif) repeat-y;
    font-size:0.9em;
    line-height:1.2em;
}
.HintBottom{
    overflow:hidden;
    width:380px;
    height:9px;
    margin:0;
    background:url(/App_Themes/marrakesch/images/toolTip_bottom_w380.gif) no-repeat;
}