/*------------------------------------------------ -----------------|   General   |------------------ ------------------------------------------------*/ body { font-size: 12px; background-color: #ECECEC; font-family: verdana; } h1, h2, h3 { font-weight: bold; color: #fff; padding: .1em; margin: .8em 0; } h1 { font-size: 18px; background-color: #192433; } h2 { color:#111111 !important; font-size: 13px; background-color: #ccc; padding:4px 8px; } h3 { font-size: 14px; color: #333; } h4 { font-size: 13px; font-weight: bold; } h5 { font-size: 12px; font-weight: bold; border-bottom:1px solid; } table { width: 100%; margin: 10px 0; } td, th { padding: 5px; } th { font-weight: bold; text-align:left; } table.opciones th { border-bottom: 1px dotted #666; } table .precio { width: 100px; text-align: right; font-weight: bold; } table .codigo { width: 100px; font-weight: bold; } td.descripcion { } #hoja ul { padding: 0 0 0 16px; } #hoja li { margin: 0 0 5px 0; list-style-type: square; } .total td { font-weight: bold; } .clear { clear: both; } #hoja { font-size:11px; width: 700px; padding: 10px; margin: 10px 0 10px 230px; box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; -webkit-box-shadow: 0 0 3px #333; zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2); background-color: #fff; } #foto { float: left; } #precios { width: 465px; float: right; } #precios h3 { margin-top: 0; } .oferta th, .oferta td { font-size: 17px; } /*------------------------------------------------ -----------------|   Menú   |--------------------- ------------------------------------------------*/ #menu { width: 180px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; border: 1px solid #cfcfcf; position: fixed; left: 10px; top: 10px; background: #fdfdfd url(../images/box_bg.png) repeat-x bottom; box-shadow: 1px 1px 1px #333; -moz-box-shadow: 1px 1px 1px #333; -webkit-box-shadow: 1px 1px 1px #333; /*zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2);*/ } #menu h3 { margin-top: 0; padding-top: 0; background-color: transparent; font-size:13px; } #menu p { margin-top: 10px; } #menu a { padding: 2px 10px; font-size: 18px; text-decoration: none; cursor: pointer; color: #fff; background-color: #888; border: 1px solid #666; margin: 0 0 0 30px; border-radius: 6px; } #menu a:hover { color: #222; } /*------------------------------------------------ -----------------|   Banner   |------------------- ------------------------------------------------*/ #banner { width: 100%; overflow: hidden; } #banner .info { margin: 0 0 0 10px; } #banner .info h4 { font-size: 12px; margin: 0 0 10px 0; } #banner .info p { margin: 0 0 5px 0; } #banner .logo img {width: auto;height: auto !important;max-width: 50%;} /*------------------------------------------------ -----------------|   Galería   |------------------ ------------------------------------------------*/ #galeria img { margin: 0 0 16px 16px; } #galeria img.primera { margin: 0 0 16px 0; } .raw>* { margin: 0 0 5px 0; font-size: 12px; }