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

body{
background:#E9E9E9 url(../imas/bg_form.png) repeat-x top;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
.clear{
clear:both;
overflow: hidden;
width: 100%;
}
#bg01{
width:100%;
background:#2B2B2B url(../imas/bg_djwm.png) repeat-x top left;
}
#bg02{
width:100%;
height:400px;
background:#2B2B2B url(../imas/bg_djwm.png) repeat-x top left;
}
#bgDesatacadas{
width:100%;
background:#2B2B2B;
}
#bg04{
width:100%;
}
#main{
width:900px !important;
margin:0 auto !important;
}
#main1{
width:900px !important;
margin:0 auto !important;
}
#main2{
width:900px !important;
margin:0 auto !important;
}
h1, h2, h3, h4, h5, h6 {
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
p {
}

#copetes{
margin-bottom:30px;
font-size: 18px;
color:#FFFFFF;
text-transform:uppercase;
}
#copetes span{ color:#A8B934; }
.loader{
background:url(../imas/loader.gif) no-repeat center;
width:100%;
height:400px;
}
.loaderIndex{
background:url(../imas/loaderIndex.gif) no-repeat center;
width:100%;
height:200px;
}

p.masInfo a{
background:url(../imas/flechita.gif) no-repeat left;
padding-left:10px;
font-size: 10px;
color: #bababa;
text-transform:uppercase;
text-decoration:none;
}
p.masInfo a:hover{
color: #999999;
}

#volver{
margin:30px 0 15px 0;
clear:both;
}
.volver a{
float:right;
padding:5px;
background:#2b2b2b;
color:#FFFFFF;
text-decoration:none;
}
.volver a:hover{
background:#555555;
}
/**************************** DIV CONTACTO TOP SITE ****************************/
#FormContacto1{
width:840px !important;
margin:0 auto !important;
height:200px;
}

/**************************** HEADER ****************************/
#header #menuHeader{
height:23px !important;
}

	/***** BOTONES MENU *****/

#menuHeader ul#btnMenu-nav-ul {
  	margin: 0;
  	padding: 0;
	height:16px;
	display: inline;
	overflow: hidden;
  	list-style: none;
  }
  
#menuHeader ul#btnMenu-nav-ul li {
  	margin:0;
  	padding:0;
	list-style: none;
	display: inline;
  }
  
#menuHeader ul#btnMenu-nav-ul a {
	float: right;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	}
	
#menuHeader ul#btnMenu-nav-ul a:hover {
	background-position: 0 -16px;
	}
#menuHeader ul#btnMenu-nav-ul a.selected{
background-position: 0 -16px;
}
#home a {
	width:16px;
	background: url(../imas/btn_home.gif) no-repeat;
	margin:3px 0 0 0;
	}
#staff a {
	width:16px;
	background:	url(../imas/btn_staff.gif) no-repeat;
	margin:3px 0 0 20px;
	}
#contacto a {
	width:16px;
	background:	url(../imas/btn_mail.gif) no-repeat;
	margin:3px 0 0 20px;
	}
#admin a {
	width:16px;
	background:	url(../imas/btn_lock.gif) no-repeat;
	margin:3px 0 0 20px;
	}


#header #iso1{
margin:25px 0 25px 17px;
float:left;
}
/*#header #iso2{
margin:30px 17px 0 0;
float:right;
}*/

/**************************** MENU SITE DJWM ****************************/
#menuNav{
border-top:#414141 1px solid;
}

#menuNav ul#nav-ul {
  	margin: 0;
  	padding: 0;
	display: inline;
	overflow: hidden;
  	list-style: none;
  }
  
#menuNav ul#nav-ul li {
	float:right;
	list-style: none;
	display: inline;
  }
#menuNav ul#nav-ul li a{
color: #999999;
font-size:10px;
text-decoration:none;
line-height:3.5em;
  }
#menuNav ul#nav-ul li a:hover{
color: #FFFFFF;
  }
#menuNav ul#nav-ul li a.selected{
color: #FFFFFF;
} 
#menuNav .sepNav{
background:#414141;
width:1px;
height:35px;
margin:0 10px 0 10px;
}
/**************************** MENU SUB SECCIONES + CONTENIDO ****************************/
#subSecciones{
background: url(../imas/bg_sub_secciones.png) top left repeat-x;
margin-top:50px !important;
padding:10px 0 0 0;
width:900px;
height:auto;
}
#subSecciones #banners{
margin:20px 0 0 0;
float:right;
}
#subSecciones #banners img{
padding:1px 0 1px 0;
}
#contSub{
background:#E9E9E9;
width:550px !important;
float:left;
margin-left:10px;
padding:25px 40px 0 40px;
font-size:12px;
color:#555555;
}
#contSub p{
margin:5px 0 20px 0;
}
#contSub p a{
color:#555555;
text-decoration:none;
}
#contSub .imgNews{
margin:10px 0 10px 0;
padding:4px;
border:#CCCCCC 1px solid;
}
#contSub h1{
font-size: 10px;
text-transform:uppercase;
width:100%;
padding-bottom:5px;
border-bottom:#888888 1px dashed;
}
#contSub h1 a.home{
background:url(../imas/ico_home.gif) no-repeat left;
padding-left:20px;
}
#contSub h1 a{
color:#888888;
text-decoration:none;
padding:0pt 7px;
}
#contSub h1 a:hover{
text-decoration:underline;
}
#contSub h1 strong{
font-size: 10px;
padding:0pt 7px;
}
#contSub h2, #contSub h2 a{
padding:0px;
margin:10px 0;
font-size:18px;
color:#333333;
text-decoration:none;
}
#contSub h2.destacados{
clear:both;
color:#CCCCCC;
font-size:12px;
background:#2b2b2b;
padding:5px 0px 5px 5px;
text-transform:uppercase;
}
#subSecciones #menuSub{
background:#000000;
width:260px !important;
float:right;
padding:10px 0 0 0;
border-bottom:#000000 10px solid;
color: #FFFFFF;
}

	/***** BOTONES SUB-MENU *****/
#menuSub ul#nav-subMenu{
list-style-type:none;
text-transform:uppercase;
margin:0;
padding:0;
} 
/*#menuSub ul#nav-subMenu li{
display: inline;
// for IE5 and IE6 //
}*/
#menuSub ul#nav-subMenu li a{
color: #999999;
text-decoration: none;
font-size: 10px;
display: block;
padding: 5px;
width: 250px;
border-bottom: 1px solid #414141;
}
#menuSub ul#nav-subMenu li a:hover{
background:#2b2b2b url(../imas/btn_flechita.gif) center right no-repeat;
color: #FFFFFF;
}
#menuSub ul#nav-subMenu li a.selected{
background:#2b2b2b url(../imas/btn_flechita.gif) center right no-repeat;
color: #FFFFFF;
}
	/************** PAGINADOR SUB MENU NOTICIAS **************/
#paginador{
padding:30px 0 15px 0;
}
#paginador .pagina{
padding:5px;
background:#2b2b2b;
color:#FFFFFF;
text-decoration:none;
margin-right:3px;
}
#paginador .vacio{
margin-right:3px;
padding:5px;
background:#d5d5d5;
color:#FFFFFF;
text-decoration:none;
}
#paginador a{
padding:5px;
background:#2b2b2b;
color:#FFFFFF;
text-decoration:none;
}
#paginador a:hover{
background:#555555;
}
/**************************** CONTENIDO CHARTS ****************************/
#charts{
float:left;
clear:both;
margin-top:10px;
width:100%;
}

#charts #puesto{
width:35px;
float:left;
background:#CCCCCC;
padding:5px;
}
#charts p{
padding:0px;
margin:0px;
}
#charts h3{
font-size:18px;
color:#333333;
padding:0px;
margin:0 0 5px 0;
}
#charts .imgChart{
float:left;
width:75px;
height:73px;
padding:4px;
margin-right:10px;
border:#CCCCCC 1px solid;
}
/**************************** CONTENIDO DOWNLOADS ****************************/
#downloads{
background:#e0e0e0;
float:left;
clear:both;
margin-top:10px;
width:100%;
}
#downloads:hover{
background:#ccc;
}
#downloads ul#down{
list-style: none;
display: inline;
padding:4px 0;
margin:0px;
float:left;
}
#downloads ul#down .seccion{
font-size:18px;
color:#333333;
}
#downloads ul#down li{
padding:0px;
margin:0px;
}
#downloads p.imgArchivo{
float:left;
padding:4px;
margin:0;
}
#downloads .imgDownloads{
float:right;
margin:9px;
padding:4px;
background:#000000;
color:white;
font-size:10px;
}

/**************************** CONTENIDO TAPA REVISTA INDEX ****************************/
#tapa{
background:#000000;
margin-top:50px !important;
padding:10px;
width:880px;
}
#tapa .imaTapa{
float:left;
}

#contTapa{
float:right;
width:420px;
}

#contTapa #introduccion{
font-size:12px;
color:#838685;
padding-left:10px;
border-left:1px solid #393E3C;
}

/**************************** CONTENIDO SECCIONES DESTACADAS  INDEX ****************************/
#bgDesatacadas #contDesatacadas{
width:880px !important;
margin:0 auto 15px !important;
clear:both;
}

#contDesatacadas #c11{
width:420px;
float:left;
margin:30px 0 30px 0;
}
#contDesatacadas #c22{
width:420px;
float:right;
margin:30px 0 30px 10px;
}
#contDesatacadas h1{
padding:0px;
margin:0px;
font-size: 18px;
color:#A8B934;
}
#contDesatacadas p.seccion{
margin:0;
font-size:10px;
color:#FFFFFF;
text-transform:uppercase;
}
#contDesatacadas h2{
font-size:12px;
color:#d7d7d7;
}
#contDesatacadas p{
font-size:12px;
color:#838685;
}

#contDesatacadas h3{
font-size: 18px;
color:#000000;
}
#contDesatacadas h4{
font-size:12px;
color:#d7d7d7;
}
#contDesatacadas img.iconos{
margin-right:10px;
float:left;
}



#desatacadas{
width:880px;
clear:both;
padding:10px;
}
#desatacadas #c1{
width:420px;
float:left;
margin:30px 0 0 0;
}
#desatacadas #c2{
width:420px;
float:right;
margin:30px 0 0 10px;
}
	#c2 input{
		margin-top:5px;
		width:215px;
		border:0;
		background:#cccccc;
		padding:5px;
		font-size:11px;
	}
	#c2 .submit{
		width:100px;
		height:24px;
		border:0;
		background:#414141;
		color:white;
		padding:5px;
		font-size:12px;
		cursor:pointer;
	}
	#c2 .submit:hover{
		background:#A8B934;
	}
#desatacadas h1{
padding:0px;
margin:0px;
font-size: 18px;
color:#A8B934;
}
#desatacadas p.seccion{
margin:0;
font-size:10px;
color:#FFFFFF;
text-transform:uppercase;
}
#desatacadas h2{
font-size:12px;
color:#d7d7d7;
}
#desatacadas p{
font-size:12px;
color:#838685;
}
#desatacadas p.newsletter{
margin:0 0 12px 0;
font-size:12px;
color:#838685;
}
#desatacadas h3{
font-size: 18px;
color:#000000;
}
#desatacadas h3.newsGracias{
margin:0;
padding:0;
font-size: 18px;
color:#A8B934;
}
#desatacadas h3.newsAlert{
margin:0;
padding:0;
font-size: 18px;
color:#9C050D;
}
#desatacadas h4{
font-size:12px;
color:#d7d7d7;
}
#desatacadas img.iconos{
margin-right:10px;
float:left;
}

/**************************** PIE PAGINA ****************************/
#footer{
margin:20px 0 20px 0;
padding-top:10px;
width:900px;
border-top:#BEBEBE 1px solid;
color:#555555;
font-size:10px;
}
#footer p.copy{
float:left;
}
#footer p.links{
float:right;
text-align:right;
}
#footer .links a{
color:#555555;
text-decoration:none;
}
#footer .links a:hover{
text-decoration:underline;
}