html {
	height: 100%;
}

body {
	height: 100%; margin: 0px; padding: 0px;
	background: transparent url('pictures/BG.jpg') top left no-repeat;
}
.container { 
	width: 860px; margin: 0 auto;
	padding: 0px 4px 0px 4px;
	border-right: 1px solid #6d8baf;
	border-left: 1px solid #6d8baf;
        background-color: rgba(147, 197, 255, .5);
}
/*
.insidel {
	background: transparent url('pictures/bgl2.jpg') top left repeat-y;
	padding-left: 66px;
}
.insider {
	background: transparent url('pictures/bgr2.jpg') top right repeat-y;
	padding-right: 66px;
}
*/
#sigla {
	float: left; position: relative; top: 10px; left: 10px; height: 160px; width: 420px;
	background: transparent url('pictures/sigla.png') no-repeat;
}
#indep {
	float: right; position: relative; top: 0px; right: 0px; padding: 3px 1px 1px 3px; width: 390px; height: 160px;
	border: 2px solid #8defff;
	background: #6dcfdf;
        }

#header {
        padding-right: 8px;
	/*background: #93c5ff;*/
	border-right: 1px solid #ffcf00;
	border-left: 1px solid #ffcf00;
	height: 168px;
}

/* menu list*/
.menu {
	position: relative; top: 126px; left: -7px;
	font-family: helvetica, georgia, courier, arial; font-size: 12px; font-weight: bold;
	background: transparent; margin:0 0 0px 0;
}
.menu ul { 
	padding:0; margin:0; list-style-type:none; 
}

.menu ul li {
	float:left; position:relative; margin-left: 1px; width: 82px; text-align: center;
	background: transparent url('pictures/menu.gif')no-repeat; 
}
.menu ul li a, .menu ul li a:visited {
	float:left; display:block; padding:0px; line-height: 37px; height: 36px; width: 82px;
	text-decoration:none; color:#452702; 
}
.menu ul li a:hover {
	background: url('pictures/menuh.gif') no-repeat; 
	height: 36px; width: 82px; padding:0px; color:#352702;
}
.menu ul li:hover a {
	background: url('pictures/menuh.gif') no-repeat; 
	height: 36px; width: 82px; padding:0px; color:#352702;
}

 /* products */
 
.products ul{ 
           list-style-type:none; padding: 10px 0px; width: 150px; 
           float: left; position: relative; top: 0px; left: 0px; margin: 0px;
	   background: transparent;
           }
ul.menu1 {padding:0; margin:0; border:0; list-style-type:none; height:400px; overflow:hidden;
                 background: transparent; width:140px; text-align:left; color:#fff; border-bottom:0px solid #ffa700;}
ul ul {padding:0; margin:0; border:0; list-style-type:none; height:400px; overflow:hidden;
                 background: transparent; text-align:left; color:#fff; border-bottom:1px solid #ffa700;}

table {border-collapse:collapse; padding:0; margin:0; font-size: 13px;}
ul.menu1 ul {margin-left:0em;}
ul.menu1 li {}
ul.menu1 li.drop {margin-bottom: -16px;}
ul.menu1 li.mid {margin-bottom: -16px;}
ul.menu1 li a,
ul.menu1 li a:visited {display:block; width: 130px; height: 41px; line-height: 14px; text-decoration:none; color:#015496;
                       padding: 10px 4px 4px 4px; text-align: center;
                       background: transparent url('pictures/mpr.jpg') top left no-repeat;}
ul.menu1 li.mid a,
ul.menu1 li.mid a:visited {display:block; width: 130px; height: 41px; line-height: 12px; text-decoration:none; color:#015496;
                       padding: 7px 4px 7px 4px; text-align: center;
                       background: transparent url('pictures/mpr.jpg') top left no-repeat;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#ffa700; width: 130px; padding: 10px 4px 4px 4px;}
ul.menu1 li.mid:hover a,
ul.menu1 li.mid a:hover {border:0; color:#ffa700; width: 130px; padding: 7px 4px 7px 4px;}

ul.menu1 li ul {display:none;}

ul.menu1 li:hover ul, ul.menu1 li.mid:hover ul, ul.menu1 li.mid a:hover ul,
ul.menu1 li a:hover ul {display:block; height: 200px; width: 134px; margin-top: -15px; margin-bottom: 14px; padding:0px;
                        background: transparent url('pictures/mprt.jpg') top left repeat-x ; border:1px solid #8dffff;}

ul.menu1 li:hover ul li a,
ul.menu1 li a:hover ul li a { background: transparent; color:#ffa700; font-weight:normal; font-size: 11px; padding: 0px; height: 15px; margin-top: 15px;}

ul.menu1 li.mid:hover ul li a,
ul.menu1 li.mid a:hover ul li a { background: transparent; color:#ffa700; font-weight:normal; font-size: 11px; padding: 0px; height: 15px; margin-top: 15px;}


.drop ul {
list-style-type:none;
}

/* menu list */

#stoneh {
	margin: 0px; padding: 0px; width: 100%; height: 28px;
	background: transparent url('pictures/stoner.jpg') bottom center repeat-x;
	border-top: 2px solid #cecdee;
	border-bottom: 1px solid #4F4F6F;
}

#content {
	height: 700px; padding: 5px;
	border-top: 5px solid #ffcf00;
	border-bottom: 2px solid #ffcf00;
	border-right: 1px solid #ffcf00;
	border-left: 1px solid #ffcf00;
	/*background: transparent url('pictures/stones.jpg') bottom left repeat-x;*/
}


h1 {
	float: left; margin: 3px 3px 0px 3px; padding: 12px 5px 5px 5px;
	height: 49px; width: 146px;
	font-size: 12px; text-align: center; color: #4c3400;
	background: transparent url('pictures/prodT1.jpg') top left repeat-x;
}

.agr {height: 280px;}
.agr ul{
   clear: both; list-style-type:none; font-size: 12px; margin: 0px;
   color: #452702; padding: 0px 8px 0px 8px; text-align: left; height: 110px;
}
.agr ul li { margin-bottom: 4px; padding-left: 15px; text-indent: 5px;
    background: transparent url('pictures/triangle.gif') top left no-repeat;}

#fll  { font-family: sans-serif;
	float: left; position: relative; top: 0px; right: 5px; width: 700px; padding: 0px; margin: 0px;
}
#casemp {
	float: left; margin: 1px 1px 1px 10px; width: 690px; height: 100%; padding: 5px 5px 5px 5px;
        background-color: rgba(132, 178, 227, 0.9);
        color: #014486;
	border-width: 1px; border-style: solid ; border-color: #8defff;
}
.case {
	float: left; margin: 4px; width: 162px; height: 100%;
	background: #93c5ff url('pictures/prodl.jpg') top left repeat-x;
	border-width: 1px; border-style: solid ; border-color: #8defff;
}

.color { color: #011416; text-decoration: none;}

#pic01 {
	float: left; clear: both; margin: 3px 1px 0px 2px;
	height: 87px; width: 155px;
	background: #8defff url('pictures/pic01.jpg') top left repeat-x; border-width: 1px; border-style: solid ; border-color: #7ddfef;
}
#pic02 {
	float: left; margin: 3px 1px 0px 2px;
	height: 87px; width: 155px;
	background: #8defff url('pictures/pic02.jpg') top left repeat-x; border-width: 1px; border-style: solid ; border-color: #7ddfef;
}
#pic03 {
	float: left; margin: 3px 1px 0px 2px;
	height: 87px; width: 155px;
	background: #8defff url('pictures/pic03.jpg') top left repeat-x; border-width: 1px; border-style: solid ; border-color: #7ddfef;
}
#pic04 {
	float: left; margin: 3px 1px 0px 2px;
	height: 87px; width: 155px;
	background: #8defff url('pictures/pic06.jpg') top left repeat-x; border-width: 1px; border-style: solid ; border-color: #7ddfef;
}
#footer {
	height: 40px;
	background: /*#cecdee*/ transparent;
	border-top: 1px solid #9F9FbF;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: none;
}
/* End Fix */
