html {
	
	width: 100%;
	height: 100%;

}

body {

	behavior:url("layout/css/csshover.htc");
	margin: 0px;
	padding: 0px;
	background-color: #08223b;
	font-size: 12px;
	font-family: arial, sans-serif;
	background-image: url('../gfx/background.png'); background-position: top left; background-repeat: repeat-x;
	width: 100%;
	height: 100%;
}

#menu {
	width: 900px;
	height: 40px;
	min-height: 40px;
	background-image: url('../gfx/menu.png');
	clear: both;
}

.menuItem {

	float: left;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	
}

.menuItemActive {

	float: left;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	background-image: url('../gfx/menuactive.png');
	background-position: top center;
	
}

.menuItemActive a {
	
	color: #000;
	text-decoration: none;
}

.menuItem a {
	
	color: #fff;
	text-decoration: none;
}

.menuItem:hover {

		background-image: url('../gfx/menuhover.png');
	

}

#subMenu {
	width: 900px;
	height: 50px;
	min-height: 50px;
	background-image: url('../gfx/submenu.png');
	clear: both;
	text-align: center;
}

.subMenuItem {

	display: inline;
	color: #000;
	padding-left: 0px;
	padding-right: 20px;
	line-height: 50px;
	font-size: 12px;
	height: 50px;
	
}

.subMenuItem a {

	color: #444;
	text-decoration: none;
	
}

#pipe
{
	position: absolute;
	left: 929px;
	top: 84px;
	width: 20px;
	height: 50px;
	min-height: 50px;
	background-image: url('../gfx/pipe.png');
}

#container {

	position: relative;
	width: 960px;
	margin: 0 auto;
	color: #fff;

}

#top {
	
	width: 960px;
	height: 59px;
	min-height: 59px;
	background-image: url('../gfx/company.png');
	background-position: 29px 0px; background-repeat: no-repeat;
}

#page {
	
	background-image: url('../gfx/page.png');
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	color: #000;

}

#metalic {
	
	background-image: url('../gfx/metalic.jpg');
	width: 900px; height: 52px; min-height: 52px;
	
		}

#footer {
	
	background-image: url('../gfx/footer.jpg');
	width: 960px; height: 25px; min-height: 25px;

}

#topLeft {

	background-image: url('../gfx/topleft.jpg');
	width: 300px; height: 158px; min-height: 158px; float: left;
}	

#topMiddle {

	background-image: url('../gfx/topmiddle.jpg');
	width: 260px; height: 158px; min-height: 158px; float: left;
}

#topRight {

	background-image: url('../gfx/topright.jpg');
	width: 340px; height: 158px; min-height: 158px; float: left; clear: right;
}

#content {

	margin-top: 25px;
	margin-left: 25px;
	width: 849px;
	background-image: url('../gfx/contentmiddle.png');
}

#content .text
{
	margin-left: 35px;
	margin-right: 50px;
	line-height: 20px;
	text-indent: 20px;
	text-align: justify;
}

#content .text h1
{
	font-size: 14px;
	color: #444;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
}

#content .text h2
{
	font-size: 12px;
	text-indent: 0px;
	color: #444;
	text-align: center;
	background-color: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
}

#content #contentTop {
	
	width: 849px;
	height: 70px;
	min-height: 70px;
	background-image: url('../gfx/contenttop.png');
	
}

#content #contentTop p {
	
	font-size: 22px;
	font-weight: bold;
	color: #999;
	text-align: right;
	display: block;
	line-height: 60px;
	margin-right: 25px;	
}

#content #contentBottom {
	
	width: 849px;
	height: 25px;
	min-height: 25px;
	background-image: url('../gfx/contentbottom.png');
	
}	

#content p.center {
	
	text-align: center;

}

#content p img {
	
	border: 0px;
	
}

div .callUs
{
	text-align: center;
	padding-top: 5px;
	color: #999;
}

img.mapa
{
	border: 5px solid #ddd;
}

ul
{
	list-style-position: outside;
	text-indent: 0px;
	list-style-image: url('../gfx/li.gif');;
}

li
{
	line-height: 20px;
}

fieldset
{
	border: 0px;
}

fieldset img
{
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}

fieldset label
{
	float: left;
	display: block;
	text-align: right;
	width: 180px;
	margin-right: 10px;
	font-size: 12px;
}

fieldset div
{
	clear: both;
	padding: 10px;
}

input, textarea
{
	font-size: 12px;	
	float: left;
	padding: 2px;
	width: 350px;
	border: 1px solid #ccc;
	margin: 1px;
}

textarea
{
	height: 200px;
}

input:hover, textarea:hover
{
	border: 2px solid #ccc;	
	margin: 0px;
}

input:focus, textarea:focus
{
	border: 2px solid #aaa;	
	background-color: #f0f0f0;
	margin: 0px;
}

input.fSend
{
	width: auto;
    margin-left: 190px;
}

 table { clear: both; margin-left: 30px; line-height: 13px; border: 10px solid #eee; width: 700px; padding: 0px; border-spacing: 1px; background-color: #777; }
 table caption {  background-color: #ddd; padding: 5px; font-size: 12px; }
 th { text-align: center; background-color: #555; color: #fff; font-size: 9px; font-weight: bold; padding: 2px; }
 th.rest { width: auto; }
 th, td {  padding-top: 3px; padding-bottom: 3px; }
 tr { border: 1px solid #999; }
 tr.units th { background-color: #777; }
 tr.one td { background-color: #f0fff0; text-align: center; }
 tr.two td { background-color: #e8e8ff; text-align: center; } 
 tr.three td { background-color: #fffff0; text-align: center; }
 tr.four td { background-color: #fff0f0; text-align: center; }