@charset "utf-8";
/*	
	----------------------------------------
	La rueda de los deseos - teatro inquieto
	version: 1.0
	date: 310-01-09
	----------------------------------------										
											 */
											 
											 
/* GENERAL: DIAGRAMACION Y ESTILOS DE LINKS PRINCIPALES */
	* {
		margin:0;	
	}
	body { 
		margin:0px; 
		padding:0px; 
		background:#4C074E url(../images/bk_body.jpg) top center no-repeat; 
		color: #454545; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-size:13px;
		}
		body a img { border:0px;} /* elimina borde de imagenes con link */
		
	#wrapper { 
		width: 960px; 
		margin: 0px auto; 
		background: url(../images/bk_wrapper.jpg) bottom center no-repeat; 
		/*min-height:1400px; 
		*height:1400px;*/  }
	
	/* HEADER Y NAVEGACION */
	#header{ 
		width:820px; 
		margin:0px auto; }
	#mainImage {
		background-color:#ffffff;	
	}
	#logo { 
		width:307px; 
		float:left;}
	
	ul#main-nav { 
		float: right; 
		width:384px; 
		height:15px; 
		display:block; 
		margin-top:60px; 
		padding:0px; 
		list-style:none; 
		display:inline;}
		
		ul#main-nav li, ul#sub-nav li{ 
			padding:0px; 
			margin: 0px;
			float:left; }
			
			/* nav */
			ul#main-nav li.grupo{
				width:73px;
				height:15px;
				display:block;
				}
				
				ul#main-nav li.grupo a, ul#main-nav li.grupo a:visited {
				width:73px;
				height:15px;
				display:block;
				background:url(../images/bt_grupo.gif) top left;
				}
				
			ul#main-nav li.espectaculos{
				width:117px;
				height:15px;
				display:block;
				}
				
				ul#main-nav li.espectaculos a, ul#main-nav li.espectaculos a:visited {
				width:117px;
				height:15px;
				display:block;
				background:url(../images/bt_espectaculos.gif) top left;
				}
				
			ul#main-nav li.actividades{
				width:108px;
				height:15px;
				display:block;
				}
				
				ul#main-nav li.actividades a, ul#main-nav li.actividades a:visited {
				width:108px;
				height:15px;
				display:block;
				background:url(../images/bt_actividades.gif) top left;
				}
				
			ul#main-nav li.argonautas{
				width:86px;
				height:15px;
				display:block;
				}
				
				ul#main-nav li.argonautas a, ul#main-nav li.argonautas a:visited {
				width:86px;
				height:15px;
				display:block;
				background:url(../images/bt_argonautas.gif) top left;
				}
				
				ul#main-nav li.argonautas a:hover, ul#main-nav li.actividades a:hover, ul#main-nav li.espectaculos a:hover, ul#main-nav li.grupo a:hover {
					background-position: 0 -15px;
					} 
					
				ul#main-nav li.selected a{
					background-position: 0 -15px !important;
					} 
		
	/* SUB -NAV */
	ul#sub-nav { 
		float: right; 
		width:143px; 
		height:15px; 
		
		display:block; 
		margin-top:35px;
		padding:0px; 
		list-style:none; 
		display:inline;
		}
		
			ul#sub-nav li.blog{
				width:57px;
				height:15px;
				display:block;
				}
				
				ul#sub-nav li.blog a, ul#sub-nav li.blog a:visited {
				width:57px;
				height:15px;
				display:block;
				background:url(../images/bt_blog.gif) top left;
				}
				
				
				
			ul#sub-nav li.contacto{
				width:86px;
				height:15px;
				display:block;
				}
				
				ul#sub-nav li.contacto a, ul#sub-nav li.contacto a:visited {
				width:86px;
				height:15px;
				display:block;
				background:url(../images/bt_contacto.gif) top left;
				}
				
			ul#sub-nav li.contacto a:hover, ul#sub-nav li.blog a:hover {
					background-position: 0 -15px;
					} 
				
	/* CONTENT */
	#content{ 
		width:820px; 
		margin:0px auto;
		 }
		/* NAVEGACION ALTERNATIVA */
		#content-nav {
			position:absolute;
			margin-top: 5px;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			height:230px;
			display:block;
			}
			
		#content-nav ul {
			list-style:none;
			margin:0px 0px 0px 30px;
			padding:0px;
			}
			
		#content-nav ul li {
			padding: 5px 7px 5px 7px;
			border-bottom: 1px dashed #fff;
			margin: 0px;
			display:block;
			width:200px;
			}
			
		#content-nav ul li a, #content-nav ul li a:visited {
			color:#FFFFFF;
			text-decoration:none;
			}
			
		#content-nav ul li a:hover {
			color: #B86FBA;
			text-decoration:none;
			}
		#content-nav ul li.selected{
			color: #B86FBA;
			text-decoration:none;
			}
			
		.alertTag {
			position:relative;
			float:right;
			top:120px;
			z-index:3;
			padding:10px;
			margin-bottom:-32px;
			font-family:Georgia, "Times New Roman", Times, serif;
			background:#D01901;
			font-size:10px;
			color:#FFFFFF;
			
		}
			
	#main {
		background:#FFFFFF url(../images/bk_main.jpg) top center repeat-y;
		min-height:935px;
		_height:auto;
		
		}
		
		#left-content {
			width: 365px;
			float:left;
			margin:290px 40px 0px 40px;
			_margin:290px 20px 0px 20px;
		}
		
		#sidebar{
			
			width:300px;
			float: right;
			margin-top:321px;
			margin-right:40px; _margin-right:20px;
			height:100%;
			display:block;
			}
			
			ul#sidebar-nav  {
				margin: 0px;
				padding: 6px 0px;
				list-style: none;
				}
				
				ul#sidebar-nav li {
					margin: 0px;
					padding: 6px 0px;
					border-bottom: 1px solid #999999;
					}
					
					ul#sidebar-nav li a, ul#sidebar-nav li a:visited {
						color:#7B1880;
						text-decoration:none;
						}
						
					 ul#sidebar-nav li a:hover {
					 	color: #B86FBA;
						}
			
		#footer {
			clear:both;
			height: 240px;
			width:820px;
			margin: 0px auto;
			bottom:0;
			display:block;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FED6FF;
			line-height:3.5;
			}
			
			#footer-nav {
				margin-top:140px;
				display:block;
				float:left;
				clear:both;
				}
				
				#footer-nav a, #footer-nav a:visited{
					color:#FFFFFF;
					text-decoration:none;
					text-transform:uppercase;
					}
					
				#footer-nav a:hover {
					color:#B86FBA;
					}
					
			 #footer .logo {
				margin-top:155px; 
			 }	

			
/* ESTILOS TIPOGRAGICOS Y CONTENIDOS */
 
		dl {
		padding: 0px 5px 0px 0px;
		line-height:1.4;
		}
		dt {
			padding: 15px 0px 0px 0px;
			font-weight:bold;
			}
		dt.nomargin {
			padding: 0px 0px 0px 0px;
			font-weight:bold;
			}
			dd {
				margin:0px;
				padding: 0px 0px 0px 0px;
				}
	p {
		padding: 15px 5px 0px 0px;
		line-height:1.4;
		margin:0;
		}
		
	#bademail{
	margin-left: 45px;
	}
	
	#success{
	margin-left: 45px;
	}
	
	.separador {
		background:url(../images/dash.gif) bottom left repeat-x;
		width:100%;
		height:2px;
		display:block;
		margin-top:22px;
		clear:both;
		}
	
	a.link-acrobat-big, a:visited.link-acrobat-big, a.link-quick, a:visited.link-quick {
		
		padding: 30px 5px 0px 5px;
		margin-top:24px;
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #7B1880;
		text-align:center;
		text-decoration:none;
		display:block;
		float:left;
		}
		
	
	a:hover.link-acrobat-big, a:hover.link-quick {
		text-decoration:underline;
		}
		
			a.link-acrobat-big {
				background:url(../images/acro-grande.gif) top center no-repeat;
			}
			a.link-quick {
				background:url(../images/quick.gif) top center no-repeat;
				}

	.modulo {
		clear:both;
		margin:25px 0px 28px 0px;
		}
		.modulo img{
			padding-bottom:5px;
		}
		
	.nombre {
		float:left;
		display:block;
		font-weight:bold;
		}
		
	.data {
		display: block;
		float:right;
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	.data a, .data a:visited {
		color: #7B1880;
		padding: 2px 0 2px 19px;
		background: url(../images/acro-chico.gif) center left no-repeat;
		text-decoration:none;
		}
		
	.data a:hover {
		color:#000000;
		}
		
		
	/* HACHES */
	h1 {
		color: #4D4D4D;
		font-size:24px;
		font-weight:bold;
		margin:0px;
		padding: 0px 0 0px 0;
		}
		
	h2, h5 {
		color: #7B1880;
		font-size:20px;
		text-transform:uppercase;
		margin:0px;
		padding: 20px 0 5px 0;
		width:100%;
		display:block;
		background:url(../images/dash.gif) bottom left repeat-x;
		}
		
	h2.grande {
		color: #7B1880;
		font-size:24px;
		font-weight:bold;
		margin:0px;
		padding: 19px 0 0px 0;
		background:none;
		}
		
	h2.border {
		color: #7B1880;
		font-size:20px;
		font-weight:bold;
		margin:0px;
		padding:0px 0 0px 0;
		background:none;
		}
			
	h3 	{
		color:#7B1880;
		font-size:20px;
		padding: 20px 5px 5px 0px;
		margin: 0px;
		width:100%;
		display:block;
		background:url(../images/dash.gif) bottom left repeat-x;
		/* EN CASO QUE EL BACK NO FUNCIONE border-bottom:1px dashed #4D4D4D; */
		}
		
		
	h6 /* comienzo de nota, parrafos, nombres y titulos chicos */ {
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-size:13px;
		font-weight:bold;
		margin-top:6px;
		padding: 0px;
		}
		
	input{
		font-family: Georgia, serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.5em;
		}
		
	textarea{
		font-family: Georgia, serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.5em;
		
		}
		
.contact{
		margin-top:24px;
		}	
		
.contact li {
			list-style:none;
		}
	
		.contact li.special {
			display:none;
		}
		
		.message {
			color:#444444;
			display:none;
			width:300px;
			padding:10px;
			float:left;
		}
		
		.contact label{
			font-weight: normal;
			float:left;
			clear:left;
			width:60px;
			margin: 5px;
			padding: 6px 0 0 0;
		}
		
		.contact input, .contact textarea{
			float:left;
			margin: 8px 0;
			border:solid 1px #666666;
			padding:3px;
		}
		
		.contact textarea{
			width:360px;
		}
		
		.contact .submitButton{
			clear:both;
			margin: 10px 0;

		}
		
			.contact input.submitButton{
				background: #712A73;
				color:#FFFFFF;
				cursor:pointer;
				border:none;
				padding:3px;
				font-family: Georgia, serif;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: normal;
				float:left;
				margin-left: 376px;
			}

.floatRight {
	float:right;	
}

.floatLeft {
	float:left;	
}