/* The Cocktail 2.0 */

/* Global Styles */
body {
  font-family: "Arial","Helvetica",sans-serif;
  margin: 0;
  padding: 0;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
}
li {
  list-style-image: url("../images/bullet.gif");
}

/* Header */
#header {
  width: 770px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
#header #logo {
  float: left;
  margin: 15px 0;
}
#header h1 {
  margin: 0;
  padding: 0;
  display: none;
}
#header #menu {
  padding-top: 15px;
  display: block;
  text-align: right;
  font-size: .9em;
  color: #999;
  margin: 0;
  height: 30px;
}
#header #menu a {
  color: #3479BB;
  text-decoration: none;
  border-bottom: 1px dotted #B7CFE7;
}
#header #menu a#rss {
  border-bottom: 0;
}
#header #menu a:hover {
  color: #fff;
  background-color: #3479BB;
  text-decoration: none;
}
#header #menu a img {
  vertical-align: top;
  background-color: #fff;
  margin-left: .5em;
}
#header #menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header #menu li {
  display: inline;
  margin: 0;
  padding: 0;
}
#header #promo {
  width: 680px;
  margin: 0 auto;
}


/* Main */
#main {
  padding: 0;
  background-color: #DBE7F3;
  text-align: center;
}
#main h2,
#main h3 {
  margin: 0;
  padding: 0;
  color: #00569B;
/*  font-weight: normal;*/
}
#main h2 {
  font-size: 1.6em;
}
#main h3 {
  font-size: 1.3em;
/*  font-weight: normal;*/
}
#main p {
  color: #57595A;
}
#main #content {
  overflow: hidden;
  text-align: left;
  margin: 0 auto;
  background: transparent url("../images/bg_content.png") left top repeat-x;
}


/* Navigation */
#main #nav {
  text-align: center;
  background: #0561AF url("../images/bg_nav.png") left center repeat-x;
  margin: 0;
  height: 40px;
  overflow: hidden;
}
#main #nav ul {
  width: 770px;
  margin: 0 auto;
  padding: 0;
}
#main #nav li {
  width: 154px;
  padding: 0;
  list-style: none;
  display: inline;
}
#main #nav li a {
  margin: 0;
  padding: 0;
  display: block;
  padding-bottom: 12px;
  padding-top: 14px; /* Firefox */
  padding-top: 12px; /* Safari */
  float: left;
  width: 154px;
  background: transparent url("../images/bg_nav_button.png") center -3px no-repeat;
  color: #fff;
  font-size: 11pt;
  font-weight: bold;
  text-shadow: #000 0 1px 2px;
  text-decoration: none;
}
#main #nav li a:hover {
  background-position: center -82px;
}


/* Headers */
h2.tit_home,
h2.tit_about,
h2.tit_servicios,
h2.tit_clientes,
h2.tit_herramientas,
h2.tit_insights,
h2.tit_contacto {
  text-indent: -3000px;
}

h2.tit_home {
  background: transparent url("../images/tit_home.png") left center no-repeat;
  height: 2em;
}
h2.tit_about {
  background: transparent url("../images/tit_about.png") left center no-repeat;
}
h2.tit_servicios {
  background: transparent url("../images/tit_servicios.png") left center no-repeat;
}
h2.tit_clientes {
  background: transparent url("../images/tit_clientes.png") left center no-repeat;
}
h2.tit_herramientas {
  background: transparent url("../images/tit_herramientas.png") left center no-repeat;
}
h2.tit_insights {
  background: transparent url("../images/tit_insights.png") left center no-repeat;
}
h2.tit_contacto {
  background: transparent url("../images/tit_contacto.png") left center no-repeat;
}


/* Ingredientes */
#ingredientes {
  margin: 0;
  padding: 0;
  background-color: #70A0D0;
/*  overflow: hidden;*/
}
#ingredientes #list {
  padding: 30px;
  padding-bottom: 0;
  overflow: hidden;
  background: #70A0D0 url("../images/bg_ingredientes.png") top left repeat-x;
}
#ingredientes h2 {
  text-align: left;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.3em;
  background: #3F81BF url("../images/bg_novedades.png") top center repeat-x;
}
#ingredientes h2 span {
  display: block;
  width: 200px;
  height: 40px;
}
#ingredientes ul {
/*	max-width: 900px;*/
  width: 770px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  clear: both;
  display: block;
}
#ingredientes ul li {
  text-align: left;
  margin: 0;
/*  margin-bottom: 30px;*/
  padding: 0;
  list-style: none;
/*  display: inline;*/
  float: left;
  width: 380px;
  height: 70px;
/*  color: #045395;*/
  color: #034781;
}
#ingredientes ul li img {
	margin-right: .5em;
	float: left;
}
#ingredientes ul li h3 {
  font-size: 1.3em;
  margin: 0;
  margin-top: .5em;
  margin-bottom: 5px;
  padding: 0;
}
#ingredientes ul li h3 a {
  padding: 3px;
  padding-bottom: 1px;
  color: #fff;
  text-shadow: #4F7092 0 1px 2px;
  text-decoration: none;
  border-bottom: 1px dotted #9BBDDE;
}
#ingredientes ul li h3 a:hover {
	text-shadow: none;
	color: #0561AF;
	background-color: #fff;
	border: 0;
}
#ingredientes ul li .meta {
	margin-left: .25em;
}
#ingredientes ul li .date,
#ingredientes ul li .cat {
	font-size: .8em;
}
#ingredientes ul li .cat a {
	color: #DBE7F3;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#ingredientes ul li .cat a:hover {
	color: #DBE7F3;
	text-decoration: none;
	border-bottom: 1px solid;
}
#ingredientes .more {
  width: 770px;
  height: 28px;
  margin: 0 auto;
  padding: 1em 0;
  text-align: right;
}
#ingredientes .more a {
  display: block;
  width: 189px;
  height: 28px;
  float: right;
  background: transparent url("../images/bg_button_more.png") right top no-repeat;
}
#ingredientes .more a:hover {
  background-position: bottom;
}
#ingredientes .more a span {
  display: none;
}


/* Newsletter */
#newsletter {
  background: #DBE7F3 url("../images/newsletter_icon.png") 18px center no-repeat;
  border-top: 1px solid #436281;
  border-bottom: 1px solid #436281;
  padding: 20px;
  padding-left: 100px;
}
#newsletter #left {
  float: left;
}
#newsletter form {
  margin: 0;
  padding: 5px;
  text-align: right;
}
#newsletter h2 {
	font-size: 1.4em;
	color: #0164B5;
	margin: 0;
	padding: 0;
	display: inline;
}
#newsletter p {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}
#newsletter input#email {
	padding: 3px;
	width: 200px;
	font-size: 1.2em;
	border: 1px solid #0066B8;
	background-color: #fff;
}
#newsletter input#subscribe {
	font-size: 1.2em;
	border: 0;
	background: transparent url("../images/bg_button_subscribe.png") center center no-repeat;
	width: 128px;
	height: 29px;
	text-indent: -700px;
}
#newsletter input#subscribe span {
	visibility: hidden;
}


/* Menus */
body#body-nosotros #main #nav #nosotros,
body#body-vision #main #nav #nosotros,
body#body-servicios #main #nav #servicios,
body#body-herramientas #main #nav #herramientas,
body#body-clientes #main #nav #clientes,
body#body-conocimiento #main #nav #conocimiento {
  color: #2C485B;
  text-shadow: none;
  background: transparent url("../images/bg_nav_button_selected.png") center center no-repeat;
}


#text-page {
  padding: 2em;
  width: 770px;
  margin: 0 auto;
  overflow: hidden;
}
#text-page .left {
  background-color: #EAF1F8;
  border-top: 1px solid #BAC5CF;
  border-bottom: 1px solid #BAC5CF;
  padding: 20px;
  float: left;
  margin: 0;
  width: 500px;
  font-size: 1.2em;
}
#text-page .left h2 {
  margin: 0;
  padding: 0;
}
#text-page .left .nav {
  font-size: 0.9em;
  overflow: hidden;
  margin-bottom: 1em;
}
#text-page .left .nav a {
  color: #045DA9;
}
#text-page .left .nav .alignleft {
  float: left;
}
#text-page .left .nav .alignright {
  float: right;
}

#text-page object,
#text-page embed {
  margin-left: 10px;
  max-width: 100%;
}
#text-page p {
  font-size: 1em;
  line-height: 125%;
  margin: 10px 15px 15px 10px;
  text-align: justify;
}
#text-page p em {
  font-family: "Georgia";
}
#text-page ul,
#text-page ol {
  color: #57595A;
}
#text-page .post {
  margin-bottom: 2em;
}
#text-page .post ul {
  margin-left: 1em;
}
#text-page .post ul p {
  margin: 0;
  padding: 0;
}
#text-page .post ul ul {
  margin-top: 0;
}
#text-page .post a {
  color: #00569B;
  text-decoration: none;
}
#text-page .post a:hover {
  color: #fff;
  background-color: #09c;
}
#text-page .post .meta {
  color: #666;
  background-color: #f0f0f0;
  margin: 0;
  margin-top: 2em;
  padding: 1em;
  font-size: 0.9em;
}
#text-page #column {
  float: right;
  width: 220px;
  margin-left: 10px;
  padding-bottom: 20px;
  background: #EAF1F8 url("../images/bg_column.gif") center bottom no-repeat;
  border-top: 1px solid #BAC5CF;
}

#text-page #column #sections {
  padding-right: 10px;
}
#text-page #column #icons {
  width: 200px;
  margin: 0 auto;
  padding-top: 15px;
  border-top: 1px solid #A9C2DC;
}
#text-page #column h3 {
  margin-top: 15px;
  margin-left: 10px;
  font-size: 1.2em;
  font-weight: normal;
  color: #666;
}
#text-page #column h3.tit_nosotros {
  background: transparent url("../images/tit_nosotros.png") left center no-repeat;
  text-indent: -3000px;
}
#text-page #column h3.tit_insights {
  background: transparent url("../images/tit_insights.png") left center no-repeat;
  text-indent: -3000px;
}
#text-page #column h3.tit_nuestros_blogs {
  background: transparent url("../images/tit_nuestros_blogs.png") left center no-repeat;
  text-indent: -3000px;
}
#text-page #column h3.tit_ultimos_posts {
  background: transparent url("../images/tit_ultimos_posts.png") left center no-repeat;
  text-indent: -3000px;
}
#text-page #column h3.tit_ultimos_comentarios {
  background: transparent url("../images/tit_ultimos_comentarios.png") left center no-repeat;
  text-indent: -3000px;
}
#text-page #column ul {
  margin-left: 20px;
  margin-top: 0.25em;
  margin-right: 10px;
}
#text-page #column ul li {
  margin-bottom: 0.25em;
}
#text-page #column p {
  margin-left: 20px;
  margin-right: 10px;
  text-align: left;
}
#text-page #column ul a {
  color: #00569B;
  text-decoration: none;
}
#text-page #column ul a:hover {
  color: #fff;
  background-color: #00569B;
}


/* Text Box */
#box-txt {
  padding: 2em;
  width: 770px;
  margin: 0 auto;
}
#box-txt .item {
  padding: 20px;
  color: #57595A;
  background: transparent url("../images/bg_box_txt.png") center bottom no-repeat;
  border-top: 1px solid #BAC5CF;
  font-size: 1.2em;
  overflow: hidden;
}
#box-txt .item img.img {
  display: block;
  width: 218px;
  height: 218px;
  float: left;
  padding: 5px;
  margin-right: 20px;
  background: #fff url("../images/bg_img.png") left top;
  border: 1px solid #0862AF;
}
#box-txt .item .body {
  width: 450px;
  float: left;
}
#box-txt .item .body a {
  color: #02569A;
}
#box-txt .item h4 {
  margin-bottom: 0.2em;
  color: #00569B;
  font-weight: normal;
}
#box-txt .item a {
  color: #0064B5;
}
#box-txt .item a:hover {
  color: #fff;
  background-color: #0064B5;
  text-decoration: none;
}
#box-txt .item ul,
#box-txt .item ol {
  margin: 1em;
  list-style-position: outside;
  overflow: hidden;
}
#box-txt .item .block {
  margin-bottom: 2em;
  border-bottom: 1px solid #B8C5CF;
}

/* Subnavigation for text sections */
#box-txt .item ul.nav {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  padding: 6px;
  padding-left: 10px;
  border-bottom: 1px solid #065FAB;
}
#box-txt .item ul.nav li {
  margin: 0;
  display: inline;
  font-size: 0.9em;
}
#box-txt .item ul.nav li a {
  color: #5183BE;
  padding: 7px;
  border: 0;
  background-color: transparent;
  font-weight: normal;
}
#box-txt .item ul.nav li a.active,
#box-txt .item ul.nav li a.active:hover {
  color: #fff;
/*  border: 1px solid #B9C5CF;*/
/*  border-bottom: 0;*/
  background: #fff url("../images/bg_subnav.png") left top repeat-x;
  font-weight: bold;
  text-decoration: none;
}
#box-txt .item ul.nav li a:hover {
  color: #fff;
  background-color: #5183BE;
}

#box-txt .item .txt {
  padding: 0 10px;
}
#box-txt .item .txt h2,
#box-txt .item .txt h3 {
  margin-bottom: 0.4em;
}
#box-txt .item .txt p {
  font-size: 0.95em;
  margin-top: 0;
}
#box-txt .item .txt p.intro {
  font-size: 1.4em;
  margin-top: 0;
}
#box-txt .item .txt ul {
  font-size: 0.95em;
}
#box-txt .item .txt img.photo {
  margin: 0 1em 1em 0;
}


/* Clientes */
body#body-clientes #box-txt .item .body {
  width: 100%;
  overflow: hidden;
}
body#body-clientes #box-txt .item ul,
body#body-clientes #box-txt .item ol {
  margin: 0 auto;
  padding: 0;
}
body#body-clientes #box-txt .item ul li,
body#body-clientes #box-txt .item ol li {
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0;
  float: left;
  list-style: none;
/*  display: inline;*/
}


/* Servicios */
body#body-servicios #box-txt div.ul {
  float: left;
  width: 230px;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  list-style-position: inside;
}
body#body-servicios #box-txt div.ul li {
  font-size: 0.9em;
}
body#body-servicios #box-txt div.ul ul {
/*  margin: 0;*/
/*  padding: 0;*/
/*  overflow: hidden;*/
}
body#body-servicios #box-txt div.ul h4 {
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-left: 5px;
}
body#body-servicios #box-txt ul li {
/*  font-size: 0.9em;*/
}
body#body-servicios #box-txt ul ul {
/*  margin: 0;*/
/*  padding: 0;*/
}

/* Herramientas */
body#body-herramientas #box-txt .item .body {
  width: 730px;
}
body #herramientas-content .item .body p {
  width: 700px;
}

/* Insights */
body#body-conocimiento a.rss {
  padding: 4px;
  background: transparent url("../images/icon-feed-16.gif") left center no-repeat;
  padding-left: 20px;
  color: #3F81BF;
  margin-left: 5px;
}
body#body-conocimiento a.rss:hover {
  color: #fff;
  background-color: #3F81BF;
}
body#body-conocimiento #main #text-page .left {
  background-color: #fff;
}
body#body-conocimiento #main #text-page .left h2 {
  font-size: 1.3em;
  margin-bottom: 1em;
}
body#body-conocimiento #main #text-page .left h2.pagetitle {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  font-size: 1em;
  color: #333;
}
body#body-conocimiento #main #text-page .left p {
  font-size: 0.95em;
  text-align: left;
}


/* Spinner */
div#spinner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 77px;
  background: #000 url("../images/spinner.gif") center center no-repeat;
}

/* Footer */
#footer {
  margin: 0;
  padding: 2em;
  font-size: .85em;
  color: #999;
  background: #fff url("../images/bg_footer.png") left top repeat-x;
  overflow: hidden;
  height: 40px;
}
#footer span {
  float: left;
}
#footer #valid {
  float: right;
}
#footer #valid a {
  color: #999;
  text-decoration: none;
  padding: 10px;
}
#footer #valid a span {
  float: none;
  padding: 7px 3px;
}
#footer #valid a:hover {
  color: #578FC8;
  border-bottom: 1px solid #B7CFE7;
}
#footer #valid a.rss,
#footer #valid a.xhtml,
#footer #valid a.css {
  padding-left: 20px;
}
#footer #valid a.rss {
  background: transparent url("../images/icon-feed-off.png") left center no-repeat;
}
#footer #valid a.rss:hover {
  background: transparent url("../images/icon-feed-on.png") left center no-repeat;
}
#footer #valid a.xhtml,
#footer #valid a.css {
  background: transparent url("../images/icon-valid-off.png") left center no-repeat;
}
#footer #valid a.xhtml:hover,
#footer #valid a.css:hover {
  background: transparent url("../images/icon-valid-on.png") left center no-repeat;
}