/*
---------- Index ------------------------------
1. Information about standards
2. General conditions
3. General raster
4. Forms en general
5. Area of left-width
     5.1. Box main
6. Area of right-small
     6.1. 
7. Guides
	 7.1. List of guides
	 7.2. Detail guide
	 7.3. Guide registry
	 7.4. Admin list of guides
	 7.5. Guide login
	 7.6. Guide pedido chaleco
	 7.7. Guide pedido carnet
8. Fair Chile
     8.1. Tool for calculation
	 8.2. List for donation
     8.3. List of sponsors
     8.4. Tables of base dates for CO2
9. Popups  
*/


/**************************************************************/
/*                                                            */
/*  1. Information about standards                            */
/*                                                            */
/**************************************************************/

/*
green = #009999
Standardbreite von Fotos im rechten Seitenbereich: 202px
*/


/**************************************************************/
/*                                                            */
/*  2. General conditions                                     */
/*                                                            */
/**************************************************************/
body {
margin-top: 0px;
padding-top: 0px;
}

#content div, 
#content dl,
#content dl dt,
#content dl dd {
margin: 0px;
padding: 0px;
}

#content h1 {        
margin: 0px 0px 32px 0px; 
}

#content h2 {        
margin: 0px 0px 16px 0px;
width: 100%;
}

#content h3 {
margin: 0px 0px 16px 0px;  
width: 100%;
}

#content .space-headertop-single { /* f. e. for headlines h2, h3 etc. */
padding-top: 16px;
}

#content .space-headertop-double { /* f. e. for headline h1 */
padding-top: 32px;
}

#content p {
margin: 0px 0px 16px 0px;
float: none;
}

#content div {
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

img {
border: 0px;
}

div#content img.border {
border: 4px solid #fff;
}

div#content img.border.left,
div#content img.border.left.guia_login {
float: left;
margin: 0px 20px 16px 5px;
}

div#content img.border.right {
float: right;
margin: 0px 0px 16px 20px;
}

a:hover {
text-decoration: none;
}

.textcolor {
color: #009999;
}

div#content div.left-width.pagetitle {
height: 120px;
padding: 40px 0px 0px 0px;
}

div#content div#pagetop,
div#content div#pagetop-right {
clear: both;
width: 500px;
padding: 32px 0px 16px 0px;
text-align: center;
}

div#content div#pagetop-right {
width: 820px;
text-align: right;
}

div#content div.pagenumbers {
width: 820px;
margin: 16px 0px 0px 0px;
float: left;
}

div#content div.pagenumbers span {
background: #009999;
padding: 0px 3px 0px 3px;
color: #fff;
}

div#content a.button,
div#content a.button-level02,
div#content form input.button-level02 {
text-decoration: none;
border: 1px solid #009999;
background: #009999;
padding: 2px 5px 2px 5px;
_height: 24px;
color: #fff;
text-align: center;
}


div#content a.button-level02,
div#content form input.button-level02 {
background: none;
border: 1px dashed #009999;
color: #009999;
font-weight: bold;
}

div#content form input.button-level02 {
width:100px;
}

div#content a.button:hover {
background: #057C7C;
border: 1px solid #057C7C;
}

div#content a.button-level02:hover {
border: 1px solid #057C7C;
color: #057C7C;
}

div#content .right {
float: right;
}


/**************************************************************/
/*                                                            */
/*  3. General raster                                         */
/*                                                            */
/**************************************************************/

div#content,
div#content .width,
div#content .left-small,
div#content .left-smallsmall,
div#content .left-half,
div#content .left-width,
div#content .right-small,
div#content .right-smallsmall,
div#content .right-half,
div#content .right-width {
float: left;
width: 820px;
padding: 0px;
margin: 0px;
}

div#content div {
float: left;
}

div#content .left-smallsmall,
div#content .right-smallsmall {
width: 120px;
margin-right: 20px;
}

div#content .left-small,
div#content .right-small {
width: 260px;
margin-right: 20px;
}

div#content .left-half,
div#content .right-half {
width: 400px;
margin-right: 20px;
}

div#content .left-width,
div#content .right-width {
width: 540px;
margin-right: 20px;
}
html* div#content .left-width{
width: 520px;
}

div#content .right-smallsmall,
div#content .right-small,
div#content .right-half,
div#content .right-width {
margin-right: 0px;
}

/**************************************************************/
/*                                                            */
/*  4. Forms en general                                       */
/*                                                            */
/**************************************************************/
div#content form {
margin: 0px;
padding: 5px;
color: #000;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

div#content form h4 {
margin: -4px;
display: block;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

div#content form div.around {
border: 1px solid #009999;
padding: 5px;
width: 528px;
margin-bottom: 32px;
}

div#content form br {
clear: left; /* delete the float of labels and inputs */
}

div#content form p {
float: none;
padding-top: 16px;
}

div#content form .readonly {
float: left;
margin: 5px 0px 16px 0px !important;
}

div#content form fieldset { 
padding: 0px;
margin: 16px 0px 0px 0px;
border: none;
}

div#content form legend {
padding: 0px 0px 8px 0px;
font-weight: bold;
}

div#content form label {
width: 180px;
margin: 5px 0px 4px 0px;
float: left;
}

div#content form .obligation {
color: #099;
}

div#content form .required {
color: #099;
font-weight:bold;
}

div#content form .no-change {
margin: 5px 0px 16px 0px !important;
}

div#content form input,
div#content form select,
div#content form textarea {
width: 250px;
border: 1px solid #999;
margin-top: 5px;
margin-bottom: 16px;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

div#content form div.readonly,
div#content form div.readonly span {
float: left;
}

div#content form div.readonly input {
border: 1px solid #fdeedb !important;
background: none;
margin: 0px 0px 0px 0px;
}

div#content form div.radio {
width: 40px;
float: left;
}

div#content form textarea {
padding: 5px;
}

div#content form input.checkbox,
div#content form input.radio {
width: auto;
margin: 2px 20px 6px 0px;
padding: 0px;
}

html* div#content form input.checkbox { /* for IE 6 + 7 */
border: none;
margin: -1px 20px 2px 0px;
}

div#content form input.radio {
width: auto;
margin: 6px 20px 2px 0px;
padding: 0px;
float: left;
border: none;
}

div#content form div.daymonthyear select {
width: 70px;
}

div#content form div.daymonthyear div.readonly input {
float: left;
}

div#content form p#send,
div#content form p.send {
padding: 0px;
margin: 0px;
float: left;
}

div#content form p#send input,
div#content form p.send input {
width: auto !important;
padding: 2px 5px 2px 5px;
background-color: #009999;
border: 1px solid #009999;
color: #fff;
float: left;
font-weight: bold;
}

div#content form p.send input {
border: 1px solid #009999 !important;
}

/* for IE 6 + 7 */
html* div#content form p#send input,
html* div#content form p.send input {
padding: 0px !important;
}

div#content form p#send input.reset,
div#content form p.send input.reset {
border: 1px dashed #009999;
background: none;
color: #009999;
margin-left: 10px;
font-weight: normal;
}

div#content form p#send input:hover,
div#content form p.send input:hover {
background: #057C7C;
border: 1px solid #057C7C;
}

div#content form p#send input.reset:hover,
div#content form p.send input.reset:hover {
border: 1px solid #057C7C !important;
color: #057C7C !important;
background: none;
}

/*MANEJO DE ERRORES EN FORMULARIOS*/
div#content form div.error.login,
div#content form div.error.olvid  {
font-size: 11px;
width: 223px;
}

div#content form div.error.eval{
width: 502px;
}

* html body div#content form div.error.login,
* html body div#content form div.error.olvid {
width: 245px;
}

div#errorLogin,
div#errorOlvid{
font-size:11px;
}
div#errorConsulta{
font-size:11px;
width:248px;
}

div#content form div.error {
float: none;
padding: 5px 10px 5px 10px;
margin: 16px 0px 16px 0px;
border: 2px dashed #CC0000;
}

div#content form div.error.width {
width: 505px;
}

div#content form div.error ul {
margin-top: 0px;
margin-bottom: 0px;
}

div#content form div.error ul span.rojoDEST,
div#content div.error ul span.rojoDEST{
color: #CC0000;
font-weight: bold;
}


/**************************************************************/
/*                                                            */
/*  5. Area of left-width                                     */
/*                                                            */
/**************************************************************/

/* form */
div#content div.left-width form {
padding: 0px;
width: 540px;
}

/*
---------- 5.1. Box main ------------------------------
*/

div#content div.left-width .box-main {
float: left;
width: 538px;
border: 1px solid #009999;
margin: 0px 0px 32px 0px;
}

div#content div.left-width .box-main h4 {
margin: 1px;
display: block;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

/**************************************************************/
/*                                                            */
/*  6. Area of right-small                                    */
/*                                                            */
/**************************************************************/

div#content div.right-small.back {
text-align: right;
margin-top: 16px;
}

div#content div.right-small.fotos {  
text-align:center;
}

div#content .right-small.fotos p {
margin: 0px 0px 48px 0px;
width: 100%;
text-align: center;
backgorund: #ccc;
}

div#content div.right-small.fotos img { 
border: 4px #fff solid;
}

div#content div.right-small.fotos img.no-border { 
border: none 0px;
}

/*
---------- 6.1. Infobox ------------------------------
*/

div#content .infobox-grey {
float: left;
width: 258px;
border: 1px solid #999;
margin: 0px 0px 32px 0px;
}

div#content .infobox-grey h4 {
margin: 1px;
display: block;
padding: 3px 5px 3px 5px;
background:  #999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

div#content .infobox-grey p {
margin: 5px;
font-size: 11px;
}

div#content .infobox-grey img.border.left {
margin: 0px 10px 0px 0px;
}


/* -- Form -- */
div#content .infobox-grey form {
width: 248px;
font-size: 11px;
}

html* div#content .infobox-grey form { /* for IE 6 + 7 */
width: 246px;
font-size: 11px;
}

div#content .infobox-grey form label {
width: 100%;
}

div#content .infobox-grey form input, 
div#content .infobox-grey form select,
div#content .infobox-grey form textarea {
width: 248px;
margin-bottom: 8px;
font-size: 11px;
}

html* div#content .infobox-grey form input, 
html* div#content .infobox-grey form select,
html* div#content .infobox-grey form textarea { /* for IE 6 + 7 */
width: 246px;
margin-bottom: 8px;
font-size: 11px;
}

div#content .infobox-grey form input, 
div#content .infobox-grey form select {
padding: 2px;
}

*html div#content .infobox-grey form legend { /* for IE 6 + 7 */
margin-left: -6px;
}

div#content .infobox-grey form div#confirmation strong {
color: #009999;
}

div#content .infobox-grey form .button-level02 {
font-size: 11px;
}



/**************************************************************/
/*                                                            */
/*  7. Guides                                                 */
/*                                                            */
/**************************************************************/

/*
---------- 7.1. List of guides ------------------------------
*/
div#content div.left-half.guide-list,
div#content div.right-half.guide-list {
margin-bottom: 16px;
padding: 8px 0px 8px 0px;
border-top: 1px solid #009999;
}

div#content div.guide-list h2,
div#content div.guide-list-left h2,
div#content div.guide-list a,
div#content div.guide-list-left a {
color: #009999;
}

div#content div.left-half.guide-list div.foto,
div#content div.right-half.guide-list div.foto {
width: 112px;
margin-right: 20px;
text-align: right;
border: 4px solid #fff;
}

div#content div.left-half.guide-list div.dates,
div#content div.right-half.guide-list div.dates {
width: 260px;
float: left;
}

div#content div.left-half.guide-list div.dates h6,
div#content div.right-half.guide-list div.dates h6 {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 16px 0px 0px 0px;
}

/*
---------- 3.5. Search box ------------------------------
*/
div.width.searchbox-guides {
margin: 0px 0px 20px 0px !important;
padding: 0px;
border: 1px solid #009999;
float: left;
background: #fff;
}

div.width.searchbox-guides h2 {
margin: 1px !important;
width: auto !important;
padding: 3px 5px 3px 5px;
background: #009999;
color: #fff;	
font-size: 12px;
font-weight: normal;
float: none;
}

div.width.searchbox-guides form {
float: left;
width: 392px;
padding: 5px;
margin: 0px;
}

* html body div.width.searchbox-guides form { /* for IE 6 + 7 */
width: 408px;
}

div.width.searchbox-guides form div.message,
div.width.searchbox-guides div.message {
color: #ff0000;
}

div.width.searchbox-guides form input, 
div.width.searchbox-guides form select {
margin: 5px 0px;
float: left;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

div.width.searchbox-guides form input.send {
width: auto !important;
padding: 2px 5px 2px 5px;
background-color: #009999;
border: 1px solid #009999 !important;
color: #fff;
float: left;
}

* html body div.width.searchbox-guides form input.send {
padding: 0px !important;
float: left;
}

div.width.searchbox-guides form input.send:hover {
background-color: #057C7C;
border: 1px solid #057C7C;
}


/*
---------- 7.2. Detail guide ------------------------------
*/
div#content div.right-small.guide-detail-contact {
width:260px;
}
* html body div#content div.right-small.guide-detail-contact  {
width:255px;
}

div#content div.right-small.guide-detail-contact dl {
float: left;
width: auto;
}

div#content div.right-small.guide-detail-contact dl dt {
float: none;
width: 70px;
margin-top: 16px;
}

div#content div.right-small.guide-detail-contact dl dd {
float: none;
width: auto;
}

div#content div.left-small.guide-detail-dates h6,
div#content div.right-small.guide-detail-contact h6 {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 16px 0px 16px 0px;
}

div#content div.right-small.guide-detail-contact h6 {
margin-bottom: 0px;
}

div#content div.left-width.guide-detail h3,
div#content div.width.guide-detail h3.extra {
display: block;
color: #000000;
border-bottom: 1px solid #009999;
margin: 32px 0px 16px 0px;
width: 530px;
padding: 0px 5px 2px 5px;
font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
}

div#content div.width.guide-detail h3.extra {
width: 810px;
}

html* div#content div.left-width.guide-detail h3 { /* for IE 6 + 7 */
width: 540px;
}

html* div#content div.width.guide-detail h3.extra {
width: 820px;
}

div#content div.left-width.guide-detail ul {
margin-top: 0px;
margin-bottom: 0px;
}

div#content div.left-width.guide-detail h3.rating {
margin-bottom: 4px;
}

div#content div.left-width.guide-detail p.rating-title {
color: #009999;
}

div#content div.left-width.guide-detail p.rating {
margin-bottom: 16px;
}

div#content div.left-width.guide-detail .button.btn-rating {
float: right;
margin: 0px 0px 16px 420px;
}

div#content div.left-width.guide-detail .button.btn-rating.bottom {
margin: 0px 0px 16px 0px;
}

/* -- Rating form -- */
div#tueval form label {
width: 170px;
}

html* div#tueval form label { /* for IE 6 + 7 */
width: 167px;	
}

div#tueval label#lblEvApellido,
div#tueval label#lblEvE-mail {
margin-left: 7px;
}

div#tueval form input {
width: 171px;
margin-bottom: 8px;
margin-left: 5px;
font-size: 12px;
}

html* div#tueval form input { /* for IE 6 + 7 */
width: 168px;
}

div#tueval form input.first {
margin-left: 0px;
}

div#tueval form textarea {
width: 528px;
margin-bottom: 8px;
font-size: 12px;
}

html* div#tueval form textarea { /* for IE 6 + 7 */
width: 519px;
margin-left: 0px;
}

/*
---------- 7.3. Guide registry ------------------------------
*/
div#content div.left-width form#registry02 textarea,
div#content div.left-width form#registry02 label {
width: 528px;
}

*html div#content div.left-width form#registry02 textarea,
div#content div.left-width form#registry02 label { /* for IE 6 + 7 */
width: 516px;
}

div#content div.left-width form#registry02 div#regiones,
div#content div.left-width form#registry02 div#areas {
float: left;
width: 248px;
margin-right: 20px;
margin-bottom: 16px;
}

div#content div.left-width form#registry02 div#areas {
margin-right: 0px;
width: 259px;
}

*html div#content div.left-width form#registry02 div#areas { /* for IE 6 + 7 */
width: 248px;
}

div#content div.left-width form#registry02 div#areas div {
height: 115px;
width: 259px;
overflow: auto;
}

*html div#content div.left-width form#registry02 div#areas div { /* for IE 6 + 7 */
height: 128px;
width: 248px;
}

div#content div.left-width form#registry02 div#regiones label,
div#content div.left-width form#registry02 div#areas label {
float: left;
width: 248px;
}

div#content div.width.guide-registry-overview {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
margin: 0px 0px 16px 0px;
padding: 16px 0px 0px 0px;
}

textarea.readonly {
background: none;
border: none !important;
}

div#content input.trans{
background:transparent;
border:none;
}
div#content textarea.trans{
background:transparent;
border:none;
}
div#content input.transnacimiento{
background:transparent;
width:60px;
margin-right:5px;
border:none;
}

/*
---------- 7.4. Admin list of guides ------------------------------
*/
div#content div.width.admin-list {
color: #000;
border-bottom: 1px solid #009999;
}

div#content div.width.admin-list.head  {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
}

div#content div.width.admin-list.head div {
font-weight: bold;
}

div#content div.width.admin-list a {
color: #000;
}

div#content div.width.admin-list div {
padding-top: 5px !important;
padding-bottom: 5px !important;
}

div#content div.width.admin-list div.estado {
width: 60px;
text-align: center;
}

div#content div.width.admin-list div.nombre {
width: 200px;
margin-right: 20px;
font-weight: bold;
}

div#content div.width.admin-list div.region {
width: 260px;
margin-right: 20px;
}

div#content div.width.admin-list div.correo {
width: 260px;
}


/*
---------- 7.5. Guide login ------------------------------
*/
div#content div.left-smallsmall.guide-login {
text-align:center;
width:120px;
}

div#content div.left-smallsmall.guide-login img {
margin-top:8px;
}


div#content div.login-registry {
margin-top: 8px;
float: left;
}

*html div#content div.login-registry { /* for IE 6 + 7 */
margin-top: 5px;
}

*html div#content div.login-registry a { /* for IE 6 + 7 */
padding: 1px 5px 2px 5px;
height: 20px;
}

div#content div.login-registry a {
padding: 3px 5px 3px 5px;
}

* html body #borrarDiv{
margin-top:12px;
}
/*
---------- 7.6. Guide pedido chaleco ------------------------------
*/
div#content form.guide-chaleco label {
float: left;
margin-left: 40px;
}

div#content form.guide-chaleco input {
float: left;
margin-right: 10px;
}

div#content form.guide-chaleco input.radio {
margin-right: 0px;
width: auto;
}

div#content form.guide-chaleco div.radio {
width: 40px;
}

div#content form.guide-chaleco label.radio {
margin-left: 0px;
margin-bottom: 8px;
}

div#content form.guide-chaleco label.radio.last {
margin-bottom: 16px;
}

div#content div.left-width dl.guide-chaleco {
float: left;
width: 540px;
margin-bottom: 16px;
}

div#content div.left-width dl.guide-chaleco dt {
float: left;
width: 120px;
margin-right: 20px;
margin-bottom: 8px;
font-weight: bold;
}

div#content div.left-width dl.guide-chaleco dd {
float: left;
width: 400px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-chaleco dd dl {
float: left;
width: 230px;
margin-bottom: 0px;
}

div#content div.left-width dl.guide-chaleco dd dl dt {
float: left;
width: 160px;
margin-right: 20px;
margin-bottom: 0px;
font-weight: normal;
}

div#content div.left-width dl.guide-chaleco dd dl dd {
float: left;
width: 50px;
margin-bottom: 0px;
text-align: right;
}


/*
---------- 7.7. Guide pedido carnet ------------------------------
*/
div#content div.left-width dl.guide-carnet {
float: left;
width: 540px;
margin-bottom: 16px;
}

div#content div.left-width dl.guide-carnet dt {
float: left;
width: 112px;
border: 4px solid #fff;
margin-right: 20px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-carnet dd {
float: left;
width: 400px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-carnet dd dl {
float: left;
width: 400px;
margin-bottom: 0px;
}

div#content div.left-width dl.guide-carnet dd dl dt {
float: left;
width: 120px;
margin-right: 20px;
margin-bottom: 8px;
font-weight: bold;
border: none;
}

div#content div.left-width dl.guide-carnet dd dl dd {
float: left;
width: 260px;
margin-bottom: 8px;
}



/**************************************************************/
/*                                                            */
/*  8. Fair Chile                                             */
/*                                                            */
/**************************************************************/

div#content div.width.fairchile-partner {
margin-top: 32px;
padding-top: 16px;
border-top: 1px solid #009999;
}

div#content div.width.fairchile-partner div div {
margin-right: 10px;
text-align: center;
}

div#content div.width.fairchile-partner div div img {
margin-top: 8px;
}


/*
---------- 8.1. Tool for calculation ------------------------------
*/
div#content div.left-width form#fairchile-calculation p#left {
font-weight: bold;
float: left;
width: 130px;
margin: 0px 20px 4px 0px;
}

div#content div.left-width form#fairchile-calculation p#right {
font-weight: bold;
float: none;
margin: 0px 0px 4px 0px;
}

div#content div.left-width form#fairchile-calculation label {
width: 130px;
margin-right: 20px;
}

div#content div.left-width form#fairchile-calculation input {
width: 80px;
margin-right: 20px;
}

* html div#content div.left-width form#fairchile-calculation p#send input {
width: 60px;
margin-right: 0px;
}

div#content div.left-width form#fairchile-calculation p#send {
margin-left: 150px;
}

* html div#content div.left-width form#fairchile-calculation p#send { /* for IE 6 + IE 7 */
padding-left: 150px;
margin-left: 0px;
}

div#content div.left-width form#fairchile-calculation div#result,
div#content div.left-width form#fairchile-calculation span.error {
display: none;
}

div#content div.left-width form#fairchile-calculation span.error {
color: #CC0000;
}

div#content div.left-width form#fairchile-calculation dl {
width: 528px;
}

* html div#content div.left-width form#fairchile-calculation dl { /* for IE 6 + IE 7 */
width: 516px;
}

div#content div.left-width form#fairchile-calculation dl dt {
float: left;
width: 150px;
margin: 0px 0px 0px 0px;
font-weight: bold;
border-bottom: 1px solid #009999;
padding: 4px 0px 4px 0px;
}

div#content div.left-width form#fairchile-calculation dl dd {
float: left;
width: 378px;
}

div#content div.left-width form#fairchile-calculation dl dd dl {
width: 378px;
}

* html div#content div.left-width form#fairchile-calculation dl dd, /* for IE 6 + IE 7 */
* html div#content div.left-width form#fairchile-calculation dl dd dl { /* for IE 6 + IE 7 */
width: 366px;
}

div#content div.left-width form#fairchile-calculation dl dd dt {
width: 80px;
text-align: right;
padding-right: 20px;
font-weight: normal;
border-bottom: 1px solid #009999;
}

div#content div.left-width form#fairchile-calculation dl dd dd {
width: 278px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #009999;
padding: 4px 0px 4px 0px;
}

* html div#content div.left-width form#fairchile-calculation dl dd dd { /* for IE 6 + IE 7 */
width: 286px;
}

/*
---------- 8.2. List for donation ------------------------------
*/
div#content div.left-width.fairchile-donation dl {
width: 540px;
}

div#content div.left-width.fairchile-donation dl dt {
float: left;
width: 120px;
margin-right: 20px;
}

div#content div.left-width.fairchile-donation dl dd {
float:left;
width: 400px;
}

/*
---------- 8.3. List of sponsors ------------------------------
*/
div#content div.left-width.fairchile-company-list h3 {
margin: 16px 0px 4px 0px; 
float: left;
}

div#content div.left-width.fairchile-company-list h3.first {
margin-top: 0px;
}

div#content div.left-width.fairchile-company-list h3 span {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

div#content div.left-width.fairchile-company-list div {
width: 540px;
border-bottom: 1px solid #009999;
padding: 0px 0px 8px 0px;
}

div#content div.left-width.fairchile-company-list div img {
float: right;
}

div#content div.left-width.fairchile-company-list ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
}

div#content div.left-width.fairchile-company-list ul li {
margin-bottom: 0px;
padding-bottom: 0px;
}

/*
---------- 8.4. Tables of base dates for CO2 ------------------------------
*/
div#content div.left-width div.fairchile-co2-base {
border-bottom: 1px solid #009999;
}

div#content div.left-width div.fairchile-co2-base.head  {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
}

div#content div.left-width div.fairchile-co2-base.head div {
font-weight: bold;
}

div#content div.left-width div.fairchile-co2-base div {
padding-top: 5px !important;
padding-bottom: 5px !important;
width: 135px;
}

/**************************************************************/
/*                                                            */
/*  9. Popups                                                 */
/*                                                            */
/**************************************************************/

body#popup div#content {
width: 450px;
}

body#popup div#content form {
width: 450px;
padding: 0px;
margin: 0px;
}

body#popup div#content form div.around {
width: 438px;
}
span.negro{
color:#000000;
}