/*  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/*   Globales                             */
/*  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, "Trebuchet MS" , sans-serif;
  color: #999;
  font-size: 62.5%;
	background: url(images/picuezo/body.gif) repeat-y center;

}
p, li {
  font-size: 1.2em;
  line-height: 1.4em;
	margin-bottom: 1em;
}
a,
div#main div.table a {
  text-decoration: none;
	color: #7054C9;
}
div#main a {
	font-weight: bold;
	color: #fff;
}
a:hover {
}
h2 {
	font-size: 16px;
	margin: 1em 0 0.3em 0;
}
h5 a {
  color: #990000;
}
h5 a:hover {
  color: #005252;
}
ul {
  list-style: none;
}
img {
  border: 0;
}
ul.inline li {
	float: left;
}
ul.inline li a {
	display: block;
	float: left;
}
ul.bullets {
	padding-left: 1em;
}
ul.bullets li {
	list-style: disc outside;
}
/* clases comunes */
div.clear {
  clear:both;
  display:block;
  height:0px;
  margin:0; padding:0;
  overflow:hidden;
  font-size:0px;
}
li.bullet {
	list-style: disc;
	margin-left: 1em;
}
.float {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
div.marg_l {
	margin-left: 30px;
}
p.label {
	color: #666;
	font-weight: bold;
	margin-top: 10px;
}
p.link_arrow {
	margin: 10px 0;
}
p.link_arrow a {
	color: #333;
	display: block;
	background: url(images/arrow_th.gif) no-repeat 0 50%;
	padding-left: 10px;
}
.noMargin {
	margin: 0 0 0 0;
	margin-top: 0;
	margin-bottom: 0;
}
.marginTop {
	margin-top: 1em;
}
.marginBottom {
	margin-bottom: 1em;
}
.no_margin_left {
	margin-left: 0;
}
.bull_dict,
.bull_dict_blank {
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 30px !important;
	text-align: left !important;
}
.bull_dict {
	color: #009966 !important;
}
.bull_dict_blank {
	color: #990000 !important;
	font-size: 40px !important;
}


/** Estilo de las fotos */
div.photos_colum {
	display: none;
}
div.photos_colum img,
div.project_photo img,
div.project_index_photo img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
div.photos_colum img.borderNo,
div.project_photo img.borderNo,
div.project_index_photo img.borderNo {
	border: none;
}

p.photos_foot {
	margin-top: 20px;
}

/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Partes                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#wrapper {
}
div#header_cont {
	text-align: center;
	background: url(images/picuezo/header_cont.gif) repeat-x;
}
div#header,
div#wrapper,
div#foot_wrapper {
	text-align: left;
	width: 982px;
	margin: 0 auto;
}
div#container {
	background-image: url(images/picuezo/main_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 982px;
}
div#header {
	height: 153px;
	position: relative;
	background: url(images/picuezo/header.gif) no-repeat;
}
div#side {
	float: left;
	width: 220px;
	margin-right: 4px;
}
div#main_wrapper {
	float: left;
	width: 755px;
 	padding: 237px 0px 30px 0px;
	color: #fff;
	background: url(images/picuezo/guisantes.jpg) no-repeat;
	overflow: hidden;
}
div#main {
	background: url(images/picuezo/main_top.gif) repeat-x top;
	padding: 60px 30px 30px 30px;
}
div#logo {
	position: absolute;
	width: 200px;
	height: 100px;
	top: 40px;
	left: 10px;
}
div#logo a {
	position: absolute;
	width: 200px;
	height: 100px;
}
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Fotos cabecera                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
body.calidad div#main_wrapper {
	background: url(images/picuezo/calidad.jpg) no-repeat;
}
body.quienes_somos div#main_wrapper {
	background: url(images/picuezo/tomates.jpg) no-repeat;
}
body.clave_exito div#main_wrapper {
	background: url(images/picuezo/guisantes.jpg) no-repeat;
}
body.equipo_humano div#main_wrapper {
	background: url(images/picuezo/equipo.jpg) no-repeat;
}
body.contacto div#main_wrapper {
	background: url(images/picuezo/latas2.jpg) no-repeat;
}
body.latas div#main_wrapper {
	background: url(images/picuezo/latas.jpg) no-repeat;
}
body.pimientos div#main_wrapper {
	background: url(images/picuezo/header_pimiento.jpg) no-repeat;
}
body.setas div#main_wrapper {
	background: url(images/picuezo/header_setas.jpg) no-repeat;
}
body.alubias div#main_wrapper {
	background: url(images/picuezo/alubias.jpg) no-repeat;
}
body.melocoton div#main_wrapper {
	background: url(images/picuezo/header_melocoton.jpg) no-repeat;
}
body.esparragos div#main_wrapper {
	background: url(images/picuezo/esparragos.jpg) no-repeat;
}
body.guisantes div#main_wrapper {
	background: url(images/picuezo/guisantes.jpg) no-repeat;
}
body.champis div#main_wrapper {
	background: url(images/picuezo/header_champis.jpg) no-repeat;
}
body.alcachofas div#main_wrapper {
	background: url(images/picuezo/header_alcachofa.jpg) no-repeat;
}
body.medioambiente div#main_wrapper {
	background: url(images/picuezo/medioambiente.jpg) no-repeat;
}
body.tomate div#main_wrapper {
	background: url(images/picuezo/tomates.jpg) no-repeat;
}
body.localizacion div#main_wrapper {
	background: url(images/picuezo/localizacion.jpg) no-repeat;
}
body.exito div#main_wrapper {
	background: url(images/picuezo/exito.jpg) no-repeat;
}
body.logistica div#main_wrapper {
	background: url(images/picuezo/logistica.jpg) no-repeat;
}
body.video div#main_wrapper {
	background: url(images/picuezo/video.jpg) no-repeat;
}
body.productos div#main_wrapper {
	background: url(images/picuezo/productos.jpg) no-repeat;
}

div.index_productos {
  float: left;
}
div.index_productos img {
  width: 135px;
  height: 308px;
}
div.index_productos a {
  padding-right: 5px;
  padding-bottom: 5px;
  background: #fff;
  float: left;
  display: block;
}
div.index_productos a.last_bot {
  padding-bottom: 0;
}
div.index_productos a.last_right {
  padding-right: 0;
}
div.index_productos a.first_left {
  padding-right: 0;
  margin-left: 75px;
}

/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Foot                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#foot {
	margin-left: 224px;
	padding: 5px 0 0 0;
	border-bottom: 20px solid #4B4196;
}
div#foot p {
	font-size: 10px;
	text-align: center;
}
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Nav                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.navmain li {
	margin-bottom: .4em;
}
div.navmain ul {
	margin-top: 5px;
}
div.navmain li {
  margin-top: 15px;
  padding-top: 20px;
	background: url(images/picuezo/dotted_nav.gif) repeat-x top;

}
div.navmain li li {
  margin-top: 0;
  padding-top: 0;
  background: none;
}
div.navmain li a {
	color: #D1DFF3;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	background-repeat: repeat-x;
	background-position: top;
}
div.navmain li li a {
	display: block;
	color: #4B4196;
	font-size: 12px;
	text-transform: uppercase;
	background-image: none;
	padding-left: 1.2em;
	padding-right: 1em;
	font-weight: normal;
}
div.navmain li li a,
div.navmain li.current li a {
	text-transform: lowercase;
	margin-left: 1em;
	background: none;
	color: #4B4196;
}
div.navmain li a:hover,
div.navmain li.current a {

}
div.navmain li li a:hover,
div.navmain li li.current a {
	color: #fff;
	background-color: #94BAE3;
}
div.navmain li#nav_logistica {
  margin-top: 20px;
}
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Contenido de página                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

div.main_side {
	float: right;
	width: 270px;
	margin-left: 30px;
}

div#main h1 {
	color: #817AB6;
	text-transform: uppercase;
	font-size: 28px;
	margin-bottom: 1em;
}
div.contact div#main h1 {
	margin-bottom: 0;
}
div#main h1 span {
	color: #fff;
	text-transform: lowercase;
	font-size: 24px;
}
p.photo img {
	border: 1px solid #fff;
}
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Form                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.input_field {
	clear: both	;
	margin-bottom: 10px;
	min-height: 0;
	position: relative;
}
div.label {
	float: left;
	text-align: right;
	width: 140px;
	margin-right: 10px;
	display: inline;
	font-size: 14px;
}
div.input {
	float: left;
	width: 350px;
}
div.radio input {
	margin-left: 10px;
	margin-right: 5px;
}
div.input input.text {
	width: 250px;
}
div.checkout div.input input.text {
	width: 200px
}
input.text,
textarea.text {
	font-size: 14px;
	padding: 3px 5px;
	border: 1px solid #ccc;
}
textarea.text {
	width: 300px;
}
div.paddingLeft {
	padding-left: 40px;
}
div.padding_form {
	padding-left: 150px;
	width: 350px;
}
div.margin_form {
	margin: 5px 0 0 150px;
}
textarea#AdvBody {
	height: 120px;
}
div.error-message,
p.form_error_message {
	background: url(images/error_message.gif) no-repeat;
	color: #990000;
	font-weight: bold;
	padding: 0 0 2px 20px;
	margin: 5px 0 0 0;
	font-size: 12px;
}

/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Idiomas                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#langs {
	position: absolute;
	right: 0;
	top: 95px;
}
div#langs li {
	float: left;
	margin-left: 5px;
}
div#langs li a {
	display: block;
	float: left;
	padding: 1px 15px;
	color: #4B4196;
	border: 1px solid #4B4196;
	font-weight: bold;
}
div#langs li a:hover {
	background: #4B4196;
	color: #fff;
}

/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Tablas                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.table {
	padding: 20px;
	background: #fff;

}
div.table h3.title {
	font-size: 16px;
	color: #94BAE3;
	margin: 0.6em 0 0.4em;
}
div table td,
div table th {
	font-size: 12px;
	color: #4B4196;
}
body.ar div table td,
body.ar div table th {
	font-size: 13px;
}
div.table table {
	border-bottom: 1px solid #9EC1E5;
	margin-bottom: 10px;
}
div.table td {
	border-right: 1px solid #9EC1E5;
	padding: 10px 6px;
	text-align: right;
}
div.table td.name {
	width: 150px;
	border: none;
}
div.table th {
	font-size: 10px;
	text-align: center;
	padding: 5px;
}
div.table td.title {
	width: 110px;
	text-align: right;
	border: none;
	vertical-align: top;
	border-right: 1px solid #9EC1E5;
	border-left: 1px solid #9EC1E5;
	padding-left: 25px;
	font-weight: bold;
}
div.table tr.title td {
	border-top: 1px solid #9EC1E5;
}

/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**  Cards                          																				*/
/**  ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.tooltip {
	background: transparent url(images/picuezo/card_back.png) no-repeat;
	padding: 23px;
}
body.ar div.tooltip {
	background: transparent url(images/picuezo/card_back_ar.png) no-repeat;
}
div.cardinfo p {
	color: #4B4196;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
div.card_photo,
div.card_text {
	height: 100px;
}
div.card_text table {
	width: 300px;
}
div.table div.card_text td {
	padding: 2px;
	font-size: 11px;
	width: 30px;
	text-align: center;
}
div.card_text tr.header td {
	background: #7054C9;
	color: #fff;
}
body.ar div.card_text tr.header td {
  font-size: 14px;
}


div.card_photo {
	float: left;
	margin-right: 10px;
}
div.card_text {
	float: left;
	width: 300px;
}
body.ar div.card_photo,
body.ar div.card_text {
  float: right;
}
body.ar div.card_photo {
  margin-right: 35px;
  margin-left: 10px;
}
html>body.ar div.card_photo {
  margin-right: 65px;
}


/** Arabe */
body.ar div#side {
	float: right;
	margin-right: 0;
	margin-left: 4px;
	background: #fff;
}
body.ar div.main_side {
	float: left;
	margin-left: 0px;
	margin-right: 30px;
}

body.ar div#header {
	background: url(images/picuezo/header_ar.gif) no-repeat;
}
body.ar div#langs {
	right: auto;
	left: 0;
}
body.ar div#container {
	background-position: left;
}
body.ar div#main h1,
body.ar div.navmain li,
body.ar p.photos_foot {
	text-align: right;
}
body.ar div.navmain li a {
	padding-right: 1.2em;
	padding-left: 1em;
	margin-right: 1em;
}
body.ar div.navmain li li a,
body.ar div.navmain li.current li a {
	margin-right: 2em;
	margin-left: 0em;
}
body.ar div.navmain li a:hover,
body.ar div.navmain li.current a {
	background-position: right 4px;
}
body.ar div.navmain li li a:hover,
body.ar div.navmain li li.current a {
	background-position: right 4px;
}
body.ar div.navmain li.leyend {
	margin-right: 1em;
}
body.ar div#foot {
	margin-right: 224px;
	margin-left: 0;
	padding: 5px 0 0 0;
	border-bottom: 20px solid #4B4196;
	background: #fff;
}
body.ar p.photos_foot {
	margin-right: 20px;
}

/* Menu escondido */
body.ar li#nav_enlaces,
body.en li#nav_enlaces,
body.fr li#nav_enlaces,
body.pt li#nav_enlaces {
  display: none;
}
body.ar li#nav_video,
body.en li#nav_video,
body.fr li#nav_video,
body.pt li#nav_video {
  display: none;
}
body.ar div.table h3.title {
  text-align: right;
}
