/*
	=======================
	Generales
	=======================
 */ 

body {
font:80% Helvetica, Geneva, Verdana, Arial, sans-serif;
margin:0;
padding:0;
} 

html,body{ 
height:100%; 
} 
* html div#hidepage{ 
height:100%; 
} 

img {
border:0px;
margin:0 auto 0;
}

.hide {
position:absolute;
display:none;
left:-90000px;
width:999px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.alignten h1 p {
padding-left:10px;
}
.alignten img {
padding:0px;
}

/*
	=======================
	Contenedor
	=======================
 */ 

 
#container {
margin:0 auto;
padding:0; 
height:100%;
}


/*
	=======================
	Encabezado
	=======================
 */ 

#header {
position:relative; 
background:url(bg_menu.gif) no-repeat 197px 0px;
padding:0;
margin:0;
height:80px;
}

ul#menu {
list-style-type: none;
font:90% Helvetica, Geneva, Verdana, Arial, sans-serif;
font-weight:900;
position:absolute;
top:50px;
left:165px;
width:599px;
}

ul#menu li {
display:inline;
margin: 0px 7px 0px 0px;
}

ul#menu li a {
color:#747474;
text-decoration:none;
}
ul#menu li a:hover {
color:#009900;
}

div#logo {
position:absolute;
background: url(logo.gif);
width:178px;
height:125px;
top:10px;
left:10px;
}

div#logo a {
display:block;
width:178px;
height:125px;
}

#header-img {
padding:0;
margin-top:10px;
margin-bottom:10px;
}

/*
	=======================
	Contenido
	=======================
 */ 

#content {
position:absolute;
background:url(bg_content.gif) no-repeat bottom right;
width:493px;
top:86px;
left:196px;
padding:0;
padding-right:100px;
margin:0;
height:100%;
/*position:relative;
float:left;*/
}

#recorrido {
position:absolute;
background:url(bg_content.gif) no-repeat bottom right;
width:493px;
top:80px;
left:196px;
padding:0;
padding-right:100px;
margin:0;
}

#content h1, p {
margin-top:1em;
margin-left:1em;
padding:0;
}

#content h1, #recorrido h1 {
color:#106B29;
font-size:1.4em;
font-weight:900;
padding-right:20%;
}
/*
	=======================
	Formularios
	=======================
 */ 
 
ul#marcas {
list-style-type: none;
z-index:150;
}

ul#marcas li {
display:inline;
margin: 0px 7px 0px 0px;
vertical-align:middle;
}

ul#marcas li a {
color:#747474;
text-decoration:none;
}
ul#marcas li a:hover {
color:#009900;
}
 
 
 
/*
	=======================
	Formularios
	=======================
 */ 

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

input,textarea {
	border: dashed #99CC99 1px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

label#info2 {
	width: 305px;
}

input#info {
	width: 20px;
}

textarea {
	text-align: left;
	width: 145px;
	padding-right: 20px;
}

br {
	clear: left;
}

/*
	=======================
	Columna izquierda
	=======================
 */ 

div#intro-wrapper {
background:url(intro.jpg) top center;
margin:0;
padding:0;
height:100%;
}
 
div#intro {
position:relative;
width:500px;
height:100%;
top:15px;
bottom:0;
padding:0;
margin:0 auto;
vertical-align:middle;
}

div#intro h1,h2 {
color:#106B29;
font-size:1.4em;
}


div#intro-imagenes, #intro-textos {
width:250px;
height:100%;
padding:0;
margin:0;
vertical-align:middle;
float:left;
}
div#intro-textos {
margin-top:30%;
}

div#intro-imagenes img {
display:block;
padding:7px;
}

ul#idiomas {
	list-style:none;
	margin:0;
	padding:0;}
ul#idiomas li {
	padding:0;
	float:left;
	margin:0 12px;
	}
ul#idiomas li a {
	display:block;
	width:25px;
	height:21px;
	text-decoration:none;
	}
ul#idiomas li a span {
	display:none;
	}
#spain {
	background-image:url(flag_spain.gif);
	}
#usa {
	background-image:url(flag_usa.gif);
	}
#brazil {
	background-image:url(flag_brazil.gif);
	}


/*
	=======================
	Columna izquierda
	=======================
 */ 

#sidebar-a {
position:absolute;
width:197px;
height:125px;
top:150px;
left:10px;
/*position:relative;
width:197px;
height:50px;*/
}

/*
	=======================
	Columna derecha
	=======================
 */ 

#sidebar-b {
width:100px;
bottom:0px;
}

/*
	=======================
	Pie de página
	=======================
 */ 

#footer {
position:relative;
width:100%;
font-size:90%;
line-height:20px;
margin:0;
padding:0;
}

 .footer-links {
 float:right;
 }
 
  .footer-links a {
  color:#747474;
  text-decoration:none;
  }
  .footer-links a:hover {
  color:#009900;
  }