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



body {background: white;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #262626;
	}

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

img {color: #FFFFCC;}
	
	
	

.wrap {margin: auto 0;
	   width: 100%;
	   height: 620px;
	   }
	   

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


	   
.head {clear: both;
	   width: 100%;
	   height: 149px;
	   padding: 0;
	   position: fixed;
	   top: 0;
	   left: 0;
	   margin: 0; 
	   z-index: 10;
	   } 
	   
	   
.top {clear: both;
	   width: 100%;
	   height: 100px;
	   margin: 0;
	   border-bottom: dotted 1px #cccccc; 
	   background: url(imgs/top_bg.gif) 100% 50% no-repeat white;
	   
	   } 	     


				
.block_left {
		   margin: 0 20px 10px 0;
		   float: left;
		   }	 
		   
		   .block_left p:first-child {margin: 7px 0 4px 0;} 
		   
		   
		   

.block_video {
		   margin: 10px 20px 10px 0;
		   padding: 5px 0 0 20px;
		   width: 640;
		   float: left;
		   }	   
		   
		   .block_video_text {color: #93939c;
		   					  width: 300px;
							  margin: 10px 0;
							  float: left;
							  line-height: 18px;
							  }
							  
							  .block_video_text h3 {font-family: Arial, Helvetica, sans-serif;
							  						font-weight: bold;
													font-style: normal;
													font-size: 13px;
													margin: 0;
							  						color: #36b0e4; 
							  						border-bottom: 1px dotted #36b0e4; 
													padding-bottom: 5px;
													}
							  
							  .block_video a {text-decoration: none; color: #333333;}
							  .block_video a:hover {text-decoration: none; color: #666666;}
							  
							  .block_video p {margin: 5px 0 0 0;} 
							  
							  
							  
							  
							  
iframe {background-color: black;}		   

.player {
		   margin: 0 20px 10px 0;
		   float: left;
		   }

.block_right {
		   margin: 0 20px 10px 0;
		   float: right;
		   }		   
	   
		   
		   
	
.top img {border: 0; margin: 0 0 5px 0;}

		   
		   
/* ..........................MAIN MENU.......................... */		   
		   
		   
		   
ul.main_menu {width: 150px;
			  float: left;
			  padding: 0;
			  margin: 10px 40px 0 20px;
			  height: 100px;
			  font-family: Georgia, "Times New Roman", Times, serif;
			  }
			  
			  	ul.main_menu li {width: 100%; height: 14px; list-style: none; margin: 0;}	   
				
				ul.main_menu li a {display: block; width: 100%; height: 14px; text-decoration: none; color: #36b0e4;}
				ul.main_menu li a:hover, ul.main_menu li a#on {text-decoration: none; background-color: #241c1c; color: white;}
		   
	
	
	
div.col {margin-left: 20px; float: left; color: #666666; line-height: 16px;}


/* ..........................GENERALS.......................... */	

			   

		h1 {background: url(imgs/logo2.gif) no-repeat;
			width: 217px;
			height: 84px;
			text-indent: -9999px;
			margin: 10px 20px 0 20px;
			clear: both;
			}
			
			h1 a {display: block; width: 217px; height: 84px;}
			
			
		h2 {background: white;
			color: #acacac;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 11px;
			font-weight: normal;
			margin: 10px 0 10px 20px;
			}	
			
			
			h2 span {background: #241c1c; color: white;}
		
		h3 {
			color: #acacac;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 11px;
			font-weight: normal;
			margin: 10px 0 10px 20px;
			}	
			
			h3 span {background: #241c1c; color: white;}
			
	   
	   h4 {font-family: Arial, Helvetica, sans-serif;
	       margin: 0 0 5px 0;
		   color: #241c1c;
			}



/*COLOR1 = #39b54a= GRIS */

.color1 {color: #CCCCCC;}	


/*COLOR2 = #36b0e4= AZUL */

.color2 {color: #36b0e4;}	


/*COLOR1 = #39b54a= GRIS2 */

.color3 {color: #93939c;}		   


/*COLORWHITE = blanco */

.colorwhite {color: white;}	



a.arial_links {text-decoration: none;}
a.arial_links:hover {text-decoration: underline;}




hr {border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #333333;
	}




/* ..........................BODY.......................... */	


#lowertop {position: absolute;
			top: 110px;
		}
.workframe {
		position: absolute;
		top: 160px;
		clear: both;	
		width: 100%;
		height: 470px;
		padding: 0;
		z-index: 0;
		}
		
		#darkbg {background-color: black;}

ul.work_links2 {position: fixed;
			   font-family: Georgia, "Times New Roman", Times, serif;
			   font-style: italic;
			   font-size: 11px;
			   clear: both;
			   width: 100%;
			   min-width: 800px;
			   height: auto;
			   /*
			   border-bottom: 1px dotted #CCCCCC;
			   */
			   margin: 0;
			   padding: 10px 0 0 20px;
			   background-color: white;
			   }

				ul.work_links2 li {list-style: none; padding-right: 20px; float: left; margin-right: -19px;}

				ul.work_links2 a 
				{text-decoration: none; height: 14px; color: #93939c; display: block; padding-right: 20px; margin-right: 0;}
				
				ul.work_links2 a:hover, ul.work_links2 a#on 
				{text-decoration: none; color: white; background-color: #241c1c; display: block;}		
				
				
				
				
				
				
				a.worklinks {text-decoration: none; color: #93939c; display: block; font-size: 11px;}
				a.worklinks:hover {text-decoration: none; color: white; background-color: #36b0e4; display: block; font-size: 11px;}
				
			




















.workimg_table {position: absolute;
				top: 0;
				left: 20px;
				height: 405px;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 10px;
				color: #898989;
				z-index: 0;
				margin: 0;
				}
				
				.workimg_table #home {margin: 0;}
				
				.workimg_table img.work {border: 1px solid #CCCCCC;}
				
				.workimg_table img {margin: 0;}
				
				.workimg_table td {vertical-align: top;}
				
				#td_espaciado td {padding-right: 20px;}
				
				
.workimg_table p#title {font-size:36px; 
					line-height:32px; 
					font-weight:bold;
					color:black; 
					margin-top:0;
					background-color:white;
					}
					
.workimg_table p#title2 {font-size:14px; 
					line-height:32px; 
					font-weight:bold;
					color:black; 
					margin-top:10;
					margin-bottom:0;
					background-color:white;
					}
					
.workimg_table p#title2b {font-size:14px; 
					line-height:32px; 
					font-weight:bold;
					color:black; 
					margin-top:0;
					margin-left:10px;
					margin-bottom:0;
					background-color:white;
					}			
					
.workimg_table p#linkses {margin-top:5px;
					margin-left:20px;
					margin-bottom:0;}


	
.workimg_table p {margin-bottom: 5px; width: 300px; background-color: white;}			
.workimg_table span, .workimg_table b {color: #333333;}	
	
.worktext {position: absolute;
		  left: 0;
		  height: 30px;
		  padding-left: 0;
		  width: 100%;
		  background-color: white;
		  font-family: Helvetica, Arial, sans-serif;
		  font-size: 11px;
		  line-height: 16px;
		  color: #93939c;
		  z-index: 100;
		  }		  
		  
		  .worktext span {margin-left: 90px; font-size: 12px; color: #252525;}
		  
		  .worktext span#link {font-size: 10px;
								color: #707070;
								margin-right: 15px;
								}
		  .fila2 {margin-left: 7px; font-size: 11px; color: #252525; float: left; width: 100%; height: 14px;}
		  
		  .fila1 {margin-left: 9px; height: 30px;}
		  
		  			.fila1 p {width: auto; clear: both; margin: 0 30px 0 0;}						


a.nextlink2:link {margin: 0; text-decoration: none; font-size: 10px; color: rgb(183, 121, 121);}
a.nextlink2:hover {text-decoration: none; font-size: 10px; color: rgb(125, 63, 63);}


img#work {border: solid #d7d7d7 1px;}




ul.next_links {
			float: left;
			margin: 3px 0 0 0;
			 width: 120px;
		 	 height: 14px;
			 font-family: Helvetica, Arial, sans-serif;
		  	 font-size: 10px;
			 color: #0383ba;
			 background-color: #36b0e4;
			 padding-left: 10px;
			 z-index: 2;
			 }
			 
			 
			 ul.next_links li {list-style: none; width: 60px; margin: 0; float: left; background-color: #36b0e4; height: 14px; cursor: pointer;}
			 
			 ul.next_links a {text-decoration: none; display: block; width: 60px; height: 14px; color: white; background-color: #36b0e4;}
			 ul.next_links a:hover {text-decoration: none; color: white; background-color: #0383ba;}





a.sitelink {text-decoration: underline; font-size: 10px; color: #36b0e4;}
a.sitelink:hover {text-decoration: underline; font-size: 10px; color: white; background-color: #36b0e4;}


a.sitelink1 {text-decoration: underline; font-size: 10px; color: inherit;}
a.sitelink1:hover {text-decoration: underline; font-size: 10px; color: inherit; background-color: #36b0e4;}


.musicblog {
			text-align: right;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
			font-style: italic;
			margin: 2px 0 0 0;
			}
			
			.musicblog a {display: block;
						  width:271px; 
						  height: 15px; 
						  text-decoration: none;
						  text-align: center; 
						  font-size: 12px;
						  color: #CCCCCC;
						  padding: 10px 0 12px 0;
						  background: #e1fbfc;
						  }
			
			.musicblog a:hover {text-decoration: none; background-color: #CCCCCC; color: #e1fbfc;}