@charset "iso-8859-1";
/* Documento CSS realizado por Luciano Petrosini */

@import url(reset.css);
@import url(menu.css);
/* Estructura */
.body-main {
	margin-top:50px;
	background:url(../imagenes/estructura/fondo.jpg) no-repeat;
	background-position:top center
}
body {
	font-family:Arial, Helvetica, sans-serif
}
a, a:visited {
	color:#999999
}
a:hover {
	color:#333
}
#contenedor {
	width:960px;
	height:587px;
	margin:0 auto
}
#audio {
	text-align:right;
	height:22px;
	width:960px;
}
#datos {
	width:960px;
	height:538px;
	background:#FFFFFF
}
#distribuidores-area {
	width:776px;
	height:415px;
}
#cabecera {
	width:960px;
	background:url(../imagenes/estructura/cabecera.jpg) repeat-x;
	height:123px;
	padding:0;
}
#imagen-cabecera {
	width:777px;
	height:123px;
	float:right;
	padding:0;
	text-align:right
}
#menu {
	padding:35px 0 0 21px;
	width:162px;
	height:367px;
	float:left
}
#cuerpo {
	float:left;
	width:777px;
	height:415px;
	background:#F0F1EF
}
#home #cuerpo {
	background:#FFF
}
.logotipo {
	display:block;
	background:url(../imagenes/estructura/logotipo-marson.jpg) no-repeat;
	width:174px;
	height:123px;
	text-indent:-9000px;
	margin-left:8px;
	float:left
}
#pie {
	width:960px;
	margin:0 auto;
	padding-top:10px;
	font-size:11px;
}
#pie a, #pie span {
	color:#000000!important;
	padding-left:5px;
	border-left: 1px solid #ccc;
	margin-left:4px;
}
#pie a:hover {
	color:#999999!important;
}
#pie a.url {
	float:right;
	border:none
}
#pie div {
	float:left
}
/*columnas*/

#columna-derecha {
	float:right;
	width:445px;
	height:415px;
	padding-left:24px;
	padding-top:10px;
}
#slideshow {
}
.slides-home {
	float:right;
	width:776px;
	height:415px;
	background-color:#FFFFFF
}
.slides-interiores {
	float:left;
	width:308px;
	height:415px;
}
#slideshow-intro {
	float:right;
	width:776px;
	height:415px;
}
#columna-izquierda {
	float:left;
	width:291px;
	height:413px;
	padding-left:17px;
	padding-top:12px;
	color:#999999;
	font-size:9px;
	font-family: "tahoma", Arial, Helvetica, sans-serif;
}
/*fondos*/

.oscuro {
	background:#E0E1DF
}
.claro {
	background:#F0F1EF
}
.img-titulo {
	margin-bottom:10px;
	margin-top:10px;
}
.descargas {
	margin: 15px 0;
	font-size:11px;
}
#ficha-productos .descargas {
	position:absolute;
	top:490px
}
.comandos {
	font-size:11px;
	display:block
}
/*slideshow*/
#slideshow {
	position:relative;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
/*scroll*/
#scroll, #mini-scroll, #scroll-listado, #scroll-familias  {
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#F0F1EF;
	scrollbar-shadow-color:#999999;
	scrollbar-face-color:#F0F1EF;
	scrollbar-highlight-color:#999999;
	scrollbar-darkshadow-color:#F0F1EF;
	scrollbar-3dlight-color:#F0F1EF;
}
#scroll-subfamilias  {
	scrollbar-arrow-color:#CCC;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#CCC;
	scrollbar-face-color:#FFF;
	scrollbar-highlight-color:#CCC;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-3dlight-color:#FFF;
}
#scroll {
	width:400px;
	height:250px;
	overflow-y:scroll;
	color:#666666;
	font-size:11px;
	line-height:20px;
	padding-right:24px;
}
#mini-scroll {
	width:300px;
	height:100px;
	overflow-y:scroll;
	color:#666666;
	font-size:11px;
	line-height:20px;
	padding-right:24px;
}
#noscroll {
	width:400px;
	height:340px;
	color:#666666;
	font-size:11px;
	line-height:18px;
	padding-right:24px;
}
#scroll-listado {
	width:686px;
	height:290px;
	overflow-x:scroll;
	color:#666666;
	margin-top:10px;
	font-size:11px;
	line-height:16px;
	padding-right:24px;
}
#empresa-marson #scroll, #productos-complemento #scroll {
	height:320px!important;
}
table {
	font-size:11px;
	color:#999999
}
table td {
	padding-top:3px;
	vertical-align:middle
}
/*textos*/
.titulo {
	font-size:18px;
	color:#000000;
	font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
	padding-top:10px;
}
.destacado {
	font-size:11px;
	color:#666;
	line-height:16px;
}
.aperturas {
	font-size:12px;
	color:#999999;
}
/*formularios*/
input {
	width:300px;
	border: 1px solid #999999
}
textarea {
	width:305px;
	height:75px;
	border: 1px solid #999999;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.button {
	width:50px;
	background:#F0F1EF;
	border: 1px solid #999999;
	color:#666666
}
/*fichas*/
a.verdatos, a.caracteristicas, a.solicitarinfo, a.descargar, a.volver {
	display:block;
	height:16px;
	text-indent:-9000px;
	float:left;
}
a.verdatos {
	background:url(../imagenes/ficha/ver-datos.gif) no-repeat;
	width:56px;
}
a.verdatos:hover {
	background-position:-56px 0
}
a.caracteristicas {
	background: url(../imagenes/ficha/caracteristicas.gif) no-repeat;
	width:147px;
}
a.caracteristicas:hover {
	background-position:-147px 0
}
a.solicitarinfo {
	background: url(../imagenes/ficha/solicitar-info.gif) no-repeat;
	width:129px;
}
a.solicitarinfo:hover {
	background-position:-129px 0
}
a.descargar {
	background:url(../imagenes/ficha/descargar.gif) no-repeat;
	width:188px;
}
a.descargar:hover {
	background-position:-188px 0
}
a.volver {
	background:url(../imagenes/ficha/volver.gif) no-repeat;
	width:49px;
}
a.volver:hover {
	background-position:-49px 0
}
.ref-ficha {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:9px;
	clear:both;
	margin-top:20px;
}
.titulo-ficha {
	font-size:25px;
	letter-spacing:-1.2pt;
	margin-bottom:20px
}
#datos-ficha {
	position: absolute
}
#caracteristicas-ficha {
	visibility:hidden;
	position: absolute
}
#caracteristicas-ficha #scroll {
	line-height:25px;
}
.img-principal {
	margin:10px 0
}
.thumbnail {
	float:left;
	margin-right:5px;
}
/*listado*/
#listado {
	width:743px;
	height:382px;
	padding:33px 0 0 33px;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color:#999999;
}
#listado-modelos table td, #listado-marcas table td {
	text-align:center;
	padding-right:30px;
	padding-top:15px;
	vertical-align: top;
}
#listado-marcas table tr.titulo-listado td, #listado-marcas table tr.descripcion td {
	text-align:left;
	vertical-align: top;
}
#listado-marcas table tr.titulo-listado td a {
	text-transform:uppercase;
	color:#333!important;
	vertical-align: top;
}
#listado-marcas table tr.descripcion td {
	color:#999!important;
	vertical-align:top;
	padding-top:5px;
}
#listado-marcas #scroll-listado {
	height:320px;
}
/*familias y subfamilias*/
#familias, #subfamilias {
	height:382px;
	padding:33px 0 0 33px;
	color:#999999;
	float:left
}
#familias {
	width:268px;
	font: 14px/1.5em Arial, Helvetica, sans-serif;
}

#subfamilias {
	width:443px;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}
#familias a, #familias a:visited{ color:#333}
#familias a:hover{ color:#666}
#subfamilias a, #subfamilias a:visited{ color:#666}
#subfamilias a:hover{ color:#ccc}
#scroll-familias, #scroll-subfamilias {
	height:280px;
	overflow-y: scroll;
	color:#666666;
	font-size:13px;
	line-height:20px;
	padding-right:24px;
	padding-top:10px;
	padding-left:3px;
	margin-top:15px;
	margin-bottom:10px;
	border-top: 1px solid #E2E4E0;
}
#scroll-familias {
	width:200px;
}
#scroll-familias li { border-bottom: 1px dotted #E2E4E0; padding: 5px 0; width:180px; }
#scroll-subfamilias{
	width:400px;
}
#scroll-subfamilias li { border-bottom: 1px dotted #E2E4E0; padding: 5px 0; width:380px; }
/*contacto*/
#contacto table td {
	padding:1px 0!important;
}
#contacto table td.mensaje {
	vertical-align:top
}
/*mapa-web*/
#scroll-mapaweb {
	width:697px;
	height:280px;
	overflow:none;
	color:#666666;
	font-size:13px;
	line-height:20px;
	padding-right:24px;
	padding-top:10px;
	padding-left:3px;
	margin-top:15px;
	margin-bottom:10px;
	border-top: 1px solid #E2E4E0;
}
#scroll-mapaweb table td {
	vertical-align:top;
	font-size:16px;
	padding-bottom:25px;
	border-bottom: 1px solid #E2E4E0;
	height:140px;
	text-align:left
}
#scroll-mapaweb table td ul {
	margin-top:10px;
}
#scroll-mapaweb table td ul li {
	padding-left:5px!important;
	font-size:11px;
	width:130px;
	background:#fff;
	border-top: 3px solid #F0F1EF
}
#area-mapaweb {
	width:776px;
	height:375px;
	padding:20px;
}