@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0;}
html{ height: 100%;}
body{ text-align: center; background: #CCCCCC; background:url(img/background.gif) center; text-align:left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; margin: 0 0 10px 0; color:#666666; height: 100%;}
h1{ font-weight:normal; color:#0099FF; font-family:Georgia, "Times New Roman", Times, serif; font-size: 22px; margin: 0 0 10px 0; float:left; }
h1.sub{ font-size:10px; font-style:italic; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; float:right;}
#titulo{ font-weight:normal; color:#0099FF; font-family:Georgia, "Times New Roman", Times, serif; font-size: 22px; margin: 0 0 10px 0;  float:left; }

p{ font-size:12px; margin: 0 0 10px 0;}
a{ text-decoration:none; color:#0099FF;}
a img{ border:0;}
p span{ color:#0099FF; }
#wrap{ width: 960px; margin: 0 auto; background:#FFF; padding: 0 0 20px 0; border-bottom:#CCCCCC 1px dotted; min-height: 100%; height: auto !important; height: 100%;
margin: 0 auto -40px;}
#header{ padding: 20px 20px 0 20px; height: 90px;}
#datos{ text-align:right; float:right;}
#datos span{ color:#00aaff;}
#logo{ float:left; height: 40px; width: 200px; font-size: 11px;   }
#logo span{ margin: 10px 0 0 0;}
#logotipo{  margin: 0 0 15px 0;}
#menu{ clear: both; width: 100%; background-color: #666666; margin: 0; height: 35px; }
#menu ul li{ list-style:none outside; }
#menu ul li a{ padding: 10px 15px 10px 15px;  background-color:#666;  color:#FFFFFF; text-decoration:none; font-size:12px; display:inline-block; float:left; }
#menu ul li a:hover{ background-color: #999999;  }
#menu ul li a.selected{ background-color:#0099FF; font-weight:bold;}
#submenu-h{  clear: both; width: 100%; background-color: #0099ff; height:27px;}
#submenu-h ul li{ display:inline; }
#submenu-h ul li a{ padding: 10px 15px 10px 15px;  color:#FFFFFF; text-decoration:none; font-size:12px; }
#submenu-h ul li a.selected{font-weight:bold;}
.line{ border-bottom: 10px #0099FF solid;}
#wrap2{ padding: 0 20px; margin: 20px 0 0 0;}
#left{ width:190px; float:left; margin: 37px 30px 0 0; border-top:1px #CCCCCC dotted;}
#left img{ margin: 10px 0 0 0; }
#left ul li{ list-style:none; }
#left ul li a{ text-decoration:none; color: #0099FF; text-transform:uppercase; padding: 10px 0 10px 0; border-bottom: 1px #CCCCCC dotted; display:block; }
#seccion{ margin: 20px 0 0 0; height:100%;}
#columnas{ border-top: 1px dotted #CCCCCC; padding: 10px 0 0 0; width:690px; float:left;}
#col1{ width: 335px; float:left; margin: 0 20px 0 0; }
#col2{ width: 335px; float:left; } 
.ficha{ color:#666666;}
#fotoficha{ width: 190px; float:left; margin: 0 20px 0 0; text-align:center; }
#fotoficha img{ max-width: 180px; }
#descripcionficha{ width: 480px; float:left; } 
#descripcionficha hr{ margin: 0 0 10px 0; border-top: dotted 1px #999999; color: #FFFFFF;}
#descripcionficha ul{ margin: 0 0 0 18px;}
#descripcionficha ul li{ margin: 0 0 0 30px; margin: 0 0 10px 0;}
#descripcionficha ul li ul{ margin: 10px 0 0 10px;}
.foto{ width:120px; text-align:center; margin: 0 15px 0 0; float:left;}
.foto img{ height:120px; max-width:120px;}
.banner{ margin: 0 0 10px 0;}
.producto{ clear:both; height: 140px; border-bottom: dotted 1px #CCCCCC; padding: 20px 0 0 0;}
a .producto p{ color:#666666;}

.descripcion { color:#666666;!important}
.nombre{ text-transform:uppercase; color:#0099FF; margin: 0 0 10px 0; font-weight:normal; font-size:13px;}
.precio{ color:#0099FF; font-size:24px; font-style:italic; font-weight:bold; border-top: dotted #CCCCCC 1px; float:left; width:190px; padding: 10px 0 0 0; text-align:center;}
.precioficha{ color:#0099FF; font-size:22px; font-style:italic; font-weight:bold; border-top: dotted #CCCCCC 1px; float:left; width:150px; padding: 10px 0 0 0; text-align:center;}
.pedidoficha{ color:#0099FF; font-size:22px; font-style:italic; font-weight:bold; border-top: dotted #CCCCCC 1px; float:left; width:300px; margin: 0 0 0 10px; padding: 10px 0 0 0; text-align:center;}
.pedidoficha a:hover{ color:#666666;}
.precio span{ font-weight: normal; font-size:14px;}
.campo{ padding:5px; width:315px; font-size:11px; color:#666666; margin: 0 0 12px 0;}
textarea{ padding:5px; width:315px; font-size:11px; color:#666666; height: 160px; font-family: Verdana, Helvetica, Arial, sans-serif;}
#push{ height: 40px;}
#footer{ clear:both; margin: 0 auto; width: 920px; height: 40px; background:#FFFFFF; padding: 0 20px;}
#footer ul{ margin: 10px 0 0 0;  float: left;}
#footer ul li{ display:inline; margin: 0 20px 0 0; font-size:11px;}
#footer ul li a{ color: #666666; text-decoration:none;}
#footer ul li a:hover{ color: #0099FF;}
#footer span{ float:right; margin: 10px 0 0 0;}
#footer span span{ color:#0099FF; float:none;}
table{ border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid;}
table td{ padding: 5px; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid;}
.right{ text-align:center; width:120px;}