@charset "utf-8";
/* CSS Document */
#menu ul
{
 
	padding: 0;
	list-style-type: none;
}

#menu li { margin: 0; }

#logo {
	margin: 0;
	height: 161px;
}


#menu #clasica a
{
	display: block;
	width:152px;
	height:31px;
	background:url(../images/clasica.gif)
}

#menu #dosmil a
{
	display: block;
	width:152px;
	height:31px;
	background:url(../images/dosmil.gif)
}

#menu #masonite a
{
	display: block;
	width:152px;
	height:31px;
	background:url(../images/masonite.gif)
}

#menu #dosmilseis a
{
	display: block;
	width:152px;
	height:31px;
	background:url(../images/dosmilseis.gif)
}

#menu1 #logo a:hover , #menu #clasicaactive a 
{
	display: block;
	width:152px;
	height:31px;
	background: url(../images/clasica-over.gif)
}

#menu #menu a:hover , #menu #dosmilactive a 
{
	display: block;
	width:152px;
	height:31px;
	background: url(../images/dosmil-over.gif)
}

#menu #masonite a:hover , #menu #masoniteactive a 
{
	display: block;
	width:152px;
	height:31px;
	background: url(../images/masonite-over.gif)
}

#menu #dosmilseis a:hover , #menu #dosmilseisactive a 
{
	display: block;
	width:152px;
	height:31px;
	background: url(../images/dosmilseis-over.gif)
}



#menusup ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;
	height:68px;
	line-height:0;
}

#menusup li { margin: 0; float:right; height:68px;	display:inline;}

#menusup #menprod a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/prod.gif)
}

#menusup #menemp a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/emp.gif)
}

#menusup #mencont a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/cont.gif)
}

#menusup #menprod a:hover , #menusup #menprodactive a 
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/prodactive.gif)
}

#menusup #menemp a:hover , #menusup #menempactive a 
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/empactive.gif)
}

#menusup #mencont a:hover , #menusup #mencontactive a 
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/contactive.gif)
}

#menusup #menprod1 a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/prod1.gif)
}

#menusup #menemp1 a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/emp1.gif)
}

#menusup #mencont1 a
{
	display: block;
	width:93px;
	height:68px;
	background:url(../images/cont1.gif)
}

#menusup #menprod1 a:hover
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/prodactive1.gif)
}

#menusup #menemp1 a:hover
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/empactive1.gif)
}

#menusup #mencont1 a:hover
{
	display: block;
	width:93px;
	height:68px;
	background: url(../images/contactive1.gif)
}