/**
 * =Body
 ***************************/

body {
	margin: 0px;
	font-size: 90%;
	font-family: sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

/**
 * =Layout
 ***************************/

#holder {
	width: 832px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-image: url(../images/curve_mid.jpg);
	background-repeat: repeat-y;
}

/* in #holder */

#top_curve {
  height: 16px;
	background-image: url(../images/curve_top.jpg);
	background-repeat: no-repeat;
  font-size: 1px;	
}

#left_shade1 {
	float: left;
	width: 5px;
	height: 600px;
	background-image: url(../images/curve_left.jpg);
	background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}

#center_content {
	width: 822px;
	background-color: #FFFFFF;
	float: left;
  margin: 0px;
  padding: 0px;
}

/* in #center-content */

#header {
}

#focus-block {
}

#left_content {
	float: left;
	width: 230px;
	margin: 15px 0px 0px 18px;
}

#right_content {
	margin-top: 10px;
	float: right;
	width: 520px;
	margin-right: 22px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;
}

/* /in #center-content */

#right_shade1 {
  float: left;	
	width: 5px;
	height: 600px;
	background-image: url(../images/curve_right.jpg);
	background-repeat: no-repeat;
  float: right;
}

.clear-both {
  clear: both;
}

/* /in #holder */

#bottom_curve {
  clear: both;
	height: 17px;
	background-image: url(../images/curve_btm.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#footer {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
  font-size: 0.8em;
}

/**
 * in #header
 ***************************/

#header-logo {
  margin: 0px;
  padding: 0px;
}

#header-logo a {
  display: block;
  float: left;
  width: 252px;
  height: 80px;
  margin: 0px 0px 10px 18px;
  background: url(../images/logo.png) 50% 50% no-repeat;
  text-indent: -9000px;
  overflow: hidden;
}

*html #header-logo a {
  margin-left: 8px;
}


#navigation {
  padding-right: 22px;
	padding-top: 28px;
	font-size: 20px;
  text-align: center;
	font-weight: normal;
	letter-spacing: -1px;
	color: #eeeeff;
}

#navigation a {
	color: #5599bb;
	text-decoration: none;
	padding-left: 26px;
	padding-right: 5px;
  padding-bottom: 5px;
	background-image: url(../images/icontotu.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

#navigation a:hover {
	background-image: url(../images/icontotu1.png);
}

#lang-selector {
  position: absolute;
  top: 22px;
  left: 50%;
  padding: 0px 0px 0px 302px;
}

#lang-selector ul {
  padding: 0px;
  margin: 0px;
  background: transparent url(../images/flecha.png) 100% 6px no-repeat;
}

#lang-selector ul:hover {
  background-color: #f1fafe;
  background-image: none;
  outline: 2px solid #aaccdd;
}

#lang-selector li {
  display: none;
  margin: 0px;
}

#lang-selector li:first-child {
  display: block;
}

#lang-selector ul:hover li {
  display: block;
}

#lang-selector a {
  display: block;
  height: 16px;
  padding: 4px 18px 4px 24px;
  margin: 0px;
  font-size: 0.9em;
  font-weight: bold;
  color: #aaccdd;
}

#lang-selector li.lang-es a {
  background-image: url(../images/es.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
}

#lang-selector li.lang-en a {
  background-image: url(../images/en.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
}

#lang-selector li a:hover {
  background-color: #e5f4fb;
}

/**
 * in #focus-block
 ***************************/

.block_left {
	float: left;
	width: 230px;
	margin: 0px 0px 0px 18px;
}

.block_right {
	float: right;
}

#info1-es, #info2-es, #info3-es, #info1-en, #info2-en, #info3-en {
  float: left;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9000px;
  overflow: hidden;
  width: 173px;
  height: 116px;
}

#info1-es:hover span, #info2-es:hover span, #info3-es:hover span,
#info1-en:hover span, #info2-en:hover span, #info3-en:hover span {
  display: block;
  border: 3px solid #dcdcdc;
  width: 156px;
  height: 98px;
  margin-top: 4px;
  margin-left: 5px;
}

#info1-es {
  background-image: url(../images/info1-es.png);
}

#info2-es {
  background-image: url(../images/info2-es.png);
}

#info3-es {
  background-image: url(../images/info3-es.png);
  margin-right: 20px;
}

#info1-en {
  background-image: url(../images/info1-en.png);
}

#info2-en {
  background-image: url(../images/info2-en.png);
}

#info3-en {
  background-image: url(../images/info3-en.png);
  margin-right: 20px;
}


/**
 * in #left_content
 ***************************/

#left_content h2 {
  display: none;
}

#left_content h3 {
  border-top: 1px dotted #5599bb;
  border-bottom: 1px dotted #5599bb;
  padding: 3px 0px;
  margin: 16px 0px 3px 0px;
  font-size: 1em;
  font-weight: bold;
}

#left_content h3:first-child {
  margin-top: 0px;
}

#left_content h3 a {
  text-decoration: none;
  color: inherit;
}

#left_content h3 a:visited {
  color: #337799;
}

#left_content p {
  margin: 0px 0px 16px 0px;
}

#search input {
  display: block;
  width: 85%;
  margin: auto;
  margin-top: 10px;
  border: 1px solid #5599bb;
  padding: 3px;
}

#search_results {
	display: none;
}


/**
 * General classes
 ***************************/

.item_content {
  margin-left: 2px;
}

.hl-N {
  background: transparent url(../images/box-top.png) 0% 0% repeat-x;
}

.hl-S {
  background: transparent url(../images/box-bottom.png) 0% 100% repeat-x;
}

.hl-E {
  background: transparent url(../images/box-right.png) 100% 100% repeat-y;
}

.hl-W {
  background: transparent url(../images/box-left.png) 0% 0% repeat-y;
}

.hl-NE {
  background: transparent url(../images/box-top-right.png) 100% 0% no-repeat;
}
.hl-NW {
  background: transparent url(../images/box-top-left.png) 0% 0% no-repeat;
}
.hl-SE {
  background: transparent url(../images/box-bottom-right.png) 100% 100% no-repeat;
}
.hl-SW {
  background: transparent url(../images/box-bottom-left.png) 0% 100% no-repeat;
  padding: 14px 7px 14px 4px;
}

.hl-inside {
  font-size: 1.1em;
  color: #337799;
  min-height: 68px;
  padding: 10px;
  margin: 0px;
  background: #d8effa url(../images/box-inside.png) 0% 0% repeat-x;
}

.hl-inside strong {
  color: #337799;
}

.hidden {
  display: none;
}

.resumen {
  margin-right: 5px;
  margin-left: 5px;
  padding: 15px;
  font-size: 1em;
  -moz-border-radius-topright: 2%;
  -moz-border-radius-bottomleft: 2%;
  background: #ececec; 
  text-align: justify;
}

.resumen a {
  text-decoration: none;
}

.objetivo {
  text-align: center;
  font-size: 1.2em;
  margin-right: 15px;
  margin-left: 15px;
  padding: 15px 30px 15px 30px;
}

.page_content {
  font-size: 1.05em;
}

.page_content ul {
  margin-left: 35px;
  padding-top: 0px;
  margin-top: 0px;
}

.page_content p {
  margin-bottom: 7px;
}

.page_content li {
  list-style-type: circle;
}

.ack {
  margin-top: 60px !important;
  padding-top: 6px;
  border-top: 1px dotted #5599bb;  
}

li.item-frescura, li.item-enfoque, li.item-detalle {
  padding: 5px 0px 5px 34px;
  list-style-type: none;
  margin-right: 40px;
  margin-bottom: 8px;
}

li.item-frescura {
  background: #f4f4f4 url(../images/ico-manzana.png) 0% 50% no-repeat;
}
li.item-enfoque {
  background: #f4f4f4 url(../images/ico-camara.png) 0% 50% no-repeat;
}
li.item-detalle {
  background: #f4f4f4 url(../images/ico-lupa.png) 0% 50% no-repeat;
}

.required {
  font-weight: bold;
  color: red;
}

.encoded-en, .encoded-es {
  text-decoration: underline;
}

/**
 * Default elements
 ***************************/

a {
  color: #5599bb;
}
 
strong {
  color: #4f4f4f;
}

h2, h3 {
  font-size: 1.9em;
  font-weight: normal;
  color: #5599bb;
  margin: 0px;
  padding: 0px;
}

h4 {
  font-size: 1em;
  font-weight: normal;
  color: #5599bb;
  margin: 2px 1px 1px 2px;
}

li h5 {
  display: none;
}

#search_results h4 {
  margin-top: 14px;
}

li h4 {
  display: none;
}

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

li {
  margin-left: 5px;
  margin-bottom: 3px;
}

pre {
  overflow: scroll;
}

dl {
  margin: 30px 0px 0px 95px;
}
dt {
  font-size: 85%;
  font-weight:bold;
  color:#222222;
}

dd {
  margin: 2px 0px 12px 0px;
}

input[type="text"] {
  width: 70%;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
  background:#fbfbfb url(../images/fieldbg.png) repeat-x scroll center top;
}

textarea {
  width: 70%;
  height: 10em;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
  background:#fbfbfb url(../images/fieldbg.png) repeat-x scroll center top;

}

input[type="submit"] {
  padding: 0px 7px;
  font-size: 1.1em;
}