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

* { margin:0; padding:0;}
body { text-align:center; background:url(images/fondo.jpg) repeat-x top #D5D5D5;}

#todo { width:800px; margin:10px auto; background-color:#FFFFFF; }
#cabecera { width:800px; height:190px; background:url(images/cabecera.jpg) no-repeat top; text-align:left;}
div.claim { width:306px; height:68px; background:url(images/claim.png) no-repeat top; margin:20px;}
div.claim p { margin:0 10px; padding-top:10px; color:#1278C2; }
#contenido { width:800px; background-color:#FFFFFF; min-height:430px;}

.simple { width:200px; float:left; border-right:1px dashed #F36522; min-height:400px;}
.doble { width:590px; float:right;}
.izquierda { float:left; margin: 0 10px 10px 0;}
.derecha { float:right; margin: 0 0 10px 10px;}
.bloque { width:44%; padding:10px;}
.clear { clear:both; border:0;}
.centro { text-align:center; margin:10px auto;}

/* menu */
#mainmenu { width:180px;}
#mainmenu li { width:174px; height:16px; background:url(images/boton.png) no-repeat top; text-align:left; margin:6px 3px; list-style-type:none; padding-left:18px; padding-top:1px;}
#mainmenu li:hover { background:url(images/boton-b.png) no-repeat top;}
#mainmenu li a { font-size:10px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#mainmenu li.submenu{ background: none ; padding:1px 10px; width:140px; height:auto; list-style:disc inside; margin:0 auto 0 20px; color: #1278C2;}
#mainmenu li.submenu:hover { color:#F36522;}
#mainmenu li.submenu a{ color: #555; text-transform:none; font-weight:normal; font-size:11px;}
#mainmenu li.txt { list-style:none; color:#555; font-size:10px;}
#mainmenu li.txt:hover { color:#555;}

/* contenido de todos los apartados */
ul.normal { padding:1px 10px; width:80%; list-style:disc inside;  margin:0 auto 0 20px; text-align:left;}
ul.normal li { margin:2px auto;}

form { width:80%; float:right;}
form .input { width:74%; font-size:11px; padding:2px;}
form textarea { width:84%; font-size:11px; padding:2px;}

.producto { width:90%; margin:5px auto; min-height:180px; border-top:1px dotted #1278C2; padding-top:5px;} 
.producto img { margin-right:10px;}
.producto ul.normal { width:96%;}
.producto ul.normal li { margin:10px auto;}

.caracteristicas { border-collapse:collapse; margin:14px auto;}
.caracteristicas tr td { font-size:10px; text-align:center; padding:3px; vertical-align:middle; border:1px dashed #999999;}
.caracteristicas tr td.titulo{ font-weight:bold; color:#1278c2;}
.caracteristicas tr td.bold{ font-weight:bold; color:#1278c2;}
.caracteristicas tr td img { margin:2px auto;}
.caracteristicas tr td.destacado { background-color:#000099; color:#FFFFFF; font-weight:bold; text-align:center;}
.caracteristicas tr td.destacadob { background-color: #CC0000; color:#FFFFFF; font-weight:bold; text-align:center;}

.caracteristicasb { border-collapse:collapse;}
.caracteristicasb tr td { font-size:8.4px; text-align:center; padding:3px 4px; vertical-align:middle; border:1px dashed #999999;}
.caracteristicasb tr td.titulo{ font-weight:bold; color:#1278c2;}
.caracteristicasb tr td img { margin:0;}

.accesorios { width:140px; margin:10px; float:left;}
.accesorios p { font-size:10px; font-weight:bold; text-align:center;}

.liner tr td.titulo{ vertical-align:bottom;}

ul li { text-align:left; list-style-position:inside;}

.servicios {background:url(images/pic03.jpg) no-repeat top; width:580px; height:439px; padding-top:30px; padding-left:450px; margin-left:-224px;}
.servicios ul li { color:#FFFFFF; font-weight:bold;}

ul.sitemap { width:90%; margin:40px auto;}
ul.sitemap li { margin-left:30px; margin-top:6px; margin-bottom:8px;}
ul.sitemap li.sub { margin-left:60px; list-style-type:none; border-left:2px solid #f36522; padding-left:6px;}


/* creditos */
#creditos { width:800px; margin:0 auto; background:url(images/fondo-pie.png) no-repeat top #D7D7D7; padding-top:30px; font-size:10px; margin-top:-10px; clear:both;}
#creditos a { font-size:10px;}

/* textos */
* { font-family:Arial, Helvetica, sans-serif;}
body { font-size:11px; color:#333333;}

a { text-decoration:none; color:#1278C2;}
a:hover { text-decoration:underline;}
a img { border:0;}
img.borde { border:1px double #888; border-spacing:2px;}

.naranja { color:#F36522;}
.azul { color:#1278C2;}
.negro { color:#333333;}
.bold { font-weight:bold;}

h1 { font-size:22px; padding-top:10px; margin-left:20px; color:#FFFFFF;}
h1.claim { margin-top:2px; margin-left:90px; padding:0;}
h1 strong { font-size:34px; color:#F36522;}
h2 { height:19px; background:url(images/h2.jpg) no-repeat left; background-color:#68A3CF; text-align:left; padding-left:14px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; padding-top:3px; margin: 0 0 12px 0;}
h3 { height:19px; background:url(images/h2b.jpg) no-repeat left; background-color:#F36D2E; text-align:left; padding-left:14px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; padding-top:3px; margin: 8px 0 8px 80px;}
h4 { font-size:13px; margin:6px auto; padding-top:8px; text-align:left;}
h2 a, h3 a { color:#FFFFFF;}

p { text-align:left; margin: 8px 10px; }
p.enlace { text-align:right; margin-top:16px; margin-right:30px;}
p.enlace a { font-weight:bold; color:#F36522;}
p.mini { font-size:10px;}