/*
---------- 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  
10. Area of width
*/


/**************************************************************/
/*                                                            */
/*  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 {
float: left;
margin: 0px 20px 16px 0px;
}

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#pagetop-right img {
background: none;
}

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 {
text-decoration: none;
border: 1px solid #009999;
background: #009999;
padding: 2px 5px 2px 5px;
height: 12px; /* for IE 6 + 7 */
color: #fff;
text-align: center;
}

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

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;
}

img, div { behavior: url(../iepngfix/iepngfix.htc) }


/**************************************************************/
/*                                                            */
/*  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;
}

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 div.error {
float: none;
padding: 5px 10px 5px 10px;
margin-top: 16px;
border: 2px dashed #CC0000;
}

div#content form div.error p {
padding: 8px 0px 8px 0px;
margin: 0px;
color: #CC0000;
font-weight: bold;
}

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

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 .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-bottom: 16px;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

div.readonly input {
border: none !important;
background: #CC66CC !important;
}

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: 6px 20px 2px 0px;
padding: 0px;
}

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

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;
}

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

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

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

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

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

form p#send input.reset:hover,
form p.send input.reset:hover {
color: #057C7C;
border: 1px solid #057C7C;
}


/**************************************************************/
/*                                                            */
/*  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 div.right-small.fotos.linie {  
margin-top: 30px;
}

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;
}


/*
---------- 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 div {
margin: 5px;
font-size: 11px;
}

div#content div.right-small div.infobox-grey div img.border.left {
float: left;
margin: 0px 7px 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-bottom: 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;
}

div.width.searchbox-guides form 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;
}

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 dl {
float: left;
width: 260px;
}

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: 190px;
}

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#content div.left-width.guide-detail div.left-width form label {
width: 175px;
}

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

div#content div.left-width.guide-detail div.left-width form input {
width: 171px;
margin-bottom: 8px;
font-size: 12px;
}

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

html* div#content div.left-width.guide-detail div.left-width form input.first { /* for IE 6 + 7 */
margin-left: -4px;
}

div#content div.left-width.guide-detail div.left-width form textarea {
width: 528px;
margin-bottom: 8px;
font-size: 12px;
}

html* div#content div.left-width.guide-detail div.left-width form textarea { /* for IE 6 + 7 */
width: 519px;
margin-left: -4px;
}

/*
---------- 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;
}

/*
---------- 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.numero {
width: 50px;
margin-right: 10px;
text-align: right;
}

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: 200px;
margin-right: 20px;
}

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


/*
---------- 7.5. Guide login ------------------------------
*/
div#content div.left-smallsmall.guide-login a {
color: #000;
}

div#content div.login-registry {
margin-top: 2px;
}

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


/*
---------- 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                                             */
/*                                                            */
/**************************************************************/

/*
---------- 8.1. Tool for calculation ------------------------------
*/
* html div#content div.left-width form#fairchile-calculation { /* for IE 6 + IE 7 */
margin-bottom: 16px;
}


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;
border-bottom: 1px solid #009999;
}

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: none;
}

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

* 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;
}

/**************************************************************/
/*                                                            */
/*  10. Area of width                                          */
/*                                                            */
/**************************************************************/

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

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

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