/*
color: #FD720B; 
color: #CC2200; 

*/

html { position: relative; font-family: verdana, arial, verdana; font-size: 9pt; color: #333; }

body { position: relative; margin: 0; padding: 0; }
body { background: #000; color: #333; }

a img { border: 0; }
form { margin: 0; padding: 0; }
.dr { text-align: right; }
.esq { text-align: left; }
.center { text-align: center; }
div.separador { position: relative; clear: both; }

h1,h2,h3,h4,h5 { color: #fff; }
h1 { font-size: 180%; margin: 0; }
h2 { font-size: 160%; margin: 0; }
h3 { font-size: 140%; margin: 0; }
h4 { font-size: 120%; margin: 0; }
h5 { font-size: 100%; margin: 0; }

a { font-weight: bold; color: #FD720B; text-decoration: none; }
a:hover { color: #CC2200; text-decoration: underline; }

#wrapper { position: relative; margin: 10px 50px 40px 50px; padding: 0; }
#header { margin: 0; padding: 0; width: 200px; height: 200px; }
#header a.link-logo { display: block; margin: 0; padding: 0; background: url(http://www.precarios.org/jornadas2009/img/logo-def.jpg) 50% 50% no-repeat; width: 200px; height: 200px; }

#left-wrapper { display: block; position: relative; float: left; width: 200px; }
#right-wrapper { position: relative; margin: 0px 30px 0px 200px; }
#content-wrapper { position: relative; min-height: 300px; _height: 300px; border: 2px solid #DFDFDF; background: #fff; }


#page-top-left { position: absolute; top: -2px; left: -2px; width: 11px; height: 11px; background: url(http://www.precarios.org/jornadas2009/img/page-top-left-2.gif) 0 0 no-repeat; }
#page-top-right{ position: absolute; top: -2px; right: -2px; width: 11px; height: 11px; background: url(http://www.precarios.org/jornadas2009/img/page-top-right-2.gif) 0 0 no-repeat; }
#page-bottom-left { position: absolute; bottom: -2px; _bottom: -5px; left: -2px; width: 11px; height: 11px; background: url(http://www.precarios.org/jornadas2009/img/page-bottom-left-2.gif) 0 0 no-repeat; }
#page-bottom-right { position: absolute; bottom: -2px; _bottom: -5px; right: -2px; width: 11px; height: 11px; background: url(http://www.precarios.org/jornadas2009/img/page-bottom-right-2.gif) 0 0 no-repeat; }

#primary-links-top { text-align: right; }
#primary-links-top ul { margin: 0; height: 30px; }
#primary-links-top ul li { display: inline; margin: 0 10px 0 0; }
#primary-links-top ul li a { line-height: 30px; height: 30px; padding: 5px 0; }
#primary-links-top ul li a.primary-link-contacte { background: url(http://www.precarios.org/jornadas2009/img/icona-contacte.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-top ul li a.primary-link-patrocinadors { background: url(http://www.precarios.org/jornadas2009/img/icona-patrocinadors.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-top ul li a.primary-link-anteriors { background: url(http://www.precarios.org/jornadas2009/img/icona-anteriors.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-top ul li a.primary-link-locale-ca { background: url(http://www.precarios.org/jornadas2009/img/icona-locale-ca.gif) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-top ul li a.primary-link-locale-es { background: url(http://www.precarios.org/jornadas2009/img/icona-locale-es.gif) 100% 50% no-repeat; padding-right: 20px; }

#primary-links-bottom { text-align: right; }
#primary-links-bottom ul { margin: 0; height: 30px; }
#primary-links-bottom ul li { display: inline; margin: 0 10px 0 0; }
#primary-links-bottom ul li a { height: 30px; line-height: 30px; padding: 5px 0; }
#primary-links-bottom ul li a.primary-link-contacte { background: url(http://www.precarios.org/jornadas2009/img/icona-contacte.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-bottom ul li a.primary-link-patrocinadors { background: url(http://www.precarios.org/jornadas2009/img/icona-patrocinadors.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-bottom ul li a.primary-link-anteriors { background: url(http://www.precarios.org/jornadas2009/img/icona-anteriors.png) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-bottom ul li a.primary-link-locale-ca { background: url(http://www.precarios.org/jornadas2009/img/icona-locale-ca.gif) 100% 50% no-repeat; padding-right: 20px; }
#primary-links-bottom ul li a.primary-link-locale-es { background: url(http://www.precarios.org/jornadas2009/img/icona-locale-es.gif) 100% 50% no-repeat; padding-right: 20px; }

#left-wrapper h2 { margin: 25px 0 10px 0; font-family: arial,verdana; }

#menu { text-align: right; padding-right: 10px; }
#menu ul { list-style-type: none; }
#menu ul li { width: 80%; margin: 0 0 0 auto; }
#menu ul li a { display: block; height: 25px; line-height: 25px; border-bottom: 1px dotted #FD720B; }
#menu ul li.last a { border-bottom: none; }
#menu ul li a:hover { text-decoration: none; }

#menu-patrocinadors { text-align: right; padding-right: 10px; }
#menu-patrocinadors a { display: block; }
#menu-patrocinadors a img { width: 140px; margin: 5px 0 5px 10px; }


#menu-login { text-align: right; padding-right: 10px; margin: 20px 0 20px 0; }
#menu-login h2 { }
#menu-login .label { color: #aaa; font-weight: normal; margin: 5px 0 2px 0; padding: 0; }
#menu-login .form.field input { border: 1px solid #bbb; text-align: right; }
#menu-login .form.button input { margin: 10px 0 0 0; color: #fff; border: 1px outset #c20; background: #FD720B; font-size: 9pt; }

#page-index { position: relative; float: right; border-left: 1px solid #CC2200; margin: 20px 20px 20px 20px; z-index: 2; }
#page-index ul { position: relative; list-style-type: none; padding: 5px; margin: 5px; }
#page-index ul li { position: relative; }
#page-index ul li a { position: relative; height: 20px; line-height: 20px; background: url(http://www.precarios.org/jornadas2009/img/icona-bullet-index.png) 0 50% no-repeat; padding-left: 20px; }

#content-wrapper h2 { margin: 25px 35px; font-size: 18pt; color: #CC2200; }
#content-wrapper h3 { margin: 25px 35px; font-size: 11pt; color: #FD720B; }
#content-wrapper h4 { margin: 25px 35px; font-size: 8pt; color: #222; }
#content-wrapper h5 { margin: 25px 35px; font-size: 8pt; color: #888; }
#content-wrapper .text { margin: 25px 35px; color: #333; line-height: 170%; }
#content-wrapper .mapa { margin: 25px 0 25px 35px; color: #333; border: 1px solid #ccc; height: 400px; width: 85%; overflow: hidden; }
#content-wrapper .text ul { list-style-type: square; }
 

#footer { position: relative; clear: both; border-top: 1px solid #222; line-height: 20px; text-align: center; z-index: 2; margin: 10px 30px; }
#footer .nom-projecte { font-weight: bold; color: #CC2200; }
#footer .creador { font-style: italic; }
#footer .director { font-style: italic; }

#formulari {}
#formulari form { margin: 20px 40px 40px 40px; width: auto; }
#formulari form .row { border: 1px solid #777; margin: 0 0 10px 0; padding: 5px; }
#formulari form .row .info { position: relative; color: #aaa; }
#formulari form .row .label { display: inline; width: 20%; color: #000; font-weight: bold; }
#formulari form .row .field { display: inline; width: 58%; color: #000; }
#formulari form .row .field input { width: 40%; border: 1px solid #888; }
#formulari form .row .field textarea { width: 40%; height: 90px; border: 1px solid #888; }
#formulari form .row .field select { width: 40%; }
#formulari form .row .error { display: inline; width: 20%; color: #f00; }

#portada { padding: 20px; }
#portada #page-index { display: none; }
#portada h2 { display: none;  }
#portada .titol { color: #c20; font-family: helvetica,arial; font-size: 30pt; font-weight: bold; text-align: center; }
#portada .subtitol { color: #c20; font-family: helvetica,arial; font-size: 20pt; font-weight: bold; text-align: center; }
#portada .frase { color: #FB6100; font-family: helvetica,arial; font-size: 15pt; font-weight: bold; text-align: center; margin: 50px 16%; padding: 10px 0; border-top: 1px solid #FB6100; border-bottom: 1px solid #FB6100; }
#portada .info-1 { color: #000; font-size: 14pt; font-family: helvetica,arial; text-align: center; margin: 50px 12%; }
#portada .info-2 { color: #000; font-size: 12pt; text-align: center; font-family: helvetica,arial; margin: 50px 12%; }
#portada .info-2 strong { color: #c20; }

#presentacio #page-index { display: none; }



#programa { margin: 20px 30px; }
#programa .dia { background: #FFF7F2; border:1px solid #FD720B; margin:25px 15px; padding:0 0 25px; }
#programa table.programa { border-collapse: collapse; }
#programa table.programa tr {}
#programa table.programa tr td, #programa table.programa tr th { padding: 20px; }
#programa table.programa tr th.header { text-align: center; font-weight: bold; }
#programa table.programa tr td.header { text-align: right; font-weight: bold; padding: 20px 15px 20px 0; }
#programa table.programa tr td.fila-centrada { font-size: 8pt; text-align: center; font-weight: bold; background: #FCDC90; border: 1px solid #FCDC90; }
#programa table.programa tr td.info { font-size: 8pt; text-align: center; border: 1px solid #ccc; }
#programa .data-acte { margin: 25px 35px 0 35px; font-size: 8pt; color: #aaa; font-weight: normal; }
#programa h3 { margin: 5px 35px; }
#programa p { margin: 5px 35px; color: #444; }
#programa p.avis { margin: 15px 35px; color: #999; }
#programa li { margin: 0 10px; list-style-type: square; list-style-position: outside; }
#programa p a.top-link { float: right; background: url(http://www.precarios.org/jornadas2009/img/icona-top-link.gif) 0 50% no-repeat; padding-left: 16px; }
#programa img.border { border: 1px solid #999; }


#patrocinadors { position: relative; margin: 20px; }
#patrocinadors h2 { position: relative; margin: 25px 35px; font-size: 18pt; color: #CC2200; }
#patrocinadors .wrapper { position: relative; margin: 25px 35px; }
#patrocinadors .wrapper .cat-wrapper table { position: relative; text-align: center; }
#patrocinadors .wrapper .cat-wrapper table tr,
#patrocinadors .wrapper .cat-wrapper table td { position: relative; text-align: center; vertical-align: bottom; }
#patrocinadors .wrapper .cat-wrapper { position: relative; margin: 0 0 50px 0; clear: right; }
#patrocinadors .wrapper .patrocinador { position: relative; ddisplay: block; margin: 10px 10px 0 0; }
#patrocinadors .wrapper .patrocinador a img { position: relative; padding: 2px;  border: 1px solid #ddd; }
#patrocinadors .wrapper .patrocinador a img.alta { width: 100%; }
#patrocinadors .wrapper .patrocinador a img.ampla { height: 100%; }
#patrocinadors .wrapper .patrocinador .peu { height: 36px; line-height: 12px; }
#patrocinadors .wrapper .patrocinador a { position: relative; ddisplay: block; text-align: center; padding: 2px; color: #777; }

#flash-patrocinadors { margin: 0 40px; }
#flash-patrocinadors h2 { margin: 0; font-size: 9pt; color: #fff; }
#flash-patrocinadors #flash-patrocinadors-wrapper { position: relative; overflow: hidden; height: 110px; margin: 10px 0; text-align: center; padding: 0; }
#flash-patrocinadors a { position: relative; display: block; float: left; clear: both; border: 1px solid #bbb; padding: 1px; margin: 0 0 5px 0; }
#flash-patrocinadors a img { position: relative; }

#contacte table.contacte td { background: none; border: 0;  }

#admin-home { margin: 20px 40px; }
#admin-home h1 { color: #000; }

#admin-llistat { margin: 20px 40px; }
#admin-llistat table.llistat { }
#admin-llistat table.llistat th { font-size: 8pt; font-weight: bold; }
#admin-llistat table.llistat td { font-size: 8pt; }
#admin-llistat table.llistat td.no-results { padding: 20px 0; }
#admin-llistat table.llistat tr.odd td { background: #dfdfdf; }
#admin-llistat table.llistat tr.even td { background: #ccc; }
#admin-llistat table.llistat tr.deleted td { color: #999; text-decoration: line-through; }
#admin-llistat table.llistat img.observations { cursor: help; }
#admin-llistat table.llistat .left { text-align: left; }
#admin-llistat table.llistat .right { text-align: right; }
#admin-llistat table.llistat .center { text-align: center; }
#admin-llistat a.asc { padding-right: 10px; background: url(http://www.precarios.org/jornadas2009/img/icon-order-asc.png) 100% 50% no-repeat; }
#admin-llistat a.desc { padding-right: 10px; background: url(http://www.precarios.org/jornadas2009/img/icon-order-desc.png) 100% 50% no-repeat; }
#admin-llistat select.selected-combo { width: 100%; border: 1px solid #bbb; padding: 2px; margin: 3px 0; }

#admin-llistat .stats { margin: 20px 0;}
#admin-llistat .row { margin-bottom: 0; overflow: hidden; padding: 4px 10px 4px 0; width: 550px; margin: auto; text-align: right;  }
#admin-llistat .row.odd { background: #e5e5e5; }
#admin-llistat .row.even { background: #cfcfcf; }
#admin-llistat .row label { float: left; width: 340px; font-weight: bold; }
#admin-llistat .row strong { color: #b22; font-weight: bold; }
#admin-llistat .yellow { background: #ff7; }
#admin-llistat .even .yellow { background: #ff7 !important; }
#admin-llistat .odd .yellow { background: #ffb !important; }
#admin-llistat table.llistat a.action img { border: 1px solid #aaa; }

#admin-edit { margin: 20px 40px; }
#admin-edit label { float: left; text-align: right; padding: 5px 10px; font-weight: bold; width: 200px; lline-height: 20px; }
#admin-edit .odd-row { background: #dfdfdf; padding: 5px 0; margin: 0; overflow: hidden; text-align: left; }
#admin-edit .even-row { background: #ccc; padding: 5px 0; margin: 0; overflow: hidden; text-align: left; }
#admin-edit input.text-field { width: 240px; border: 1px solid #bbb; padding: 2px; }
#admin-edit .even-row div.field-content, 
#admin-edit .odd-row div.field-content { line-height: 25px; } 
#admin-edit select { width: 240px; border: 1px solid #bbb; padding: 2px; }
#admin-edit textarea { width: 300px; height: 100px; border: 1px solid #bbb; padding: 2px; font-size: 9pt; }
#admin-edit .buttons { text-align: center; }
#admin-edit .buttons input { margin: 20px; }
#admin-edit .buttons input.update { background: #aaa; font-weight: bold; color: #fff; padding: 4px; border: 1px solid #777; }
#admin-edit .buttons input.reset { background: #eee; color: #999; padding: 4px; border: 1px solid #999; }

#admin-view { margin: 20px 40px; }
#admin-view label { float: left; text-align: right; padding: 5px 10px; font-weight: bold; width: 200px; lline-height: 20px; }
#admin-view .odd-row { background: #dfdfdf; padding: 5px 0; margin: 0; overflow: hidden; text-align: left; }
#admin-view .even-row { background: #ccc; padding: 5px 0; margin: 0; overflow: hidden; text-align: left; }
#admin-view .even-row div.field-content, 
#admin-view .odd-row div.field-content { line-height: 25px; } 
#admin-view .buttons { text-align: center; }
#admin-view .buttons input { margin: 20px; }
#admin-view .buttons input.list { background: #aaa; font-weight: bold; color: #fff; padding: 4px; border: 1px solid #777; }
#admin-view .buttons input.print { background: #aaa; font-weight: bold; color: #fff; padding: 4px; border: 1px solid #777; }
#admin-view .buttons input.edit { background: #aaa; font-weight: bold; color: #fff; padding: 4px; border: 1px solid #777; }



#left-admin-wrapper { display: none; position: relative; float: left; width: 120px; overflow: hidden; }
#left-admin-wrapper #header { margin: 0; padding: 0; width: 120px; height: 120px; }
#left-admin-wrapper #header a.link-logo { display: block; margin: 0; padding: 0; background: url(http://www.precarios.org/jornadas2009/img/logo-def-petit.jpg) 50% 50% no-repeat; width: 120px; height: 120px; }
#left-admin-wrapper #menu { text-align: left; margin: 0; padding: 0; }
#left-admin-wrapper #menu ul { list-style-type: none; padding: 0; }
#left-admin-wrapper #menu ul li { margin: 0; }
#left-admin-wrapper #menu-patrocinadors { text-align: left; }
#left-admin-wrapper #menu-patrocinadors a img { width: 100px; margin: 5px 10px 5px 0; }
#left-admin-wrapper #menu-login { text-align: left; padding-right: 10px; margin: 20px 0; }
#left-admin-wrapper #menu-login h2 { }
#left-admin-wrapper #menu-login .label { color: #aaa; font-weight: normal; margin: 5px 0 2px 0; padding: 0; }
#left-admin-wrapper #menu-login .form.field input { border: 1px solid #bbb; text-align: right; }
#left-admin-wrapper #menu-login .form.button input { margin: 10px 0 0 0; color: #fff; border: 1px outset #c20; background: #FD720B; font-size: 9pt; }


#right-admin-wrapper { position: relative; margin: 0px 30px 0px 30px; }

#portada.aviso-1{
   color: #000;
   font-family: helvetica,arial;
   font-size: 10pt;
   margin: 50px 12%;
   text-align: center;
}

#admin-sendmail { margin: 20px 40px; }
#admin-sendmail .row { overflow: hidden; margin-bottom: 5px; }
#admin-sendmail .row label { width: 200px; float: left; text-align: right; font-weight: bold; padding-right: 10px; }
#admin-sendmail .row .text-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-sendmail .row .textarea-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-sendmail .row .textarea-field.little { height: 100px; }
#admin-sendmail .row .textarea-field.big { height: 300px; }
#admin-sendmail .row .button { margin: 10px auto; width: 160px; }
#admin-sendmail .row.center { text-align: center; }
#admin-sendmail .row .text { background: red; width: 400px; float: left; }

#admin-confirm { margin: 20px 40px; }
#admin-confirm .row { overflow: hidden; margin-bottom: 5px; }
#admin-confirm .row ol { list-style-position: inside; margin: 0 0 10px 170px; }
#admin-confirm .row ol li { margin-bottom: 2px; }
#admin-confirm .row label { width: 200px; float: left; text-align: right; font-weight: bold; padding-right: 10px; }
#admin-confirm .row .text-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-confirm .row .text-field.little { width: 120px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-confirm .row .textarea-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-confirm .row .textarea-field.little { height: 100px; }
#admin-confirm .row .textarea-field.big { height: 300px; }
#admin-confirm .row .button { margin: 10px auto; width: 160px; }
#admin-confirm .row.center { text-align: center; }
#admin-confirm .row .text { background: red; width: 400px; float: left; }

#admin-delete { margin: 20px 40px; }
#admin-delete .row { overflow: hidden; margin-bottom: 5px; }
#admin-delete .row ol { list-style-position: inside; margin: 0 0 10px 170px; }
#admin-delete .row ol li { margin-bottom: 2px; }
#admin-delete .row label { width: 200px; float: left; text-align: right; font-weight: bold; padding-right: 10px; }
#admin-delete .row .text-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-delete .row .text-field.little { width: 120px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-delete .row .textarea-field { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 9pt; font-family: arial; color: #444; }
#admin-delete .row .textarea-field.little { height: 100px; }
#admin-delete .row .textarea-field.big { height: 300px; }
#admin-delete .row .button { margin: 10px auto; width: 160px; }
#admin-delete .row.center { text-align: center; }
#admin-delete .row .text { background: red; width: 400px; float: left; }


#admin-see-messages { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; cursor: pointer; }
#admin-messages { position: absolute; top: 10px; right: 30px; width: 500px; }
#admin-messages #admin-info { border: 1px solid #448; background: #eef url(http://www.precarios.org/jornadas2009/img/icona-info.gif) 8px 50% no-repeat ; padding: 10px 10px 10px 30px; margin-bottom: 3px; }
#admin-messages #admin-info .msg { padding: 3px 0; color: #00b; }
#admin-messages #admin-errors { border: 1px solid #844; background: #fee url(http://www.precarios.org/jornadas2009/img/icona-error.gif) 8px 50% no-repeat ; padding: 10px 10px 10px 30px; }
#admin-messages #admin-errors .msg{ padding: 3px 0; color: #b00; }