/*==============================================================================================================================================================*/
/*=============| BASIC MARKUP |===================================================================================================================*/
/*==============================================================================================================================================================*/
/*@font-face {
	font-family: 'BodegaSans-LightOldstyle';
    src: url('fonts/bodegasanslightoldstyle-webfont.eot');
    src: url('fonts/bodegasanslightoldstyle-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bodegasanslightoldstyle-webfont.woff') format('woff'),
         url('fonts/bodegasanslightoldstyle-webfont.ttf') format('truetype'),
         url('fonts/bodegasanslightoldstyle-webfont.svg#BodegaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


* {
    margin: 0px;
    padding: 0px;
}

a img{
    border: none;
}

body{
	font-family: Arial;
	 font-size: 12px;
	 color: #666666;
	 background-color: #1a1a1a;
	 height: 100%; 
}

html,body{
	height:100%;
	overflow-y:hidden;
	overflow-x:hidden; 

}


/*------------------------------------SLIDESHOW------------------------------------*/

.bx-next {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-15px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_next.png) no-repeat 0 -30px;
}


/*previous button*/
.bx-prev {
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-15px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(../images/gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(../images/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(../images/gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*------------------------------------SCROLL------------------------------------*/

#contenu {
	width:420px;
	background:#1a1a1a;
	color: #ffffff;
	font-family: Calibri;
	font-size: 12px;

	/*agregado*/
	overflow: auto;
	height: 140px;
}

#contenu p {
	padding-right: 5px;
}
#calidadIntro{

	width:450px;
	background:#1a1a1a;
	color: #ffffff;
	font-family: Calibri;
	font-size: 12px;
	overflow: hidden;
}

#menuCalidad{
	
	width: 460px;
	height: 25px;
	list-style: none;
	margin-top: 15px;
	margin-bottom: 8px;
	padding-top:2px;
	padding-bottom: 2px;
	text-align: center;
}
#menuCalidad > li{
	float: left;	
}
#snatural{
	width: 96px;
	height: 25px;
	background: url(../images/menu_calidad.png);
	background-position: 0px 0px;
	line-height: 25px;
	text-align: center;

}
#snatural.calidadActive{
		background-position: 0px -25px;
	}

#vexclusivas{

	width: 111px;
	height: 25px;
	background: url(../images/menu_calidad.png);
	background-position: 0px -150px;
	line-height: 25px;
	margin-left:  -6px;
	text-align: center;
	
}
#vexclusivas.calidadActive{
	background-position: 0px -175px;
}
#varietal{
	width: 75px;
	height: 25px;
	background: url(../images/menu_calidad.png);
	background-position: 0px -200px;
	line-height: 25px;
	text-align: center;
	margin-left:  -2px;
	
}
#varietal.calidadActive{
	background-position: 0px -225px;
}
#pnatural{
	width: 99px;
	height: 25px;
	background: url(../images/menu_calidad.png);
	background-position: 0px -50px;
	line-height: 25px;
	text-align: center;
	margin-left: -2px;
	
}
#pnatural.calidadActive{
	background-position: 0px -75px;
}
#ttres{
	width: 88px;
	height: 25px;
	background: url(../images/menu_calidad.png);
	background-position: 0px -100px;
	line-height: 25px;
	text-align: center;
	margin-left: -2px;
	
}
#ttres.calidadActive{
	background-position: 0px -125px;
}


#menuCalidad li > a{
	text-decoration: none;
	font-size: 9px !important;
	color:white;
	font-family: "Arial";
}


.clear{clear:both;}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

/*------------------------------------SLIDING DIV------------------------------------*/



 .slideContainer{
 	position: absolute;
 	right: 0px;
 	top: 110px;
 	width: auto;
 	height: 290px;
 	overflow: hidden;
 	z-index:100;
 }
 #slidemarginleft{
 	float: right;
 	margin-right: -55px;
 }
 .yellowTab{
  	float: left;
  	width: 18px;
  }
 .inner {
     height:194px;
     float: left;
     width: 55px;
     /*width: 50px;*/
     background-color: #d4c832;
     border-bottom-left-radius: 5px ;-ms-border-bottom-left-radius: 5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-khtml-border-bottom-left-radius: 5px;border-top-left-radius: 5px ;-ms-border-top-left-radius: 5px;-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-khtml-border-top-left-radius: 5px;
 }
 .socialNetworksIcons{
 	float: left;
 	width: 50px;
 	height: 43px;
 	background-image: url(../images/social-networks-icons.png);
 	margin-bottom: 10px;
 	margin-left: 5px;
 	clear: both;
 	background-repeat: no-repeat;
 }
 .googleIcon{
 	background-position: 0px 0px;
 	margin-top: 21px;
 }
 .twitterIcon{
 	background-position: 0px -54px;
 }
 .facebookIcon{
 	background-position: 0px -108px;
 }
.show_hide {
    display:none;
}
.mainContainer{
	width: 100%;
	/*float: left;*/
	height: 100%;
	padding-bottom: 80px;

}
.centerContainer{
	width: 1024px;
	margin: 0 auto;
	height: 100%;
	position:relative;
}
.leftContainer{
	float: left;
	width: 524px;
	padding-left: 40px;
	padding-top: 40px;
	background-image: url(../images/birds-bkg.png);
	background-position: 90% 30px;
	background-repeat: no-repeat;
	position: relative;
}
.rightContainer{
	/*position:absolute;
	left:560px;
	top:0px;
	width: 710px;
	height: 100%;
	display:inline!important;
	z-index:98;*/
	position: relative;
	float: left;
	width: 460px;
	height: 100%;
}

.galleryContainer{
	height: 100%; margin:0px; padding:0px; list-style-image:none;
}
.galleryContainer li{
	height: 100%; margin:0px; padding:0px;
}
.galleryImage{
	height: 100%; margin:0px; padding:0px;
	padding-left: 0px;

}
.bx-wrapper{
	float: left;
	max-width: 710px!important;
	width:auto!important;
	height:95%;	
	-webkit-box-shadow: 10px 2px 30px rgba(0, 0, 0, 0.85);
-moz-box-shadow:    10px 2px 30px rgba(0, 0, 0, 0.85);
box-shadow:         10px 2px 30px rgba(0, 0, 0, 0.85);
}

.shadow{
	-webkit-box-shadow: 10px 2px 30px rgba(0, 0, 0, 0.85);
-moz-box-shadow:    10px 2px 30px rgba(0, 0, 0, 0.85);
box-shadow:         10px 2px 30px rgba(0, 0, 0, 0.85);
}
.bx-window{
	width:auto!important;
}
.panojaLogo{
	float: left;
}
.mainMenu{
	float: left;
	clear: both;
	width: 152px;
	list-style: none;
	margin-top: 30px;
	padding-bottom: 25px;
}
.mainMenu li{
	float: left;
	width: 152px;
	height: 24px;
	margin-bottom: 3px;
	margin-top: 1px;
	position: relative;
}
.mainMenu li.activeItem{
	float: left;
	width: 140px;
	padding-left: 12px;
	padding-top: 7px;
	margin-top: 3px;
	height: 19px;
	position: relative;
	font-family: Arial;
	font-size: 11px;
	color: #3d3d3f;
	background-color: #fce90a;
	border-bottom-left-radius: 10px ;-ms-border-bottom-left-radius: 10px;-moz-border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-bottom-left-radius: 10px;border-top-right-radius: 10px ;-ms-border-top-right-radius: 10px;-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-khtml-border-top-right-radius: 10px;
}

.activeItem > a {

	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent !important;
	color: #3d3d3f !important;
}
.mainMenu li a{
	float: left;
	width: 140px;
	padding-left: 12px;
	padding-top: 7px;
	height: 19px;
	font-family: Arial;
	font-size: 11px;
	color: #ececed;
	background-color: #333333;
	text-decoration: none;
}
.mainMenu li a:hover{
	color: #ffffff;
	background-color: #666666;
}
.leavesImage{
	height: 260px;
	position: absolute;
	right: -12px;
	top: 310px;
	width: 80px;
}

.worker{
	position: absolute;
	right: 10px;
	bottom: 50px;
}

.footer{
	width: 100%;
	height: 65px;
	bottom: 25px;
	left:0px;
	background-image: url(../images/footer-intro.png);
	background-repeat: repeat-x;
	position: absolute;
	z-index:99;
}
.footer-intro{

	bottom: 0px !important;
}
.footer span{
	text-align: center;
	font-family: Arial;
	color: #fce90a;
	font-size: 9px;
	width: 100%;
	margin-top: 60px;
	padding-bottom: 20px;
	float: left;
	background-color: #333333;
}
.footer span a{
	color: #fce90a;
	text-decoration: none;
}
.footer span a:hover{
	background-color: #fce90a;
	color: #1a1a1a;
}
.footer img{
	position: absolute;
	right: 10px;
	top: -50px;
}
.productsBullets{
	position: relative;
	float: left;
	list-style-type:none;
	height:100%;
}
.galleryContainer h2{
	position: absolute;
	width: 80%;
	font-family: Arial;
	font-family: 20px;
	font-weight: bold;
	text-align: center;
	left: 0px;
	top: 40%;
	color: #1a1a1a;
}
.galleryContainer span{
	position: absolute;
	width: 70%;
	font-family: Arial;
	font-family: 12px;
	text-align: center;
	left: 0px;
	top: 45%;
	color: #1a1a1a;
	padding: 20px;
	line-height: 16px;
}
.productsLinks{
	float: left;
	margin-top: 20px;
}

.productsLinks img{
	float: left;
	width: 47px;
	height: 47px;
	background-image: url(../images/buttons_prod.png);
	margin-right: 16px;
	background-repeat: no-repeat;
}
.largo{
	background-position: 0px -94px;
}
.largo:hover, .largoActive{
	background-position: 0px -141px;
}
.medio{
	background-position: 0px -188px;
}
.medio:hover, .medioActive{
	background-position: 0px -235px;
}
.aromatico{
	background-position: 0px 0px;
}
.aromatico:hover, .aromaticoActive{
	background-position: 0px -47px;
}
.parboiled{
	background-position: 0px -376px;
}
.parboiled:hover, .parboiledActive{
	background-position: 0px -423px;
}
.sushi{
	background-position: 0px -470px;
}
.sushi:hover, .sushiActive{
	background-position:  0px -517px;
}

.paella{
	background-position: 0px -282px;
}
.paella:hover, .paellaActive{
	background-position:  0px -329px;
}
.contactUsContainer{
	float: left;
	width: 100%;
}
.contactForm{
	float: left;
	width: 252px;
	margin-top: -10px;

}
.contactForm label{
	float: left;
	width: 55px;
	background-image: url(../images/label-bullet.png);
	margin-left: -4px;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	padding-left: 14px;
	background-position: 0px 5px;
	padding-top: 2px;
	margin-bottom: 3px;
	height: 13px;
}
.contactForm .textinput{
	float: left;
	width: 192px;
	margin-left: -12px;
	font-family: Arial;
	font-size: 11px;
	color: #1a1a1a;
	height: 12px;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 7px;
	outline: none;
	border: 1px solid #333333;
}
.contactForm .textarea{
	float: left;
	width: 235px;
	margin-left: 10px;
	font-family: Arial;
	font-size: 11px;
	color: #1a1a1a;
	height: 90px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	outline: none;
	
	resize:none;
	clear: both;
	vertical-align: top;
}
.contactForm a{

	float: right;
	width: 66px;
	background-image: url(../images/contacto_enviar.png);
	background-repeat: no-repeat;
	height: 21px;
}
.contactForm a:hover{
	
}
.uruguayMap{
	float: left;
	margin-left: 20px;
	margin-top: -17px;
}
.contactInfo{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font-family: "Calibri";
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
.contactInfo a{
	text-decoration: none;
	color: #ffffff;
}
.contactInfo a:hover{
	color: #1a1a1a;
	background-color: #ffffff;
}

.leaves-right{

	top: -230px !important;
	right: -1px !important;
}

.leaves-left{
	top: -230px !important;
	left: -1px !important;
}

#logo-intro{

	position: relative;
	text-align: center;
	padding-top: 145px;
}

.birds-intro{
	position: absolute;
	top:50px;
	left: 500px;
}

#bienvenidos{

	padding-top:100px;
	text-align: center;
}

/*.title-intro{
	
	font-size: 36px;
	font-family: "BodegaSans-LightOldstyle", "Calibri";
	padding-bottom: 15px;
	padding-left: 197px;
	color:white;
	font-style: italic;
	
}*/

.intro-text{
	display: block;
	padding-top: 60px;
	font-size: 23px;
	font-family: "Calibri";
	font-style: bold;
	color: #FCE90A;
}

.intro-text > a{

	text-decoration: none;
	font-size: 24px;
	font-style: bold;
	font-family: "Calibri";
	color: #FCE90A;
	}

.ch{
	position: absolute;
	left: 149px;
	top:-2px;
	width: 81px;
	height: 28px;
	background-color: transparent;
	list-style: none;
}

.ch > li{
	width: 81px;
	height: 28px;
	background-color: transparent;
}

	
.ch li > a{
	width: 81px !important;
	height: 28px !important;;
	margin:0 !important;
	padding: 0 !important;
	padding-left: 2px !important;
	font-size: 10px !important;
	text-align: center!important;
	background-image: url(../images/fondo_ch.png) !important;
	background-position: 0px 0px !important;
	background-color: transparent !important;
	/*active : 0 -28*/
	line-height: 28px;
}

.ch li > a:hover{
	background-position: 0px -56px !important;
}