BODY {BACKGROUND-COLOR:#000000; }
#aprobado {
margin:30px 0 30px 460px;
float:left;
width:88px;
height:31px;
background-image:url(../images/valid-xhtml10.png);
}
.round {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
behavior: url(ie-css3.htc);
}
/*
.round-top {
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -khtml-border-top-left-radius: 15px;
  -khtml-border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.round-bottom {
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -khtml-border-bottom-left-radius: 15px;
  -khtml-border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
*/
.flag{
	position:absolute;
	width:30px;
	height:15px;
	margin:-28px auto auto 742px;
}
#contentarts{
	clear:left;
	width: 1008px;
	overflow: hidden;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	min-height:350px;
	margin:10px 0 10px 0;
}
#solologo{
	width:51px;
	height:100px;
	position:absolute;
	margin: 215px 0 0 750px;
	background-image:url(../images/solologo.png);
	background-repeat:no-repeat;
}
.nombredj{
	position:relative;
	float:left;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	height:25px;
	width:490px;
	margin:0 0 15px 0;
	padding:7px 0 0 10px;
	background-color:#333333;
}
.cerrardj{
	position:absolute;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	height:20px;
	width:20px;
	margin:0 0 0 480px;
	padding:7px 0 0 0;
	background-color:#333333;
}
#dj1{
	float:left;
	margin:60px 0 0 110px;
}
#dj1 a{
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:21px;
	/*font-weight:bold;*/
	color:#FFFFFF;
	text-decoration:none;
}
#dj1 a:hover{
	color:#333333;
	text-decoration:none;
}
.dj2{
	float:left;
	margin:60px 0 0 30px;
}
.dj2 a{
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:21px;
	color:#FFFFFF;
	text-decoration:none;
}
.dj2 a:hover{
	color:#333333;
	text-decoration:none;
}
#slickbox{
	background-color:#FFFFFF;
	height:300px;
	width:800px;
}
#davidbox{
	background-color:#FFFFFF;
	height:300px;
	width:800px;
}
#dannybox{
	background-color:#FFFFFF;
	height:300px;
	width:800px;
}
.cerrardj a{
	color:#FFFFFF;
	text-decoration:none;
}
.cerrardj a:hover{
	color:#000000;
	text-decoration:none;
}
#perfilart{
	width:801px;
	margin:30px 0 0 100px;
	background-color:#999999;
	position:absolute;
}
.fotodj{
	float:left;
	width:200px;
	height:251px;
	padding:20px 0 0 20px;
}
.textodj{
	float:left;
	width:500px;
	height:211px;
	margin:20px 0 30px 60px;
	color:#333333;
}
#menindex{
	float:left;
	width:50px;
	height:38px;
	margin:0 0 0 13px;
}
#men1{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 2px;
}
#men1:hover{
	background-image:url(../images/menu.png);
	background-position:-66px -39px;
}
#men1:active{
	background-image:url(../images/menu.png);
	background-position:-66px -77px;
}
#menrefs{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 2px;
	background-image:url(../images/menu.png);
	background-position:-66px -39px;
}
#men2{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men2:hover{
	background-image:url(../images/menu.png);
	background-position:-167px -39px;
}
#men2:active{
	background-image:url(../images/menu.png);
	background-position:-167px -77px;
}
#menarts{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menu.png);
	background-position:-167px -39px;
}
#men3{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men3:hover{
	background-image:url(../images/menu.png);
	background-position:-268px -39px;
}
#men3:active{
	background-image:url(../images/menu.png);
	background-position:-268px -77px;
}
#mengalls{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menu.png);
	background-position:-268px -39px;
}
#men4{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men4:hover{
	background-image:url(../images/menu.png);
	background-position:-369px -39px;
}
#men4:active{
	background-image:url(../images/menu.png);
	background-position:-369px -77px;
}
#men5{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men5:hover{
	background-image:url(../images/menu.png);
	background-position:-470px -39px;
}
#men5:active{
	background-image:url(../images/menu.png);
	background-position:-470px -77px;
}
#menphil{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menu.png);
	background-position:-470px -39px;
}
#men6{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men6:hover{
	background-image:url(../images/menu.png);
	background-position:-571px -39px;
}
#men6:active{
	background-image:url(../images/menu.png);
	background-position:-571px -77px;
}
#menconta{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menu.png);
	background-position:-571px -39px;
}
#men7{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men7:hover{
	background-image:url(../images/menu.png);
	background-position:-672px -39px;
}
#men7:active{
	background-image:url(../images/menu.png);
	background-position:-672px -77px;
}

#legal{
	height:20px;
	width:1008px;
	float:left;
	margin:40px auto;
}
#legal a{
	
	color:#FFFFFF;
	text-decoration:none;
}
#legal a:hover{
	
	color:#CCCCCC;
	text-decoration:none;
}
.destacado{
	height:130px;
	width:320px;
	float:left;
}
#destacawebs{
	height:320px;
	width:224px;
	float:left;
	margin:10px 0 10px 0;
}
#mano{
	width: 225px;
	height: 158px;
	display:block;
	position:absolute;
	margin:-146px 0 0 -5px;
	background:url(../images/logo.png) no-repeat transparent;
}
#facebook{
	position:relative;
	margin:20px 0 10px 55px;
}
#paypal{
	position:relative;
	margin:20px 0 0 50px;
}
.preref1{
	position:absolute;
	height:50px;
	width:170px;
	margin:80px 0 0 570px;
}
#ref1{
	position:absolute;
	height:150px;
	width:150px;
	background-image:url(../images/ref1.jpg);
	margin: 75px 0 0 35px;
}
#ref2{
	position:absolute;
	height:150px;
	width:150px;
	background-image:url(../images/ref2.jpg);
	margin: 75px 0 0 35px;
}
#ref3{
	position:absolute;
	height:150px;
	width:150px;
	background-image:url(../images/ref3.jpg);
	margin: 75px 0 0 35px;
}
.tituloref1{
	position:absolute;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin: 5px 0 0 5px;
	height:30px;
	width:780px;
	padding:10px 0 0 20px;
	background-color:#333333;
}
.datosref1{
	position:absolute;
	color:#666666;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	margin: 80px 0 0 229px;
	height:100px;
}
.descarga1{
	width:130px;
	background-image:url(../images/descarga.png);
	height:32px;
	position:absolute;
	margin: 192px 0 0 225px;
	background-position:0 -1px;
}
.descarga1:hover{
	background-image:url(../images/descarga.png);
	background-position:0 -40px;
}
.descarga1:active{
	background-image:url(../images/descarga.png);
	background-position:0 -78px;
}
.descarga1en{
	width:130px;
	background-image:url(../images/download.png);
	height:32px;
	position:absolute;
	margin: 192px 0 0 225px;
	background-position:0 -1px;
}
.descarga1en:hover{
	background-image:url(../images/download.png);
	background-position:0 -40px;
}
.descarga1en:active{
	background-image:url(../images/download.png);
	background-position:0 -78px;
}
.referencia1{
	width:810px;
	height:270px;
	margin: 30px 0 0 100px;
	background-position:-8px -8px;
	background-color:#FFFFFF;
	color:#666666;
}
.scloud1{
	position:absolute;
	height:81px;
	width:245px;
	margin:145px 0 0 530px;
}
.main_image {
    width: 450px;
    height: 300px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}
.image_thumb {
    float: left;
    width: 180px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
#simbolo{
	width:200px;
	height:200px;
	position:absolute;
	margin: 15px 0 0 808px;
	background-image:url(../images/simbolo.jpg);
}
#destacados{
	clear:left;
	BACKGROUND-COLOR:#000000;
	WIDTH: 1008px;
	margin: 0 auto;
	min-width: 1008px;
	max-width: 1008px;
	height:280px;
}
#hueco {
	WIDTH: 70%;
	margin: 0 auto;
	min-width: 800px;
	max-width: 800px;
	height:15px;
	BACKGROUND-COLOR:#000000;
}
#logo{
	float:left;
	background-image:url(../images/logoDG.jpg);
	background-repeat:no-repeat;
	width:298px;
	height:60px;
	margin:20px 0 2px -3px;
}
#logo2{
	float:left;
	background-image:url(../images/recordings.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:60px;
	margin:5px 0 0 5px;
}
#cabecera {
	background-color:#FFFFFF;
	WIDTH: 70%;
	margin: 20px auto;
	padding:0 15px 0 15px;
	min-width: 1008px;
	max-width: 1008px;
	height:150px;
}
#global {
	margin: 35px auto;
	padding:0 15px 52px 15px;
	min-width: 1008px;
	max-width: 1008px;
}
#menu {
	float:right;
	position:relative;
	width:786px;
	height:38px;
	position:relative;
	background-image:url(../images/menu.png);
	margin:40px 0 15px 0;
	background-position:-1px -1px;
}
#menuen {
	float:right;
	position:relative;
	width:786px;
	height:38px;
	position:relative;
	background-image:url(../images/menuen.png);
	margin:40px 0 15px 0;
	background-position:-1px -1px;
}
#menu-galeria {
	clear: left;
	width: 800px;
	background-color: #B66A2C;
	margin: 0 0 10px 0;
}
#contenidos {
	float:left;
	overflow:hidden;
	background-color: #999999;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
}
#content {
	clear:left;
	width: 758px;
	overflow: hidden;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	min-height:320px;
	margin:10px 0 10px 0;
}
#contentrefs{
	clear:left;
	width: 1008px;
	overflow: hidden;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	min-height:320px;
	margin:10px 0 40px 0;
}
#textofilosofia{
	margin:60px 60px 0 60px;
}
#content1 {
	width:1008px;
	overflow:hidden;
	background-color: #999999;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	height:100%;
}
#pie {
	float:left;
	width: 1008px;
	height: 20px;
}
#simple-menu{
	list-style-type:none;
	width:400px;
	position:relative;
	height:27px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:lighter;
	margin:0 0 5px 0;
}
#simple-menu li{display:block;float:left;margin:0 0 0 10px;height:27px;}
#simple-menu li.left{margin:0;}
#simple-menu li a{
	display:block;
	float:left;
	color:#00C500;
	line-height:27px;
	text-decoration:none;
	padding:0 22px 0 23px;
	height:27px;
}
#simple-menu li a.right{padding-right:19px;}
#simple-menu li:hover a,li a:hover{
	color:#999999;
}
#simple-menu li a.current{
	color:#999999;
}
#simple-menu li a.current:hover{
	color:#999999;
}
/* 
Esto se aplica al menu->hijos...
*/
#simple-menu ul {display: none;}

/* Cada menu hijo se verá al pasar el ratón por encima... */
#simple-menu li:hover ul {display: block;}
#simple-menu ul
{
	float: none;
	/*position: relative;*/
	list-style: none;
	margin: 2px 0 0 5px;
	padding: 0;
	top: 1.8em;
	left: 0;
}
#simple-menu ul li
{
	float: none;
	clear: none;
	margin: 4px;
	padding: 0;
	width: auto;
	color: #999;
}
#simple-menu li:hover ul li a,
#simple-menu ul li a
{
	line-height: 200%;
	width:70px;
	font-size:11px;
	display: block;
	padding: 2px 5px 0 5px;
	float: none;
	color: #00C500;
	border-bottom: solid #00C500 2px;
	text-align: center;
}
#simple-menu li:hover ul li a:hover,
#simple-menu ul li a:hover
{
	color:#999999;
}
#titulo{
	float:left;
	width:340px;
	position:absolute;
	height:65px;
	margin: -170px 0px 0px 755px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:50px;
	font-weight:bold;
	color:#888888;
}
#formulario {
	/*width:580px;*/
	background-color:#000000;
	/*height:100%;*/
	margin: 5px 25px 10px 25px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
}
#caja {
position:relative;
float:left;
width: 758px; /*ANCHO TOTAL DE LA CAJA*/
margin:40px 0 0 0;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}

#caja2 {
float:left;
width: 320px; /*ANCHO TOTAL DE LA CAJA*/
margin:60px 0 0 0;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}

#referencias {
	height:170px;
	width:195px;
	background-image:url(../images/referencias.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:-40px 0 0 -305px;
}
.textodestacados {
	height:130px;
	width:120px;
	position:absolute;
	margin:15px 0 0 175px;
}
#caja3 {
float:left;
width: 320px; /*ANCHO TOTAL DE LA CAJA*/
margin:60px 0 0 24px;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}
#caja3b {
float:left;
width: 320px; /*ANCHO TOTAL DE LA CAJA*/
margin:60px 0 0 24px;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}
#eventos {
	height:177px;
	width:200px;
	background-image:url(../images/calendario.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:-40px 0 0 -310px;
}
#contacto {
	height:128px;
	width:128px;
	background-image:url(../images/contacto.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:-40px 0 0 -310px;
}
#caja4 {
float:left;
width: 224px; /*ANCHO TOTAL DE LA CAJA*/
margin:40px 0 0 24px;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}

#caja5 {
float:left;
width:1008px; /*ANCHO TOTAL DE LA CAJA*/
margin:40px 0 40px 0;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}

#cajarefs {
float:left;
width:1008px; /*ANCHO TOTAL DE LA CAJA*/
margin:40px 0 0 0;
background: transparent url(../images/bg-wedge.png) repeat 0 0;
}
#menindexen{
	float:left;
	width:50px;
	height:38px;
	margin:0 0 0 13px;
}
#men1en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 2px;
}
#men1en:hover{
	background-image:url(../images/menuen.png);
	background-position:-66px -39px;
}
#men1en:active{
	background-image:url(../images/menuen.png);
	background-position:-66px -77px;
}
#menrefsen{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 2px;
	background-image:url(../images/menuen.png);
	background-position:-66px -39px;
}
#men2en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men2en:hover{
	background-image:url(../images/menuen.png);
	background-position:-167px -39px;
}
#men2en:active{
	background-image:url(../images/menuen.png);
	background-position:-167px -77px;
}
#menartsen{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menuen.png);
	background-position:-167px -39px;
}
#men3en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men3en:hover{
	background-image:url(../images/menuen.png);
	background-position:-268px -39px;
}
#men3en:active{
	background-image:url(../images/menuen.png);
	background-position:-268px -77px;
}
#mengallsen{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menuen.png);
	background-position:-268px -39px;
}
#men4en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men4en:hover{
	background-image:url(../images/menuen.png);
	background-position:-369px -39px;
}
#men4en:active{
	background-image:url(../images/menuen.png);
	background-position:-369px -77px;
}
#men5en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men5en:hover{
	background-image:url(../images/menuen.png);
	background-position:-470px -39px;
}
#men5en:active{
	background-image:url(../images/menuen.png);
	background-position:-470px -77px;
}
#menphilen{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menuen.png);
	background-position:-470px -39px;
}
#men6en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men6en:hover{
	background-image:url(../images/menuen.png);
	background-position:-571px -39px;
}
#men6en:active{
	background-image:url(../images/menuen.png);
	background-position:-571px -77px;
}
#mencontaen{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
	background-image:url(../images/menuen.png);
	background-position:-571px -39px;
}
#men7en{
	float:left;
	width:100px;
	height:38px;
	margin:0 0 0 1px;
}
#men7en:hover{
	background-image:url(../images/menuen.png);
	background-position:-672px -39px;
}
#men7en:active{
	background-image:url(../images/menuen.png);
	background-position:-672px -77px;
}