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

/*-STYLES-*/

@import url(quark.css);

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color: #668F0F;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

a {
	text-decoration:none;
	color:#D95F0F;
	font-weight:bold;
}

a:hover {
	
}

p{
	margin-bottom:10px;
	
}

ul {
	margin:0;
	padding:0;
	list-style-type: none;
	clear:both;
}
h5 {
	margin:0;
	padding:0 0 10px 0;
	color:#5C7C17;
	font-size:1.5em;
}
h1, h2, h3, h4, h6 {
	margin:0;
	/*
	padding:0 0 10px 0;*/
	
	color:#5C7C17;
}
h1 { width:115px; height:100px;}
	h1 a{ display:block; width:100%; height:100%; text-indent:-5000px;}
h2 {}
h3 {}
	h3 span {color:#FE5700; }
h4 {}
h5 {}
h6 {}


#date { 
	position:absolute;  
	color:#FFF; 
	right:0;
	top:-25px;
	}


#header {
	width:1007px;
	height:182px;
	margin:0 auto;
	margin-top:34px;
	position:relative;
	background:#668F0F url(../images/header-bg.jpg) left top;
}
#header h1 {
	margin:34px 16px 0 6px;
}
#header h2 {
	margin:45px 16px 0 0;
	display:none;
}
#header .publicidad {
	position:absolute;
	right:10px;
	top:30px;
}

	#login { 
		position:absolute; 
		right:0;
		top:18px;
		color:#666;
		font-size:14px;
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-style:italic;
		} 
		a#login:hover{ color:#999;}
		
	#linkdistribuidores { 
		position:absolute; 
		right:300px;
		top:24px;
		color:#666;
		font-size:14px;
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-style:italic;
		} 		
		
	#login-comments { 
		position:absolute; 
		right:220px;
		top:5px;
		color:#666;
		font-size:10px;
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-style:italic;
		} 
		
	#login-comments-password { 
		position:absolute; 
		right:80px;
		top:5px;
		color:#666;
		font-size:10px;
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-style:italic;
		} 	
			
	#mainmenu {
		width:800px;
		height:45px;
		margin:0;
		padding:0;
		position:absolute;
		top:69px;
		right:0;
		/*background:#303538;*/
		font-weight:bold;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
		#mainmenu ul {
			margin:0;
			padding:0;
			list-style-type: none;
			clear:both;
		}
		#mainmenu li {
			float:right;
			height:30px;
			margin-left:30px;
		}
			#mainmenu li a {
				font-size:13px;
				display:block;
				padding:18px 0 0 20px;
				height:100%;
				width:100%;
				color:#E2EAD2;
				text-transform:uppercase;
				font-weight:bold;
				font-style:italic;
			}
			#mainmenu li a:hover { color:#FFF;}
			
 			#mainmenu li#selected {
			}
			
			
.content {
	width:1007px;
	margin:0 auto;
	clear:both;
	height:auto;
	position:relative;
	display: inline-block;
	text-align:justify;
}

			
#content2 {
	width:1007px;
	margin:0 auto;
	clear:both;
	height:auto;
	position:relative;
}

	#mainFeature{ 
		margin:0;
		display:block;
	}#mainFeature img{border:none; padding:0 0 10px 0;}


	#primaryContent {
		float:left;
		padding:20px 10px 20px 0;
		position:relative;
		width:247px;
	}
	
	#secondaryContent {
		width:742px;
		float:right;
		padding:20px 0;
	}
	
	#primaryContent .frame {width:227px; /*height:250px;*/ background:#FFF; padding:10px;}	
	#primaryContent .borderTop {width:247px; height:6px; background:url(../images/primaryContent-borders-top.gif) no-repeat top;}	
	#primaryContent .borderBottom {width:247px; height:6px; background:url(../images/primaryContent-borders-bottom.gif) no-repeat bottom;}	
	#primaryContent .content {width:227px; height:559px; background:#FFF; padding:10px;}
	
	#secondaryContent .frame {width:722px; height:556px; background:#FFF; padding:10px;}
	#secondaryContent .frame.intro {width:722px; height:730px; background:#FFF; padding:10px;}
	#secondaryContent .borderTop {width:742px; height:6px; background:url(../images/secondaryContent-borders-top.gif) no-repeat top;}
	#secondaryContent .borderBottom {width:742px; height:6px; background:url(../images/secondaryContent-borders-bottom.gif) no-repeat bottom;}
	#secondaryContent .content {width:722px; height:456px; background:#FFF; padding:10px;}
	#secondaryContent .content.big {height:560px; background:#FFF; padding:10px;}
	
		#box { margin-left:10px; }
		#box li{ float:left; }
		
		#boxit { margin-left:0px;}
		#boxit li{ width:247px; height:150px; margin-left:0px; background:url(../images/box1_2.jpg) no-repeat left top; }
		
		#box1 { width:247px; height:30px; }
		#box2 { width:262px; height:30px; }
		#box3 { width:171px; height:30px; }
		
		#box h3{ color:#5C7C17; font-size:14px; }
		#box2 h3 span{ color:#FE5700; }
		#box3 h3 span{ color:#666; }
		
		#box1 p{ width:197px; height:193px; padding:10px; background:url(../images/box1.jpg) no-repeat left top;	margin-right:30px; }
		#box2 p{ width:232px; height:213px; margin-right:30px; }
		#box3 p{ width:171px; height:193px; padding:10px; background:url(../images/box2.jpg) no-repeat left top; }
		
		
		#boxi { margin-left:7px; }
		#boxi li{ float:left; }
		
		#boxi1 { width:353px; height:30px; margin-right:5px;}
		#boxi2 { width:353px; height:30px; }
		
		.topi {
			background:url(../images/topi1.jpg); width:353px; height:9px;	
		}
		
		.boti {
			background:url(../images/boti1.jpg); width:353px; height:9px;
		}
		
		.midi {
			background:url(../images/midi1.jpg); width:333px; height:690px;
			padding:10px;
		}
		
		#boxi h3{ color:#5C7C17; font-size:14px; }
		#boxi1 h3 span{ color:#FE5700; }
		#boxi2 h3 span{ color:#666; }
		
		#box1 p{ width:197px; height:193px; padding:10px; background:url(../images/box1.jpg) no-repeat left top;	margin-right:30px; }
		#box2 p{ width:232px; height:213px; margin-right:30px; }
		#box3 p{ width:171px; height:193px; padding:10px; background:url(../images/box2.jpg) no-repeat left top; }
	
	#category { color:#5C7C17; margin:20px 0;}
	#category ul{ margin:5px 0 5px 25px;}
	#category a{ color:#5C7C17;}#category a:hover{ text-decoration:underline;}
	
	#pager { margin-top:50px; }
	#pager a,
	#pager strong{
	  border:solid;
	  border-color:#CCC;
	  border-width:1px;
	  padding:5px;
	}	

	ul.products li { background-image:url(../images/bg_product.jpg); background-repeat:no-repeat; width:716px; height:80px;} 
	
	ul.view_product li {
		background:none;	
		height:auto
	}
	
	.col1.big {
		width:180px;	
	}
	
	.dest {
		color:#5C7C17;
		font-size:12px;
	}
	
	.col1.xxl {
		width:370px;	
	}
	
	ul.view_product li .top_rounded{
		background-image:url(../images/top_product.jpg); background-repeat:no-repeat;	
		height:10px;
	}
	
	ul.view_product li .mid_rounded{
		background-image:url(../images/middle_product.jpg); background-repeat:repeat-y;	
		padding:20px;
	}
	
	ul.view_product li .mid_rounded .content{
		height:auto;
		padding:10px;	
		padding-top:0px;
	}
	
	ul.view_product li .bot_rounded{
		background-image:url(../images/bottom_product.jpg); background-repeat:no-repeat;
		height:10px;
	}
	
	.col1 {
		width:100px;
		float:left;
		padding-top:10px;
		padding-left:10px;
	}
	
	
	.col2 {
		width:370px;
		margin-left:20px;
		padding-top:20px;
		float:left;
	}
	
	.col2.small {
		width:320px;	
	}
	
	.col2.minTop{
		padding-top:10px;
	}
	
	.col3 {
		width:200px;
		float:left;
		margin-left:10px;
		padding-top:35px;
		text-align:right;
	}

	#pager { color:#999; } 
	
	#searchito { background: url(../images/search-bg.png); height:22px; padding:4px 0 6px 6px; margin-left:3px; background-repeat:no-repeat; }
		#searchito input[type=text] { border:#FAFAFA; background:#FAFAFA; width:190px; height:15px; color:#999; font-size:11px; }
		#searchito input[type=submit] { width:20px; height:24px; font-size:11px; background:#FAFAFA url(../images/search-arrow.png); text-indent:-5000px; border:1px solid #FAFAFA; }
		
		
	#login-ul {
		list-style:none;
		margin:0px;
	}
	
	#login-ul li {
		float:left;
	}
	
	#login input[type=submit] { width:20px; height:24px; font-size:11px; background:#FAFAFA url(../images/search-arrow.png); text-indent:-5000px; border:1px solid #FAFAFA; }
	
	#login-user { background: url(../images/login-bbdd.png); height:30px; padding:4px 0 6px 6px; background-repeat:no-repeat; padding-top:10px;}
		#login-user input[type=text] { border:none; border:#FAFAFA; background:none; width:115px; height:15px; color:#999; font-size:11px; }
		
	#login-pass { background: url(../images/login-bbdd.png); height:30px; padding:4px 0 6px 6px; background-repeat:no-repeat; padding-top:10px; }
		#login-pass input[type=password] { border:none; border:#FAFAFA; background:none; width:115px; height:15px; color:#999; font-size:11px; }
	
	label { display:block; margin-top:10px; color:#5C7C17;}
	input[type=text], select { width:220px;}	
	
	#form { }
		#form input[type=submit] { width:122px; height:27px; font-size:11px; background:#FAFAFA url(../images/send.jpg); text-indent:-5000px; border:1px solid #FAFAFA; }
		
	input.textField {
		background-image:url(../images/input_background.jpg);
		background-repeat:no-repeat;
		width:380px;
		height:22px;
		padding:20px;
		padding-top:13px;
		border:0px;
	}
	
	textarea {
		overflow:hidden;
		background:none;
		border:none;
		
		width:330px;
		height:110px;
		
		padding:0px;
	}	
	
	.textareaback {
		width:380px;
		height:120px;
		
		background-image:url(../images/textarea.jpg);
		background-repeat:no-repeat;
		border:0px;
		
		padding:20px;
	}
	
	#tertiaryContent {}
	#quaternaryContent {}


#footer {
	color:#FFFFFF;
	margin:0 auto;
	padding:0 0 20px 0;
	position:relative;
	width:1007px;
}
	#footer a {
		color:#FFF;
	}
	#footer #author {
		position:absolute;
		right:0;
		top: 0;
		color:#FFF;
	}


/*---ClearFIX---*/

.clearfix:after { content: "."; display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix {	height: 1%; }