/*////////////////////////////////////////////////////////////////////////////
  Estilos generales
////////////////////////////////////////////////////////////////////////////*/
body{
	background-color: #3e3d3d;
	background-image: url('../interface/body-bg.gif');
	background-repeat: repeat-x;
	margin: 3% 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	text-align: center;
}
a{
	border-bottom: 1px solid #eeeeee;
	color: #666666;
	text-decoration: none;
	font-size:7pt;
}
a:hover{
	border-bottom: 1px dotted #444444;
	color: #444444;
	font-family:verdana;
}
input{
	border:1px solid #666666;
	color:#666666;
	font-family:verdana;
	font-size:8pt;
}
select{
	border:1px solid #666666;
	color:#666666;
	font-family:verdana;
	font-size:8pt;
}
textarea{
	border:1px solid #666666;
	font-family:verdana;
	font-size:8pt;
	color:#666666;
}
/*////////////////////////////////////////////////////////////////////////////
 Pre_contenido
////////////////////////////////////////////////////////////////////////////*/
#pre_contenido{
	margin: 0px auto -15px;
	padding: 0px;
	z-index: 1;
	color: #cccccc;
	position:relative;
	width: 900px;
}
#otros{
	text-align:right;
}
#otros a{
	color: #cccccc;
	border:0px;
}
#otros a:hover{
	color:#ffffff;
}

/*////////////////////////////////////////////////////////////////////////////
 Contenedora Global
////////////////////////////////////////////////////////////////////////////*/
#contenedor_global{
	background-color: #626060;
	border: 1px solid #b6b3b3;
	color: #000000;
	margin: 0px auto;
	padding-top: 60px;
	text-align: left;
	width: 900px;
	height: 454px;
	position: relative;
	z-index: 1;
}

/*////////////////////////////////////////////////////////////////////////////
  Cabecera
////////////////////////////////////////////////////////////////////////////*/
#cabecera{
	background-color: #777777;
	width: 900px;
	height: 510px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#cabecera img{ border: 0px; float: right; margin: 15px 15px 0px 0px; }
#menu_principal{
	color: #eeeeee;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}

/*////////////////////////////////////////////////////////////////////////////
	Menú
////////////////////////////////////////////////////////////////////////////*/
.menuBar,.menuBar a.menuButton,.menu,.menu a.menuItem{
 font-family: verdana, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #000000;
	text-align: left;
}
.menuBar{
	margin:0px auto;
 padding:0px;
 text-align: left;
	width:900px;
	position:relative;
	top:120px;
	z-index: 15;
}
.menuBar table{
	background-color:#666666;
	border-top:1px solid #555454;
	border-right:0px;
	border-bottom:1px solid #555454;
	border-left:0px;
	width:100%;
	height:20px;
}
.menuBar table tr td{
	border-top:1px solid #898989;
	border-right:1px solid #555454;
	border-bottom:0px;
	border-left:1px solid #898989;
}
.menuBar .item{ width:10%; }
.menuBar a.menuButton{
	background-color:#666666;
	border:0px;
 color: #dddddd;
	display:block;
 left: 0px;
 margin: 0px;
 padding: 2px 6px 2px 6px;
 position: relative;
 text-decoration: none;
 top: 0px;
 z-index: 15;
}
.menuBar a.menuButton:hover{
	background-color: #333333;
 color: #ffffff;
}
.menuBar a.menuButtonActive, .menuBar a.menuButtonActive:hover{
  background-image:url(../interface/linkbg.gif);
	background-repeat:repeat-x;
  color: #ffffff;
}
.menu{
	border-top:1px solid #555454;
	border-right: 1px solid #555454;
 border-left: 1px solid #555454;
 left: 0px;
	margin: 2px 0px 0px -1px;
 position: absolute;
 visibility: hidden;
 z-index: 16;
}
.menu a.menuItem{
	background-color:#999999;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #555454;
 color: #ffffff;
 display: block;
 padding: 2px 0.75em 3px 0.75em;
 text-decoration: none;
 white-space: nowrap;
}
.menu a.menuItem:hover, .menu a.menuItemHighlight{
 background-color:#eeeeee;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
 color: #5a5a5a;
}

/*////////////////////////////////////////////////////////////////////////////
 Ficha
////////////////////////////////////////////////////////////////////////////*/
#ficha{
	border: 10px solid #efefef;
	background-color: #efefef;
	clip:rect(0px, 435px, 145px, 0px);
	width: 415px;
	height: 145px;
	font-size: 10pt;
	position: absolute;
	top: 100px;
	left: 280px;
	z-index: 500;
	overflow: hidden;
}
#arrow_up{ position: absolute; top: 165px; right: 15px;	z-index: 500; }
#arrow_up a img{ border: 0px; text-decoration: none; }
#arrow_up a{ border: 0px; text-decoration: none; }
#arrow_down{ position: absolute; top: 190px; right: 15px;	z-index: 500; }
#arrow_down a img{ border: 0px; text-decoration: none; }
#arrow_down a{ border: 0px; text-decoration: none; }


/*////////////////////////////////////////////////////////////////////////////
  Texto
////////////////////////////////////////////////////////////////////////////*/
#texto{
	position: absolute;
	top: 60px;
	left: 50px;
	z-index: 500;
	font-size:9pt;
}

/*////////////////////////////////////////////////////////////////////////////
  Título
////////////////////////////////////////////////////////////////////////////*/
#titulo{
	width: 470px;
	position: absolute; 
	top:55px;
	right: 0px;
}
#titulo h1{ margin:0px; font-size: 14pt; }
.referencia{ font-size: 8pt; margin: 5px 0px 5px 0px; }

/*////////////////////////////////////////////////////////////////////////////
	Modelos
////////////////////////////////////////////////////////////////////////////*/
#modelos{
	background-image: url('../interface/linea-bg.gif');
	background-repeat: repeat-x;
	background-color: #eeeeee;
	width: 740px;
	padding: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#modelos a{ border: 0px; font-weight:bold; text-decoration: none; }
#modelos a:hover{ border: 0px; }

/*////////////////////////////////////////////////////////////////////////////
 Línea 
////////////////////////////////////////////////////////////////////////////*/
#linea{
	color: #666666;
	padding: 0px 5px 0px 0px;
	width: 740px;
	font-size: 14pt;
	font-weight: bold;
	text-align:right;
	position: absolute;
	top: 26px;
	right: 0px;
}

/*////////////////////////////////////////////////////////////////////////////
  Scroll horizontal colecciones
////////////////////////////////////////////////////////////////////////////*/
#scroll_models_bg{
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:500;
	width: 550px;
	height: 275px;
	top: 90px;
	left: 100px;
	overflow:hidden;
}
#scroll_models_menu{
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:500;
	left:0px;
	top:0px;
	color:#333333;
	font-size:13px;
	font-family:verdana,sans-serif;
	text-align: left;
	visibility:inherit;
}
#scroll_models_menu * a:hover{ border: 0px; }
#scroll_models_menu * a:hover img{ border: 1px solid #666666; }
#scroll_models_menu * img{ border: 1px solid #bbbbbb; margin: 0px 25px 0px 0px; z-index:500}
#scroll_models_menu .una_imagen{ margin: 0px 0px 0px 165px; z-index:500}
#scroll_models_menu #dos_imagen1{ position: absolute; left: 50px; z-index:500}
#scroll_models_menu #dos_imagen2{ position: absolute; left: 300px; z-index:500}
#arrow_right_big{ position: absolute; top: 105px; right: 75px; z-index:500}
#arrow_right_big a img{ border: 0px; text-decoration: none; }
#arrow_right_big a{ border: 0px; text-decoration: none; }
#arrow_left_big{ position: absolute; top: 105px; left: 75px; z-index:500}
#arrow_left_big a img{ border: 0px; text-decoration: none; }
#arrow_left_big a{ border: 0px; text-decoration: none; }

/*////////////////////////////////////////////////////////////////////////////
  Scroll horizontal modelos
////////////////////////////////////////////////////////////////////////////*/
#scroll_bg{
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:500;
	width: 365px;
	height: 90px;
	top: 275px;
	left: 323px;
	overflow:hidden;
}
#scroll_menu{
	position:absolute;
	margin: 0px;
	padding: 0px;
	z-index:500;
	left:0px;
	top:0px;
	color:#333333;
	font-size:13px;
	font-family:verdana,sans-serif;
	text-align: left;
	visibility:inherit;
}
#arrow_right{ position: absolute; top: 305px; right: 40px; z-index:500}
#arrow_right a img{ border: 0px; text-decoration: none; z-index:500}
#arrow_right a{ border: 0px; text-decoration: none; z-index:500}
#arrow_left{ position: absolute; top: 305px; left: 285px; z-index:500}
#arrow_left a img{ border: 0px; text-decoration: none;z-index:500 }
#arrow_left a{ border: 0px; text-decoration: none; z-index:500}
#scroll_menu  a{ border: 0px; z-index:500}
#scroll_menu  a:hover{ border: 0px; }
#scroll_menu  a:hover img{ border: 1px solid #e2e2e2; }
#scroll_menu * img{ border: 1px solid #ffffff; margin: 0px 16px 0px 0px; z-index:500}

/*////////////////////////////////////////////////////////////////////////////
  Visor de imágenes
////////////////////////////////////////////////////////////////////////////*/
#visor{
	width: 210px;
	height: 309px;
	position: absolute;
	top: 55px;
	left: 35px;
	text-align: center;
	border-right: 1px dashed #dddddd;
	z-index:500
}
#visor a img{ border:0px; }
#visor a{ border:0px; }
#visor a:hover{ border:0px; }

/*////////////////////////////////////////////////////////////////////////////
  Transparencia izquierda
////////////////////////////////////////////////////////////////////////////*/
#sub_trans_left{
	width: 150px;
	height: 510px;
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 50;
}
#sub_trans_left img{ margin-top: 119px }

/*////////////////////////////////////////////////////////////////////////////
  Flash
////////////////////////////////////////////////////////////////////////////*/
#flash{
	width: 900px;
	height: 375px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 300;
}
#flash img{ margin-top: 119px }

/*////////////////////////////////////////////////////////////////////////////
  Transparencia izquierda
////////////////////////////////////////////////////////////////////////////*/
#trans_left{
	background-color: #444444;
	width: 150px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

/*////////////////////////////////////////////////////////////////////////////
  Transparencia izquierda para flash
////////////////////////////////////////////////////////////////////////////*/
#trans_left_flash{
	background-color: #444444;
	width: 150px;
	height: 494px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 450;
}

/*////////////////////////////////////////////////////////////////////////////
  Desarrollo
////////////////////////////////////////////////////////////////////////////*/
#desarrollo{
	background-repeat:no-repeat;
	background-color: #ffffff;
	color: #666666;
	width: 750px;
	height: 375px;
	position: absolute;
	top: 119px;
	left: 150px;
	z-index:500
}

/*////////////////////////////////////////////////////////////////////////////
  Sitio
////////////////////////////////////////////////////////////////////////////*/
#sitio{
	background-color:#9a9a9a;
	position:absolute;
	top:0px;
	width: 740px;
	padding:5px;
	color:#eeeeee;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	z-index: 5;
}
/*////////////////////////////////////////////////////////////////////////////
 Menú inferior
////////////////////////////////////////////////////////////////////////////*/
#menu_inferior{
	background-color: #eaeaea;
	color: #888888;
	padding: 3px 5px 3px 0px;
	font-size: 8pt;
	text-align: right;
	width: 895px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 200;
	font-weight:bold;
}
#menu_inferior a{ border: 0px; color: #666666;  text-decoration: none; }
#menu_inferior a:hover{ border: 0px; color: #999999; }

/*////////////////////////////////////////////////////////////////////////////
 Pie de página
////////////////////////////////////////////////////////////////////////////*/
#pie{
	color: #999999;
	margin: 3px auto;
	font-size: 7pt;
	text-align: left;
	width: 900px;
	position:relative;
	z-index: 50;
}
#pie a{ border: 0px; color: #999999; text-decoration: none; }
#pie a:hover{ border: 0px; color: #dddddd;  }
#pie img{ border: 0px; float: right; margin: 0px 0px 0px 5px; }