@charset "utf-8";

/*---------------------- RESET -----------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	outline:none;
	text-decoration:none;
}

/*---------------------- end RESET -----------------------*/

*{
	margin:0;
	padding:0;
}

body{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background:#fff url(../img/bg.gif) 0 0 repeat-x;
}

p{
	font-size:12px;
	color:#333;
	line-height:1.7;
	margin:0 0 10px 0;
}

section{
	overflow:hidden;
}

#wrappers{
	margin:0 auto;
	width: 90%;
	max-width: 1024px;
	background-color:#fff;
	border-top:5px #493095 solid;
	box-shadow: 0 0 15px #999;
}

/*---- HEADER + LOGO + NAV -----*/

header{
	width:100%;
	overflow:hidden;
	position:relative;
}	

.idioma .esp,
.language .eng{
	display:none;
}

.idiomas{
	position:absolute;
	top:10px;
	right:20px;
}

	.idiomas li{
		border-right:1px #493095 solid;
	}

		.idiomas li a{
			padding:3px 7px;
			display: block;
			color:#493095;
			font-size:13px;	
		}

#logo{
	width:284px;
	height:59px;
	margin:18px 0 12px 10px;
}

	#logo h1{
		height:59px;
	}
	
		#logo h1 a{
			float:left; 
			display:block;
			text-indent:-9999px;
			background:url(../img/logo.jpg) 0 0 no-repeat;
			width:284px;
			line-height:59px;
		}

nav{
	height:25px;
	background-color:#0a51a1;
	margin:0 0 15px 0;
}

	nav ul{ 
		height:25px;
		float:right;
	}
	
		nav ul li{ 
			float:left;
			height:25px;
			display: inline-block;
			border-left: 4px #fff solid;
		}
		
			nav ul li a{
			 	font-size: 11px;
				color: #fff;
				text-transform:uppercase;
				line-height:25px;
				font-family: sans-serif;
				padding:0 10px;
				display:block;
			}
			
			nav ul li a:hover{
				background: -webkit-linear-gradient(top, #05376a, #0a51a1);
				background: linear-gradient(top, #05376a, #0a51a1);
				background: -moz-linear-gradient(top, #05376a, #0a51a1);
				background: -o-linear-gradient(top, #05376a, #0a51a1);
			}		

/*---- fin HEADER + LOGO + NAV -----*/

h2{
	font-size:16px;
	color:#fff;
	background-color:#ccc;
	padding:7px 12px;
	margin:0 0 15px 0;
	font-weight:bold;
	line-height:1.5;	
}

h2 span{
	font-size:14px;
	color: #E8E8E8;
}

h3{
	color:#2EA0C6;
	font-size:12px;
	margin:0 0 10px 0;
	font-weight:bold;
}

#quienes_somos .deco{
	margin:0 0 20px 0;
}

#quienes_somos figure{
	width:840px;
	margin:0 auto;
}

.areas h3{
	color:#fff;
}

#contenedor{
	width:920px;
	margin:0 auto;
	overflow:hidden;
}

.areas #contenedor{
	background-color:#ccc;
	padding:10px;
	width:900px;
}

.areas h2{
	background-color:#666;
}


#quienes_somos p,
#contacto .text{
	width:60%;
	float:right;
}

#areas_esp ul li{
	display:block;
	height:60px;
	position:relative;
	background-color:#B4B4B4;
	background-repeat:no-repeat;
}

#areas_esp ul li + li{
	margin:10px 0 0 0;
}

#areas_esp ul li.ext_aceites{
	background-image: url(../img/aceites.png);
}

#areas_esp ul li.puertos{
	background-image: url(../img/puertos.png);
}

#areas_esp ul li.clasi_semillas{
	background-image: url(../img/clasi-semillas.png);
}

#areas_esp ul li.sis_cereales{
	background-image: url(../img/cereales.png);
}

#areas_esp ul li.molineria{
	background-image: url(../img/molineria.png);
}

#areas_esp ul li.plantas{
	background-image: url(../img/plantas.png);
}

#areas_esp ul li.feedlots{
	background-image: url(../img/feedlots.png);
}

#areas_esp ul li.sis_fertilizante{
	background-image: url(../img/fertilizante.png);
}

#areas_esp ul li a{
	display:block;
	line-height:60px;
	text-align:right;
	padding:0 20px 0 0;
	font-size:18px;
	color:#fff;
}

#areas_esp ul li.puertos a{
	background-position:0 0;
}

#sec-nav-areas{
	width:100%;
	height:auto;
	background-color:#d2daed;
	overflow:hidden;
	margin:20px 0;
	clear:both;
}

#sec-nav-areas ul{
	text-align:center;
}

#sec-nav-areas ul li{
	height:30px;
	display: inline-block;
}

#sec-nav-areas ul li + li{	
	border-left:2px #039 solid;
	margin:0;
}

#sec-nav-areas ul li a{
	line-height:30px;
	display: block;
	font-size:9px;
	color:#039;
	padding:0 5px;
	margin:0;
	text-align:center;
}

#sec-nav-areas ul li a:hover{
	background-image:-webkit-linear-gradient(#8da8dd, #d2daed); 
	background-image:-moz-linear-gradient(top, #8da8dd, #d2daed);  
    background-image:-o-linear-gradient(top, #8da8dd, #d2daed);
	background-color:#8da8dd;
}

.col_1{
	width:380px;
}

.areas .col_1, .areas .col_2{
	width:50% !important;
}

.col_2{
	width:520px !important;
}

.col_1{
	float:left;
}

.col_2{
	float:right;
}

#sub-cont .box{
	border-radius: 5px;
	border:1px #0071BC solid;
	max-width:290px;
	padding:3%;
	margin:0 0 10px 0;
}

.areas #sub-cont .box.a{
	background-color: #999;
}

.areas #sub-cont .box{
	border:1px #fff solid;
}

#sub-cont .box li{
	font-size:12px;
	color:#000;
	margin:0 0 5px 0;	
}

.areas #sub-cont .box li,
.areas #sub-cont .box p{
	color:#fff;
	line-height:1.3;	
}

.thumb img, #slide img,
.pag-areas ul li a img{
	width:100%;
}

#slide{
	width:415px;
	height:260px;
}

.thumb .item_thumb,
.pag-areas ul li a {
	width:92px;
	height:57px;
	float:left;
	margin:0 5px 5px 0;
	cursor:pointer;
	border:4px #666 solid;
}


.pag-areas{
	float:right;
	margin:20px 0;
	clear:left;
	width: 420px;
}

.pag-areas ul li{
	float:left;
}

.pag-areas ul li a{
	display:block;	
}

/*----- FOOTER -----*/

footer{
	padding:1.5% 0;
	margin:0 0 20px 0;
} 

footer p{
	text-align:center;
	font-size:11px;
}

footer p a{
	color:#333;
	font-size:11px;
} 

/*---- fin FOOTER -----*/



#sub-cont .slides li span{
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
  width:auto;
  font-size:14px;
  padding:10px 0;
  font-weight: bold;
  clear:left;
}

#sub-cont .slides li span.lugar{
  font-size:12px;
  color:#999999;
}

#box-slideshow{
	background:url(../img/banner1.jpg) 0 0 no-repeat !important;
	height:530px;
	width:920px;
	margin:0 auto;
	position:relative !important;
}

#slideshow{
	position:absolute !important;
	bottom:0px !important;
	right:20px !important;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	width:500px;
	height:60px;
}

#slideshow li{
	position:none !important;
	text-align:right;
	width:100% !important;
}