/* Express Distributors
   Main CSS
   Bootstudio - 2007
------------------------------------- */




/* General
------------------------------------- */

body {
  font-family: Verdana, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1em;
  
  text-align: center;
}


.center {
 text-align: center;
}









/* Container
------------------------------------- */

#container {
 position: relative;
 
 width: 700px;
 
 margin: 0 auto;
 
 text-align: left;
}














/* Header
------------------------------------- */

#header h1 {
  font-size: 0.7em;
  line-height: 1;
  margin:0;
  padding:0;
  height: 64px;
}

#header h1 a {
 width: 288px;
 height: 56px;
 
 
 margin: 0;
 padding: 0;
 
 background-image: url(../images/logo.gif);
 background-repeat: no-repeat;
 
 display: block;
}


#header h1 a span {
  display: none;
}


/*
body#home #header h1 a {
  background-image: none;
}
*/





#header h2 {
  width: 700px;
  height: 172px;
  
  margin: 0;
  padding: 0;
  
  background-image: url(../images/title-about-us.jpg);
  background-repeat: no-repeat;
}




body#home #header h2 {
  height: 306px;
  
  background-image: url(../images/flash.jpg);
}






body#about #header h2 {
  background-image: url(../images/title-about-us.jpg);
}



body#services #header h2 {
  background-image: url(../images/title-services.jpg);
}


body#location #header h2 {
  background-image: url(../images/title-location.jpg);
}


body#facilities #header h2 {
  background-image: url(../images/title-facilities.jpg);
}


body#clients #header h2 {
  background-image: url(../images/title-clients.jpg);
}

body#contact #header h2 {
  background-image: url(../images/title-contact.jpg);
}






body#about #header.english h2 {
  background-image: url(../images/title-about-us_EN.jpg);
}



body#services #header.english h2 {
  background-image: url(../images/title-services_EN.jpg);
}


body#location #header.english h2 {
  background-image: url(../images/title-location_EN.jpg);
}


body#facilities #header.english h2 {
  background-image: url(../images/title-facilities_EN.jpg);
}


body#clients #header.english h2 {
  background-image: url(../images/title-clients_EN.jpg);
}

body#contact #header.english h2 {
  background-image: url(../images/title-contact_EN.jpg);
}








#header h2 span {
  display: none;
}









/* Language Navigation 
------------------------------------- */

#language {
  position: absolute;
  top: 24px;
  left: 490px;
  
  width: 200px;
  margin: 0;
  padding: 0;  
  list-style-type: none;    
}




/*
body#home #language {
  margin: -346px 0 20px 0;
}
*/


#language li {
 margin: 0;
 padding: 0;
 display:inline;
}


#language li a {
  width: 89px;
  height: 40px; 
  
  padding: 17px 0 0 0;
  
  font-size: 0.7em;
  text-decoration: none;
  text-align: center;
  
  color: #727272;
  background-image: url(../images/back-menu-tab.gif);
  background-repeat: no-repeat;
  
  display: block;
  
  float: left;
}


#language li a:hover {
  color: #000;
  background-image:url(../images/back-menu-tab-hover.gif);
}
 


/* cambiamos el color del tab selected ?   */ 
#language li a.selected {
  color: #483018;
  background-image:url(../images/back-menu-tab-selected.gif)

}














/* Main Navigation 
------------------------------------- */


#nav {
 margin: 0 -2px;
 padding: 0;
 
 background-image: url(../images/back-main-menu-left.gif);
 background-position: left top;
 background-repeat: no-repeat;
}


#nav div {
 width: 25px;
 height: 41px;
 
 margin: -41px 0 0 0;
 padding: 0;
  
 background-image: url(../images/back-main-menu-right.gif);
 background-position: right top;
 background-repeat: no-repeat;
 
 float: right;
}



#nav ul {
  height: 41px;
  
  margin: 0 25px 0 24px;
  padding: 0;
  
  list-type-style: none;
  
  background-image: url(../images/back-main-menu.gif);
  background-repeat: repeat-x;
}



#nav ul li {
 margin: 0;
 padding: 0;
 
 display: inline;

}



#nav ul li a {
 width: 89px;
 height: 41px;
 
 margin: 0;
 padding: 15px 0 0 0;
 
 font-size: 10px;
 text-decoration: none;
 text-align: center;

 color: #727272;
 
 display: block;
 float: left;
}




#nav ul li a:hover {
  background-image: url(../images/back-main-menu-hover.gif);
  background-repeat: no-repeat;
}

#nav ul li a.selected {
  color: #3E2914;
  background-image: url(../images/back-main-menu-selected.gif);
  background-repeat: no-repeat;
}






























/* Content
------------------------------------- */

#content {
 position: relative;
 
 width: 450px;
 
 margin: 20px 0 0 0;
 padding: 0;
 
 color: #535C63;
 
 clear: both;
}


#content h2, #content h3 {
 margin: 0 0 7px 0;
 padding: 0;
 
 font-weight: normal;
 
 color: #A29062;

}


#content p {
 margin: 0 0 30px 0;
 
 font-size: 0.9em;
 line-height: 1.5;
 text-align: justify;
}


#content li {
 margin-bottom: 10px;
 font-size: 0.9em;
 line-height: 1.5;
 list-style-type: square;
}


#content .contact {
font-size:85%;
}








#content div.foto {
  margin: 10px 0;
  
  font-size: 0.8em;
}





#content div.foto.center, #content div.foto.center p {
  text-align: center;  
}





#content div.foto.left {
 margin: 0 20px 5px 0;

 float: left;
}


#content div.foto.right {
 margin: 0 0 0 30px;
 
 float: right;
}





#content .inputfield { 
background-color: #f1ebdf;
border:#ccc1a9 solid 1px;
}

#content .inputfield:hover { 
background-color: #deccaa;
}

#content .inputfield:focus { 
background-color: #f1e1c6;
}

#content .txtareafield { 
background-color: #f1ebdf;
border:#ccc1a9 solid 1px;
}

#content .txtareafield:hover { 
background-color: #deccaa;
}

#content .txtareafield:focus { 
background-color: #f1e1c6;
}






/* Sidebar
------------------------------------- */

#sidebar {
 position: absolute;
 top: 300px;
 left: 480px;
 
 width: 200px;
 
 margin: 0;
 padding: 0 10px;
 
 font-size: 0.9em;
 
 color: #505052;
 background-color: #A49264;
 background-image: url(../images/sidebar-interna-top.gif);
 background-position: left top;
 background-repeat:no-repeat;
}




#sidebar div {
  width: 220px;
  height: 8px;
  
  margin: 0 -10px;
  
  background-image: url(../images/sidebar-interna-bottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  
}




#sidebar h3 {
 margin: 0;
 padding: 7px;
 
 font-weight: normal;
 
 color: #fff;
}


#sidebar p {
 padding: 7px;
 
 font-size: 0.7em;
 line-height: 1.4;
 text-align: left;
 
 color: #fff;
}




#sidebar img {
 border: 1px solid #fff;
}




#sidebar ul {
 margin: 10px 20px;
 padding: 0;
 
 list-style-type: square;

 
 font-size: 0.7em;
 line-height: 1.4;
 
 color: #fff;
}



#sidebar ul li {
 margin: 0 0 10px 0;
 padding: 0;
}


#sidebar p a, #sidebar li a {
 color: #603F1F;
}

#sidebar p a:hover, #sidebar li a:hover {
 color: #382512;
}













body#home #sidebar {
  top: 430px;
  
  background-color: #E4DED0;
  background-image: url(../images/sidebar-top.gif);
}


body#home #sidebar div {
  background-image: url(../images/sidebar-bottom.gif);
}



body#home #sidebar h3 {
  color: #83744B;
}


body#home #sidebar p {
  color: #535C63;

}









/* Footer
------------------------------------- */

#footer {
 margin: 40px 0; 
 padding: 20px 0 0 0;
 
 background-image: url(../images/back-footer.gif);
 background-position: center top;
 background-repeat: no-repeat;
}



#footer p {
 font-size: 0.7em;
 text-align: center;

 color: #9E895C
}














body#home #sidebar {
  top: 430px;
  
  background-color: #E4DED0;
  background-image: url(../images/sidebar-top.gif);
}


body#home #sidebar div {
  background-image: url(../images/sidebar-bottom.gif);
}



body#home #sidebar h3 {
  color: #83744B;
}


body#home #sidebar p {
  color: #535C63;
}









/* Footer
------------------------------------- */

#footer {
 margin: 40px 0; 
 padding: 20px 0 0 0;
 
 background-image: url(../images/back-footer.gif);
 background-position: center top;
 background-repeat: no-repeat;
 
 clear: both;
}



#footer p {
 font-size: 0.7em;
 text-align: center;

 color: #9E895C
}