/*
Theme Name: STEREOPTICO
Theme URI: odsoluciones.com / gabolora.com
Description: Tema para website Stereoptico.com 
Version: v.2
Author: Dise�o: Gabo Lora / Programaci�n: Iv�n Olivero
Author URI: 
*/

@charset "UTF-8";
/* CSS Document */



/*body {background: url(images/bg.gif) repeat-y 50% 50%;
	  font-family: Helvetica, Arial, sans-serif;
	}*/

body {font-size:70%;color:#222;background:#fff;}
body {font-family:Helvetica, Arial, sans-serif;}

body.audio {background: url(images/bg1.gif) repeat-y 50% 50%;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #262626;
	}	

body.events {background: url(images/bg3.gif) repeat-y 50% 50%;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #262626;
	}	


\html>/**/body {
	margin: 0;
	padding: 0;
	}
	
	

img {color: #FFFFCC;}
	
	
	

.wrap {margin: auto;
	   width: 861px;
           border-left: 1px dotted #afafaf;
           border-right: 1px dotted #afafaf;
	   }
	   

/* ..........................HEAD.......................... */


	   
.head {
	   width: 861px;
	   height: 85px;
	   padding: 0;
	   margin: 0 auto; 
	   background-color: white;
	   border-bottom: 1px solid #afafaf;
	   z-index: 10;
	   } 
	   
.head0 {background: url(bgs/000.gif) repeat 50% 50%;}
.head1 {background: url(bgs/001.gif) repeat 50% 50%;}
.head2 {background: url(bgs/002.gif) repeat 50% 50%;}
.head3 {background: url(bgs/003.gif) repeat 50% 50%;}
.head4 {background: url(bgs/004.gif) repeat 50% 50%;}
.head5 {background: url(bgs/005.gif) repeat 50% 50%;}
.head6 {background: url(bgs/006.gif) repeat 50% 50%;}
.head7 {background: url(bgs/007.gif) repeat 50% 50%;}
.head8 {background: url(bgs/008.gif) repeat 50% 50%;}
.head9 {background: url(bgs/009.gif) repeat 50% 50%;}
.head10 {background: url(bgs/010.gif) repeat 50% 50%;}
.head11 {background: url(bgs/011.gif) repeat 50% 50%;}
.head12 {background: url(bgs/012.gif) repeat 50% 50%;}
.head13 {background: url(bgs/013.gif) repeat 50% 50%;}
.head14 {background: url(bgs/014.gif) repeat 50% 50%;}
.head15 {background: url(bgs/015.gif) repeat 50% 50%;}
.head16 {background: url(bgs/016.gif) repeat 50% 50%;}
.head17 {background: url(bgs/017.gif) repeat 50% 50%;}
.head18 {background: url(bgs/018.gif) repeat 50% 50%;}
.head19 {background: url(bgs/019.gif) repeat 50% 50%;}
.head20 {background: url(bgs/020.gif) repeat 50% 50%;}
.head21 {background: url(bgs/021.gif) repeat 50% 50%;}
.head22 {background: url(bgs/022.gif) repeat 50% 50%;}
.head23 {background: url(bgs/023.gif) repeat 50% 50%;}
.head24 {background: url(bgs/024.gif) repeat 50% 50%;}
.head25 {background: url(bgs/025.gif) repeat 50% 50%;}
.head26 {background: url(bgs/026.gif) repeat 50% 50%;}
.head27 {background: url(bgs/027.gif) repeat 50% 50%;}
.head28 {background: url(bgs/028.gif) repeat 50% 50%;}
.head29 {background: url(bgs/029.gif) repeat 50% 50%;}
.head30 {background: url(bgs/030.gif) repeat 50% 50%;}
.head31 {background: url(bgs/031.gif) repeat 50% 50%;}
	   
	   
.navigation {width:600px;float:left;height:100%;height:26px;line-height:26px;}
.navigation .alignleft {width:285px;padding-left:15px;float:left;}
.navigation .alignright {width:285px;padding-right:15px;width:300px;float:left;}
	   
h1 {width: 235px;
	height: 58px;
	text-indent: -9999px;
	margin: 16px 0 0 0;
	float: left;
	background: url(images/logo.gif) no-repeat;
	}
	
	h1 a {text-decoration: none;
		  display: block;
		  width: 220px;
		  height: 49px;
		  }
	
.main_menu2 {width: 40px;
			height: 85px;
			margin: 0px 10px 0 0px;
			background-color: white;
			padding: 0;
			float: left;
			}	

.main_menu {width: 310px;
			height: 85px;
			margin: 0px 10px 0 0px;
			background-color: white;
			padding: 0;
			float: left;
			}	
			
			.main_menu li , .main_menu2 li{float: left; list-style: none; }
			
			.main_menu a, .main_menu2 a {text-decoration: none;
						  padding: 30px 2px 2px 2px;
						  text-align: center;
						  
						  
						  display: block;
						  height: 50px;
						  width: 40px;
						  }
						  
 			.main_menu a:hover,
			.main_menu a#on, .main_menu2 a, .main_menu2 a#on{text-decoration: none;
							
							}



.red a {color: #666666;}
.red a:hover,
.red a#on {background-color: #890711; color: white;}

.black a {color: #666666;}
.black a:hover,
.black a#on {background-color: black; color: white;}




	
	
	
	
	
.formulario {width: 240px;
			height: 18px;
			margin: 32px 8px 0 0;
			padding: 0 0 0 2px;
			border: 1px solid #CCCCCC;
			background: url(images/newsletter_bg.gif) no-repeat;
			color: #666666;
			float: right;
			z-index: 2;
			}	
	
	
	.formulario input[type=text] {background: none; 
								  border: 0;
								  width: 86px;
								  height: 16px;
								  margin: 0 0 0 5px;
								  font-family: Arial, Helvetica, sans-serif;
								  font-size: 10px;
								  color: #333333;
								  }
	
	
	.formulario input[type=submit] {font-weight: bold;
									width: 6px;
									height: 18px;
									float: right;
									margin: 0 3px 0 0;
									font-size: 14px;
									color: #333333;
									text-indent: -9999px;
									border: 0;
									background: url(images/newsletter_arrow.gif) no-repeat;
									z-index: 1;
									}
									
									
									.formulario input[type=submit]:hover {color: #890711;
																		  cursor: pointer;
																		  }
	
	
	
	
	
	
	
/**....................FILA......................**/

.fila_eventos {width: auto;
	   padding: 27px 50px 37px 50px;
	   border-bottom: 1px dotted #afafaf;
	   }
	   
	   .fila td {padding-right: 10px; vertical-align: top;}
	   
	   .fila_eventos p {width: 70%;text-align:left;}
	   
	   .fila{width: auto;
	   padding: 27px 50px 37px 50px;
	   border-bottom: 1px dotted #afafaf;
	   }
	   
	   .fila td {padding-right: 10px; vertical-align: top;}

.fila_archive {width: 600px;
	   padding: 10px 10px 10px 10px;
	   border-bottom: 1px dotted #afafaf;
           margin-bottom:10px;
	   }
	   
	   .fila_archive td {padding-right: 10px; vertical-align: center;}
	   

.fila_archive p {width: 100%;text-align:left;}
.fila h3 {font-size:14px;}	   
	
h2 {background-color: black;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0 0 5px;
	font-family: Helvetica, "Arial", sans-serif
	font-style: italic;
	color: white;
	width: 168px;
	height: 15px;
	}
	
h3 {color: #333333;
	font-size: 11px;
	font-style: italic;
	font-family: Helvetica, "Arial", sans-serif
	}
	
h3 a {	text-decoration: none;
	color: #ed1b24;
	  }	
	  
	  h3 a:hover {text-decoration: underline;
	  color: #b51920;
	  }	

h4 {color: black;
	font-size: 12px;
	margin: 15px 0 15px 0;
	font-family: Helvetica, "Arial", sans-serif
	}
	
	h4 span {font-weight: normal; font-style: italic; font-size: 12px;}

h4.links_title {color: black;
	font-size: 12px;
	margin: 15px 0 0 20px;
	font-family: Helvetica, "Arial", sans-serif
	}


h5 {
	font-size: 16px;
	margin: 15px 0 15px 0;
	font-family: Helvetica, "Arial", sans-serif
	}
	
	h5 span {font-weight: normal; font-style: italic;}




hr {
	width: auto;
	background-color: white;
	border-bottom: 1px dotted #afafaf;
	border-width: 0 0 1px 0;
	}
	
	
a.bluelinks {text-decoration: none;
			 color: #ed1b24;
			 }	
			 
a.bluelinks:hover {text-decoration: underline;color:#b51920;
					 }	
	

a.bluelinks2 {text-decoration: none;
			 color: #29ABE2;
			 }	
			 
a.bluelinks2:hover {text-decoration: none;
					background-color: #29ABE2;
					color: white;
					 }	
		
	
	
					 
					 
					 			 
a.redlinks {text-decoration: none;
			 color: #890711;
			 }	
			 
a.redlinks:hover {text-decoration: underline;
					 }	
					 
					 
					 
a.greylinks {text-decoration: none;
			 color: #666666;
			 }	
			 
a.greylinks:hover {text-decoration: underline;
					 }						 
		
						 
a.toggleLink {text-decoration: none;
			 color: #666666;
			 }	
			 
a.toggleLink:hover {text-decoration: none; color: #29ABE2;}
					 			 
/**....................AUDIOLINKS......................**/

.columna1 {width: 237px;
		   float: left;
		   margin: 0;
		   }
		   
		   .col1a {width: 20%;
		   		   float: left;
				   }
			
			.col1b {width: 80%;
		   		   float: left;
				   }	   
				   
.fila1 {width: 861px;
		   clear: both;
		   margin: 0;
		   }				   


.audio_page_menu {width: 240px;
			float: left;
			height: 26px;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #afafaf;
			}	
			
						.audio_page_menu li {list-style: none; float: left; margin-right: 10px;}
						
								.audio_page_menu li.archive {padding: 6px 6px 6px 24px; color: #afafaf;}
						
						
						.audio_page_menu a {text-decoration: none;
									  padding: 6px 6px 4px 6px;
									  text-align: left;
									  color: black;
									  display: block;
									  height: 28px;
									  cursor: pointer;
									  }
									  
						.audio_page_menu a:hover,
						.audio_page_menu a#on {text-decoration: underline;
										color: black;
										}
			
			
			
						.audio_page_menu li.mix_album_menu  {width: 118px; margin: 0; border-right: 1px solid #afafaf;}
						
								.audio_page_menu li.mix_album_menu +
								.audio_page_menu li.mix_album_menu  {border-right: none;}
			

			
			.mix_album_menu a {text-decoration: none;
						  text-align: center;
						  color: black;
						  display: block;
						  height: 16px;
						  cursor: pointer;
						  background-color: white;
						  }
						  
 			.mix_album_menu a:hover,
			.mix_album_menu a#on
						   {text-decoration: none;
							background-color: black;
							color: white;
							}
							
	
							












.audio_menu {
			float: left;
			margin: 0;
			padding: 0;
			}	
			
			.audio_menu li {list-style: none; border-bottom: 1px solid white;}
			
			.audio_menu a {text-decoration: none;
						  padding: 4px;
						  text-align: left;
						  color: black;
						  display: block;
						  width: 230px;
						  cursor: pointer;
						  }
						  
 			.audio_menu a:hover,
			.audio_menu a#on {text-decoration: none;
							color: white;
							background-color: black;
							}


























.trackplay {float: left; 
			background: #333333; 
			width: 173px; 
			height: 28px; 
			margin: 10px 0; 
			border: 0;
			}




.trackslist {padding: 20px 0; color: #666666; clear: both;}

.trackslist td {
				height: 22px;
				padding-left: 10px;
					}
					
					
					.trackslist td + td {width: 30%;}
					
					.trackslist td + td + td {width: 30%;}
					
					.trackslist td + td + td + td {width: 30%;}
					
					

.trackslist td.listen {border-bottom: 0 solid white;
				background-color: #AAAAAA;
				height: 22px;
					}					






.trackslist2 {padding: 20px 0; color: #666666; clear: both;}

.trackslist2 td {
				height: 22px;
				padding-left: 10px;
				border-bottom: 1px dotted #afafaf;
					}
					
					

.trackslist2 td.listen {border-bottom: 0 solid white;
				background-color: #AAAAAA;
				height: 22px;
					}					









object {margin-top: 20px;}










/**....................ARTISTS......................**/

.artist {
		 margin: 0 10px 10px 0;
		 color: #999999;
		 }
		 
		 .artist b {color: #262626;}
		 
		 .artist td {
		 			 width: 408px;
					 vertical-align: top; 
					 padding-left: 10px;
					 border-bottom: 1px dotted #afafaf;
					 }
					 
			.artist td:first-child {border-right: 1px dotted #afafaf;}	 
		 
		 .artist img {width: 120px;
		 			  height: 120px;
					  margin-right: 10px;
					  }
		 
		 .artist div {margin: 10px 0 10px 0;
		 			float: left;
					}
					
				
		.artist div + div {width: 280px;}
		
		
					.artist div p {margin: 0;}











/**....................ENLACES......................**/

.links_table {
			margin: 40px 0 0 40px;
			padding-bottom: 20px;
			}
			
			









.contentframe {float: right;
				width: 600px;
				
				color: #666666;
				}	
				
.contentframe p {width: 50%; margin: 0; color: #666666;}				
				

.contentframe img,
.contentframe p {float: left; margin: 0 20px 0 0;}

.contentframe h3 {font-style: italic; font-size: 12px; margin: 5px 0 10px 0; font-weight: normal;}




.contentframe div {clear: both;}



.trackslist {
			margin: 0;
			padding: 0;
			}
	
	
	
	
	
	
	
	
	
	

.contentframe2 {float: right;
				padding-left: 20px;
				width: 581px;
				color: white;
				}	
	
	
	
				.contentframe2 img {border: 1px white solid; margin: 0 0 10px 0;}
	
	
.contentframe2 div {clear: both; padding-right: 20px;}	


.contentframe2 ul {padding: 10px 20px 0 0; color: white; clear: both; margin-bottom: 40px;}

		.contentframe2 ul li {list-style: none; float: left; padding-right: 10px;} 
			
	
.contentframe2 a {text-decoration: none;
			 color: #29ABE2;
			 }	
			 
.contentframe2 a:hover {text-decoration: underline;
					 }	
	
	
/**....................EVENTS......................**/

.columna1b {width: 260px;
		   float: left;
		   margin: 0;
		   }





.events_pages {
			margin: 0 0 20px 0;
			padding: 0;
			height: 60px;
			font-weight: bold; 
			border-bottom: 1px solid #afafaf;
			}
			
			
			
			.events_pages li {list-style: none; float: left; padding: 5px;}

			
			
.events_pages a {text-decoration: none; color: #afafaf;}
.events_pages a:hover, .events_pages a#on {text-decoration: underline;}






.events_menu {
			margin: 0;
			padding: 0;
			}	
			
			.events_menu li {list-style: none; margin: 0;}
			
			.events_menu a {text-decoration: none;
						  padding: 6px 4px 4px 4px;
						  text-align: left;
						  color: #890711;
						  display: block;
						  height: 16px;
						  border-bottom: 1px dotted #afafaf;
						  cursor: pointer;
						  }
						  
 			.events_menu a:hover,
			.events_menu a#on {text-decoration: none;
							background-color: #890711; 
							color: white;
							}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/**....................COPYRIGHT......................**/

.copyright {width: 850px;
	   padding: 7px;margin:0 auto 0 auto;
	   height: 14px;
		clear:both;
	   color: #999999;
	   font-style: italic;
	   text-align: left;
	   }	
	
			
	a:hover {color:#b51920;}
        a:visited {color:#b51920;}
        a {color:#ed1b24;}
        h2 a:hover {text-decoration:underline;color:#fff;}
        h2 a {color:#fff;}
div.post {margin-left:10px;margin-right:10px;