/* 

CSS Document

Author: Santiago Rossi 

Email: rossizantiago@gmail.com

*/

*{ margin:0; padding:0; border:0; outline:0;}

table { border-collapse:collapse; border-spacing:0; }

ol,ul { list-style:none; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* end Reset */



.left{ float:left; display:inline;}

.right{ float:right; display:inline;}

.block{ clear:both; float:left; width:100%;}



a{ text-decoration:none; color:#333; }

a:hover{text-decoration:underline;}



.color{color:#ed1d24;}

.gray{color:#575757;}

.centered{text-align:center;}





body{

	background: url(../images/bg-body.gif) repeat;  

	color:#031209;

	font-family: "Trebuchet MS", Arial; 

	font-size:12px;

}





/* General */

#wrapper{ width:978px; margin:0 auto;}



#header,

#content,

#footer{ clear:both; float:left; width:100%; }





#header{

	background:url(../images/bg-header.jpg) no-repeat;

	height:110px;

}

#header h1{ display:none;}


#search{float:right; clear:both; padding:20px;}
#search input{
	background:#fff;
	color:#333;
	font:11px "Trebuchet MS";
	padding:3px 4px;
}
#search input.btn{
	cursor:pointer;
	padding:2px 3px;
	text-transform:uppercase;
}
#search input.btn:hover{  color:#ed1d24;}
#menu{
	clear:both; 
	float:right; display:inline;
	margin-right:14px;
	margin-top:16px;
	position:relative; z-index:999;
}



#menu ul li{
	background:url(../images/link-left.gif) no-repeat left top;
	float:left; display:inline;
	font-weight:bold;
	margin-left:2px;
	padding-left:6px;
	position:relative; z-index:999;
	border-bottom:1px solid #909090;
}

#menu ul li#active{ border-bottom:1px solid #fff;}

#menu ul li a{
	background:url(../images/link.gif) repeat-x;
	float:left; display:inline; 
}
#menu ul li a.bgM{	height:23px;padding:0 8px; padding-top:8px;}
#menu ul li#active a.bgM{ color:#ed1d24;}
#menu ul li a:hover{ color:#ed1d24;}



#menu ul li span{
	background:url(../images/link-right.gif) no-repeat right top;
	float:left; display:inline;
	width:5px; height:31px;
}

#menu ul li ul{ 
	position:absolute; top:31px; left:0; 
	background:#fff; border:1px solid #cfcfcf; padding:0 1px 1px 1px;
	width:134px; 
}
	#menu ul li ul li{
		background:#ededed;
		float:left;clear:both; display:block;
		padding:0 5px; margin:0; 
		border-top:1px solid #fff;
		border-bottom:1px solid #cfcfcf;
		width:124px; text-align:center;
	}
	#menu ul li ul li a{
		display:block;
		float:none;
		color:#6d6d6d;
		background:none;
		padding:5px 0;
		font-size:11px;
	}
	#menu ul li ul li.subMenu{ text-transform:uppercase; font-size:11px;  padding:5px 5px; font-style:italic;}
	#menu ul li.active ul li a{ color:#6d6d6d;}
	#menu ul li  a.paginaActual{ color:#ed1c24;}
	#menu ul li ul li a.overview{ color:#ed1c24; font-weight:bold; text-transform:uppercase;}
	#menu ul li ul li a:hover{ text-decoration:underline; color:#ed1c24;}

	





/*Content */

#content{
	background:url(../images/bg-mid.gif) repeat-y;
	padding:30px 38px;
	min-height:380px;
	width:902px;
}
* html #content{ height:380px;}



h3,h4{	

	border-bottom:1px solid #555;

	color:#ed1d24;

	font-size:18px;

	font-weight:bold;

	margin-bottom:10px;

	padding-bottom:4px;

}

h4{ font-size:14px;}

h5{ font-weight:bold; text-transform:uppercase;}



#colLeft{

	float:left; display:inline;

	width:454px;

}

#content p{ margin-bottom:15px; line-height:19px;}



#colRight{
	background: #aaa;
	color:#000;
	float:right; display:inline;
	border:1px solid #cfcfcf;
	position:relative; z-index:0;
	width:384px;
	padding:10px 15px;

}
#colRight h3{ padding-bottom:0;}
#colRight h6.date{
	color:#fff;
	font-weight:bold;
	font-style:italic;
	position:absolute; top:20px; right:15px;
}
#colRight .item h4,
#colRight .item a{ color:#fff;}
#colRight .item a{ margin-top:15px;}

#colRight .item div{ color:#000;}
#colRight .item{ margin-bottom:0;}
#colLeft img{

	border:1px solid #ef3037;

	margin-bottom:10px;

}

#colLeft ul.info li{

	color:#4c3b12;

	padding:3px 0;	padding-left:22px;

}

#colLeft ul li a{color:#4c3b12;}

#colLeft ul li.iAddress{ background:url(../images/icon-address.gif) no-repeat left center; }

#colLeft ul li.iPhone{ background:url(../images/icon-phone.gif) no-repeat left center; }

#colLeft ul li.iContact{ background:url(../images/icon-contact.gif) no-repeat left center; }




#products{

	float:left; clear:both; width:100%;

}

#products ul{ margin-top:10px;}



#products .left{ width:512px; padding-top:20px;}

	#products .left ul li{ padding:8px 0;}

	#products .left ul li a{

		color:#ed1c24;

		font-weight:bold;

		font-size:14px;

	}

#products .right{ width:370px; padding-top:20px;}



.padBot{ padding-bottom:80px !important;}



.contact{

	background:url(../images/img-sobre.jpg) no-repeat right bottom;

	float:left; clear:both; width:100%;

}

.contact .left{

	color:#4c3b12;

	width:380px; padding-top:20px;

}

.contact .left h5{

	color:#ed1c24;

}



.list ul li{

	background:url(../images/list.gif) no-repeat left 6px;

	padding:1px 0;

	padding-left:12px;



}





.sitio{ float:left; clear:both; width:100%; }

.sitio div{  float:left; clear:both; width:100%; margin-top:5px;}

.sitio ul li{ display:block; padding:1px 0;}

.sitio ul li a{display:block; color:#031209; }



.sitio a.ver{

	background:url(../images/arrow-up.gif) no-repeat left 24px;

	color:#031209;

	 display:block;

	 font-size:11px;

	 font-weight:bold;

	 padding-top:20px; padding-left:20px;

	border-bottom:1px dotted #d4d4d4;

	text-transform:uppercase;

}

.sitio a.ver:hover,

.sitio a.activo{ background:url(../images/arrow-down.gif) no-repeat left 24px;color:#ed1c24; text-decoration:none; }

#literature h4{
	margin:25px 0 0 0;
	font-size:14px;
	border-bottom-style:dotted;
	float:left; clear:both; width:100%;
}




/* Products Details */
/* Products Details */
#details{
	float:left; clear:both; width:100%;
	position:relative;
}

#details h3.prodName{
	font-size:24px;
	margin-bottom:0;
}
#details h4{ border-bottom:0; margin-bottom:0; padding-bottom:0;}

#details img.prodLogo{ position:absolute; right:0px; top:-2px; max-height:68px; float:left; clear:both;}
* html #details img.prodLogo{ height:68px;}

#details table tr td,
#details  table tr th{ padding:5px 10px;}

.mainImage{
	border:1px solid #000;
	float:left;
	margin-right:15px;
	width:250px;

}
#images{ float:left; clear:both; width:902px; text-align:center; color:#666; padding:45px 0 0 0;}
	#images img{ border: 1px solid #000; margin-bottom:5px; margin-top:2px; height:175px; max-width:286px;}
#details #images ul li{ 
	list-style:none; padding:0 2px; float:left; background:none; width:296px; margin:0; padding-bottom:10px;
	text-align:center;
}	
#details #images table{ width:902px;}
#details #images table tr td{ padding:0 !important; }
#details #images table tr td img{ height:175px;}
#details #images table tr td span{ display:block;}


#info{
	float:left; clear:both; width:100%;
	margin-top:10px;
}
#info h4{ font-size:16px; margin-bottom:5px;}
#info ul{ margin-bottom:15px; float:left; width:100%;}
#info ul li{
	background:url(../images/list.gif) no-repeat left 6px;
	display:inline;
	float:left;
	font-size:12px !important;
	width:200px;
	padding:1px 10px 1px 12px;
}
#details ul li{
	background:url(../images/list.gif) no-repeat left 6px;
	display:inline;
	float:left;
	font-size:12px !important;
	width:200px;
	padding:1px 10px 1px 12px;
}


/* News */

#news h5{ color:#727272; text-transform:uppercase; font-weight:bold; font-size:24px; margin-bottom:15px;}

.item{ float:left; clear:both; width:100%; margin-bottom:20px;}



	.item img{

		float:left; display:inline;

		width:222px;

		border:1px solid #000;

		margin-right:12px;

	}

	#details .item img{ width:144px;}

	#details .item h4{ text-transform:uppercase;}

	

	.item div{

		float:left; display:inline;

		width:666px;

		color:#5b5b5b;

	}

	.item h4{ padding:0; margin:0; border:0; font-size:12px;}

	.item div ul li{

		display:inline;

		width:208px;

		float:left;

			background:url(../images/list.gif) no-repeat left 6px;

		padding:1px 0;

		padding-left:12px;

	

	}

#colRight .item div{ width:384px; margin-top:10px;}
#colRight .item div ul li{ width:368px;background:url(../images/list-2.gif) no-repeat left 6px;}




#footer{

	background:url(../images/bg-bottom.gif) no-repeat;

	color:#fff;

	padding:22px 0;

	text-align:center;

}

	#footer a{ color:#fff; margin:0 7px;}