/*
---------- Index ------------------------------
1. Info about standards
2. General configurationes
3. Page total
4. Top of the page 01 - first part
5. Top of the page 02 - second part
6. Main part of the page
	6.1. Left part
	6.2. Content
		6.2.1. Home
		6.2.2. Organización - Oficinas
		6.2.3. Servicios - Ferias
		6.2.4. Socios - Estatutos
		6.2.5. Socios - Lista de socios
		6.2.6. Forms
		  6.2.6.1. Solicitud Form
		6.2.7. Pie de página
		6.2.8. Organización
7. Message window
8. Popups
9. Footer
*/


/*
---------- 1. Info about standards ------------------------------
Important colors: 
	Font normal text = #000000 (special configuration for print)
	green = #9FD33F
	blue = #8dd4f5
	blue light = #ddf2fc
	blue font = #7BC6E9
	beige = #F1F0C2
	gris for font on the left site = #575553
	gris for lines on the left site = #DDDEDC
	gris for lines on the content part = #C7C7C7
*/


/*
----------2. General configurationes ------------------------------
*/
html, 
body {
height: 100%; /* important */
}

body, 
input, 
select, 
textarea {	
font: 12pt/16pt Arial, Helvetica, Verdana, sans-serif; /* Special configuration for print */
color: #000000; /* Special configuration for print */
margin: 0px; 
padding: 0px;
}

body {	
background: transparent !important; /* Special configuration for print */
}

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

img, 
table { 
border: 0px; 
}	

a {
color: #9FD33F;
text-decoration:none; 
}

a:link:after, a:link:visited:after { 
content: " (" attr(href) ") "; /* Special configuration for print */
color: #000000;	
font-size: 75%;
}

a[href^="/"]:link:after {
  content: " (http://www.dominio.tld " attr(href) ") "; /* Special configuration for print */
}

ul, 
li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

h1 {
font: 22pt/22pt Arial, Helvetica, Verdana, sans-serif; /* Special configuration for print */
color: #7BC6E9;
margin: 0px 0px 32px 0px;
letter-spacing: 1px;
padding: 0px;
}

h2 {
font: bold 16pt/16pt Arial, Helvetica, Verdana, sans-serif; /* Special configuration for print */
color: #000;
margin: 0px 0px 16px 0px;
padding: 0px;
}

h3 {
font: bold 14pt/14pt Arial, Helvetica, Verdana, sans-serif; /* Special configuration for print */
text-transform: uppercase;
color: #7BC6E9;
margin: 0px;
padding: 0px;
}

.textcolor {
color: #8DD4F5;
}

p.pagetopic {
color: #9FD33F;
text-align: right;
}


/*
---------- 3. Page total ------------------------------
*/
div#page {
min-height: 100%;
width: 100%;
height: auto !important; /* modern Browsers */
height:100%; /* IE */
}


/*
---------- 4. Top of the page 01 - first part ------------------------------
*/
div#top01 {
display: none;
}


/*
---------- 5. Top of the page 02 - second part ------------------------------
*/
div#top02 {
display: none;
}

/*
---------- 6. Main part of the page ------------------------------
*/
div#main {
float: left;
width: 874px; /* Special configuration for print */
position: relative;
left: 20px; /* Special configuration for print */
}



/*
---------- 6.1. Left part ------------------------------
*/

/* Includes all parts of the left part */
div#main-left {
display: none;
}


/* ------- 6.2. Content ------- */
div#main-content {
float: left;
width: 	560px; /* Special configuration for print */
margin-top: 30px; /* Special configuration for print */
}

div#main-content p {
margin-bottom: 16px;
}

/* Images on right sight at the text */
img.textright,
img.textleft {
background: #fff;
padding: 4px;
border: 1px solid #C7C7C7;
margin: 0px 0px 15px 15px;
float: right;
}

/* Images on left sight at the text */
img.textleft {
margin: 0px 15px 15px 0px;
float: left;
}

/* Normal presentation of a Text list */
ul.textlist {
list-style-image: url(../images/lista-circulo.gif);
list-style-position: outside;
padding: 0px 0px 8px 30px;
}

ul.textlist li {
padding: 0px 0px 8px 0px;
}

/* Ancer for going top of the page */
p.texttop {
text-align: right;
width: 100%;
}

p.texttop a {
background: url(../images/flecha-arriba.gif) right 6px no-repeat;
padding: 0px 15px 0px 0px;
display: block;
}

/* General configuration of a zebra table */
table.zebra {
font: 10pt/14pt Arial, Helvetica, Verdana, sans-serif; /* Special configuration for print */
width: 100%;
border: none;
margin-top: 8px;
}

table.zebra th,
table.zebra td {
padding: 2px 5px 2px 5px;
border: 1px solid #ddf2fc; /* Special configuration for print style */
text-align: left;
}

table.zebra th {
background: #8dd4f5;
padding: 3px 5px 3px 5px;
}

table.zebra tr {
background: #ddf2fc;
}

table.zebra tr.light {
background: #fff;
}

/* Number of page at the end of a page */
div.pagina-bottom {
display: block;
border-top: 1px dashed #C7C7C7;
padding: 4px 5px 0px 5px;
margin-top: 16px;
height: 18px;
}



/* ------- 6.2.1. Home ------- */
div#main-content p.home-left {
background: url(../images/linea-home.gif) repeat-y;
margin-bottom: 32px;
}

div#main-content p.home-left img {
margin: 0px 10px 75px 0px;
float: left;
}

div#main-content p.home-right {
background: url(../images/linea-home.gif) right repeat-y;
margin-bottom: 32px;
}

div#main-content p.home-right img {
margin: 0px 0px 50px 10px;
float: right;
}


/* ------- 6.2.2. Organización - Oficinas ------- */
ul.oficinas {
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}


/* ------- 6.2.3. Servicios - Ferias ------- */
dl.ferias {
width: 460px;
}

dl.ferias dt,
dl.ferias dd {
float: left;
width: 263px;
border-bottom: 1px dashed #C7C7C7;
padding: 8px 0px 0px 0px;
}

dl.ferias dd {
width: 197px;
}


/* ------- 6.2.3. Servicios - Catálogo ------- */
div.catalog {
margin-top: 16px;
}

div.catalog h3 {
margin: 0px 0px 8px 0px;
}

div.catalog ul li {
padding: 4px 5px 4px 5px;
border-bottom: 1px dashed #C7C7C7;
}

div.catalog ul li.destination {
border: 1px solid #ddf2fc; /* Special configuration for print style */
font-weight: bold;
padding: 2px 5px 2px 5px;
text-transform: uppercase;
border-bottom: none;
}

div.catalog ul li.last {
border-bottom: none;
margin-bottom: 8px;
}


/* ------- 6.2.4. Socios - Estatutos ------- */
span.estatutos-letter {
float: none;
clear: both;
padding: 2px 0px 0px 0px;
margin: 0px;
width: 22px;
height: 22px;
display: block;
text-align: center;
font-weight: bold;
background: url(../images/circulo-grande.gif) no-repeat;
}

/* ------- 6.2.4. Socios - Precios ------- */
span.precio-number {
float: left;
padding: 2px 0px 0px 0px;
margin: 0px 2px 0px 0px;
text-align: center;
width: 22px;
height: 22px;
display: block;
font-weight: bold;
background: url(../images/circulo-grande.gif) no-repeat;
}

span.precio-title {
clear: right;
margin: 0px;
padding-top: 8px;
display: block;
}


/* ------- 6.2.5. Socios - Lista de socios ------- */
ul#alphabet li {
float: left;
display: inline;
color: #bebebe;
border: 1px solid #9FD33F;
width: 13px;
text-align: center;
margin-right: 2px;
}

ul#alphabet li a {
color: #575553;
text-decoration: none;
display: block;
width: 13px;
}

ul#alphabet li a:hover,
ul#alphabet li a.on {
background: #9FD33F;
color: #fff;
}

div#list-socios {
margin-top: 64px;
}

div#list-socios p {
display: block;
border: 1px solid #ddf2fc; /* Special configuration for print style */
font-weight: bold;
text-transform: uppercase;
margin: 16px 0px 0px 0px;
padding: 2px 5px 2px 5px;
}

div#list-socios ul li {
font-weight: bold;
padding: 0px 5px 0px 5px;
margin: 4px 0px 0px 0px;
}

div#list-socios ul li ul li {
font-weight: normal;
padding: 0px;
margin: 0px;
}


/* ------- 6.2.6. Forms - general configuration ------- */
form br {
clear: left; /* delete the float of labels and inputs */
}

form fieldset { 
padding: 0px 16px 0px 16px;
margin-top: 16px;
border: 1px solid #C7C7C7;
}

form div.contacto {
display:none;
}

form input, 
form select,
form textarea,
form div#region1 select,
form div#region2 input {
margin-bottom: 4px;
width: 300px; /* Special configuration for print */
padding: 1px 2px 1px 2px;
}

form select {
width: 308px;
}

form div#region1,
form div#region2 {
display: none;
padding: 0px;
margin: 0px;
clear: right;
}

form ul input, 
form ul select,
form div input,
form div select {
margin-bottom: 0px;
width: auto;
}

form legend {
padding: 0px 10px 0px 10px;
font-weight: bold;
}

form label {
width: 200px; /* Special configuration for print */
margin: 0px 5px 4px 0px;
border-bottom: 1px dashed #C7C7C7;
float: left;
}

.obligation {
color: #7BC6E9;
font-weight: bold;
}

/* To set the space top and down in a fieldset */
form p {
height: 8px;
}

form hr {
border-top: 1px solid #C7C7C7;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
margin: 8px 0px 8px 0px;
height:1px;
}

form textarea {
width: 510px !important; /* Special configuration for print */
}

form input#rut01 {
width: 221px;
margin-right: 2px;
}

form input#rut02 {
width: 16px;
}

form input#calle, 
form input#comuna {
width: 206px; /* Special configuration for print */
margin-right: 2px;
}

form input#comuna {
margin-left: 2px;
}

form input#numero, 
form input#cp {
width: 50px;
}

/* info texts */
form .info {
display: none;
}

/* info button */
form a.btn-info span {
display: none;
}

form a.btn-info {
display: none;
}

form input#mandar, 
form input#borrar { 
float: left;
width: auto !important;
background: #fff;
border: 2px solid #9FD33F;
font-weight: bold;
height: 25px;
padding: 0px 5px 0px 5px !important;
margin-right: 16px;
}

form input#borrar {
font-weight: normal;
}


/* ------- 6.2.6.1. Solicitud Form ------- */
form#solicitud div#paquetes {
float: left;
clear: right;
}

form#solicitud div#paquetes ul li {
display: inline;
}

form#solicitud div#paquetes ul li label {
float: none;
border-bottom: none;
padding-left: 3px;
}

form#solicitud ul#servicios {
width: 240px;
float: left;
}

form#solicitud ul#servicios li {
width: 120px;
display: block;
float: left;
margin-bottom: 4px;
}

form#solicitud ul#servicios li label {
float: none;
border-bottom: none;
padding-left: 3px;
}

form#solicitud div#membresia {
float: left;
}

form#solicitud div#membresia select {
margin-bottom: 4px;
}

form#solicitud fieldset.estatutos input {
float: left;
width: auto;
margin-right: 3px;
}

form#solicitud div#conocer-empresa input {
margin: 0px 3px 24px 0px;
float: left;
}


/*
---------- 6.2.7. Pie de página ------------------------------
*/
dl.pie-pagina {
float: left;
margin-bottom: 16px;
}

dl.pie-pagina dt {
float: left;
width: 200px;
font-weight: bold;
padding-bottom: 8px;
}

dl.pie-pagina dd {
float: left;
width: 260px;
padding-bottom: 8px;
}


/*
---------- 6.2.8. Organizacion ------------------------------
*/

div.organizacion {
background: #fff;
padding: 4px;
border: 1px solid #C7C7C7;
margin-bottom: 16px;
width: 210px;
height: 220px;
float: right;
}

div.organizacion img{
border: 0px;
}

/*
---------- 7. Message window ------------------------------
*/
div.message {
display: none;
}


/*
---------- 8. Popups ------------------------------

All aditional configurations for popups you will find in an extra css file.

*/



/*
---------- 8. Footer ------------------------------
*/
div#footer {
display: none;
}