html{background:#5F5F5F url(../img/html_bg.png) repeat-x scroll 0 0;
overflow-y:scroll}
body{background: url(../img/body_bg.jpg) no-repeat scroll center top; color:#fff; padding: 0; margin:0; font-family: Helvetica, Arial, sans-serif; font-size:12px; min-height:100%}
#centrador{display:block; width:940px; margin:0 auto; padding:0}
#top{display:block; height:100px }
#top h1 {width:242px; height:100px; float:left; margin:0; text-indent:-30000px;text-align:justify; background: transparent url(../img/logoOrquesta.png);}
* html #top h1 {background: transparent url(../img/logoOrquesta8bit.png)!important;}
#contenido{clear:both; margin:0; padding:0; display:block; height:512px; background-color:transparent; position:relative}
#footer {text-align:center}
a:link, a:visited{color:#fff}
a:hover, a:active{color:#009EE0}
input, textarea{width:350px}
fieldset {border:0}
/*backgrounds secciones*/
.noticias{background: url(../img/bgNoticias.jpg)}
.fotos{background:url(../img/bgFotos.jpg)}
.historia{background:url(../img/bgHistoria.jpg)}
.prensa{background:url(../img/bgPrensa.jpg)}
.video{background:url(../img/bgVideo.jpg)}
.contactos{background:url(../img/bgContactos.jpg)}
.musica{background:url(../img/bgMusica.jpg)}
.integrantes{background:url(../img/bgIntegrantes.jpg)}
.tour{background:url(../img/bgTour.jpg)}

.cortina{width:750px; height:420px; border: 2px solid #333; position:absolute; top:20px; left:90px; margin:0 0; padding:20px;
		 background-color:#000;filter:alpha(opacity=60);opacity:0.6;-moz-border-radius: 25px;-webkit-border-radius: 25px;overflow:auto}
.noticias .cortina{height:316px!important;top:140px}
.cortina p, .cortina h3 {color:#fff!important;filter:alpha(opacity=100); opacity:1!important;}

/*el menu*/
#menuPrincipal {float:right; margin-top:0; padding-top:50px; position:relative}
#menuPrincipal ul, #menuPrincipal ul li {float:left;font-size:13px;line-height:38px;list-style-type:none;
								margin:0;padding:0}
#menuPrincipal ul {background:transparent url(../img/navigation.png) repeat-x scroll 0 -41px;height:41px}
#menuPrincipal ul li a {background:transparent url(../img/navigation_s.png) no-repeat scroll right top;
								color:#CCC;	display:block;float:left;height:41px;padding:0 18px;text-decoration:none}
#menuPrincipal ul li.selected a {color:#009EE0}
#menuPrincipal ul li.last a {background-image:none}
#menuPrincipal ul li a:hover {color:#009EE0}

/*para los tabs*/
.toggler { width: 692px; padding:0; position:absolute; top:0; left:0; height:35px}

#effect { width: 80px;  padding:0 ; position:relative}
#effect img{width:56px; height:47px; top:0;}

* html #effect {height: 35px}
.pos_noticias	{left:  10px}
.pos_historia	{left:  90px}
.pos_tour	 	{left: 160px}	
.pos_musica	 	{left: 225px}	
.pos_video	 	{left: 300px}
.pos_fotos		{left: 365px}
.pos_integrantes{left: 420px}
.pos_prensa		{left: 535px}
.pos_contactos	{left: 615px}

.tab_noticias	{background: url(../img/tab/noticias.png)}
.tab_historia	{background: url(../img/tab/historia.png)}
.tab_tour		{background: url(../img/tab/tour.png)}
.tab_musica		{background: url(../img/tab/musica.png)}
.tab_fotos		{background: url(../img/tab/fotos.png)}
.tab_video		{background: url(../img/tab/video.png)}
.tab_prensa		{background: url(../img/tab/prensa.png)}
.tab_integrantes{background: url(../img/tab/integrantes.png)}
.tab_contactos	{background: url(../img/tab/contactos.png)}

/*noticias*/
#pasacalle {position:absolute; top:28px; left:420px; font-family:Garamond, Georgia, "Times New Roman", Times, serif;font-size:18px; color:#333}
#pasacalle h3{margin:0}
#pasacalle p {margin:0;width:360px}
.vivo {color:#009EE0;font-family: Helvetica, Arial, sans-serif;font-weight:bolder; margin-right:10px}
.noticias h3 {border-bottom: 1px dashed #fff; width:310px}

/*prensa*/
.cortina img{border:0; margin: 0 20px 20px 0}
.float-left{float:left}
.texto-prensa{display:block; width:60%!important; float:right; padding-bottom:20px}
.prensa .cortina{padding-bottom:10px!important}

/*musica*/
ul li{list-style:none}
/*integrantes*/
#accordion img {float:left; clear:left; max-height:50px}
#accordion h2 {display:block;width:300px; padding:1.2em}
#accordion ul li {display:block; width:100%; height:50px; margin:10px 0}

/*contactos*/
.contactos form {display:block; width:500px; margin:0 auto}
/*banderitas*/
#switchlang {width:100px; float:right}
#switchlang li{display:block; float:left}
#switchlang li img{border:transparent; margin:4px}
#switchlang li img:hover{border:2px solid #fff; margin:2px}
