/* 
    Document   : productos
    Created on : 17-ago-2009, 11:37:51
    Author     : msanchez
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


div#productos_content{ border: 0px solid #f00; padding: 0px; }

div#productos_content .textbar { display:block; background: transparent url('../../../media/img/gon-backgrounds.png') repeat-x 0 -4px; border-bottom: 1px solid #CCC; color: #7F0000; font-weight: bold; padding: 5px 5px 5px 10px; margin-bottom: 10px; }

div#productos_content #productos_descripcion { border: 0px solid #0f0; padding: 5px 5px 0px 15px; float: left; width: 450px; margin-bottom: 10px; }
div#productos_content #productos_headers{ padding-bottom:10px;border-bottom:1px dotted #ccc }
div#productos_content #productos_headers h1 { color: #7F0000; font-size:21px;font-weight:bold; }
div#productos_content #productos_headers h2 { color: #000; font-size: 18px;font-weight:normal; }
div#productos_content #productos_headers h4 { color: #000; font-weight:normal; line-height:24px; }
div#productos_content #productos_texto {text-align:justify;margin-top:15px;}
div#productos_content #productos_texto p { margin-bottom: 15px; line-height:20px; }
div#productos_content #productos_texto ul {  }
div#productos_content #productos_texto li { margin-bottom: 15px; line-height:15px; margin-left: 30px; list-style-type: circle; }

div#productos_content #productos_right { border: 0px solid #00f; float: right; width: 215px;margin-bottom: 10px; margin-right: 5px; }

div#productos_content .box { margin-bottom:30px; }
div#productos_content .box .box_img { border: 0px dotted #000; text-align: center; margin-bottom: 10px; }
div#productos_content .box .box_img img { width: 215px; }
div#productos_content .box .box_txt { border: 0px dashed #FF0;margin-bottom: 10px; }
div#productos_content .box .box_txt ul { padding-left: 0px; }
div#productos_content .box .box_txt ul li { border-bottom: 1px dotted #ccc; list-style-type:none; padding: 5px 0px 5px 25px;background-color:transparent;background-position:5px 50%;background-repeat: no-repeat; }
div#productos_content .box .box_txt ul li:hover { background-color: #F5F5F5; }
div#productos_content .box .box_txt ul li a { color: #000; display: block; }
div#productos_content .box .box_txt ul li a:hover { text-decoration: none; }


div#productos_content #productos_partners { }
div#productos_content #partners_bar { }

div#productos_content #partners_content { border-bottom: 0px dotted #ccc; padding-bottom: 10px; }
div#productos_content #partners_content ul { padding-left: 0px; }
div#productos_content #partners_content ul li { list-style-type:none; margin-right:5px; display: block; text-align:center; border-bottom: 1px dotted #ccc; padding: 5px 0 5px 0; }
div#productos_content #partners_content ul li img { max-width: 160px; }


div#productos_content #productos-tarifas .box h1{ color: #7F0000; font-size: 15px; font-weight:bold; }
div#productos_content #productos-tarifas .box div.h1{ color: #7F0000; font-size: 15px; font-weight:bold; }
div#productos_content #productos-tarifas .box p{ margin-bottom: 10px; }

table.tarifas { margin: 0px auto;margin-top: 20px; width:100%; border:0px solid #000; }
table.tarifas th { background-color: #7f0000; color: #fff; font-weight: bold; padding: 5px 10px;  }
table.tarifas td { border-bottom: 1px dotted #ccc; padding: 5px; }
table.tarifas td.preu{ background-color: #eee; }
table.tarifas td.dark { background-color: #ccc; border: 0px; }
table.tarifas td.ok { background: transparent url('../../../media/img/icons/famfamfam/tick.png') no-repeat 50% 50%;width: 16px; height: 16px; }
table.tarifas td.cross { background: transparent url('../../../media/img/icons/famfamfam/cross.png') no-repeat 50% 50%;width: 16px; height: 16px; }
table.tarifas td.noborder { border: 0px; }

.productos-ayuda { font-size: 12px; }
.productos-ayuda div#head {
  background-color: #ccc; padding:5px; font-weight: bold; font-size: 14px;
}
.productos-ayuda div#content{
  margin-top: 5px;
}

.productos-ayuda ul { margin:0px; padding:0px;list-style-type:none; }
.productos-ayuda li { margin-bottom: 2px;margin-left:0px; }
div#productos_content #productos_texto .productos-ayuda li { list-style-type: none; margin-bottom: 2px;margin-left:0px; }
.productos-ayuda li b { color: #b00; }

/* solicitar */

div#solicitar #solicitar_texto {}
div#solicitar #solicitar_opciones{ margin-top: 30px; }
div#solicitar #solicitar_acciones{ margin-top: 20px; }
div#solicitar #solicitaracciones div.error{
     margin:16px 10px 8px 10px;
     padding:6px;
     background-color: #EFC2C2;
}

div#solicitar div.dominio{
     margin-top:20px;
     padding:10px 12px 2px 12px;
     background-color:#FFF9DF;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
}

table.solicitud { width: 100%}
table.solicitud th { background-color: #7f0000; color: #fff; font-weight: bold; padding: 5px 10px; }
table.solicitud td { border-bottom: 1px dotted #ccc; padding: 5px; }
table.solicitud td.dark { background-color: #ccc; border: 0px; }
table.solicitud td.error { color: #7F0000; font-weight: bold; }
table.solicitud td.ok { color: #007F00; font-weight: bold; }



div.validation_error { display:block;margin-top: 5px;color: #7f0000;font-weight: bold; }

div#notalegal {  }
div#notalegal #content { border: 1px solid #ccc; width: 100%; margin: 0px auto; height: 150px; overflow: auto; margin-top: 30px; font-size: 12px;}
div#notalegal #acepto { margin-top: 10px; }
div#proceder { margin: 40px 0; text-align:center; font-size: 16px; color: #070; }

/* SOLICITUD PRODUCTOS: BARRA CON LOS PASOS */

div#peticion_pasos {
  background: transparent url(../../../media/img/pasos-background.png) no-repeat scroll left top;
  color: #999;
  height: 60px;
  text-align: left;
  width: 450px;
  position: relative;
}
div#peticion_pasos .texto_paso {
  color: #399933;
  font-size: 17px;
  padding: 0 0 10px 0;
}
div#peticion_pasos .pasos {
  position: absolute;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 0 0 4px;
  text-align: center;
}
div#peticion_pasos .paso_actual { 
  color: #7c2424;
  background: transparent url(../../../media/img/pasos-hover.png) no-repeat scroll;
}
div#peticion_pasos .paso_actual1 {
  color: #7c2424;
  background: transparent url(../../../media/img/pasos-hover.png) no-repeat scroll -26px 0;
}
div#peticion_pasos .paso1 {
  width: 82px; padding: 9px 16px 7px 5px; height: 38px;
}
div#peticion_pasos .paso2 {
  width: 109px; left: 84px; padding: 9px 10px 7px 10px; height: 38px;
}
div#peticion_pasos .paso3 {
  width: 109px; left: 193px; padding: 9px 10px 7px 15px; height: 38px;
}
div#peticion_pasos .paso4 {
  width: 109px; left: 304px; padding: 9px 10px 7px 10px; height: 38px;
}

/* SOLICITUD DE PRODUCTOS */

div#peticion_datos { margin-top: 15px; }
div#peticion_datos h1 { color: #7F0000; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #ccc; margin-bottom: 10px;padding-bottom: 5px;}
div#peticion_datos .fila { display: block; padding: 5px 10px 5px 10px; }
div#peticion_datos .fila div.label { font-weight: bold; color: #666; width: auto; float: left; }
div#peticion_datos .fila div.text { color: #347FA3; float: right; }
div#peticion_datos .fila input { text-align: right; }
div#peticion_datos .precio { margin-top: 15px; font-size: 18px; padding: 5px 10px 5px 10px; }
div#peticion_datos .precio div.label { font-weight: bold; color: #666; width: auto; float: left; }
div#peticion_datos .precio div.text { color: #347FA3; float: right; font-weight: bold; }
div#peticion_datos .siguiente { text-align: center; margin-top: 20px; }
div#peticion_datos .condiciones { text-align: justify; height: 300px; overflow: auto; border: 1px solid #ccc; padding: 10px }
div#peticion_datos #acepto { margin-top: 10px }

div.errores_box { border: 1px solid #ff3; background-color: #ffc; padding: 10px; font-weight:bold; color: #663; }
div.errores_box .error { margin: 5px 3px 5px 20px;  }

div#nombre_cuentas_correo h1{
  border-bottom:1px dotted #CCCCCC;
  color:#7F0000;
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:5px;
}
div.solicitarcuentas { text-align:center;padding:5px; }

img.bulletdown {
  cursor: pointer;
}

div.productoDescripcion {
  height:0;opacity:0;overflow:hidden;visibility:hidden;
}

div.arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(../../../media/img/icons/bullet_arrow_updown.png);
  width: 16px; height: 16px;
  float:left;
  margin: 0px 0px 0px 5px;
}

div.arrowup { background-position:0 0 }
div.arrowdown { background-position:-16px 0px }

p.help {
  font-size: 10px; color: #777; font-style:italic;
}

div.hiddentext {  display: none; }
div.leermas {  text-align:right; cursor: pointer; margin-bottom: 10px; color: #888; font-size:11px; }
b.bold { color: #7f0000; }
div.dudas-lopd{
     margin-top:16px;
     padding:4px 8px;
     font-size:12px;
     background-color:#FFF6CF;
     color:#7F0000;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
}
div.dudas-lopd img{ float:left; margin:-8px 0px 16px -8px; }

/* LOPD solicitar */
div#peticion_datos table td{
     padding:6px 3px;
     vertical-align:top;
}
div#peticion_datos table tr.tpres1{ background-color:#eee; }
div#peticion_datos table tr.tpres2{ background-color:#e6e6e6; }

div#lopd-presupuesto{
     padding:10px 16px;
     margin-bottom:20px;
     background-color:#eee;
     color:#7F0000;
     border:6px solid #ccc;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
}
div#lopd-presupuesto p.nota{ font-size:11px; margin:6px 0 0 0 !important; }
div#lopd-presupuesto div.nivel{ font-size:15px; font-weight:bold; }
div#lopd-presupuesto div.coste{ float:right; margin-top:-14px; }
div#lopd-presupuesto div.personas{ margin:8px; }
div#lopd-presupuesto div.personas p{ margin-bottom:6px; margin-bottom:0 !important; }
div#lopd-presupuesto div.personas p span{ margin-right:8px; }
div#lopd-presupuesto div.personas div.aumentar{ display:inline }
div#lopd-presupuesto div.personas div.aumentar a, div#lopd-presupuesto div#tsoptions div.aumentar a{
     padding:0 4px;
     font-weight:bold;
     font-size:10px;
     border:1px solid #bbb;
     background-color:#eee;
}
div#lopd-presupuesto div.personas div.aumentar a:hover, div#lopd-presupuesto div#tsoptions div.aumentar a:hover{ text-decoration:none; background-color:#f6f6f6; }
div#lopd-presupuesto div.nextstep{ float:right; margin-top:-30px; }
div#lopd-presupuesto div.seguridad{
     margin-top: 10px;
     padding:3px;
     border-top:1px dotted #aaa;
}
div#lopd-presupuesto div#tsoptions{
     margin:6px;
     padding:8px;
     background: url('../../../media/img/pixel_2.png');
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
}
div#lopd-presupuesto div#tsoptions p{ margin:0 0 4px 0 !important; }
div#lopd-presupuesto div#tsoptions div.aumentar{ display:inline; }
a.upper{
     font-size:17px;
     font-weight:bold;
     padding:4px;
     color:#CF6767;
}
a.upper:hover{ text-decoration:none; color:#7f0000; }

/* LOPD Solicitar */
div#lopd-solicitar{
     margin:10px;
     background-color:#eee;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
}
div#lopd-solicitar dl{ margin:18px 18px 9px 18px; }
div#lopd-solicitar dl dt{
     line-height:20px;
     margin: 8px 0 -28px 0;
     padding:6px 0;
     border-top:1px dotted #ccc;
}
div#lopd-solicitar dl dt.title{
     line-height:16px;
     font-size:15px;
     padding-top:16px;
     margin-bottom: 10px;
     color:#7F0000;
     border-top:none;
     text-align:right;
     font-weight:bold;
}
div#lopd-solicitar dl dt.title span{
     font-size:12px;
     font-weight:normal;
     font-style:italic;
     color:#444;
}
div#lopd-solicitar dl dd{ text-align:right; padding-top:3px; }
div#lopd-solicitar p{ padding-left:16px; font-size:12px; }
div#lopd-solicitar form{
     padding:0 10px 20px 0;
     text-align:center;
}

/* FORMULARIO */
div.formulario-contacto h3{ margin-bottom:5px; }
div.formulario-contacto form fieldset {
     background-color:#ddd;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
}
div.formulario-contacto form fieldset fieldset{
     border:1px solid #fff;
     margin: 12px;
     padding:6px 8px;
     background-color:#eee;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
}
div.formulario-contacto form fieldset fieldset legend{
     margin:0px 5px 15px 10px;
     padding:0 8px 0px 8px;
     background-color:#eee;
     border-top: 1px solid #fff;
     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
}
div.formulario-contacto form textarea{
     font-family: "Trebuchet MS","Segoe UI","Trebuchet","Bitstream Vera Sans","Deja Vu Sans",Verdana,sans-serif;
     height:111px;
     max-height:111px;
     width:394px;
     font-size:13px;
     line-height:15px;
     background:#fff;
}
dl.registro{ text-align:left; }
dl.registro dt{
    width:118px;
    float:left;
    text-align:right;
    padding-right:8px;
    height:18px;
    line-height:18px;
}
dl.registro dt.legal{ width:150px; text-align:left; }
dl.registro dt.titular {
     width:98%;
     margin:10px 0;
     text-align:center;
     color:#7F0000;
     font-size:12px;
     font-weight:bold;
     background-color:#fbfbfb;
     border-bottom:1px solid #ccc;
}
dl.registro dd{ padding:4px; }
dl.registro dt i{ font-size:12px; color:#555; }
dl.registro dd.legal { clear:both; }
dl.registro dd div.legal, dl.registro dd div.legal2, dl.registro dd div.legal3{ float:left; font-size:12px; }
dl.registro dd div.legal{ width:132px; }
dl.registro dd div.legal2{ width:100px; }
dl.registro dd div.legal3{ width:280px; }
dl.registro textarea.legal { width:230px; height:90px; }

/* DOCUMENTACION LEGAL */
div.modalidades{ text-align:center; margin-left:10px; }
div.modalidades div.documentacion-jurisprudencia{
      width:194px; height:194px;
      margin:0 6px; padding:4px;
      float:left;
      background: url(../../../media/img/modalidades-background.png) no-repeat;
}
div.modalidades div.documentacion-jurisprudencia h4{ padding:9px 0; }
div.modalidades div.documentacion-jurisprudencia p{ padding-top:6px; }
div.modalidades div#modalidad-express img{  padding-top:12px; }
div.modalidades div#modalidad-express p{  padding-top:13px; }
div.modalidades div#modalidad-dossier:hover{ background: url(../../../media/img/modalidad-dossier-back.png) no-repeat; }
div.modalidades div#modalidad-express:hover{ background: url(../../../media/img/modalidad-express-back.png) no-repeat; }