@charset "utf-8";
/* CSS Document */
body { margin:0; background:url(../images/fondocoleccionotono.jpg) no-repeat center top #000;}
html { font-family:Georgia, Helvetica, sans-serif;}
#clean { clear:both;}
.msg { padding: 78px 30px 79px 30px; text-align: center;}
img { border:0;}
.error { width:400px; margin:40px auto;	display:block; color:#CC0000; font-size:14px; background: #FFCCCC; border:#CC0000 1px solid; 	padding: 10px; }
a{color:#78613e;}
.cat a:visited{color:#78613e;text-decoration:underline;}
.desf h2 a{color:#78613e;text-decoration:underline; font-size:16px;}
.loading { background: url(../images/lightbox/20-0.gif) no-repeat center; }
h1 {color:#78613e; border-bottom:#78613e 1px dotted; text-align:center;}
.num a{color:#FFFFFF; text-decoration:none}

/*TOP*/

#top { position:relative; margin:0 auto; width:960px; z-index:1;}
#top #logo { text-align:center;}
#top #mickey { position:absolute; right:36px; top:20px;}

/*FOTOS*/

#fotos { margin:45px auto 0px auto; width:960px; padding:10px; position:relative; background:url(../images/fondocontenido.png) repeat top left;}
#fotos .fotografia { float:left; margin:10px;}
.fot { border:3px solid /*#6b411b*/#ab9887; padding:3px; width:203px; text-align:center;}
.fot:hover { border:3px solid #FFFFFF;}
.cat { font-size:13px; color:#78613e; padding:2px; text-align:center;} 
.catdec{height:20px; background:url(../images/cat_.jpg) no-repeat bottom center;}

#fotos .fotogrande { float:left; margin:13px 0px 0px 0px;}
.fotgrande { border:1px solid #ab9887; padding:3px; text-align:center; width:751px; height:460px;}
.fotalterna { float:left; margin:13px 0px 0px 0px;}
.imgalterna { margin:0px 0px 15px 0px;}

.lista_foto { float:left; width:143px; padding:13px; }
.lista_foto a:link, .lista_foto a:visited, .lista_foto a:active 
{ width:143px; padding:2px; text-align:center; border:1px solid #ab9887; display:block; margin-bottom:2px;}
.lista_foto a:hover 
{ border:1px solid #FFFFFF;}

.lista_foto a img { margin:0; float:none;}

#fotos #iconos { position:absolute; z-index:20; top:-30px; left:20px;}
#fotos #iconos .num { background-color:#292825; padding:5px; width:15px; color:#FFFFFF; font-size:11px; text-align:center; float:left; margin:2px;}
#fotos #iconos .num a{ color:#FFFFFF; text-decoration:none; }
#fotos #iconos .num:hover { background-color:#6b411b; }
#fotos #iconos .retorno { background-color:#292825; padding:7px 5px 7px 5px; width:15px; color:#FFFFFF; font-size:11px; text-align:center; float:left; margin:2px;}
#fotos #iconos .retorno:hover { background-color:#6b411b; }

#fotos #iconos #opciones { float:left; margin:0px 0px 0px 20px;}
#fotos #iconos #opciones #cuadros { background-color:#292825; float:left; padding:5px; margin:2px; height:15px;}
#fotos #iconos #opciones #grande { background-color:#292825; float:left; padding:5px; margin:2px; height:15px;}
#fotos #iconos #opciones #info{ background-color:#292825; float:left; padding:5px; margin:2px; height:15px;}

/*FOTOS GRANDE */

#fotosinterna { margin:45px auto 0px auto; width:960px; padding:0px 0px 0px 0px; position:relative;}

#fotosinterna .fotogrande { float:left; margin:13px 0px 10px 0px;}
.fotgrande { border:3px solid #ab9887; padding:3px; margin:2px auto;}
/*.fotalterna { float:left; margin:13px 0px 0px 0px;}*/
.imgalterna { float:left; margin:20px 0px 15px 10px;}

#fotosinterna #iconos { position:absolute; z-index:20; top:-30px; left:20px;}
#fotosinterna #iconos .num { background-color:#292825; padding:5px; width:15px; color:#FFFFFF; font-size:11px; text-align:center; float:left; margin:2px;}
#fotosinterna #iconos .num:hover { background-color:#6b411b; }
#fotosinterna #iconos .retorno { background-color:#292825; padding:7px 5px 7px 5px; width:15px; color:#FFFFFF; font-size:11px; text-align:center; float:left; margin:2px;}
#fotosinterna #iconos .retorno:hover { background-color:#6b411b; }

#fotosinterna #iconos #opciones { float:left; margin:0px 0px 0px 20px;}
#fotosinterna #iconos #opciones #cuadros { background-color:#292825; float:left; padding:5px; margin:2px; height:15px;}
#fotosinterna #iconos #opciones #grande { background-color:#292825; float:left; padding:5px; margin:2px; height:15px;}
#fotosinterna #iconos #opciones #grandeactivo { background-color:#6b411b; float:left; padding:5px; margin:2px; height:15px;}
#fotosinterna #iconos #opciones #info { background-color:#292825; float:left; padding:2px; margin:2px; height:15px; width:15px}

/*MENU PRINCIPAL*/

#conmenu { position:absolute; width:100%; bottom:0; left:0;}
#conmenu #menu { margin:0 auto; width:760px; }
#conmenu #menu #items { background:url(../images/esquina1.gif) no-repeat left top #2d2c29; color:#FFFFFF; font-size:13px; padding:10px 0px 10px 0px; float:left; width:50%;}
#conmenu #menu #items ul { margin:0; padding:0;}
#conmenu #menu #items ul li { display:inline; margin:0px 10px 0px 10px;}
#conmenu #menu #items ul li a:link, a:visited { color:#FFFFFF; text-decoration:none;}
#conmenu #menu #items ul li a:hover { color:#ccc; text-decoration:none;}
#conmenu #menu #items ul li a:active { color:#ccc; text-decoration:none;}

#conmenu #iconitos { float:left; background:url(../images/esquinablanca.gif) no-repeat right top #FFFFFF; height:35px; width:25%;}
#conmenu #iconitos img { padding:9px 5px 5px 5px;}

/*PIE*/

#pie { background:#6b411b; color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#pie #conten { margin:0 auto; width:960px; position:relative}
#pie #conten #derechos { padding:10px 15px;}
#pie #conten #dximage { position:absolute; right:0px; top:20px;}

/*FORMULARIOS */
form{margin:0 auto; text-align:left; width:518px;}
label{color: #6b411b; width:200px; margin:7px auto;font-size:1.3em; float:left; display:inline;}
input, textarea{display:block; margin:5px auto; border:2px #ab9887 solid; width:300px; padding:7px; float:left; display:inline;}
.boton{ color:#fff; background:#78613e; padding:5px; border:0; width:auto; float:right;}

/*INFO CON FOTO*/
#info { float:left ; width:430px; padding:10px; border: 3px solid #ab9887; margin:0;}
#fotoinfo { float:left; width:491px; text-align:center;}
#info #codigo { font-weight:bold; font-size:13px; padding:10px 0px 10px 0px; color:#78613e; border-bottom: 1px solid #78613e;}
#info #producto { font-weight:bold; font-size:13px; padding:10px 0px 10px 0px; color:#78613e; border-bottom: 1px solid #78613e;}
#info #infodetalle { font-size:13px; padding:10px 0px 10px 0px; color:#78613e; border-bottom: 1px solid #78613e;}

/*BANNER*/
#banner { position:absolute; top:1%; left:25%; width:600px; padding:20px; background-color:#FFFFFF; z-index:225;}
#cerrar { text-align:right;}