﻿   
	      html, body, div, span, applet, object, iframe, h1, h2, h3, 
	   
	      h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
	   
	      address, big, cite, code, del, dfn, em, font, img, ins, 
	  
	      kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
	
	      var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
	
	      table, caption, tbody, tfoot, thead, tr, th, td { 
	
	      margin: 0; 
	
	      padding: 0; 
	
	      border: 0; 
	
	      outline: 0; 
	
	      font-weight: inherit; 
	
	      font-style: inherit; 
	      font-size: 100%; 
	
	      font-family: inherit; 
	
	      vertical-align: baseline; 
	
	      } 
	
	
	      a, a:link, a:visited, a:hover, a:active{text-decoration:none} 
	
	      table { border-collapse: separate;border-spacing: 0;} 
	
	      th, td {text-align: left; font-weight: normal;} 
	
	      img, iframe {border: none; text-decoration:none;} 
	
	      ol, ul {list-style: none;} 
	
	      input, textarea, select, button {font-size: 100%;font-family: inherit;} 
	
	      select {margin: inherit;} 
	
	      hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}  


		body{
		background-image:url('../img/bg_iag.jpg');
		background-repeat:no-repeat;
		background-position:top;
		background-color:black;
		margin:0 auto;
		}
		
		#wrapper{
			width:900px;
			margin:0 auto;
			padding:0 auto;
		}
		
		#head{
			height:148px;
			width:905px;
			background-image:url('../img/head.jpg');
			background-repeat:no-repeat;
		}
		
		#nav{
			width:905px;
			height:47px;
			float:left;
			background-image:url('../img/nav_sup.jpg');
			background-repeat:no-repeat;
		}
		
		#nav ul{
			list-style-type:none;
			width:748px;
			margin-top:13px;
			font-family:Trebuchet MS;
			color:#ffffff;
			margin-left:25px;
			_margin-left:12px;
			font-weight:bold;
			font-size:14px;
			float:left;
		}
		
		#nav li{
			display:inline;
			margin-right:35px;
		}
		
		#nav a{
			color:white;
			text-decoration:none;
		}
		
		#nav a:hover{
			color:yellow;
			text-decoration:none;
		}
		
		#iconos{
			float:right;
			margin-right:20px;
			margin-top:10px;
}
		
		
		#media{
			height:307px;
			width:905px;
			float:left;
			background-color:white;
			margin-top:4px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
		}
		
		#administrador{
			min-height:307px;
			width:905px;
			float:left;
			background-color:white;
			margin-top:4px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#jeroen{
			width:496px;
			height:254px;
			float:left;
			margin-top:20px;
			margin-left:45px;
			_margin-left:25px;
			padding:5px;
			border:1px #6699FF dotted;
		
		}
		
		#rotator{
			width:496px;
			height:254px;
			float:left;
			background-color:gray;
			padding:0 auto;
			margin:0 auto;
		}
		
		#container{
			margin:0 auto;
			padding:0 auto;
		}
		
		#player{
			width:300px;
			height:254px;
			float:left;
			margin-top:20px;
			margin-left:20px;
			padding:5px;
			border:1px #6699FF dotted;
			}
		
		
		#news{
			height:270px;
			width:905px;
			float:left;
			background-color:white;
			margin-top:4px;
		
		}
		
		.noticias{
			width:496px;
			height:254px;
			float:left;
			background-repeat:no-repeat;
			margin-top:8px;
			margin-left:45px;
			_margin-left:24px;
			border:1px #6699FF dotted;
			padding:0px 5px 0px 5px;
		
		}
		
		.noticias h4{
			margin-top:7px;
			margin-bottom:7px;
			margin-left:13px;
		}
		
		#noticiasp{
			margin-top:13px;
			margin-left:18px;
			_margin-left:12px;
			width:310px;
			height:180px;
			font-family:"Trebuchet MS";
			font-size:12px;
			color:#737373;
			float:left;
			line-height:17px;
			text-align:justify;
		}
		
		.img-noticias{
			float:right;
			border:4px #6699FF solid;
			margin:5px 15px 10px 15px;
			
		}
		
		.titulo{
			font-size:14px;
			color:#81abcb;
			font-family:"Trebuchet MS";
			font-weight:bold;
			text-transform:uppercase;
		}
		
		.numero{
			font-size:20px;
			color:#69217c;
			font-family:"Trebuchet MS";
			font-weight:bold;
		}
		
		.k{
			width:495px;
			height:253px;
		}
		
		
		#trio{
			width:310px;
			height:254px;
			background-image:url('../img/bg-trio.jpg');
			background-repeat:repeat-x;
			background-color:#85aecc;
			margin-top:8px;
			float:left;
			margin-left:21px;
			_margin-left:21px;
			border:1px #6699FF dotted;
		}
		
		#trio h2{
			font-family:"Trebuchet MS";
			color:white;
			font-size:15px;
			font-weight:bold;
			width:200px;
			margin-top:13px;
			margin-left:17px;
			margin-bottom:25px;
		}
		
		
		#banners{
			height:130px;
			width:905px;
			float:left;
			background-color:white;
			margin-top:4px;
		}
		
		#bannerc{
			margin-top:8px;
			margin-left:15px;
		}
		
		#bannerc img{
			margin-left:22px;
			margin-bottom:10px;
		}
		
		#pie{
			height:117px;
			width:903px;
			float:left;
			background-color:black;
			margin-top:4px;
			border:1px gray solid;
		}
		
		#img{
			width:600px;
			margin-top:10px;
			margin-left:5px;
			float:left;
		}
		
		#quienes{
			width:280px;
			float:left;
			margin-top:15px;
		}
		
		#quienes h2{
			font-family:"Trebuchet MS";
			font-size:20px;
			color:yellow;
			text-align:right;
		}
		
		#quienes p{
			font-family:"Trebuchet MS";
			font-size:12px;
			color:white;
			text-align:right;
		}

		
		
		#artistadestacado{
			width:280px;
			height:50px;
			background-color:black;
			margin-top:10px;
			margin-left:15px;
			filter:alpha(opacity=70);
			-moz-opacity:.70;
			opacity:.70;
		}
		
		#artistadestacado p{
			width:190px;
			float:left;
			font-family:"Trebuchet MS";
			margin-left:8px;
			margin-top:5px;
		}
		
		.descripcion{
			font-size:11px;
			color:white;
		}
		
		.topartista{
			color:yellow;
			font-weight:bold;
		}
		
		.vermas{
			margin-top:18px;
			margin-right:6px;
			float:right;
		}
		
		.avatar{
			float:left;
			margin-left:3px;
		}
		
		#buscar{
			float:left;
			width:150px;
			margin-top:9px;
			margin-left:0px;
		}
		
		.buscar{
			width:200px;
			height:15px;
			background-color:black;
			border:1px gray solid;
			color:white;
			font-family:"Trebuchet MS";
			font-size:11px;
			padding:5px;
		}
		
		
		#artistas{
			width:905px;
			float:left;
			background-color:white;
			margin-top:4px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		
		.par{
		background-color:#DAEEFA;
		height:22px;
		font-size:11px;
		font-family:"Trebuchet MS";
		color:black;
		padding-left:10px;
		padding-top:3px;
		}
		
		
		.impar{
		background-color:#B3DCF4;
		height:22px;
		font-size:11px;
		font-family:"Trebuchet MS";
		color:black;
		padding-left:10px;
		padding-top:3px;
		}
		
		.web{
		font-size:11px;
		font-family:"Trebuchet MS";
		color:#370037;
		}

		
		#solistas{
			width:405px;
			float:left;
			margin-top:8px;
			margin-left:40px;
			-margin-left:20px;
			background-position:top;
			background-repeat:no-repeat;
		}
		
		#solistas ul{
			width:770px;
			margin-left:20px;
			margin-bottom:20px;

		}

	
	
		#solistas h4{
				font-size:23px;
				font-family:"Trebuchet MS";
				color:#6699FF;
				margin-left:25px;
				margin-top:15px;
				border-bottom:1px #6699FF dotted;
				margin-right:25px;
				margin-bottom:20px;
				width:770px;
		}

/*********bios**********/

		#bios{
			width:905px;
			height:600px;
			float:left;
			background-color:white;
			margin-top:4px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}



		#textos{
			width:500px;
			float:left;
			margin-left:40px;
			_margin-left:20px;
			margin-top:15px;
		}
		
		#textos p{
			font-family:"Trebuchet MS";
			font-size:11px;
			color:#333333;
			text-align:justify;
			line-height:20px;
		}
		
		.bajada{
			font-family:"Trebuchet MS";
			font-size:12px;
			color:#333333;
			text-align:justify;
			line-height:20px;
			font-weight:bold;
		}

		
		#textos h5{
			font-family:"Trebuchet MS";
			font-size:30px;
			color:#6699FF;
			text-align:justify;
			font-weight:bold;
			margin-bottom:15px;
			border-bottom:1px #6699FF solid;
			border-top:1px #6699FF solid;
		}


		#right{
			width:300px;
			float:left;
			padding-left:15px;
			margin-left:15px;
			margin-top:25px;
			border-left:1px #6699FF dotted;
		}
				
		#videos{
			width:300px;
			height:200px;
			float:left;
		}	

		#s3slider {
		   width: 300px;
		   height: 200px;
		   position: relative;
		   overflow: hidden;
		   float:left;
		   margin-bottom:15px;
		   background-color:#000;
		}
		
		#s3sliderContent {
		   width: 300px;
		   position: absolute;
		   top: 0;
		   margin-left: 0;
		}
		
		.s3sliderImage {
		   float: left;
		   position: relative;
		   display: none;
		}
		
		.s3sliderImage span {
		   position: absolute;
		   left: 0;
		   font: 10px/15px Arial, Helvetica, sans-serif;
		   padding-bottom:10px;
		   padding-top:10px;
		   padding-left:10px;
		   width: 300px;
		   background-color: #000;
		   filter: alpha(opacity=70);
		   -moz-opacity: 0.7;
		   -khtml-opacity: 0.7;
		   opacity: 0.7;
		   color: #fff;
		   display: none;
		   top: 0;
		}
		
		.clear {
		   clear: both;
		} 
		
		#textos h4{
			font-family:"Trebuchet MS";
			font-size:17px;
			color:#CC33FF;
			border-bottom:1px #6699FF solid;
		
		}
		
		#textos a{
			height:25px;
			width:500px;
			background-color:#DFEFFF;
			color:#3333FF;
			font-size:14px;
			}
			

/*********musicos**********/


		#musicos{
			width:905px;
			height:700px;
			float:left;
			background-color:white;
			margin-top:4px;
			background-image:url('../img/bg-musicos.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#cats{
		width:690px;
		margin:0 auto;
		padding:0 auto;	
		}

		#categorias{
			width:303px;
			height:200px;
			float:left;
			background-image:url('../img/cuerdas.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}
		
		#categorias ul{
			width:303px;
			margin-top:45px;
		}

		
		#categorias2{
			width:303px;
			height:200px;
			float:left;
			background-image:url('../img/vientos.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}

		#categorias2 ul{
			width:303px;
			margin-top:45px;
		}


		#categorias3{
			width:303px;
			height:200px;
			float:left;
			background-image:url('../img/bateristas.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}

		#categorias3 ul{
			width:303px;
			margin-top:45px;
		}


		#categorias4{
			width:303px;
			height:200px;
			float:left;
			background-image:url('../img/pianistas.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}
		
		
		#categorias4 ul{
			width:303px;
			margin-top:45px;
		}


		#categorias5{
			width:303px;
			height:200px;
			float:left;
			background-image:url('../img/percusion.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}

		#categorias5 ul{
			width:303px;
			margin-top:45px;
		}


		#categorias6{
			height:200px;
			width:303px;
			float:left;
			background-image:url('../img/etnico.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-left:20px;
			margin-top:15px;
		}
		
		#categorias6 ul{
			width:303px;
			margin-top:45px;
		}

/******* formularios **********/

		#formulario{
			width:905px;
			float:left;
			font-family:"Trebuchet MS";
			color:#000000;
			background-color:white;
			margin-top:20px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}

		#formulario label,input,textarea,select, #formulario img, #formulario a {
			display: block;
			font-size:16px;
			width: 300px;
			float: left;
			margin-bottom: 10px;
		}
		
		#formulario label {
			text-align: right;
			font-size:13px;
			width: 120px;
			padding-right: 20px;
		}
		
		#formulario br {
			clear: left;
		}

		#mensaje{
			width:905px;
			height:300px;
			float:left;
			font-family:"Trebuchet MS";
			color:#000000;
			background-color:white;
			margin-top:20px;
			background-image:url('../img/bg-media.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}
		#mensaje h4{
			text-align:center;
			font-weight:bold;
		}
		
		#mensaje p{
			text-align:center;
		}
		
		#mensaje a, #mensaje a:hover{
			text-align:center;
		}
		

/******* listados **********/

		#listado{
			width:800px;
			margin-top:20px;
			margin-left:100px;
		}
		
		#listado td a, td a:hover{
			color:#FF3300;
		}
		
		#listado h4{
			margin-bottom:5px;
		}
		
		#listado h4 a, h4 a:hover{
			font-family:"Trebuchet MS";
			font-size:14px;
			color:#333333;
		}

/******* paginador **********/

		#paginador{
			font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:10px;
			float:left;
			width:600px;
			margin-left:5px;
			margin-top:20px;
			}
		
		#paginador a{
			padding:5px;
			width:10px;
			height:10px;
			color:#FFFFFF;
			background-color:#6699CC;
			font-weight:bold;
			text-decoration:none;
			}
			
		#paginador a:hover{
			padding:5px;
			width:10px;
			height:10px;
			color:#FFFFFF;
			background-color:#C4EFFF;
			font-weight:bold;
			text-decoration:none;
			}
			

/*********produccion**********/

		#produccion{
			width:905px;
			min-height:400px;
			background-color:white;
			margin-top:1px;
			float:left;
			background-image:url('../img/bg-musicos.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#prost{
			width:550px;
			float:left;
			padding-bottom:40px;
		}


		#left-medios{
			width:304px;
			margin-top:15px;
			float:left;
			border-left:1px #6699FF dotted;
			background-image:url('../img/bg-estudios.jpg');
			background-position:top;
			background-repeat:no-repeat;
			margin-bottom:40px;
		}
		
		#left-medios ul{
			width:243px;
			margin:0 auto;
			padding:0 auto;
		}
		
		#left-medios li{
			margin-top:10px;
		}
		
		#left-medios li img{
			border:4px black solid;
		}
		

		
		#left-medios h4{
			font-family:"Trebuchet MS";
			font-size:22px;
			color:#9933FF;
			border-bottom:1px #6699FF solid;
			margin-top:10px;
			margin-left:20px;
			visibility:hidden;
		}
		
		#left-medios h3{
			font-family:"Trebuchet MS";
			font-size:16px;
			color:#6699FF;
			margin-bottom:5px;
		
		}

		#general{
			width:450px;
			float:left;
			margin-left:20px;
			margin-top:25px;
		}


		#avatar{
			width:150px;
			height:150px;
			float:left;
			margin-right:20px;
			border:5px #6699FF solid;
		}
		
		#datos{
			width:200px;

		}
		

		#datos p{

			font-family:"Trebuchet MS";
			font-size:12px;
			color:gray;

		}
		

		#datos h3{
			font-family:"Trebuchet MS";
			font-size:17px;
			color:#6699FF;
			font-weight:bold;
		}

/*********links**********/

		#links{
			margin-left:25px;
			margin-top:20px;
			padding-bottom:40px;
		}
		
		#produccion h4{
				font-size:23px;
				font-family:"Trebuchet MS";
				color:#6699FF;
				margin-left:25px;
				margin-top:15px;
				border-bottom:1px #6699FF solid;
				margin-right:25px;
		}


/*************margin-img********************/

		.img_margin{
			
			margin-left:20px;
			}
}


