* { margin: 0; padding: 0 }
a { outline:none; }
body {
	background:#000 url(../img/bg.gif) center top no-repeat; color:#f7f7f7;
	font:0.9em/1.5em "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
	}
input {font:14px/14px "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif}

body#inicio h2.toggler {
	margin:-5px 0 0; padding:0; cursor:pointer;
	display:block; text-indent:-9999px; overflow:hidden;
	height:80px; width:495px;
}
body#inicio h1 { float:right; display:block; width:102px; height:94px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-image: url(../img/indexh1bg.gif) }
body#inicio div.element { color:#333; margin: 0; padding:0; width:495px }
body#inicio div#intro { font-size:0.9em; color:#333; display:block; background: url(../img/indexpbg.jpg) no-repeat; margin: 0; padding:10px; width:495px; height:340px; }
body#inicio div#intro a:link, body#inicio div#intro a:hover, body#inicio div#intro a:active, body#inicio div#intro a:visited { border:0; margin:0 0 0 -10px; }
body#inicio div#intro a img { margin-top:10px; border:0; }

div#top { width:720px; height:180px; margin:0 auto; }
div#top p { position:absolute; bottom:5px; right:0; font-size:1.8em; z-index:3; }
div#logo { position:absolute; top:-20px; margin-left:12px; z-index:3; width:400px; height:200px; background: url(../img/djvertigo.png) }
div#tagline { position:absolute; top:10px; z-index:0; width:720px; height:50px; background: url(../img/tagline.gif); margin-left:14px; margin-top:125px }

a.fotolista { display:block; background-color:#333333; background-repeat:no-repeat; background-position:top center; width:150px; text-align:center; margin-bottom:10px; border:1px solid; }
div#cont a.fotolista:hover { color:#fff; border:1px solid #fff; background-color:#535353; text-decoration:none }

div#box { width:746px; height:100%; margin:0 auto; }
div#wrap { }

div#cont {
	width:509px; height:423px; padding-left:40px;
	text-align:left; margin-left:187px;
	background:#222121 url(../img/bg-header.gif) -22px top no-repeat;
	}
html>body div#cont { height:auto; min-height:423px; }
div#cont-f {
	width:539px; height:12px; margin-left:207px;
	background:url(../img/bg-header-f.gif) right top no-repeat;
	}

div#wrap a { text-decoration:none; color:#FFB24E }
div#wrap a:hover { color:#F7C687; text-decoration:underline }
div#wrap p { margin-bottom: 10px; margin-right:30px }
div#wrap p.flink { font-weight:bold }
div#wrap p.flink a { text-decoration:none }
div#wrap h1 { color:#F6B36B; padding-top:15px; text-align:left }
div#wrap h2 { font-size: 1.2em }
div#wrap ul.subnav { margin-left:10px; list-style-type:none }

div#nav {
	width:207px; height:450px; overflow:hidden;
	padding-left: 13px; position:absolute; top:180px;
	}

div#nav ul.subnav { margin-left:10px; list-style-type:none; font-size:0.8em; line-height:1.3em; }
div#nav ul.servicios li.lastli { margin-bottom:45px }
div#nav ul.fotos-fiestas li.lastli { margin-bottom:30px }
div#nav ul.subnav a { padding-left: 11px; background: url(../img/item.gif) no-repeat; color:#fff; text-decoration:none; }
div#nav ul.subnav a:hover { color:#5EB1E0; }

div#fotos {
	background:#000 url(../img/fotos.gif);
	width:220px; height:500px; margin-left:-208px;
	position:absolute; top:50px;
}

body#disc-jockey div#nav ul.servicios a.snav1,
body#iluminacion div#nav ul.servicios a.snav2,
body#sonido div#nav ul.servicios a.snav3,
body#proyectores div#nav ul.servicios a.snav4,
body#fiestas div#nav ul.servicios a.snav5,
body#fotos1 div#nav ul.fotos-fiestas a.snav1,
body#fotos2 div#nav ul.fotos-fiestas a.snav2,
body#fotos3 div#nav ul.fotos-fiestas a.snav3,
body#fotos4 div#nav ul.fotos-fiestas a.snav4,
body#fotos5 div#nav ul.fotos-fiestas a.snav5,
body#fotos6 div#nav ul.fotos-fiestas a.snav6
{ color:#5EB1E0; cursor:default; font-weight:bold }

div#wrap img { margin-right:10px; border:1px solid #675E5E; }
div#wrap img:hover {  border:1px solid #FFB24E; }
div#wrap img.fr { float:right; margin-left:10px; margin-right:0 }
div#wrap img.fl { float:left; margin-right:10px; margin-left:0 }

div.subcont { text-align:left; width:700px; margin:15px 0 0 30px; background:url(../img/sc-mid.gif) repeat-y; }
div.subcont ul li { margin:0 0 20px 20px }
div.subcont a:hover { background:none }
div.sc-h { background:url(../img/sc-h.gif) no-repeat; width:700px; height:28px; }
div.sc { width:680px; margin-left:20px }
body#fotos1 div.sc, body#fotos2 div.sc, body#fotos3 div.sc, body#fotos4 div.sc, body#fotos5 div.sc, body#fotos6 div.sc { text-align:right; margin-left:0 }
div.sc-f { background:url(../img/sc-f.gif) no-repeat; width:700px; height:28px; }

div.equipo { position:relative; background-repeat:no-repeat; color:#333; width:650px; height:256px; text-align:right; padding:25px 25px 0 0 }
div.equipo p { line-height:1.1em }
div.equipo a { position:relative; float:left; display:block; text-indent:-9999px; overflow:hidden; height:200px } div.equipo p { position:relative; margin-top:5px }
div.equipo h3 { position:relative; clear:both; text-transform:lowercase; font-size:1.7em; color:#000 } div.equipo h3 strong { text-transform:uppercase }
div.equipo object, div.equipo img { position:relative; width:191px; height:166px; float:right; margin:5px 20px 0 10px }
div.vertigo { background-image:url(../fotos/equipos/vertigo-bg.jpg) } div.vertigo a { width:267px }
div.laserverde { background-image:url(../fotos/equipos/laser-verde-bg.jpg) } div.laserverde a { width:300px }
div.aggressor { background-image:url(../fotos/equipos/aggressor-bg.jpg) } div.aggressor a { width:267px }
div.snowflurry { background-image:url(../fotos/equipos/snow-flurry-bg.jpg) } div.snowflurry a { width:300px }
div.razzmatazz { background-image:url(../fotos/equipos/razz-matazz-bg.jpg) } div.razzmatazz a { width:221px }
div.warp250 { background-image:url(../fotos/equipos/warp-250-bg.jpg) } div.warp250 a { width:307px }
div.flash { background-image:url(../fotos/equipos/flash-bg.jpg) } div.flash a { width:310px }
div.mystic { background-image:url(../fotos/equipos/mystic-bg.jpg) } div.mystic a { width:266px }
div.varios { background-image:url(../fotos/equipos/efectos-luces-bg.jpg) } div.varios a { width:321px }
div.mojospinmaster { background-image:url(../fotos/equipos/mojo-spin-master-bg.jpg) } div.mojospinmaster a { width:341px }
div.bu400 { background-image:url(../fotos/equipos/bu-400-bg.jpg) } div.bu400 a { width:253px }
div.bolaespejada { background-image:url(../fotos/equipos/bola-espejada-bg.jpg) } div.bolaespejada a { width:254px }

div.compactera { background-image:url(../fotos/equipos/compactera-doble-bg.jpg) } div.compactera a { width:408px }
div.consola { background-image:url(../fotos/equipos/consola-beringher-bg.jpg) } div.consola a { width:370px }
div.potencia { background-image:url(../fotos/equipos/potencia-bg.jpg) } div.potencia a { width:341px }
div.cajasmedianas { background-image:url(../fotos/equipos/cajas-medianas-bg.jpg) } div.cajasmedianas a { width:225px }
div.cajasgrandes { background-image:url(../fotos/equipos/cajas-grandes-bg.jpg) } div.cajasgrandes a { width:191px }
div.micinalam { background-image:url(../fotos/equipos/microfono-inalambrico-bg.jpg) } div.micinalam a { width:332px }

div#wrap div.equipomenu { margin:20px 0 20px 15px; height:355px; }
div#wrap div.equipomenu a { display:block; float:left; background-color:#333333; background-repeat:no-repeat; background-position:center 15px; width:340px; height:355px; text-align:center; margin:0 5px }
div#wrap div.equipomenu a:hover { color:#fff; text-decoration:none; background-position:center -325px  }
.eqsonido { background-image:url(../fotos/equipos/equipos-sonido.jpg) } .eqluces { background-image:url(../fotos/equipos/equipos-luces.jpg) }

div#cont div#sb1, div#sb2, div#sb3, div#sb4, div#sb5, div#sb6, div#sb7 { float:right; clear:right; }
div#sb1 { width: 225px; height: 93px }
div#sb2 { width: 135px; height: 116px }
div#sb3 { width: 143px; height: 34px }
div#sb4 { width: 253px; height: 23px }
div#sb5 { width: 313px; height: 35px }
div#sb6 { width: 304px; height: 44px }
div#sb7 { width: 290px; height: 50px }

div#nav a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6 { display:block; width:197px; height:66px; text-indent:-1000%; overflow:hidden; background-repeat:no-repeat; background-color:#333333;
background-position: -20px 0; margin:0 0; position:relative; }

div.evento { margin-bottom:20px; width:510px; background: url(../img/ev2.gif) repeat-y }
html>body div.evento { margin-bottom:50px; }
div.evento div.ref { float:left }
div.evento div.ref img { float:left; border:2px solid #675E5E; margin: 5px }
div.evento div.evsb1 { float:right; clear:right; width: 125px; height: 90px }
div.evento div.ev-h { background:url(../img/ev1.gif) no-repeat; width:510px; padding:8px 0 0 8px; }
div.evento div.ev-f { background:#333 url(../img/ev3.gif) no-repeat; width:505px; height:18px;  }

div#nav a.nav1 { background-image: url(../img/nav1.gif) }
div#nav a.nav2 { background-image: url(../img/nav2.gif) }
div#nav a.nav3 { background-image: url(../img/nav3.gif) }
div#nav a.nav4 { background-image: url(../img/nav4.gif) }
div#nav a.nav5 { background-image: url(../img/nav5.gif) }
div#nav a.nav6 { background-image: url(../img/nav6.gif) }

div#nav a:hover { background-position: -10px -65px; width: 207px }
body#inicio a.nav1,
body#disc-jockey a.nav2,
body#iluminacion a.nav2,
body#sonido a.nav2,
body#proyectores a.nav2,
body#fiestas a.nav2,
body#fotos1 a.nav3,
body#fotos2 a.nav3,
body#fotos3 a.nav3,
body#fotos4 a.nav3,
body#fotos5 a.nav3,
body#fotos6 a.nav3,
body#equipos a.nav4,
body#contacto a.nav5,
body#clientes a.nav6
{ background-position: -10px -65px; width: 207px; cursor:default }

div#opt a { margin-bottom:20px; text-align:center; display:block; padding:10px 0; border: 1px solid #999; background:#666; color:#CCC; }
div#opt a:hover { border:1px solid #F2891E; background:#F6B36B; color:#333; text-decoration:none; }

div#foot {
	border-top:1px dashed #696E72; margin:10px auto 0 auto; padding-top:10px;
	display:block; width:706px; text-align:center;
}	div#foot a { text-decoration:none; color:#FFB24E }
	div#foot a:hover { text-decoration:underline; color:#F7C687 }

/*   Custom   */
/* body#inicio h1 { display:block; width:375px; height:50px; text-indent:-100%; overflow:hidden; background-repeat:no-repeat; background-image: url(../img/eventos.gif) }*/
body#inicio h2 { color:#000; margin:0 0 10px 17px; }
body#inicio div#nav { height:auto }

  /*   Servicios   */
body#disc-jockey div#cont a { float:right }

	/* Fiestas */
body#fiestas div.subcont ul li { margin:0 0 0 20px }

	/* Iluminacion */
body#iluminacion div.equipo { margin-top:50px }

  /*   Equipos   */
body#equipos div.subcont p { padding-right:20px; text-align:right }

  /*   Contacto   */
body#contacto a { color:#C8C9CB; text-decoration:underline }
body#contacto a:hover { color:#FFB24E; border:0; }
body#contacto div#cont { text-align:left; }
body#contacto div#sc p { margin-left:30px; }
body#contacto div#contactFormArea, body#fiestas div#contactFormArea { float:left; }
body#contacto fieldset, body#fiestas fieldset { border:0;margin:0;padding:0;width:320px; }
body#contacto label, body#fiestas label { display:block; }
body#contacto input.text,textarea, body#fiestas input.text,textarea { width:250px;font:14px/14px "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif; color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
body#contacto input.submit, body#fiestas input.submit { padding:2px 5px;font:bold 14px/14px "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif; }
body#contacto .fondoImg, body#fiestas .fondoImg { background:#fff url(../img/textarea.gif) center no-repeat }
body#contacto .fondoClr, body#fiestas .fondoClr { background:#fff }
body#contacto div#contactoup, body#fiestas div#contactoup { position:absolute }
body#contacto div.tel { background:url(../img/tel.gif) no-repeat bottom left }
body#contacto div.ntel { background:url(../img/ntel.gif) no-repeat 100px }
body#contacto div.msn { background:url(../img/msn.gif) no-repeat }

  /*   Area de Clientes   */
body#clientes h2, body#admin h2 { border-bottom:1px dashed #fff }
body#clientes fieldset, body#admin fieldset { border:0; }
body#clientes label, body#admin label { display:block; margin-top:10px; }
body#clientes label strong, body#admin label strong { display:block; float:left; width:230px; text-align:right; margin-right:10px }
body#clientes textarea, body#admin textarea {float:left}
body#clientes input#mod_button, body#admin input#mod_button {float:right;margin-top:10px}
body#clientes a.volver, body#admin a.volver {float:left;font-size:0.8em}
body#clientes p.ok, body#admin p.ok { margin:20px 0; text-align:center; display:block; padding:10px 0; border: 1px solid #00B713; background:#C4D2A9; color:#000; }

body#clientes div.preinv {
	background:#fff; color:#000; font:0.9em/1.3em "Courier New", Courier, monospace;
	padding:10px; margin:20px 10px;
	border-style:solid; border-color:#666 #000 #000 #666; border-width:1px 3px 3px 1px;
	}

  /*   Adm-Presupuestos   */
body#admin div#wrap img { margin-right:0; border:0; }
body#admin div#wrap img:hover {  border:0; }