/* CSS Document */
* {margin:0; padding:0; font-family:Verdana; font-size:100%; list-style:none; }

a { color:orange; text-decoration:none;}

body {background:url(../img/maq/cab/background.gif) center top repeat-y;}

#contenedor {background:white; margin:0 auto; width:999px; overflow:auto;}

#cabecera {background:url(/img/maq/cab/cabecera.jpg) left top no-repeat;display:block; height:260px;margin:0;}
#cabecera h1 {position:relative; top:2em;left:-5.5em;}
#cabecera h1 a {background:url(/img/maq/cab/logo.gif) left top no-repeat;display:block;height:87px;text-indent:-200%;width:690px;}

.menuNav		{background:url(/img/maq/cab/menuFondo.jpg) left 54px repeat-x; display:block; height:106px; margin:0 auto;}
.menuNav li	{background:url(/img/maq/cab/menuSeparador.gif) left 54px no-repeat; display:inline-block; float:left; padding:10px 2em 0;}
.menuNav li	a	{color:white; display:inline-block; padding-top:54px; }
.menuNav li.primero	{ background:none; }

.menuNav #productos {background:url(../img/maq/cab/icoMenuProductosOff.gif) 1.5em 1.7em no-repeat;}
.menuNav #productos:hover {background:url(../img/maq/cab/icoMenuProductosOn.gif)  1.5em 1.7em no-repeat;}
.menuNav #medios-de-comunicacion {background:url(../img/maq/cab/icoMenuMediosOff.gif) left 0.5em no-repeat;}
.menuNav #medios-de-comunicacion:hover {background:url(../img/maq/cab/icoMenuMediosOn.gif)  left .5em no-repeat;}
.menuNav #peticiones {background:url(../img/maq/cab/icoMenuPeticionesOff.gif) left top no-repeat;}
.menuNav #peticiones:hover {background:url(../img/maq/cab/icoMenuPeticionesOn.gif)  left top no-repeat;}
.menuNav #socios {background:url(../img/maq/cab/icoMenuSociosOff.gif) left .5em no-repeat;}
.menuNav #socios:hover {background:url(../img/maq/cab/icoMenuSociosOn.gif)  left .5em no-repeat;}
.menuNav #localizacion2 {background:url(../img/maq/cab/icoMenuLocOff.gif) left .5em no-repeat;}
.menuNav #localizacion2:hover {background:url(../img/maq/cab/icoMenuLocOn.gif)  left .5em no-repeat;}

.menuNav #juguetedehojalata { position:absolute; margin:-50px 0 0 -140px; border:0; }
.menuNav #juguetedehojalata img { width:315px; height:27px; border:0; }

#contenido { overflow:auto; padding:1em; }

#contenido #contenidoSeccion { font-size:normal; text-align:justify; width:685px; }

#contenido #menuProds { background:url(/img/maq/cab/background.png) left top; border:1px solid orange; float:right; padding: 0 10px 10px;width:25%;}
#contenido #menuProds a {display:block; }
#contenido #menuProds li a {background:orange; border:10px solid white; color:black; font-family:Arial; font-size:larger; margin:0 0 10px; padding:5px 8px;}
#contenido #menuProds li a:hover {background:#985213 url(../img/maq/cab/tiposModelos.gif) bottom right no-repeat; color:white; }


/***********************************************************************/

/*                   Estilos propios de cada sección                   */

#inicio #contenido {background:url(/img/sec/inicio/contenido.jpg) 6px top no-repeat; min-height:500px;}
#inicio #contenido #datosLocalizacion {background:url(../img/sec/inicio/ventajasSocios.jpg) left top no-repeat; height:137px; margin-top:600px; text-indent:-200%; }

/* Productos general: */
.vitrina { font-size:1em; font-weight:normal;}
.vitrina a { color:black; }
.vitrina .producto, .productoAleatorio { display:inline; float:left; /*height:175px;overflow:hidden;*/ padding:10px; width:150px; }
h2 { border-bottom:2px solid orange; font-family:Helvetica, Arial; font-size:1.4em; padding:2px 10px 0 0; text-align:right; }
.producto img { border:1px solid #000; display:block; height:90px; width:148px; cursor:pointer; }

/* Productos ver todo */
#productos .categoriaNombre a { color:black; font-weight:bold; }
#productos .categoriaNombre { clear:left; color:black; font-weight:bold; }

/* Productos ver categoria */
#productos ul.vitrina li { font-size:0.95em; }
#productos li.nombre { height:35px; cursor:pointer; background:#ffa500; font-size:1.8em; font-variant:small-caps; font-weight:bold; padding:0 0 3px 3px; text-align:left; border:1px solid #000; border-top:none; }
#productos li.nombre a { cursor:pointer; color:#000; }
#productos li.nombre a:hover { color:#4c4c4c; }
#productos li.precio { font-weight:bold; padding:3px 0 0 0; border-top:1px solid #ffe7bc; text-align:right; }
#productos li.fabricante, #productos li.estado, #productos li.referencia, #productos li.escala, #productos li.descripcion { padding:2px 0 2px 5px; color:#4c4c4c; }

/* Productos ver Producto */
#productos #caracteristicas { overflow:auto; }
#productos #caracteristicas img { border:1px solid black; display:inline-block; float:right; margin:10px 5px 0 0; padding:0px; width:40%; }
#productos #caracteristicas ul { padding:10px; width:55%; }
#productos #caracteristicas li { font-size:.8em; }
#productos #caracteristicas li.precio { display:block; font-size:larger; font-weight:bold; text-align:center; }
#productos .agregarACesta { background:orange; font-family: "Helvetica"; margin:20px auto 0; padding:10px 5px; text-align:center; width:50%; }
#productos .agregarACesta a { color:white; font-family: "Verdana", "Arial"; font-size:10pt; }
#productos #recomendados h3 {border-bottom:1px solid orange;padding-bottom:5px;}
#productos #recomendados {clear:both;overflow:auto;}
#productos #recomendados .productoAleatorio { font-size:.8em;font-weight:bold;text-align:center;overflow:hidden;width:14.5%;}
#productos #recomendados .productoAleatorio img { display:block; marging:0 auto; height:75px; width:120px; }

/***********************************************************************/

/* Peticiones */
#peticiones h2 { border-bottom:2px solid orange; font-family:Helvetica, Arial; font-size:1.4em; padding:2px 10px 0 0; text-align:right; }
#peticiones .consultarDisponibilidad { background:orange; border:1px solid brown; clear:left; text-align:center; margin:0 auto; padding:10px 5px; width:25%; }
#peticiones .consultarDisponibilidad a { color:white; }
.aclaracion { float:left; border-left:3px solid orange; color:#777; float:left; font-size:small;	margin:10px 0 0; padding:10px; text-align:right; width:150px; }

#peticiones #frmPeticion label {display:inline-block; text-align:right; width:150px;}
#peticiones #frmPeticion textarea { width:330px; }

/* Localización y Peticiones */
#localizacion #map { width:100%; height:345px; }
#localizacion img { width:100%; }
#localizacion .textoLocalizacion { margin:15px 0 0; }
#localizacion .textoLocalizacion ul { padding:10px 0 0 0; }
#localizacion .textoLocalizacion li { padding:3px 0 3px 15px; font-size:0.9em; }
#localizacion #sabado { color:#FF0000; }
form#frmLocalizacion{ background:orange; border:10px solid white; display:block; font-size:.8em; padding:10px; }
#localizacion form *, #peticiones form *, #productos form * { display:block; width:98%; }
#localizacion input, #localizacion textarea, #peticiones input, #peticiones textarea, #productos input, #productos textarea { background:white url("/img/maq/cab/background.png") left top; border:2px solid white; cursor:text; padding:2px; }
#localizacion input:focus, #localizacion textarea:focus, #peticiones input:focus, #peticiones textarea:focus, #productos input:focus, #productos textarea:focus { background:white; border-color:brown; }
#localizacion #submit, #peticiones #submit, #productos #submit { background:white; color:orange; cursor: pointer; display:block; margin:10px auto 0; padding:5px 10px; width:auto; }
#localizacion .msgEstado, #peticiones .msgEstado, #productos .msgEstado { background:white; border:10px solid orange; font-size:.8em; font-weight:bold; margin:0 0 10px; padding:5px; width:88%; }

/***********************************************************************/

/* Nota Legal */
#nota-legal h2 { border-bottom:2px solid orange; font-family:Helvetica, Arial; font-size:1.4em; padding:2px 10px 0 0; text-align:right; }
#nota-legal p { font-size:0.9em; padding:10px 0 0 0; }
#nota-legal dd { padding:0 0 0 15px; }

/***********************************************************************/

#pie { clear:both; font-family:Arial; font-size:.6em;}
#pie ul.menuNav {background: url(../img/maq/pie/menuFondo.jpg) left top repeat-x; height:40px; padding:0 0 0 1em;}
#pie ul.menuNav li a {padding:5px 0 0 0;}

#pie .contenidoExtra p a {color:orange; display:block; float:left;padding:1em 0 0 2.8em; }
#pie .contenidoExtra #pymesweb a { background:url(../img/maq/pie/pymesLogo.jpg) right top no-repeat; display:inline-block; float:right; height:64px; overflow:hidden; text-indent:-100%; width:169px;}