@charset "utf-8";
/* CSS Document */
/*<style type="text/css">*/

* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color: #000;
	/* background-image: url(../fondo.jpg); 
	background-repeat: repeat-x; 
	padding: 3px; */
	height: 100%;
}
/* ESTILOS MENU DESPLEGABLE */
#slideMenu.closed{
	left: -230px; 
}

#slideMenu{
	position:fixed;
	left:0;
	top:0px; 
	width:220px; 
	height:600px; /* altura de toda la caja del menu */
    background-color: #000; 
	z-index:20;
	border: 5px solid #000; 
}

#slideMenu a.toggleBtn{
	position:absolute;
	right:0;
	top:0;
	outline:none;
	display:block;
	height:600px; /* altura boton */
	width:27px; 
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 5px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow-menu600.png) no-repeat;
	z-index:20;
}

#slideMenu a.toggleBtnHighlight{
	position:absolute;
	right:0;
	top:0;
	outline:none;
	display:block;
	height:600px; /* altura boton */
	width:27px; 
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 5px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow-menu600.png) no-repeat 0px -600px; /* -altura boton */
	z-index:20;
}
/* DJM ESTILOS */
.content{
	padding:0px;
	/* margin-left:5px; */
	z-index:20;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #000;
	/* background:url(../fondo-menu.png) no-repeat; */
	text-decoration:none;
	font-weight: bold;
	letter-spacing: -1px; /* el cliente lo quiere como el antialias de flash */
}
.menublanco {
	color:#FFF;
}
.menublanco a {
	text-decoration:none;
	color:#FFF;
}
.menublanco a:hover {
	color:#000;
	background-color:#CCC;
}
.menugris a {
	text-decoration:none;
	color:#CCC;
}
.menugris a:hover {
	color:#000;
	background-color:#CCC;
}
.content ul {
	list-style:none;
	margin-left: 5px;
}
.content li {
	line-height: 1.5em;
}
.subnav {
	display:none; 
	margin-left:20px;
	color:#CCC;
}
.subnav a {
	color:#CCC;
}
.bordesupnegro {
	border-top: 2px solid #999;
	border-right: 2px none #999;
	border-bottom: 2px none #999;
	border-left: 2px none #999;
	font-size: 14px;
}

.izq {
	float: left;
}
.dcha {
	float: right;
}
.imgdcha {
	float: right;
	margin: 5px;
	border: 1px solid #999;
}
.imgizq {
	float: left;
	margin: 5px;
	border: 1px solid #999;
}
.clear {
display:block; clear:both; visibility:hidden;
}
#cajagaleria {
margin: 0 auto;
width: 100%; /* 600px; */
background-color: #F0F0F0;
/* height: 800px; */ /* 200px; */
}
#paginacontacto {
 width:940px;
 margin: 0 auto;
}
#pielogin {
 width:820px;
 margin: 0 auto;
}
#cajamapa {
	float:left;
	width: 450px;
	background-color:#000;
	color:#FFF;
	margin: 0 auto;
	font-size: 14px;
	padding-left: 5px;
}
#cajamapa a {
	text-decoration:underline;
	color:#FFF;
}
#cajaformcontacto {
	/*position: absolute;*/
	/*left: 120px;*/
	/* top: 50%; 
	height: 200px;
	margin-top: -100px;    /* 200px/2 */
	float:left;
	width: 470px;
	/* margin-left: -120px;    /* 300px/2 */
	background-color:#000;
	color:#FFF;
	/* border: 2px solid #CCC; */
	margin: 0 auto;
	font-size: 12px;
}

#cajaformcontacto div {
 margin: .4em 0;	
}
#cajaformcontacto label {
 /* width: 25%; */
 width:160px;
 float: left;
 text-align:right;
 margin-right: 5px;
}
#cajaformcontacto input {
	margin-bottom: 5px;
	width: 250px;
	border:solid #666 1px;
}
#cajaformcontacto textarea {
	margin-bottom: 5px;
	width: 250px;
	border:solid #666 1px;
}
#cajaformcontacto .error {
	color:#F00;
	font-size:14px;
	font-weight:bold;
}
#cajaformcontacto .correcto {
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	/* border: 1px solid #999; */
}
#enlacegaleria a {
	text-decoration:underline;
	color:#FFF;
}
#enlacegaleria a:hover {
    background-color:#FFF;
	color:#000;
	text-decoration:none;
}

#cajapagina {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;    /* 800px/2 */
	margin-top: 40px;
	background-color:#000;
	color:#FFF;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 10px;
}
.nombres {
	font-size: 15px;
	font-weight: bold;
}
#cajaformlogin {
	/*position: absolute;*/
	/*left: 120px;*/
	/* top: 50%; 
	height: 200px;
	margin-top: -100px;    /* 200px/2 */
	width: 420px;
	/* margin-left: -120px;    /* 300px/2 */
	background-color:#000;
	color:#FFF;
	/* border: 2px solid #CCC; */
	margin: 0 auto;
	font-size: 14px;
}

#cajaformlogin div {
 margin: .4em 0;	
}
#cajaformlogin label {
 width: 25%;
 float: left;
 text-align:right;
 margin-right: 5px;
}
#cajaformlogin input, textarea {
	margin-bottom: 5px;
	width: 300px;
	border:solid #666 1px;
}
#cajaformlogin .error {
	color:#F00;
	font-size:14px;
	font-weight:bold;
}
#cajaformlogin .correcto {
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	/* border: 1px solid #999; */
}
html, body { height:100%; }