/*************************/
/***************************/
/*CSS CONTENIDO ESTRUCTURA*/
/*************************/
/*************************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
 	font-size:10px; /*tamaņo enaces de menu*/
	background-color:#000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
	
h2{
	font-size:18px;
	font-weight:bold;}	
.page-container {
	width:900px; 
	margin:0px auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	border:solid 1px rgb(90,89,87); 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;}
.main {
	clear:both; 
	width:900px; 
	padding-bottom:30px; 
	/*background:transparent url(../img/bg_main_withoutnav.jpg) repeat-y;*/}
.main-content {
	/*display:inline ;*//*Fix IE floating margin bug*/ 
	float:left;
	width:840px; 
	padding:0 15px 0 30px; 
	overflow:visible !important ;/*Firefox*/ 
	/*overflow:hidden ;/*IE6*/}
/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {
	width:900px; }
.header-middle {
	width:900px; 
	height:103px; 
	background:rgb(230,230,230) url(../images/headerback.png); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;}
.header-bottom {
	width:900px; 
	height:39px; 
	background: url(../images/headermenuback.jpg);}

/*******************/
/*  HEADER SECTION */
/*******************/
/*Drop-down menu*/
.nav2 {
	float:left; 
	width:900px; 
	height:38px;
	border:none; 	
	font-size:110%;}/*Non-IE6*/
.nav2 ul {
	list-style-type:none;
	padding:0px;}
.nav2 ul li {
	float:left; 
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/;
	background: url(../images/vinneta.gif) no-repeat 19px 15px;
	/*text-transform: uppercase;*/ 
	/*border-right:solid 1px rgb(175,175,175);*/}
.nav2 ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	/*height:3.1em; */
	/*padding:0 21px 0 21px; */
	padding:0 26px 0 27px;
	text-decoration:none; 
	font-weight:bold; 
	color: rgb(78,74,73);
	}
.nav2 ul li ul {
	display:none; 
	border:none;}

#menu {
/*	float:left;
	position:relative;*/
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	padding-top:13px !important;
	*padding-top:9px; /*para IE6 y IE7*/	}	/*separacion del bloque cuando se esta sobre un enlace de menu de la parte superior del menu*/
#menu_action{
	*height:12px;/*ancho del bloque cuando se esta sobre un enlace de menu para IE*/	
	padding-top: 5px !important;/*ancho del bloque cuando se esta sobre un enlace de menu para Mozilla*/	
	padding-bottom: 5px !important;}/*ancho del bloque cuando se esta sobre un enlace de menu para Mozilla*/
#menu_action a:hover {
	color:#000000;}	
		
#menuSecundario{
	*margin:20px 0 0 60%;
	float:left;}	
#menuSecundario a{
	text-decoration:none;
	color:#999999;}	
#menuSecundario a:hover{
	text-decoration:none;
	color:#FFFFFF;}	
#iconos{
	padding:10px 0 0 15px;}		
	
#TDmenu{
	background-color:#1F1A17;
	border-bottom: solid 8px rgb(0,0,0);
	color:#D7D3D2;
	font-size:10px;}
#TDmenu a{
	text-decoration:none;
	color:#D7D3D2;
	text-transform:uppercase;}
#TDmenu a:hover{
	color:#999999;
	/*display:block;
	z-index:999; 
	top:28px !important; 
	background-color:rgb(67,60,55);
	padding:3px;*/
	}	
#enlacesMenu{
	color:#5D5958;
	font-size:10px;
	padding:3px 0 3px 0;}
#enlacesMenu a{
	text-decoration:none;
	color:#5D5958;
	text-transform:uppercase;}
#enlacesMenu a:hover{
	font-size:11px;
	color:#CCCCCC;}	
#subEnlces{
	color:#CCCCCC;}
	
#contenidoIMGenlaces a{	  
	color:#CCCCCC;
	display:block;
	padding:4px 5px;
	height:25px;	}
#contenidoIMGenlaces a:hover{
	display:block;  
	color:#CCCCCC;
	background-color:#383431; 
	text-decoration:none;}	
		
#navegacion{
	position:relative;
	float:left;
	padding:15px 0 0 0;
	font-size:10px;
	color:#FFFFFF;}	
#navegacion a{
	color:#999999;
	text-transform:capitalize;
	text-decoration:none;}
#navegacion a:hover{
	color:#FFFFFF}					
	
/***********/
/*SUBMENU ---- MOZILLA-Non-IE6 hovering*/
.nav2 ul li:hover a {
	background-color:rgb(193,193,193); 
	text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {
	display:block; 
	position:absolute; 
	z-index:999; 
	top:30px !important; 
	margin-top:1px; 
	left:0;}
.nav2 ul li:hover ul li a {
	display:block; 
	width:10.0em; 
	height:auto; 
	line-height:1.3em; 
	*margin-left:-1px; 
	*padding:0px 3px 4px 28px; 
	border-left:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175); 
	background-color:rgb(237,237,237); 
	font-weight:normal; 
	color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {
	background-color:rgb(193,193,193); 
	text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;}
.nav2 ul li a:hover {
	background: url(../images/vinneta.gif) no-repeat 19px 6px #c1c1c1;	 	
	text-decoration:none;} /*Color main cells hovering mode*/
/***********/
/*SUBMENU*/	

.nav2 ul li a:hover ul {
	display:block; 
	position:absolute; 
	z-index:999; 
	top:30px;
	margin-top:1px;	  
	left:0; 
	width:11.0em; }
.nav2 ul li a:hover ul li a {
	display:block; 
	*width:10.0em; 
	height:1px; 
	line-height:1.3em; 
	*padding:0px 3px 4px 28px; 
	border-left:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175); 
	background-color:rgb(237,237,237); 
	font-weight:normal; 
	color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {
	background-color:rgb(210,210,210); 
	text-decoration:none;} /*Color subcells hovering mode*/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {
	width:840px; 
	margin-bottom:0;
	overflow:hidden;}
	
#contenidoTextoIMG{
	padding:15px 0 0 0 !important;}	

/********************/
/*  FOOTER SECTION  */
/********************/
#footer {
	text-align:center;
	color: #333;
	font-size:10px;
	padding-bottom: 30px;}
#footer a, #footer a:link, #footer a:active {
	color: #333333;	
	font-size:10px;
	text-decoration: none;	}
#footer a:hover {	
	color: #CCCCCC;
	border-bottom: 2px solid white;	}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:840px; height:0.1em; border:none; background:rgb(93,88,88); color:rgb(93,88,88);margin:0 0 10px 0 !important; }

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:15px; background:transparent;}}
@media print {#footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/*************************/
/*************************/
/*CSS CONTENIDO TEXTO*/
/*************************/
/*************************/

/*  COMMON CLASSES  */
.main-content h1 {
	margin: 20px 0 30px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:rgb(80,80,80); 
	font-weight:normal; 
	font-size:210%;}
/*.main img {
	clear:both; 
	float:left; 
	margin:3px 10px 7px 0; 
	padding:1px; 
	border:1px solid rgb(150,150,150);}
.main img.center {
	clear:both; 
	float:none; 
	display:block; 
	margin:0 auto; 
	padding:1px; 
	border:1px solid rgb(150,150,150);}
.main img.right {
	clear:both; 
	float:right; 
	margin:3px 0 7px 10px; 
	padding:1px; 
	border:1px solid rgb(150,150,150);}*/
.main a {
	color:#666666; 
	font-weight:bold; 
	text-decoration:none;}
.main-content h1 a {
	color:rgb(70,122,167); 
	font-weight:normal; 
	text-decoration:none;}

.main a:hover {
	color:#CCCCCC; 
	text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

.comments {
	display:block;
	width:100%;		
	text-align:left;
	font-size:13px;
	margin:0;
	font-weight:normal;
	color:#999999;
	padding:15px 0px 10px 0;
	border-bottom:1px dotted #333333;}
.comments a{
	color:#666666;
	text-decoration:none;}
.comments a:hover, .comments a:active{
	color:#FFFFFF;}
	
#AJAX-archivosArtistas{
	text-align:left;
	font-size:13px;
	margin:0;
	font-weight:normal;
	color:#999999;
	padding:0 0 10px 0;
	border-bottom:1px dotted #333333;}	
#archivoFecha{
	overflow:hidden;
	padding:25px 0 5px 5px;
	font-size:14px;
	color:#666666;
	overflow:hidden;
	float:left;
	width:100%;
	border-bottom:1px dotted #333333;}
#archivoFecha a{
	text-decoration:none;
	color:#666666}			
#archivoFecha a:hover{
	color:#CCCCCC}		

/****************************************/
/***************CONTENIDO***************/
/**************************************/

#contenido{ 
	overflow:hidden /*IE6*/;
	font-size:10px;}

#galeria{
	clear: both;
	width:800px;	
	margin: 0 0 0 20px;
	overflow:hidden;
	text-align:left;
}

#galeria a.dropshadow img{
	color:#000000;
}

#galeria a.dropshadow img:hover, #galeria a.dropshadow img:active{
	color:#990000;
}
#galeriaContent
{
	overflow:hidden;	
	padding: 20px 0;
	text-align:center;
}

#galeriaContent p
{
	float: left;
	margin: 0px 4px;
}
#galeriaContent a.dropshadow img{border-width:1px;} 

#galeriaContent a.drop-shadow p { margin: 0; }

/*motion galery container*/
#motioncontainer A IMG {
	border: #333333 1px solid;
}
#motioncontainer A:hover IMG {
	border: #CCCCCC 1px solid; 
}
#motioncontainer A:hover {
	color: #CCCCCC;
}

#contenido textarea {
	/*width:450px; */
	padding:2px;  
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify; 
	background-color:#000000;}

/*estilo galeria*/	
#enlaces{/*div contenedor del resto*/
	float:left;
	width:229px;
	/*background-color:#2c2825;*/
	margin:0;}
	
#enlaceMenu{
	overflow:hidden;
	padding:10px 10px 10px 10px;
	font-size:10px;
	color:#333333;}
	
#enlaceSubmenu{
	overflow:hidden;
	padding:0 10px 10px 15px;
	font-size:10px;
	color:#414141;}
#enlaceSubmenu a{
	text-decoration:none;
	color:#414141;}
#enlaceSubmenu a:hover{
	color:#FFFFFF;
	display:block;
	background-color:#666666;}	
	
#enlaceSubmenuEnlaces{
	overflow:hidden;
	padding:0 10px 10px 30px;
	font-size:10px;}
#enlaceSubmenuEnlaces a{
	text-decoration:none;
	color:#4e4e4e;}
#enlaceSubmenuEnlaces a:hover{
	color:#FFFFFF;
	display:block;
	background-color:#666666;}	
	
/*********************************/
/**cambios en SpryAccordion.css**/
/********************************/
.Accordion {
	clear: both;
	position:relative;
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color: #FFF0F0; /*FFF0F0*/
/*	border-top: dashed 1px black;*/
	border-bottom: dashed 1px gray;
	font: bold 13px sans-serif;	
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;	
}

.AccordionPanelTab h3 {
	margin: 0px 0px 0px 5px;
	padding: 2px 2px 4px 20px;
	font-size: 110%;
	background: url(images/arrow_events_open.gif) no-repeat left 50%;
} 

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #FFF0F0;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #FFF0F0;  /*FFF0F0  ebccc3*/
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #FFF0F0;
}

.AccordionPanelClosed .AccordionPanelTab h3 {
	background: url(images/arrow_events_closed.gif) no-repeat left 50%; 
	/*border-bottom: solid 1px #CCCCCC;*/
}
	
#spryselect1{
	margin-left: 20px;	
}

#spryselect1 label.lbltitle {
	font-size:12px;
	color:#666666;
}

#spryselect1 select.proyectos { 
	padding:0; 
	border:solid 1px rgb(200,200,200); 
	font-size:12px;}	
	
/**********other table style**********/

#tableContent table
{
border-collapse: collapse;
width: 97%; /*para todos los demas*/
*width: 95%; /*para IE6 y IE7*/
margin:0 0 0 10px; /*para todos los demas*/
*margin:0 0 0 10px; /*para IE6 y IE7*/
}

#tableContent th
{
background: #824900 url(../images/thbg.gif) repeat-x;
height: 20px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: solid 1px #A8814D;
border-bottom: solid 2px #ffffff;
}

p.caption {
	clear:both; 
	margin:0.5em 0 0 20px; 
	text-align:left; 
	color:rgb(80,80,80); 
	font-size:110%;}

#TreeviewSpanArea {
   	 text-decoration: none;
	 color:#333333;
	 font-weight:bold;	 }   
#TreeviewSpanArea img{
   	 text-decoration: none;
	 border:0;}	    
#TreeviewSpanArea a{
     font-size: 12px; 
	 font-weight:normal;
	 font-family:Verdana, Arial, Helvetica, sans-serif; 
     text-decoration: none;
     color: #333333;}
#TreeviewSpanArea a:hover {
     text-decoration: none;     
	 color: #CCCCCC;}