/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/*reset.css*/body{color:#333;background:#b4d18c; background-image: url(../images/bg.png); background-repeat: repeat-x;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}
/*Formatting*/

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:100%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.5em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}


/*Custom Clases*/

/*Custom Id*/

#logo
{
	margin: 1.5em 0;
}

#carousel-holder
{
	margin: 3em 0 0 0;
}

#bd
{
	padding: 0 1.5em 0.25em 1.5em;
}

#bd a, #bd a:active, #bd a:visited
{
	color: #28961e;
	text-decoration:none;
	
}
#bd a:hover
{
	color: #42ad38;
	text-decoration: none;
}



#bd p
{
	padding: 0 1em;
	text-align: justify;
}

#bd h3
{
	padding: 0 1em;
}

#langbar
{
	text-align: right;
	margin: 1em 0;
}
#langbar img
{
	vertical-align: middle;
	margin: 0 2px;
}
#langbar a
{
	padding: 0 1em;
	text-decoration:none;
	color: #6c6c6c;
}
#langbar a:hover
{
	color: #999;
}

#thumbnails img.left
{
	float: left;
	margin: 2em 0.3em 0 0.5em;
}
#thumbnails img.center
{
	float: left;
	margin: 2em 0 0 1.3em;
}
#thumbnails img.right
{
	float: right;
	margin: 2em 0.5em 0 0.5em;
}



#menu
{
	clear:both;
	height: 76px;
	background-image:url(../images/menu_bg.png);
	background-repeat: repeat-x;
}

#ul_main_menu
{
	padding: 30px 0 0 0;
	color: #FFFFFF;
}
#ul_main_menu a, #ul_main_menu a:active, #ul_main_menu a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#ul_main_menu a:hover
{
	color: #cfdae5;
}
#ul_main_menu li
{
	display: inline;
}

/*menu divs*/
img.div_menu
{
	float:none;
	vertical-align:middle;
	padding: 0 13px 0 18px;
}


#ft
{
	clear: both;
	height: 2em;
	text-align: center;
	color: #666;
	padding: 1em;
	font-size: 0.9em;
}

#ft a
{
	color: #666;
	font-size: 0.8em;
	text-decoration: none;
}



/*Scroller*/


.holder {
margin: 0 0 1em 0;}
.scroll-pane {
	overflow: auto;
	background: #ccc;
	float: left;
}
#pane {
	height: 380px;
}

a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scr-scroll .jScrollPaneTrack {
	background: #e6eedb;
}
.scr-scroll .jScrollPaneDrag {
	background: #a1c47b url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.scr-scroll .scroll-pane {
	background: transparent;
}


#preview
{
	width: 349px;
	height: 289px;
}

.image1
{
	background-image: url(../images/image1.jpg);
}

.image2
{
	background-image: url(../images/image2.jpg);
}

.image3
{
	background-image: url(../images/image3.jpg);
}

.image4
{
	background-image: url(../images/image4.jpg);
}

.thumb-active img
{
	border: 1px #407D38 solid;
	padding: 1px;
	
}


/*contact form*/
.contact-info{
	margin: 10px auto 0 auto;
	width: 275px;
	
}

#bd div.contact-info p
{
	text-align: left;
}


#contactFormArea{
	width: 275px;
	margin: 20px auto 0 auto;
}

label { 
display:block; }

input.text,textarea { 
width:275px;
font:12px/12px 'courier new',courier,monospace;
color:#333;
padding:3px;
margin:6px 0;
border:1px solid #ccc; }

input.submit { 
padding:2px 5px;
margin: 6px 0;
font:bold 12px/12px verdana,arial,sans-serif; }





/*Carousel custom CSS */
.carousel-component { 
	padding:8px 16px 4px 16px;
	margin:15px auto;
	background: none;
}

.carousel-component .carousel-list li { 
	margin:4px;
	width:280px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:428px; 
	/*	margin-left: auto;*/ /* for testing IE auto issue */
	font-size: 100%;
}


#bd .carousel-component .carousel-list li p, #bd .carousel-component .carousel-list li h3 {text-align: left;}
#bd .carousel-component .carousel-list li blockquote {margin-left: 1em;}

.carousel-component .carousel-list li a { 
	display:block;
	outline:none;
}


.carousel-component .carousel-list li a:hover { 

}

.carousel-component .carousel-list li img { 
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:350px;
	z-index:3;
	cursor:pointer; 
	left:20px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:350px;
	z-index:3;
	cursor:pointer; 
	right:20px; 
}

.carousel-component table
{
	width: 100%;
	font-size: 0.9em;
}


/*gallery*/

#gallery-thumbs{
 width: 275px;
 margin: 1em auto 0 auto;
}

#gallery-thumbs div.thumb-row
{
	margin: 0 0 10px 0;
}

#gallery-thumbs div.thumb-row a{
	display: inline;
	padding: 0 10px;
}

#gallery-thumbs div.thumb-row img
{
	display: inline;
}

/*Content*/
.content
{
	clear: both;
	padding: 1em 0 0 0;
}


/*custom clases*/
#bd .center, #bd .carousel-component .carousel-list li p.center{
	text-align: center;
}

#bd .center img
{
	margin: 0 auto;
}

#bd .f-right
{
	float: right;
	margin: 0 1em; 0 0;
}

img.proteccion
{
	padding: 1.5em 0;
}

img.prod-left
{
	float: left;
	padding: 0.5em 1em 0 0;
}

.form
{
	padding: 15px 0 0 0;
}

blockquote{margin-left: 1em;}


/*color container*/

#example {height:20em;}

	/* Aqua Panel Skin CSS */
	#myPanel_c.yui-panel-container.shadow .underlay, #myPanel2_c.yui-panel-container.shadow .underlay, #myPanel3_c.yui-panel-container.shadow .underlay, #myPanel4_c.yui-panel-container.shadow .underlay, #myPanel5_c.yui-panel-container.shadow .underlay, #myPanel6_c.yui-panel-container.shadow .underlay, #myPanel7_c.yui-panel-container.shadow .underlay { background-color:transparent; }
	#myPanel.yui-panel, #myPanel2.yui-panel, #myPanel3.yui-panel, #myPanel4.yui-panel, #myPanel5.yui-panel, #myPanel6.yui-panel, #myPanel.yui-panel7 { position:relative; border:none; overflow:visible; background-color:transparent; }

	#myPanel.yui-panel .container-close, #myPanel2.yui-panel .container-close, #myPanel3.yui-panel .container-close, #myPanel4.yui-panel .container-close, #myPanel5.yui-panel .container-close, #myPanel6.yui-panel .container-close, #myPanel7.yui-panel .container-close { position:absolute; top:3px; right:4px; height:18px; width:17px; background-image:url(../images/aqua-hd-close.gif); }
	#myPanel.yui-panel .container-close:hover, #myPanel2.yui-panel .container-close:hover, #myPanel3.yui-panel .container-close:hover, #myPanel4.yui-panel .container-close:hover, #myPanel5.yui-panel .container-close:hover, #myPanel6.yui-panel .container-close:hover, #myPanel7.yui-panel .container-close:hover { background-image:url(../images/aqua-hd-close-over.gif); }

	#myPanel.yui-panel .hd, #myPanel2.yui-panel .hd, #myPanel3.yui-panel .hd, #myPanel4.yui-panel .hd, #myPanel5.yui-panel .hd, #myPanel6.yui-panel .hd, #myPanel7.yui-panel .hd { padding:0; border:none; background:transparent url(../images/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
	#myPanel.yui-panel .hd span, #myPanel2.yui-panel .hd span, #myPanel3.yui-panel .hd span, #myPanel4.yui-panel .hd span, #myPanel5.yui-panel .hd span, #myPanel6.yui-panel .hd span, #myPanel7.yui-panel .hd span { vertical-align:middle; line-height:22px; }
	#myPanel.yui-panel .hd .tl, #myPanel2.yui-panel .hd .tl, #myPanel3.yui-panel .hd .tl, #myPanel4.yui-panel .hd .tl, #myPanel5.yui-panel .hd .tl, #myPanel6.yui-panel .hd .tl, #myPanel7.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(../images/aqua-hd-lt.gif); position:absolute; }
	#myPanel.yui-panel .hd .tr, #myPanel2.yui-panel .hd .tr, #myPanel3.yui-panel .hd .tr, #myPanel4.yui-panel .hd .tr, #myPanel5.yui-panel .hd .tr, #myPanel6.yui-panel .hd .tr, #myPanel7.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(../images/aqua-hd-rt.gif); position:absolute; }

	#myPanel.yui-panel .bd, #myPanel2.yui-panel .bd, #myPanel3.yui-panel .bd, #myPanel4.yui-panel .bd, #myPanel5.yui-panel .bd, #myPanel6.yui-panel .bd, #myPanel7.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #407D38; background-color:#FFF; }
	
#myPanel, #myPanel2, #myPanel3, #myPanel4, #myPanel5, #myPanel6, #myPanel7 
{
	z-index: 6;
	top: 1em;
}

#bd #myPanel table td p, #bd #myPanel2 table td p, #bd #myPanel3 table td p, #bd #myPanel4 table td p, #bd #myPanel5 table td p, #bd #myPanel6 table td p, #bd #myPanel7 table td p 
{
	text-align: left;
}

#bd #myPanel table, #bd #myPanel2 table, #bd #myPanel3 table, #bd #myPanel4 table, #bd #myPanel5 table, #bd #myPanel6 table, #bd #myPanel7 table 
{
	margin: 15px 0;
}