/*----- ETIQUETAS GENERALES -----*/

* {outline:0;border:0;}
body {margin:0;background:#CCCCCC;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
div.contenedor {width:782px;background:#FFFFFF;}

/*----- CABECERA -----*/

div.cabecera {height:140px;position:relative;}
div.cabecera a.logo {position:absolute;top:2px;left:5px;}
div.cabecera div.publicidad {position:absolute;top:8px;right:40px;}

div.cabecera ul.menu {width:782px;height:54px;background:#918E9D;position:absolute;top:86px;left:0;margin:0;padding:0 0 0 0px;}
div.cabecera ul.menu li {float:left;border:1px solid #FFFFFF;margin:3px 5px 3px 5px;background:#717082;list-style:none;}
div.cabecera ul.menu li.fin {border:0;margin-bottom:4px;background:#918E9D;}
div.cabecera ul.menu li.foro,div.cabecera ul.menu li.shop {background:#FFE23D;border:1px solid #9D8600;}
div.cabecera ul.menu li a {display:block;font:bold 11px Arial,Helvetica,sans-serif;color:#FFFFFF;text-decoration:none;padding:2px 7px;}
div.cabecera ul.menu li a:hover {color:#000000;background:#CCCCCC;}
div.cabecera ul.menu li.foro a,div.cabecera ul.menu li.shop a {color:#000000;}
div.cabecera ul.menu li.foro a:hover,div.cabecera ul.menu li.shop a:hover {background:#FFF9D2;}

div.cabecera ul.menu li ul {display:none;position:absolute;width:135px;margin:0;padding:0;z-index:10;}
div.cabecera ul.menu li ul.grande {width:215px;}
div.cabecera ul.menu li ul li {border:0;margin:0;width:100%;background:#717082;position:relative;}
div.cabecera ul.menu li ul li a {*width:100%;font:10px Verdana,Arial,Helvetica,sans-serif;padding:2px;}
div.cabecera ul.menu li ul li a:hover {border-right:5px solid #DD0000;padding:2px;}
div.cabecera ul.menu li ul li a.submenu {background:url(menuflecha1.gif) 125px 5px no-repeat;}
div.cabecera ul.menu li ul li a.submenu:hover {background:#CCCCCC url(menuflecha2.gif) 125px 5px no-repeat;border:0;color:#000000;}
div.cabecera ul.menu li ul li ul {top:-10px;left:135px;margin:0;padding:0;}

/*----- CONSULTAS -----*/

div.consulta {width:400px;height:420px;background:#FFFFFF;font:bold 11px Tahoma,Arial,sans-serif;color:#000000;position:relative;}
div.consulta div.logos {height:70px;background:#DFDFCE;border-bottom:3px solid #CCCCCC;margin:0 0 7px 0;}
div.consulta div.logos img.logofull	{margin:5px;float:left;}
div.consulta div.logos img.logocliente	{margin:5px 0 5px 45px;border:1px solid #000000;}

div.consulta div.speech {margin:0 0 15px 5px;}
div.consulta div.speech span	{font-weight:normal;background:url(consultamarcador.png) 0 4px no-repeat;padding:0 0 0 12px;}
div.consulta div.speech span b	{color:#75942E;}

div.consulta div.ok {height:35px;margin:60px 0 0 15px;background:url(consultaok.png) 0 0 no-repeat;}
div.consulta div.ok span	{font-weight:normal;background:url(consultamarcador.png) 0 8px no-repeat;text-indent:12px;display:block;margin:0 0 0 55px;line-height:20px;}
div.consulta div.ok span b	{color:#75942E;}

div.consulta div.error {margin:60px 15px 0 15px;background:url(consultaerror.png) 0 0 no-repeat;}
div.consulta div.error span {font-weight:normal;background:url(consultamarcador.png) 0 8px no-repeat;text-indent:12px;display:block;margin:0 0 0 55px;line-height:20px;}

div.consulta div.form {margin:0 20px;}
div.consulta div.form span {width:75px;line-height:18px;margin:0 8px;text-align:right;float:left;}
div.consulta div.form input			,div.consulta div.form textarea,	div.consulta div.form select	{float:left;padding:2px 3px;background:#FBFBFB;border:1px solid #D3D3D3;font:11px Tahoma,Arial,sans-serif;color:#666666;}
div.consulta div.form input.error	,div.consulta div.form textarea.error							{background:#F6F6F6 !important;border:1px solid #FF0000 !important;}
div.consulta div.form input		{width:220px;height:20px;margin:0 0 10px 0;}
div.consulta div.form textarea	{width:260px;height:65px;margin:0 0 7px 0;}
div.consulta div.form select	{width:220px;height:20px;margin:0 0 10px 0;}

div.consulta div.form div.linea {width:360px;height:1px;overflow:hidden;background:#CCCCCC;margin:0 0 8px 0;float:left;}

div.consulta div.form div.requerido {text-align:right;position:relative;right:0px;clear:both;}
div.consulta div.form div.requerido span {width:150px;font:10px Arial,Helvetica,sans-serif;color:#666666;margin:0;float:none;}
div.consulta div.form div.procesar {display:none;position:absolute;top:392px;left:100px;}
div.consulta div.form div.procesar span {width:250px;font:bold 12px Arial,Helvetica,sans-serif;color:#FF0000;margin:0;text-align:left;float:none;}

div.consulta div.boton {width:81px;position:absolute;top:392px;left:170px;}
div.consulta div.boton a				{width:81px;height:21px;display:block;background:url(consultabotones.png);}
div.consulta div.boton a.enviar		{background-position:0 0;}
div.consulta div.boton a.enviar:hover	{background-position:-81px 0;}
div.consulta div.boton a.cerrar		{background-position:0 -21px;}
div.consulta div.boton a.cerrar:hover	{background-position:-81px -21px;}

/*----- PIE -----*/

div.piepublicidad {background:#CFCFCF;padding:5px 0;border-top:1px solid #000000;text-align:center;}

div.pie {height:40px;background:#E1E1E1;border-top:1px solid #000000;position:relative;}
div.pie span.copy {width:250px;font:10px Verdana,Arial,Helvetica,sans-serif;color:#000000;position:absolute;bottom:2px;left:5px;}
div.pie ul {position:absolute;bottom:2px;right:115px;margin:0;padding:0;}
div.pie ul li {float:left;list-style:none;margin:0 0 0 5px;}
div.pie ul li span , div.pie ul li a {font:10px Verdana,Arial,Helvetica,sans-serif;color:#000000;}
div.pie ul li a:hover {text-decoration:underline;}
div.pie img.logo {position:absolute;top:4px;right:5px;}

/*----------*/

.copete-notas {font:13px sans-serif,Arial,Tahoma;color: #000000;}
.copete-productos {font:10px Verdana,Arial,Helvetica,sans-serif;color:#000000;}
.copete-productos:hover {color:#666666;text-decoration:none;}
.copete-secciones {font:10px Verdana,Arial,Helvetica,sans-serif;color:#000000;}
.copete-secciones:hover {color:#666666;text-decoration:none;}
.encabezado-clientes {font:bold 11px Tahoma,Arial;color:#000000;}
.encabezado-pie {font:10px Verdana,Arial,Helvetica,sans-serif;color:#000000;}
.formularios {font:8pt Verdana,Arial,Helvetica,sans-serif;border:1px solid #A5ACB2;}
.precio {font:11px sans-serif,Arial,Tahoma;color:#CC0000;}
.subrayado-chico {font:11px sans-serif,Arial,Tahoma;color:#000000;}
.subrayado-grande {font:14px sans-serif,Arial,Tahoma;color:#000000;}
.subtitulo-notas {font:bold 16px Tahoma,sans-serif,Arial;color:#666666;}
.subtitulo-secciones {font:11px sans-serif,Arial,Tahoma;color:#666666;}
.titulo-notas {font:bold 18px Tahoma,sans-serif,Arial;color:#000000;}
.titulo-productos {font:bold 14px sans-serif,Arial,Tahoma;color:#000000;}
.titulo-secciones {font:bold 14px sans-serif,Arial,Tahoma;color:#000000;}
.titulo {font:bold 16px Arial,Helvetica,sans-serif;}

.special {font:26px Tahoma,"MS Sans Serif",Arial;color:#000000;}
.borde {border:1px solid #CCCCCC;background:#FFFFFF;}
.bordeder {background:#E9E9E9;border-left:1px solid #CCCCCC;}
.bordespl {border:1px solid #DB2B1A;border-top:5px solid #DB2B1A;border-bottom:5px solid #DB2B1A;}
table.turismo {border:1px solid #DDDDDD;border-top:0;border-bottom:5px solid #DDDDDD;}

/*----- VIEJA CLASE -----*/

.notas {font:bold 11px Tahoma,Arial;color:#000000;}
.general {font-weight:bold;color:#0066CC;}
.general:hover {color:#0099FF;text-decoration:none;}
.subrayado {color:#000000;}
.comunidad {font-weight:bold;color:#0066CC;}
.comunidad:hover {color:#0099FF;text-decoration:none;}