@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/top_bg2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	top:0px;
	width:980px;
	height:1132px;
	margin:0 auto;
	font-family:verdana;
		}
img
{
  border:0;
}		
		
#wrap {
	background-color:#FFF;
	background-repeat:no-repeat;
	-moz-border-radius:12px;
	position:absolute;
	left:46px;
	top:26px;
	width:882px;
	height:1080px;
}

#content {
	position:absolute;
	left:0px;
	top:527px;
	width:882px;
	height:416px;
	
}

#bg_footer {
	background-image:url(images/img_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	left:-24px;
	top:922px;
	width:1024px;
	height:210px;
}

#top {
	position:absolute;
	left:0px;
	top:20px;
	width:882px;
	height:114px;
	}
	
#productos1 {
	position:absolute;
	left:0px;
	top:12px;
	width:882px;
	height:215px;
	margin-left:24px;
	margin-top:-10px;
	
}
#detalles {
	position:absolute;
	left:0px;
	top:12px;
	width:882px;
	height:28px;
	margin-left:0px;
	margin-top:128px;
	text-decoration:none;
	z-index:2;
}

#detalles ul{
	width:882px;
	height:28px;
	float:left;
	list-style-type:none;
	z-index:2;
	}
#detalles li a:link {
float:left;
list-style-type:none;
display:block;
width:89px;
height:27px;
text-indent:-9999px;
background:url(images/detalles.png) 0px 0px no-repeat;
z-index:2;
	}

#detalles li a:hover {
float:left;
list-style-type:none;
display:block;
width:89px;
height:27px;
text-indent:-9999px;
background:url(images/detalles.png) 0px -27px no-repeat;	
z-index:2;
}

.detalles2{
margin-left:269px;		
	}
.detalles3{
margin-left:534px;		
	}	
/*-------------------------------------------------------------------------*/
a.det1:link {
float:left;
display:block;
width:89px;
height:27px;
text-indent:-9999px;
background:url(images/detalles.png) 0px 0px no-repeat;
}
a.det1:hover {
float:left;
display:block;
width:89px;
height:27px;
text-indent:-9999px;
background:url(images/detalles.png) 0px -27px no-repeat;
}


#title_brand {
	position:absolute;
	left:49px;
	top:239px;
	width:785px;
	height:34px;
	
}
.title_brand {
	color:#3f6f1e;
	font-size:24px;
	line-height:24px;
	margin-left:293px;
	margin-top:2px;

	}

/*--------------------------------------------------------------*/
#brand {
	background-image:url(images/base_logos.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	left:0px;
	top:287px;
	width:882px;
	height:112px;
	
}

#carousel {left:60px; margin-top:1px; margin-left:60px; height:109px; width:760px;
overflow:hidden; }
#carousel ul { float:left; list-style-type:none; text-decoration:none; margin-top:7px; width:1250px; margin-left:0px;}
#carousel li { float:left; list-style-type:none; display:inline; margin-left:-0px;}
#carousel ul li img{ float:left; list-style-type:none; width:1250px; height:95px; margin-left:-50px;}
#navNext {
position:absolute;
top:35px;
left:24px;
background-image:url(images/prev.png);
width:16px;
height:47px;
text-indent:-9999px;
}

#navPrev {position:absolute;
top:35px;
left:841px;
background-image:url(images/next.png);
width:16px;
height:47px;
text-indent:-9999px;}

#text_pro {
	position:absolute;
	left:65px;
	top:50px;
	width:114px;
	height:136px;
	margin-top:18px;
}
.text_pro_pos_2 {
	margin-left:269px;
	}
	
.text_pro_pos_3 {
	margin-left:533px;
	}	
.title_pro {
	color:#3f6f1e;
	font-size:18px;
	line-height:12px;

	}

.descrip_pro {
	margin-top:-12px;
	color:#707070;
	font-size:10px;
	line-height:12px;
	}


/*--------------------------------------------------------------------*/

#footer {
	position:absolute;
	left:0px;
	top:942px;
	width:882px;
	height:113px;
	margin-left:22px;
	margin-top:5px;
	
}

#menu_footer {
	position:absolute;
	left:0px;
	top:0px;
	width:102px;
	height:112px;
	text-decoration:none;
	list-style-type:none;
}
#menu_footer ul {
	margin-left:74px;
	margin-top:17px;
	line-height:11px;
	text-decoration:none;
	list-style-type:none;
	}
	
#menu_footer li a {
	margin-top:0px;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	list-style-type:none;
	}	

#menu_footer li a:hover {
	margin-top:0px;
	text-decoration:underline;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	list-style-type:none;
	text-shadow: 0 0 0.5em #f7f7da;
	}
.home_pos {
	margin-left:-77px;
		}
	
#logo {
	position:absolute;
	left:26px;
	top:2px;
	width:187px;
	height:108px;
	margin-left:0px;
	margin-top:0px;
	}
#menu {
	position:absolute;
	left:320px;
	top:64px;
	width:537px;
	height:47px;
	}
#menu ul{
	font-family:verdana;
	list-style:none;
	font-size:16px;
	font-weight:500;
	padding-left:0px;
	padding-top:0px;
	margin-left:-2px;
	margin-top:12px;
			}	
#menu li a {
	color:#1b5a00;
	margin-left:25px;
	float:left;
	list-style:none;
	text-decoration:none;
	}
#menu li a:hover {
	text-shadow: 0 0 0.8em #f7f7da, 0 0 0.8em #f7f7da, 0 0 0.8em #f7f7da;
	color:#FFF;
	margin-left:25px;
	float:left;
	list-style:none;
	text-decoration:none;
		}			
	
#social {
	position:absolute;
	left:770px;
	top:20px;
	width:100px;
	height:25px;
	margin-left:-3px;
		}
	/*---------------------------------------------------------------*/
	
a.youtube:link {
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) 0px 0px no-repeat;
}
a.youtube:hover {
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) 0px -25px no-repeat;
}

a.twitter:link {
margin-left:7px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) -32px 0px no-repeat;
}
a.twitter:hover {
margin-left:7px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) -32px -25px no-repeat;
}

a.facebook:link {
margin-left:7px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) -64px 0px no-repeat;
}
a.facebook:hover {
margin-left:7px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/social_boton.png) -64px -25px no-repeat;
}

#home {
	position:absolute;
	left:321px;
	top:19px;
	width:26px;
	height:100px;
	}
#inicio{
	color:#999;
	font-family:verdana;
	list-style:none;
	font-size:14px;
	font-weight:500;
	margin-left:30px;
	margin-top:10px;
			}	
a.home:link {
padding-left:0px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/home_boton.png) 0px 0px no-repeat;
}
a.home:hover {
padding-left:0px;
float:left;
display:block;
width:26px;
height:25px;
text-indent:-9999px;
background:url(images/home_boton.png) 0px -25px no-repeat;
}
/*----------------------------------------------------*/
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#marco_slider {
	position:absolute;
	left:0px;
	top:0px;
	width:882px;
	height:380px;
	margin-top:148px;
	margin-left:23px;
	z-index:10;
		}

#slider {
	position:absolute;
	left:0px;
	top:148px;
	width:538px;
	height:326px;
	margin-left:295px;
	margin-top:23px;
	}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
/*botoncito cambio-------------------------------------*/
.nivo-controlNav {
	position:absolute;
	left:-155px;
	bottom:15px;
	
}
.nivo-controlNav a {
	display:block;
	width:14px;
	height:14px;
	background:url(images/boton_slider.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -14px;
}
/*flechas---------------------------------------------------*/ 
.nivo-directionNav a {
	display:block;
	width:19px;
	height:36px;
	text-indent:-9999px;
	border:0;
	}
a.nivo-nextNav {
	background-position:-19px 0;
	right:12px;
	top:241px;
	}
a.nivo-prevNav {
	left:12px;
	top:241px;
	}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
   }
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
	
}
/*nivo slider--------------------------------------------------*/
.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:236px;
	z-index:10;
	cursor:pointer;
	
	
}
.nivo-prevNav {
	left:0px;
	}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:11;
	cursor:pointer;
	
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#block_slider {
	position:absolute;
	left:64px;
	top:22px;
	width:538px;
	height:326px;
	
	
}
/*----------------------------------------*/
#presentacion_slider {
	position:absolute;
	left:73px;
	top:270px;
	width:202px;
	height:119px;
	z-index:12;
	
}
.title_slider {	
	margin-top:-2px;
	font-style:italic;
	color:#3f6f1e;
	font-size:26px;
	line-height:12px;

	}

.descrip_slider {
	font-style:italic;
	margin-top:-12px;
	color:#707070;
	font-size:11px;
	line-height:12px;
	}
	
#firma {
	margin-left:855px;
	margin-top:192px;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	list-style-type:none;
	}	

#logo_team {
	position:absolute;
	left:720px;
	top:54px;
	width:86px;
	height:26px;
}
a.team:link {
float:left;
display:block;
width:86px;
height:26px;
text-indent:-9999px;
background:url(images/team_logo.png) 0px 0px no-repeat;
}
a.team:hover {
float:left;
display:block;
width:86px;
height:26px;
text-indent:-9999px;
background:url(images/team_logo.png) 0px -26px no-repeat;
}

#contenido_text {
	background-image:url(images/content2.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:25px;
	top:17px;
	width:835px;
	height:380px;
	
}

#base_titulo_interno {
	position:absolute;
	left:-3px;
	top:0px;
	width:833px;
	height:40px;

}

.titulo_interno_1 {
position:absolute;
margin-top:3px;
margin-left:22px;;
	left:0px;
	top:0px;
	font-size:20px;
	color:#FFF;
	}

#text_interno_1 {
	position:absolute;
	left:23px;
	top:58px;
	width:246px;
	height:298px;
}

#text_interno_2 {
	position:absolute;
	left:291px;
	top:58px;
	width:246px;
	height:298px;
}

#text_interno_3 {
	position:absolute;
	left:560px;
	top:58px;
	width:246px;
	height:298px;
}

.text_interno {
	text-align:left;
	margin-top:-0px;
	color:#707070;
	font-size:11px;
	line-height:12px;
	}
	
#imagen_empresa {
	position:absolute;
	left:560px;
	top:147px;
	width:247px;
	height:209px;
}	


#subtitle {	
	color:#3f6f1e;
	font-size:20px;
	line-height:12px;

	}
.subtitle_pos {
	margin-top:0px;
	line-height:12px;
	}	
	
	.text_interno_pos_valores {
	text-align:left;
	margin-top:-8px;
	color:#707070;
	font-size:11px;
	line-height:12px;
	}	


/*productos----------------*/
.container_productos {
height: 298px;
width: 785px;
top: 56px; left: 22px;
position: absolute;
}
ul.thumb {
float: left;
list-style: none;
margin: 0;
padding-top:0px;
padding-left:0px;
width: 303px;
}
ul.thumb li {
padding-left:17px;
padding-top:17px;
float: left;
position: relative;
width: 84px;
height: 84px;
}
ul.thumb li img {
width: 84px; height: 84px;
border: 1px solid #3f6f1e;
padding: 5px;
background: #6f9309;
position: absolute;
left: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center;
border: none;
}
/*contenedor de imagen grande*/
#main_view {
float: left;
padding: 0px 0px;
margin-left: 0px;
} 


#img_contactos {
	position:absolute;
	left:0px;
	top:0px;
	margin-left:430px;
	margin-top:70px;
	width:364px;
	height:293px;
	}
	
#table_contactos {
	position:absolute;
	left:0px;
	top:0px;
	margin-left:20px;
	margin-top:48px;
	width:300px;
	height:350px;
	}