/******************************************************************************
* sedigas.css
*
* Fulla d'estils del portal de Sedigas
* Necessita haber carregat primer el 'web.css'
*
*	Albert Sunyer @ SMTec 2009 | http://www.smtec.es
******************************************************************************/

@charset "utf-8";

/* HEADER ***********************************************************************************/
#header #buscador a.idiomas{margin:0; font-size:11px; color:#020202;}

/* HOME ***********************************************************************************/
#cont.home #splah{float:left; width:443px; height:191px; display:block; margin:20px 0 0 10px;}

#cont.home #portales{margin:20px 0 0 0; border-top:1px solid #b2d8ee; padding-top:20px;}
#cont.home #portales a, #cont.home #portales img.nolink{margin:0 16px 0 0;}
#cont.home #portales a.ultim{margin:0 0 0 0;}


/* CATALOGO DE VENTAS ***********************************************************************************/
#su_pedido{background:#e7eef6; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:-10px 0 20px 0;}
#su_pedido p{line-height:45px; margin:10px; color:#7c7c7c;}
#su_pedido strong{color:#007fc6;}
#su_pedido .botoblanc{float:right; margin:10px;}

.producto{background:#f7f7f7; margin-bottom:21px; padding-bottom:20px;}
.producto .info{width:370px; float:left; margin:28px 0 0 30px;}
.producto h2{margin:0 0 10px 0; font-size:16px;}
.producto .texto{color:#656565; font-size:14px; line-height:18px;}
.producto .boto{margin:15px 0 0 30px;}
.producto .loading{margin:20px 0 5px 30px;}
.producto .no_disp{margin:15px 0 0 30px; color:#900; font-weight:bold;}
.producto .dades{width:145px; float:right; margin:28px 24px 0 30px;}
.producto .dades ul{width:145px; margin:20px 0 20px 0; background:url(../img/doble-linia-dot.gif) left bottom repeat-x;}
.producto .dades ul li{width:145px; display:block; text-align:right; line-height:16px; padding:7px 0 7px 0; color:#808080; background:url(../img/doble-linia-dot.gif) left top repeat-x;}
.producto .dades ul li strong{float:left; color:#007fc6;}

#pedido{background:#f5f5f5; padding-bottom:20px;}
#pedido table{margin:20px 20px 0 20px;}
#pedido table thead tr.grtit th{text-align:center; color:#808080;}
#pedido table tbody tr, #pedido table thead tr{background:url(../img/doble-linia-dot.gif) left bottom repeat-x;}
#pedido table tbody tr td, #pedido table thead tr th{line-height:20px; padding:5px 0 8px 0;}
#pedido table thead tr th{color:#007fc6; font-size:12px; font-weight:bold;}
#pedido table tbody tr td{color:#808080; font-size:13px; vertical-align:middle;}
#pedido table tbody tr td.blau{color:#007fc6;}
#pedido table tbody tr td input{width:30px; text-align:center;}
#pedido table tbody tr td a{background:url(../img/delete.jpg) left top no-repeat; width:20px; height:20px; display:block; float:right; margin:0;}
#pedido table tbody tr td a:hover{background-position:left bottom;}
#pedido table tbody tr.prim, #pedido table tbody tr.prim td{background-image:none; height:7px; line-height:0; padding:0;}
#pedido table tfoot tr td{padding:10px 0 10px 0; text-align:right;}
#pedido table tfoot tr td p{font-size:11px; color:#007fc6;}
#pedido table tfoot tr td strong{font-size:18px; margin:0 10px 0 10px;}
#pedido #comprar, #pedido #borrar{float:right; margin:20px 0 0 20px;}
#pedido #mas{float:left; margin-top:20px;}
.asterisco{font-size:12px; color:#888; margin:15px 0 10px 0;}

#cont.compra .formulario{width:660px; margin-top:10px; padding:20px 0 20px 0; background:#f5f5f5; font-size:12px;}
#cont.compra #frm{margin:0 0 0 20px; color:#808080;}
#cont.compra .fila{width:640px; display:block; margin-bottom:10px; clear:both;}
#cont.compra .border{background:url(../img/doble-linia.gif) left bottom no-repeat; padding-bottom:20px;}
#cont.compra label{width:210px; display:block; float:left; text-align:left; line-height:22px; color:#007fc6; font-weight:bold;}
#cont.compra .input{display:block; float:left; margin-right:13px; padding:2px; font-size:14px;}
#cont.compra .ultim{margin-right:0;}
#cont.compra .curt{width:190px;}
#cont.compra .mig{width:399px;}
#cont.compra label.mig{width:420px;}
#cont.compra .llarg{width:608px;}
#cont.compra p{font-size:12px;}
#cont.compra strong{color:#007fc6;}
#cont.compra #adddir{background:url(../img/boto-pla.png) left top no-repeat; width:120px; height:22px; display:block; float:right; line-height:22px; text-align:center; margin-right:25px; color:#FFF;}
#cont.compra #adddir:hover{background-position:left bottom; text-decoration:none;}
#cont.compra #enviar, #cont.compra #borrar{float:right; margin-right:27px;}
#cont.compra #anterior{float:left;}

#cont.pedido_fin #box{width:660px; margin-top:10px; background:#f5f5f5; padding:20px 0 20px 0;}
#cont.pedido_fin #box img{float:left; margin:30px;}
#cont.pedido_fin #box h2{float:left; margin:55px 0 0 30px; width:300px; font-size:24px; line-height:30px;}
#cont.pedido_fin #box h2.ok{color:#5e9f29;}
#cont.pedido_fin #box h2.error{color:#d32620;}
#cont.pedido_fin #box p{float:left; margin:10px 0 40px 30px; width:400px; font-size:14px; line-height:16px;}
#cont.pedido_fin .boto{margin:20px auto 50px auto;}

#cont.enlaces h2{margin:30px 0 15px 0; font-size:16px;}
#cont.enlaces dt{margin:20px 0 6px 0; line-height:16px;}
#cont.enlaces dt a{font-size:14px;}
#cont.enlaces dt a.link{font-size:12px; color:#A0A0A0;}


/* AGENDA ***********************************************************************************/
#cont.eventos .evento{background:#f7f7f7; padding:10px 20px 10px 20px; display:block; margin:0 0 10px 0; font-size:14px; color:#656565; line-height:18px;}
#cont.eventos .evento .data{font-size:12px; color:#A0A0A0;}
#cont.eventos .evento .data img{margin:0 7px 0 7px;}
#cont.eventos .evento h2{margin-top:0;}
#cont.eventos .evento h2 a{font-weight:bold; font-size:16px;}
#cont.eventos .evento p.link{margin:15px 0 15px 0; font-weight:bold;}
#cont.eventos .evento p.link a{font-weight:normal;}
#cont.eventos a.rss{float:right; margin-right:55px;}
#cont.eventos #frmevebus{background:#e7eef6; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 0 20px 0; padding-bottom:7px;}
#cont.eventos #frmevebus p{line-height:30px; margin:0 0 0 10px; color:#7c7c7c; font-weight:bold;}
#cont.eventos #frmevebus fieldset{line-height:16px; margin:5px 10px 10px 10px; color:#7c7c7c;}
#cont.eventos #frmevebus label{margin:0 10px 0 10px;}
#cont.eventos #frmevebus input{padding:3px;}
#cont.eventos #frmevebus #tit{width:180px;}
#cont.eventos #frmevebus #dat{width:80px; background-image:url(../img/adm/calendar_icon.gif); background-position:99% 50%; background-repeat:no-repeat;}
#cont.eventos #frmevebus .rad{float:left; margin:10px 0 0 5px;}
#cont.eventos #frmevebus #his1, #cont.eventos #frmevebus #his2{float:left; margin:11px 0 0 15px;}
#cont.eventos #frmevebus .boto{float:right; margin:0 5px 0 0;}


/* SEDIGAS EN IMÁGENES ***************************************************************************/
#cont.imagenes table{margin-top:0;}
#cont.imagenes table.imgs{border-spacing:15px; border-collapse:separate;}
#cont.imagenes .imagen{background:#f7f7f7; padding:10px 0 5px 0;}
#cont.imagenes .imagen h2{margin:0 0 10px 10px; font-size:16px;}
#cont.imagenes .imagen a{background:none; padding:0;}
#cont.imagenes .imagen a.img{width:180px; display:block; margin:0 0 0 10px; text-align:center;}
#cont.imagenes .imagen a.img img{}
#cont.imagenes .imagen ul{margin:10px 0 10px 10px; background:url(../img/doble-linia-dot.gif) left bottom repeat-x; width:180px;}
#cont.imagenes .imagen li{line-height:16px; padding:5px 0 5px 0; background:url(../img/doble-linia-dot.gif) left top repeat-x;}
#cont.imagenes .txt{margin-top:25px;}
#cont.imagenes .txt, #cont.imagenes .txt p, #cont.imagenes .txt li{font-size:11px !important; line-height:14px !important;}
#cont.imagenes .txt li{margin-bottom:4px;}
#cont.imagenes .pie{padding:0 10px 0 10px;}

/* ESTADÍSTICAS ***********************************************************/
#cont.estadisticas .estadistica{background:#f7f7f7; padding:20px; display:block; margin:0 0 20px 0;}
#cont.estadisticas .estadistica .data{font-size:12px; color:#A0A0A0;}
#cont.estadisticas .estadistica h2{margin-top:0;}
#cont.estadisticas .estadistica h2 a{font-weight:bold; font-size:16px;}
#cont.estadisticas .estadistica .holder{max-width:150px; float:left; margin:7px 20px 15px 0;}
#cont.estadisticas .estadistica .holder img{}
#cont.estadisticas .estadistica .docs{width:100%; min-width:150px; padding-top:1px; display:block; background:url(../img/doble-linia-dot.gif) left top repeat-x;}
#cont.estadisticas .estadistica .docs li{margin:7px 0 0 0; padding-bottom:7px; line-height:18px; background:url(../img/doble-linia-dot.gif) left bottom repeat-x;}
#cont.estadisticas a.rss{float:right; margin-right:55px;}
#cont.estadisticas .estadistica .pie{margin:3px 0 8px 0;}

#cont.estadisticas #frm{background:#e7eef6; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 0 20px 0; padding-bottom:7px;}
#cont.estadisticas #frm p{line-height:30px; margin:0 0 0 10px; color:#7c7c7c; font-weight:bold;}
#cont.estadisticas #frm fieldset{line-height:16px; margin:5px 10px 10px 10px; color:#7c7c7c;}
#cont.estadisticas #frm label{margin:0 10px 0 10px;}
#cont.estadisticas #frm input{padding:3px;}
#cont.estadisticas #frm .boto{float:right; margin:0 5px 0 0;}

/* REUNIÓN ANUAL ***********************************************************/
#cont.reunion_anual h2 {margin:20px 0 30px 0;}
#cont.reunion_anual h2.jardin {margin:30px 0 10px 0;}
#cont.reunion_anual a.jardin {margin:0px 0 50px 20px;}
#cont.reunion_anual .txt ul{margin:20px 0 20px 0; list-style:none;}
#cont.reunion_anual .txt li{line-height:16px;}
#cont.reunion_anual .txt li h2{margin:0;}

/* INSCRIPCIÓN ***********************************************************/
#cont.inscripcion .formulario{width:660px; margin:10px auto 10px auto; padding:20px 0 20px 0; background:#f5f5f5; font-size:12px;}
#cont.inscripcion #frm{margin:0 0 0 20px; color:#808080;}
#cont.inscripcion .fila{width:640px; display:block; margin-bottom:10px; clear:both;}
#cont.inscripcion .border{background:url(../img/doble-linia.gif) left bottom no-repeat; padding-bottom:20px;}
#cont.inscripcion label{width:210px; display:block; float:left; text-align:left; line-height:22px; color:#007fc6; font-weight:bold;}
#cont.inscripcion .input{display:block; float:left; margin-right:13px; padding:2px; font-size:14px;}
#cont.inscripcion .radio{float:left; margin:4px 6px 0 0;}
#cont.inscripcion .ultim{margin-right:0;}
#cont.inscripcion .curt{width:190px; _width:188px;}
#cont.inscripcion .mig{width:399px; _width:395px;}
#cont.inscripcion label.mig{width:420px;}
#cont.inscripcion .llarg{width:608px;}
#cont.inscripcion .auto{width:auto;}
#cont.inscripcion p{font-size:12px; margin-bottom:13px;}
#cont.inscripcion strong{color:#007fc6;}
#cont.inscripcion #adddir{background:url(../img/boto-pla.png) left top no-repeat; width:120px; height:22px; display:block; float:right; line-height:22px; text-align:center; margin-right:25px; color:#FFF;}
#cont.inscripcion #adddir:hover{background-position:left bottom; text-decoration:none;}
#cont.inscripcion #enviar, #cont.inscripcion #borrar{float:right; margin-right:27px;}
#cont.inscripcion #anterior{float:left;}
#cont.inscripcion .fila ol{list-style:outside decimal; line-height:18px; margin-left:20px; color:#656565;}
#cont.inscripcion .negre{color:#656565;}
#cont.inscripcion .total{font-size:18px; margin-bottom:0;}
#cont.inscripcion .total span{font-weight:bold;}