@charset "utf-8";
/* CSS Documento for 'media=all': Encuentros Jóvenes Artistas de Navarra 2007 */
/* Striker(auskalo.com)©2006 */
/* */

/* 
	Design colors:
	blue: 	#0051B1
	orange:	#FB8B01
	gray:	#D0D0D0
*/

/* general page styles */

html{
	/* general */
	font-size: 100.01%; /* fixes some browser bugs */
}

body{
	/* general */
	margin: 10px 0;
	padding: 0;
	/* fonts:
	font-family: Arial, Helvetica, sans-serif;
	font-family: Times New Roman, Times, serif;
	font-family: Courier New, Courier, monospace;
	font-family: Georgia, Times New Roman, Times, serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Geneva, Arial, Helvetica, sans-serif
	 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;	
	color: #393939;
	/* background */
	background: #FFFFFF;
}

/* default paragraph styles */
p {
	font-size: 100%;
	margin: 5px 0;
}

/* default link styles */

a { 
	color: #719BC1;
	text-decoration: none;
}

a:hover {
	color: #96C3D3;
	text-decoration: underline;
}

/* default image styles */
img { 
	border: none; 
}

/* clearFix to enclose floating elements: brute force method works on any browser */
.clearFix {
	clear: both;
	line-height: 0;
	font-size: 0;
}

/* same thing but with dotted separator */
.clearFixDotted { 
	margin: 0;
	padding: 0;
	padding-top: 7px;
	margin-bottom: 7px;
	clear: both;
	border-bottom: 1px dotted;
}

#pageTools {
	margin: 20px 0;
	padding: 0;
}

.floatLeft {
	margin: 0;
	padding: 0; 
	float: left;
	margin-right: 10px; 
}

.floatRight {
	margin: 0;
	padding: 0;
	float: right;
	margin-left: 10px; 
}

.floatCenter {
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
}

.boxBrown {
	margin: 0;
	padding: 5px;
	margin-bottom: 10px;
	background: #E0E0D4;
}

.textAlignRight {
	text-align: right;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.topGrayDots {
	border-top: 1px dotted #FFFFFF;			
}

.bottomGrayDots {
	border-bottom: 1px dotted #FFFFFF;			
}

.rightGrayDots {
	border-right: 1px dotted #FFFFFF;			
}

.leftGrayDots {
	border-left: 1px dotted #FFFFFF;			
}

.textRedNormal {
	color: #941C1D;
}

.textRedBold {
	font-weight: bold;
	color: #941C1D;
}

.spacer5 {
	height: 5px;
	line-height: 5px;
}

.spacer10 {
	height: 10px;
	line-height: 10px;
}

/* main page elements */
#skip{
	position: absolute;
	top: -10000px;
	left: -1000px;
}

/* ******************************************************************************************************************************************************* */
/*  layout 																																				   */
/* ******************************************************************************************************************************************************* */


#main{
	width: 920px;
	margin: 0 auto 10px auto;
	padding: 0;
}

	/* header */
	#header {
		width: 920px;
		height: 260px;		
		margin: 0;
		padding: 0;
		clear: both;
		color: #FFFFFF;
	}
	
		#headerLCol {
			width: 20px;
			height: 260px;
			margin: 0;
			padding: 0;
			float: left;			
			background: #FFFFFF;
		}
				
		#headerCCol {
			width: 249px;
			height: 260px;
			margin: 0;
			padding: 0;
			float: left;			
			background: #E0E0D4;
			border-right: 1px solid #FFFFFF;
		}
		
			#headerOverLogo {
				width: 249px;
				height: 30px;
				margin: 0;
				padding: 0;		
				background: #B7B7B7 url(../images/logo_bkg.jpg);
				border-bottom: 1px solid #FFFFFF;
			}
							
			#headerLogo {
				width: 249px;
				height: 120px;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #FFFFFF;
			}
			
			#headerSearch {
				width: auto;
				margin: 0;
				padding: 20px;
				color: #4B5666;
				font-weight: bold;
			}			
			
				#headerSearchStar {
					width: 20px;
					margin: 0;
					padding: 1px 0;
					float: left;
				}	
				
					#headerSearchFormTitle {
						width: 130px;
						margin: 0;
						padding: 0;
						padding-bottom: 2px;
						border-bottom: 1px dotted #414D5B;
					}
				
				#headerSearchForm {
					margin: 0;
					padding: 0;
					float: left;
				}	
				
				#headerSearchForm form label span{
					position: absolute;
					left: -10000px;						
				}
								
		#headerRCol {
			width: 650px;
			height: 260px;
			margin: 0;
			padding: 0;
			float: left;
		}	
		
			#headerNav {
				width: 630px;
				height: 30px;
				margin: 0;
				padding: 0;	
				overflow: hidden;	
				background: #B7B7B7;
				border-bottom: 1px solid #FFFFFF;
			}
			
				#headerNavLCol	{
					width: 300px;
					height: 30px;
					margin: 0;
					padding: 0;
					float: left;				
				}
				
				#headerNavRCol	{
					width: 330px;
					height: 30px;
					margin: 0;
					padding: 0;
					float: left;
					text-align: right;			
				}					
			
			#headerBanner {
				width: 650px;
				height: 195px;
				margin: 0;
				padding: 0;
				background: #EAEAEA;
				border-bottom: 1px solid #FFFFFF;
			}		
			#headerBanner img {
				 width: 630px;
				 height: 195px;
			}
					
			#headerPath {
				width: 630px;
				height: 33px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				background: #941C1D;
				color: #FFFFFF;
			}			
				
				#headerPath ul {
					margin: 0;
					padding: 0;
					margin-left: 15px;
					padding-top: 8px;
				}
				
				#headerPath li {
					margin: 0;
					padding: 0 5px;
					height: 33px;
					display: inline;
					font-size: 0.85em;
				}
				
				#headerPath li a {
					padding: 0;
					padding-left: 5px;
					color: #FFFFFF;
					text-decoration: none;
				}
				
				#headerPath li a:hover {
					text-decoration: underline;
				}								
			
		/* header styles */
		
			/* general */
			#headerNav ul {
				margin: 0;
				padding: 0;
				margin-left: 10px;
				padding-top: 8px;
			}
			
			#headerNav li {
				margin: 0;
				padding: 0 10px;
				height: 32px;
				display: inline;
				font-size: 0.85em;
			}
			
			#headerNav li a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			#headerNav li a:hover {
				color: #393939;
			}		
			
			/* search form */
			#headerSearch a {
				font-size: 0.90em;
				color: #9C9B96;
				text-decoration: none;
			}
			
			#headerSearch a:hover {
				color: #9C9B96;
				text-decoration: underline;
			}
			
			#headerSearch form {
				margin: 2px 0;
				padding: 2px 0;
			}
			
			#headerSearch .searchBox {
				width: 130px;
				border: 1px solid #C7C8BA;
				background: #EBEBE3;
			}		

/* ******************************************************************************************************************************************************* */
/*  body																																				   */
/* ******************************************************************************************************************************************************* */
							
	
	#body {
		width: auto;
		margin: 0;
		padding: 0;
		clear: both;
		border-top: 1px solid #FFFFFF;
		background: url(../images/body_bkg.jpg);
		text-align: justify;
	}
	
		#bodyLCol {
			width: 269px;
			margin: 0;
			padding: 0;
			float: left;
			border-right: 1px solid #FFFFFF;
		}
		
			#bodyMenu {
				width: 269px;
				margin: 0;
				padding: 0;
				background: #EAEAEA url(../images/menu_bkg.jpg) repeat-y;		
			}
			
				/* menu styles */
			
				#menu {
					position: relative;
					width: 249px;
					margin: 20px 0;
					padding: 0;	
					float: right;
					font-size: 0.90em;
					text-align: left;
					font-weight: bold;
					color: #DC741F; /* #DFE4E7; /*#EAEAEA;*/	
				}
				
				#menu ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
				#menu ul img {
					margin: 0;
					padding: 0;
					vertical-align: middle;
					/* float: left; */
				}
				
				#menu li {
					margin: 4px 0;
					padding: 3px 0;
					padding-left: 20px;	
				}
				
				#menu a {
					font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
				}
				
				#menu a:hover {
					color: #DADADA;
					text-decoration: none;
				}
			
				
				#menu li ul {
					display: none;
					margin: 5px 0;
					margin-left: -20px;
					padding: 2px 0;
					padding-left: 55px;
					background: #DC741F;
					font-size: 0.95em;	/* -> 10px */				
					list-style: none;
					color: #B93D00;
				}
			
				#menu ul li ul li {
					margin: 0;
					padding: 2px 0;	
					color: #973100;
					font-weight: bold;			
				}
				
				#menu ul li ul li a {
					color: #FFFFFF;
					text-decoration: none;
				}
				
				#menu ul li ul li a:hover {
					color: #DADADA; /* #CC3300; */
					text-decoration: none;
				}
				
				#menu li ul li ul {
					display: none;
					margin: 5px 0;
					margin-left: -20px;
					padding: 2px 0;
					padding-left: 55px;
					background: #DC741F;
					font-size: 1em;			
					list-style: disc;
					color: #B93D00;
				}
				
				
				#menu .desplegado {
					display: block;
				} 
				
				.menuItem {
					float: left;
				}
			
			#bodyAddress {
				width: 211px;
				margin: 0;
				padding: 0;
				margin-top: 40px;
				margin-bottom: 20px;
				padding-left: 40px;
				padding-right: 20px;
				color: #7A7B75;
				font-size: 0.85em;
				font-weight: bold;
			}
			
				#bodyAddress a {
					color: #7A7B75;
					text-decoration: none;
				}
				
				#bodyAddress a:hover {
					text-decoration: underline;
				}
		
		#bodyRCol {
			width: 630px;
			margin: 0;
			padding: 0;
			float: left;
		}

/* ******************************************************************************************************************************************************* */
/*  body liner																																		       */
/* ******************************************************************************************************************************************************* */	

	#bodyLiner {
		width: auto;
		height: 20px;
		margin: 0;
		padding: 0;
		clear: both;
		background: url(../images/body_bkg.jpg);
		text-align: justify;
		
		padding-top: 20px;	/* Para añadir el espacio entre contenido y linea punteada */
	}

		#bodyLinerLCol {
			float: left;
			width: 269px;
			height: 100%;
			margin: 0;
			padding: 0;
			border-right: 1px solid #FFFFFF;
		}	
		
		#bodyLinerRCol {
			float: left;
			width: 610px;
			margin: 0;
			margin-left:20px;
			padding: 0;
		}
		
			#linerDelimiter {
				margin: 0;
				padding: 0;
				padding-left: 20px;
				border-top: 1px dotted;
			}


/* ******************************************************************************************************************************************************* */
/*  footer																																			       */
/* ******************************************************************************************************************************************************* */	
	
	#footer {
		width: auto;
		height: 32px;
		margin:  0;
		padding: 0;
		overflow: hidden;
		clear: both;
		border-top: 1px solid #FFFFFF;
	}
	
		#footerLCol {
			width: 20px;
			height: 32px;
			margin: 0;
			padding: 0;
			float: left;	
		}	
		
		#footerCCol {
			width: 760px;
			height: 32px;
			margin: 0;
			padding: 0;
			float: left;
			background: #ADBCC3;		
		}
		
		#footerRCol {
			width: 120px;
			height: 32px;
			margin: 0;
			padding: 0;
			float: left;			
			background: #ADBCC3;
			text-align: right;		
		}		

			/* footer styles  */
			#footer ul {
				margin: 0;
				padding: 0;
				margin-left: 60px;
				padding-top: 8px;
			}
			
			#footer li {
				margin: 0;
				padding: 0 10px;
				height: 32px;
				display: inline;
				font-size: 0.85em;
			}
			
			#footer li a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			#footer li a:hover {
				color: #393939;
			}