/* COLORES: */
/* azul oscuro: #3f5fb6; */
/* azul claro: #5884FD; */
/* naranja salmon: #FDBA58; */
/* marron: #ca903d; */

body{
font:12px Verdana, sans-serif;
color:#474747;
margin:0;
padding:0;
}

div#cabecera{
height:125px;
border:1px solid #3f5fb6;
margin:0;
padding:0;
background: url('imagenes/cabecerafondo.jpg') repeat-x;
}

div#izquierda{
position:absolute;
top:126px;
left:0;
width:200px;
border:1px solid #3f5fb6;
min-height:400px;
height:auto !important;
height:400px;
border-bottom:3px solid #3f5fb6;
}

div#derecha{
position:absolute;
top:126px;
right:0;
width:200px;
border:1px solid #3f5fb6;
min-height:400px;
height:auto !important;
height:400px;
border-bottom:3px solid #3f5fb6;
}

div#centro{
margin:0 201px;
/* border-bottom:2px solid #3f5fb6; */
text-align:center;
}

div.producto{
border:1px solid #3f5fb6;
width:90%;
margin:0 auto;
text-align:left;
margin-top:5px;
margin-bottom:5px;
background-color:#FFFFFF;
background:url('imagenes/fondoproductos.jpg') repeat-x;
}

div.producto img{
display:inline;
float:left;
width:100px;
height:100px;
clear:left;
margin-left:5px;
margin-top:5px;
}

div.producto dl{
margin:5px 0px 5px 120px;
}

div.producto dt,dd{
text-align:left;
margin:0;
padding:0;
}

div.producto dd{
padding-bottom:3px;
}

div.producto dt{
font-weight:bold;
}

div#acciones a{
display:block;
}

div#cajacarro{
margin:5px;
text-align:left;
border:1px solid #3f5fb6;
background:url('imagenes/fondocajacarro.jpg') repeat-x;
background-color:#fff6e8;
font-size:10px;
padding:5px;
}

div#cajacarro .hr1{
width:156px;
height:2px;
padding:0;
margin:2px auto;
background:url('imagenes/hr1.jpg') no-repeat;
line-height:2px;
}

div.total{
font-size:12px;
margin-top:5px;
}

.clearfloat{
width:100%;
clear:both;
height:1px;
line-height:1px;
}

h2{
color:#3f5fb6;
font-size:18px;
}

h2.productos,h2.textoinfo{
font-size:16px;
text-align:left;
width:90%;
margin-left:auto;
margin-right:auto;
}

div.hr2{
background-color:#3f5fb6;
height:1px;
padding:0;
margin:15px auto;
width:90%;
line-height:1px;
}


p, address{
width:90%;
margin:10px auto;
text-align:left;
}

p img{
vertical-align:middle;
}

/* Resultados encuesta */

div.resultado{
border:1px solid #3f5fb6;
width:85%;
margin:0 auto;
margin-bottom:15px;
background-color:#f1f3ff;
padding-left:20px;
}

div.barraborde{
border:1px solid #3f5fb6;
width:20px;
height:125px;
float:left;
position:relative;
display:inline;
margin-left:35px;
background: #FFFFFF;
}

div.barra{
background-color:#FDBA58;
width:20px;
position:absolute;
bottom:0px;
right:0px;
}

div.datos{
float:left;
clear:both;
margin:0 12px;
font-size:10px;
display:inline;
}

div.barrawrap{
float:left;
display:inline;
}

div.graficaswrap{
width:520px;
padding:15px 0;
margin:15px auto;
/* border:1px solid #3f5fb6; */
text-align:left;
}

div.graficaswrap span{
font-weight:bold;
font-size:10px;
margin:0 20px;
margin-right:22px;
text-align:left;
}

div.resultado h3{
font-size:12px;
font-weight:bold;
margin-left:30px;
color:#474747;
text-align:left;
margin-bottom:10px;
margin-top:12px;
}

div.exito{
font-size:14px;
margin-top:15px;
color:#ca903d;
}

/* LINKS */

a{
text-decoration:none;
color:#3f5fb6;
}

a:hover{
/* color:#ca903d; */
color:#FDBA58;
}

a:active{
color:#FDBA58;
}

span.catlink{
cursor:pointer;
color:#3f5fb6;
font-weight:bold;
}

span.catlink:hover{
background:#5884FD;
color:#ffffff;
}

a#logo{
display:inline;
float:left;
height:125px;
padding:0;
margin:0;
}

a#logo img{
border:none;
padding:0;
margin:0;
}

div#cabecera img#datoscabecera{
border:none;
float:right;
padding:0;
margin:0;
}

div.producto a{
border:1px solid #3f5fb6;
padding:0 3px;
}

div.producto a:hover{
background-color:#FDBA58;
color:#FFFFFF;
border:1px solid #3f5fb6;
}

div.producto a:active{
background-color:#FFFFFF;
color:#FDBA58;
}

div.volver a{
border-bottom:1px dotted #3f5fb6;
}

div.volver a:hover{
border-bottom:1px solid #FDBA58;
}


/* TABLAS */

table{
width:90%;
margin:5px auto;
border-collapse:collapse;
}

th{
background-color:#f1f3ff;
}

th,td{
border:1px solid #3f5fb6;
padding:3px;
}

td.enviado{
font-weight:bold;
}

/* LISTAS */

div#izquierda ul{
list-style-type: disc;
list-style-image: url('imagenes/bullet1.jpg');
margin-left:0px;
padding-left:35px;
margin-top:15px;
}

div#izquierda ul li ul, div#izquierda ul.enlaces{
list-style-type: disc;
list-style-image: url('imagenes/bullet2.jpg');
margin-top:3px;
margin-bottom:3px;
padding-left:25px;
}

div#izquierda ul.enlaces{ 
padding-left:35px;
margin-top:15px;
}

div#centro ul{
text-align:left;
list-style-type: disc;
list-style-image: url('imagenes/bullet2.jpg');
margin-left:30px;
padding-left:30px;
}

/* FORMULARIOS */

input,select,textarea{
border:1px solid #3f5fb6;
}

input:focus,select:focus,textarea:focus,form fieldset input.envio:focus,input#entrar:focus,#identificarse input:focus{
border:1px solid #FDBA58;
}

input[type='hidden']{border:none;}


form#identificarse, div#acciones{
border:1px solid #3f5fb6;
padding:5px;
margin:5px;
background: url('imagenes/fondoidentificar.jpg') repeat-x;
background-color:#f1f3ff;
}

form#identificarse{}

#identificarse label, #identificarse input{
text-align:left;
width:83px;
float:left;
}

#identificarse label{
clear:left;
}

#identificarse input{
border:1px solid #3f5fb6;
margin-bottom:3px;
}

#identificarse fieldset{
border:none;
padding:0;
text-align:center;
}

form.formulario{
width:475px;
margin:0 auto;
padding:0;
}

form.formulario fieldset{
margin:0;
text-align:left;
margin-bottom:2px;
border:1px solid #3f5fb6;
padding-top:4px;
background-color:#f1f3ff;
}

form.formulario fieldset label,form.formulario fieldset input,form.formulario fieldset select{
float:left;
width:105px;
text-align:left;
margin-left:5px;
display:inline;
}

form.formulario fieldset textarea{
float:left;
width:200px;
margin-left:5px;
}

form fieldset input.envio,form#identificarse fieldset input#entrar{
float:none;
margin:5px auto;
width:100px;
display:block;
clear:both;
text-align:center;
color:#3f5fb6;
}

/* Esto es para arreglar un bug en Firefox 1.5 (en 2.0 va bien) */
form#identificarse>fieldset>input#entrar{
float:left;
clear:both;
margin:0 34px;
}

form#identificarse>fieldset>input#entrar+a{
display:block;
clear:both;
margin:0 auto;
padding-top:5px;
float:none;
}	
/* fin del hack */

form#encuesta fieldset input{
width:12px;
float:none;
clear:both;
border:none;
vertical-align:text-bottom;
}
form#encuesta fieldset label{
width:150px;
float:left;
clear:both;
}

form#encuesta fieldset div{
font-weight:bold;
margin-bottom:5px;
margin-left:3px;
}

form#encuesta fieldset input#enviaencuesta{
width:130px;
border:1px solid #3f5fb6;
}

form#p1 fieldset, form#p2 fieldset, form#p3 fieldset{
width:180px;
margin:15px auto;
}

form#p1 fieldset input, form#p2 fieldset input, form#p3 fieldset input{
width:25px;
margin-bottom:3px;
}

form#p1 fieldset input#encuestap1, form#p2 fieldset input#encuestap2, form#p3 fieldset input#encuestap3{
width:100px;
}