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

* {
margin: 0 auto;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
}

body {background-color: #a4cef9;}

#todo {
margin: 0 auto;
width: 675px;
}

div, span {background-color: transparent;}

table { border-collapse:collapse; height: 100%}
table tr td.linea_izquierda {width: 22px; height: 100%; background-image:url(images/linea_izquierda.gif); background-repeat:repeat-y;}
table tr td.linea_derecha {width: 25px; height: 100%; background-image:url(images/linea_derecha.gif); background-repeat:repeat-y;}

a img, img a {border: 0}

#cabecera {
width: 677px;
height: 134px;
background-image:url(images/cabecera.gif);
background-repeat:no-repeat;
}

#menu {
width: 677px;
height: 63px;
background-image:url(images/fondo_menu.gif);
background-repeat:no-repeat;
}

#contenido {
width: 677px;
min-height: 635px;
height: auto;
background-image:url(images/fondo.gif);
background-repeat: repeat-y;
padding-left: 3px;
}

#contenido tr td{
padding: 6px;
}


table#detalles, table#detalles tr {background-color: white;}
table#detalles tr td {width: 157px; padding: 3px; text-align: justify; }

table#clientes, table#clientes tr {background-color: white;}
table#clientes tr td {width: 200px; padding: 3px; text-align: justify; background-color: white; }
table#clientes tr td img{border: 1px solid #4f4f4f; }

table#portales, table#portales tr {background-color: white;}
table#portales tr td {width: 200px; padding: 3px; text-align: justify; background-color: white; }
table#portales tr td img{border: 1px solid #4f4f4f; }

h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #336699; margin-bottom:8px;}
p { margin-bottom: 8px; text-align: justify; margin-left: 5px;}
strong { font-weight: bold;}
.azul { color: #336699;}
.borde { border:1px solid #336699;}

#pie {
width: 677px;
height: 20px;
margin: 4px auto auto 3px;
}

#pie a{ font: bold 12px Arial, Helvetica, sans-serif; color: #4f4f4f; text-decoration: none;}
#pie a:hover{ font: bold 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none;}

a {text-decoration:none}
a:hover { text-decoration:underline}

ul.detalles { list-style-position:inside; width:360px; margin-bottom: 15px; margin-left:0;}
ul.detalles li{ list-style-type:none; margin-bottom:4px; margin-left:20px; border-bottom: 1px dotted #a4cef9; padding-bottom:2px;}

/* promocion */

#promocion { width:610px;}
#promocion tr td { vertical-align:top; text-align:left;}
.bloqueuno { width:202px; height:22px; background-image:url('images/bloqueuno.gif'); background-repeat:no-repeat;}
.bloquedos { width:202px; background-image: url('images/bloquedos.gif'); background-repeat:repeat-y;}
.bloquetres { width:202px; height:52px; background-image: url('images/bloquetres.gif'); background-repeat:no-repeat;}

.bloqueuno strong {color:#FFFFFF; margin-left:25px; margin-top:6px;}
.bloquedos ul { margin-top:10px; margin-left:4px; width:184px;}
.bloquedos ul li { margin-bottom:3px; background-color:#ddd; border-left: 2px solid #FF6600; font-size: 10px; list-style-type:none; padding-left:3px;}
.bloquedos ul li.destacada { margin-bottom:3px; background-color: #FFCC66; border-left: 2px solid #FF6600; font-size: 10px; list-style-type:none; padding-left:3px;}
.bloquetres strong {color:#FFFFFF; margin-left:10px;}

.boton { width:146px; height:28px; background-image:url(images/boton.gif); background-repeat:no-repeat; padding-left:8px; padding-top:5px; text-align:left;}