@charset "utf-8";
/* general */
* {
	margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: #f1eee0 url(../images/fondo.jpg) top fixed;
	scrollbar-base-color: #f1eee0;
}
h1, h2, h3, h4, h5, h6, table, p, a {
	font-size: 1em;
	line-height: 120%;
	color: Black;
	background-color: transparent;
}
ul, ol, li{
	list-style: none;
}
span{
	display: none;
}
.hide{
	display: none;
}
h2{
	font: 2.5em/1.1em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #9d8968;
	text-shadow: 0px 2px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=2);
}
h3{
	font: 2.2em/1.1em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #8e4283;
	margin-bottom: 1em;
}
p{
	font: 1.2em/1.4em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 1em;
}
a{
	outline: none;
}
a.pdf{
	display:inline-block;
	padding-left: 25px;
	background-image: url(../images/pdf.gif);
	background-position: left;
	background-repeat:no-repeat;
}
.rojo{
	color: #CC0000;
}
/* layout */
#medvert{
	width: 100%;
	height: 100%;
	background: transparent url(../images/fnd_medvert.gif) repeat-y top;
}
#web{
	width: 920px;
	background-color:#FFF;
	margin: 0 auto;
	position:relative;
}
#cabecera, #cabecerapro{
	height: 100px;
	position:relative;
	background: #fff url(../images/fnd_menusup.gif) repeat-x 0 75px;
}
#cabecera h1, #cabecerapro h1{
	position:absolute;
	top:21px;
	left:43px;
	width: 222px;
}
#cabecera h1 a, #cabecerapro h1 a{
	display:block;
	height: 43px;
	text-indent: -3000px;
	background: #fff url(../images/rustika_logo.gif);
}
#cabecera h1 a:hover, #cabecerapro h1 a:hover{
	background-position: 0 -43px;
}
#menusup ul{
	position:absolute;
	top: 79px;
	left: 40px;
	height: 25px;
	width: 880px;
}
#menusup li{
	float: left;
	position:relative;
}
#menusup li a{
	float:left;
 	display: block;
	font: 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #a49b8b;
	text-decoration: none;
	text-transform:uppercase;
	padding: 0 12px 4px;
}
#menusup a:hover, #menusup a.hover{
	color: #524641;
}
#menusup a.current, #menusup a.current:hover{
	color: #524641;
	font-weight:bold;
	cursor:default;
}
#menusup li a.m-coleccion, #menusup li a.m-simulador{
	/*cursor: default;*/
}
#menusup ul.smenu{
	position:absolute;
	top: 20px;
	left: 0px;
	height: 25px;
	width: 300px;
	z-index: 10;
}
#menusup ul.simul{
	left: -100px;
	width: 500px;
}
#menusup ul.smenu li a{
	background: #fff url(../images/fnd_menusup.gif);
	display: inline-block;
	height: 16px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#accessPro, #accessPub{
	position:absolute;
	width: 200px;
	top: 12px;
	left: 700px;
	text-align:right;
}
#accessPro a, #accessPub a{
	display: inline-block;
	background: #fff url(../images/gotopro.gif) no-repeat left;
	padding-left: 16px;
	color: #524641;
	text-decoration:none;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}
#accessPro a:hover, #accessPub a:hover{
	color:#000;
}
#addthis_cab{
	position:absolute;
	width: 200px;
	top: 38px;
	left: 700px;
	text-align:right;
}
#contenido{
	position:relative;
	margin-bottom: 30px;
}
#pie{
	position:relative;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	margin: 0 20px;
}
#pie p{
	text-align:center;
	height: 40px;
	text-transform:uppercase;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	
}
#pie p a{
	color:#666;
	text-decoration:none;
}
#pie p a:hover{
	color:#000;
}
#pie p.dist{
	position: absolute;
	width: 200px;
	height: 40px;
	top: 10px;
	left: 20px;
	text-align: left;
	text-transform: none;
	font: 0.9em Arial, Helvetica, sans-serif;
}
#pie p.dist a{
	position:absolute;
	width: 60px;
	height: 31px;
	top: 0;
	left: 75px;
	background: #fff url(../images/logo_dist.gif) no-repeat top;
}
#pie p.dist a:hover{
	background: #fff url(../images/logo_dist.gif) no-repeat bottom;
}
/* SECCIONES */
/* Home */
body.home #contenido{
	height: 470px;
	margin-top: 30px;
}
#homebook{
	position:absolute;
	width: 336px;
	height: 470px;
	top: 0;
	left: -16px;
	background: transparent url(../images/homebook.jpg);
}
#homebook h2{
	margin: 405px 40px 2px 60px;
	color:#666;
	font:Bold 1.7em Arial, Helvetica, sans-serif;
}
#homebook p{
	font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 40px 0 60px;
	color:#333;
}
#homebook p a{
	color:#333;
}
#homebook p a:hover{
	color:#000;
}
#homestain{
	position:absolute;
	width: 280px;
	height: 470px;
	top: 0;
	left: 320px;
	background: transparent url(../images/homestain.jpg);
}
#homestain p{
	font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 410px 100px 0 20px;
	color:#333;
}
#homegreen{
	position:absolute;
	width: 280px;
	height: 470px;
	top: 0;
	left: 620px;
	background: transparent url(../images/homegreen.jpg);
}
#homegreen p{
	font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 405px 100px 0 20px;
	color:#333;
}
#homesimulador{
	position:absolute;
	width: 313px;
	height: 470px;
	top: 0;
	left: 620px;
	background: transparent url(../images/homesimulador.jpg);
}
#homesimulador h2{
	margin: 290px 5px 2px 10px;
	color:#666;
	font:Bold 2.7em Arial, Helvetica, sans-serif;
}
#homesimulador p{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 13px 100px 0 10px;
	color:#333;
}
/* coleccion */
body.coleccion #contenidoin{
	text-align:right;
	background: #fff url(../images/fnd_colec.jpg) no-repeat;
	padding-top: 20px;
}

/* mantenimiento */
body.mantenimiento #contenido{
	height: 600px;
	background: #fff url(../images/fnd_mante.jpg) no-repeat right top;
}
body.mantenimiento #contenido h2{
	padding-top: 30px;
	padding-left: 20px;
	height: 58px;
	width: 505px;
	background-image: url(../images/fnd1_h2.jpg);
	text-transform:uppercase;
 }
#mangen{
 	position:absolute;
	top: 90px;
	left: 20px;
	width: 325px;
	/*border-right: 1px solid #ddd;*/
	padding-right: 30px;
	background: #fff url(../images/sombra_vert_sup_izq.jpg) no-repeat right top;
}
#manloc{
 	position:absolute;
	left: 395px;
	width: 355px;
	top: 90px;
}
#mantenimiento p{
	clear:both;
	overflow:hidden;
}
#mantenimiento p img{
	float:left;
	border: 1px solid #ccc;
	margin-right: 10px;
}
#mantenimiento p.pdf{
	margin-top: 70px;	
}
#mantenimiento p.pdf a{
	color: #666;
}
#mantenimiento p.pdf a:hover{
	color:#000;
}
/* contacto */
body.contacto #contenido{
	background: #fff url(../images/fnd_conta.jpg) no-repeat left top;
	padding-left: 320px;
	padding-right: 95px;
	height: 500px;
}
#divform p.topformtext{
	line-height: 1.8em;
	font-size: 1.25em;
	padding-top: 30px;
}
#divform p.topformtext br{
	margin-bottom: 2em;
}
#divform p.borderinf1{
	font: 2.2em/1.1em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #8e4283;
	margin-bottom: 0.5em;
}
#divform.gracias p.borderinf1{
	text-align:center;
	padding-top: 30px;
}
#divform form fieldset{
	width: 400px;
	border: 0;
}
#divform form legend{
	display: none;
}
#divform .corpForm fieldset label{
	display: block;
	width: 25%;
	float: left;
	padding-right: 10px;
	text-align: right;
	margin-top: 3px;
	color: #666;
}
#divform .corpForm input, #divform .corpForm textarea{
	display: inline-block;
	margin-bottom: 10px;
}
#divform form input, #divform form textarea{
	border: 1px solid #ddd;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#divform form textarea{
	width: 250px;
	height: 130px;
	margin-bottom: 10px;
}
#divform form input#aceptar{
	margin-left: 110px;
	margin-bottom: 10px;
}
#divform form input#enviar{
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	cursor:pointer;
	display:inline-block;
	font:14px/100% Arial,Helvetica,sans-serif;
	margin:0 2px 0 110px;
	outline:medium none;
	padding:0.5em 2em 0.55em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align:baseline;
	font-size:12px;
	padding:0.2em 1.5em 0.21em;
	background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	border:1px solid #B7B7B7;
	color:#606060;
}
#divform form input#enviar:hover{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
#divform p.avisoform{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 10px;
	margin-left: 110px;
}
/* legal */
body.legal #contenido{
	padding: 30px;
}
body.legal #contenido h2{
	margin-bottom: 1em;
}
body.legal #contenido h3{
	margin: 1em 0 0.5em;
}

/* ZONA PRO */

/* muestrario */
body.muestrario #contenido{
	height: 430px;
	position:relative;
}
#submenu{
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100px;
}
#submenu li a{
 	display: block;
	text-decoration: none;
	text-transform:uppercase;
	color: #52304d;
	font: 1.4em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	height: 24px;
	padding-top: 1px;
}
#submenu a:hover{
	background: #eee url(../images/det_subopc_hover.gif) no-repeat right;
}
#submenu a.current, #submenu a.current:hover{
	background: #893f82 url(../images/det_subopc_current.gif) no-repeat right;
	cursor:default;
	color:#fff;
}
#fotoambiente{
	position: absolute;
	top: 30px;
	left: 125px;
	width: 400px;
}
#caracteristicas{
	position: absolute;
	top: 30px;
	left: 545px;
	width: 205px;
}
#caracteristicas h3{
	margin-bottom: 0.5em;
}
#caracteristicas h4{
	font: bold 1.3em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #999;
	border-bottom: 2px solid #aaa;
	margin-bottom: 1em;
}
#caracteristicas li{
	font:bold 1em Arial, Helvetica, sans-serif;
	padding: 4px 0;
	border-bottom: 1px solid #ddd;
}
#caracteristicas li span{
	display:block;
	font-weight: normal;
	color: #666;
}
#caracteristicas li span.enlinea{
	display:inline !important;
}
#fotoserie{
	position: absolute;
	top: 30px;
	left: 770px;
	width: 150px;
	height: 400px;
	overflow:auto;
}
body.muestrario #caracteristicas ul span{
	display: inherit;
}

/* publicidad */
body.publicidad #contenido{
	height: 430px;
	background: #fff url(../images/fnd_publi.jpg) no-repeat;
}
body.publicidad #contenidoin{
	padding-top: 30px;
	padding-left: 395px;
}
#spot div{
	width: 430px;
	border: 4px solid #893f82;
}
#spot p{
	text-align:right;
	padding-right: 95px;
}

/* en television */
body.escenasm #contenido{
	height: 370px;
	background: #fff url(../images/fnd_entv.jpg) no-repeat 95px 88px;
}
body.escenasm #contenidoin{
	padding-top: 30px;
	padding-left: 450px;
}
body.escenasm #contenido h3{
	display: none;
}
#videoescenas div{
	width: 372px;
}

/* displays */
body.displays #contenido{
	position:relative;
	height: 470px;
	background: #fff url(../images/sombra_vert_sup_izq.jpg) no-repeat 267px 100px;
}
body.displays #contenido h3{
	font: 2.5em/1.1em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #9d8968;
	text-shadow: 0px 2px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=2);
	padding-top: 30px;
	padding-left: 20px;
	height: 58px;
	width: 505px;
	background-image: url(../images/fnd1_h2.jpg);
	text-transform:uppercase;
	margin: 0;
}
body.displays #contenido h4{
 	margin-left: 60px;
	font: bold 1.2em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 0.5em;
}
body.displays #contenido ul{
	margin-left: 60px;
	font-size: 0.8em;
	margin-bottom: 2em;
}
body.displays #contenido ul a:hover {
	text-decoration: none;
}
body.displays #contenido ul a img {
	background: #999;
	border: 0;
	padding: 1px;
}
body.displays #contenido ul a:hover img {
	background: #333;
}
#display1, #display2{
	position: absolute;
	top: 100px;
	left: 280px;
	width: 560px;
	height: 348px;
	border: 2px solid #ccc;
}
#display1{background-image: url(../images/display1.jpg); display:none}
#display2{background-image: url(../images/display2.jpg);}

/* contacto pro */
body.contactopro #contenido{
	background: #fff url(../images/fnd_conta.jpg) no-repeat left top;
	padding-left: 320px;
	padding-right: 95px;
	height: 500px;
}

/* login - envio_contrasena*/
body.login #contenido, body.envio_contrasena #contenido, body.valida_email #contenido, body.incorrecto #contenido {
	background: #fff url(../images/fnd_conta.jpg) no-repeat left;
	padding-left: 320px;
	padding-right: 95px;
	height: 350px;
}
body.login #divform p.borderinf1, body.envio_contrasena #divform p.borderinf1, body.valida_email #divform p.borderinf1, body.incorrecto #divform p.borderinf1 {
	padding-top: 30px;
	font: 1.25em/1.8em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #666;
	margin-bottom: 30px;
}
body.valida_email #divform span{ display: inline;}

/* simulador */
body.simulador #contenidoin{
	margin: 30px 75px;
	
}