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

BODY {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
}
.inputcss2{
background-color:#ffffff;
	color: #000000;
}
#container {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;
	width: 1024px;
	height: 768px;
	top: 1px;
	left: 50%;
	margin-left: -512px;
	background-image:url(../img/bg.jpg)
}
#header {
	position:absolute;
	width: 1014px;
	height: 383px;
	top: 6px;
	left: 5px
}
#inc_menu {
	position: relative;
	width: 240px;
	height: 267px;
	top: 393px;
	left: 0px
}
#content {
	position: absolute;
	width: 748px;
	height: 267px;
	top: 393px;
	left: 271px;
	z-index:1;
    overflow: auto;
	background-color:#000000
}
#float1, #float2, #float3, #float4, #float5, #float6, #float7 {
	position: absolute;
	width: 748px;
	height: 267px;
	top: 393px;
	left: 271px;
	background-image: url(../img/overlay.png);
	z-index:2;
	visibility: hidden
}
* html #float1, * html #float2, * html #float3, * html #float4, * html #float5, * html #float6, * html #float7 {
	position: absolute;
	width: 748px;
	height: 267px;
	top: 393px;
	left: 271px;
	background-color: #000;
	background-image: url(../img/blank.gif);
	filter:Alpha(opacity=75);
	z-index:2;
	visibility: hidden
}

.titfloat1, .titfloat2, .titfloat3, .titfloat4, .titfloat5, .titfloat6, .titfloat7 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 68px;
	margin-top: 20px;
	margin-left: 40px;
}
.titfloat1 {color: #339999}
.titfloat2 {color: #FF0000}
.titfloat3 {color: #0099FF}
.titfloat4 {color: #FF9900}
.titfloat5 {color: #FFCC00}
.titfloat6 {color: #66CC00}
.titfloat7 {color: #C00C9D}

#footer {
	position:absolute;
	top: 661px;
	width: 100%;
	height: 107px;
	z-index: 1;
}

.titabout, .titprod, .titeng, .titfaq, .titlinks, .titcontact, .titdown {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:33px;
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom:0px
}
.titabout {color: #33CCCC}
.titprod {color: #FF0000}
.titeng {color: #0099FF}
.titfaq {color: #FF9900}
.titlinks {color: #FFCC00}
.titcontact {color: #66CC00}
.titdown {color: #C00C9D}

#nameprod {
	position: absolute;
	left: 190px;
	top: 23px;
	}
#nameprod a:hover {
	color:#000000;
	text-decoration:none
}
#nameprod a:active  {
	color:#FF0000;
	background-color:#FFFFFF;
}
.classprod {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 4px;
	margin: 5px;
	background-color:#FF0000;
	}

/*ESTILOS MENU--------------------------- */

#menu {
        width: 226px;
        margin: 0px;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		margin-top:21px
}

#menu li a {
        height: 21px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        display: block;
        padding: 8px 0 0 40px;
        }

#menu li a:hover, #menu li #current {
        padding: 8px 0 0 40px;
        }
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.about a:link, .about a:visited {
        color: #FFF;
        background:  url(../img/menu_about.gif)
}
.about  a:hover, .about #current {
        color: #339999;
        background:  url(../img/menu_about.gif) 0 -32px
}
.products a:link, .products a:visited {
        color: #FFF;
        background:  url(../img/menu_products.gif)
}
.products  a:hover, .products #current {
        color: #FF0000;
        background:  url(../img/menu_products.gif) 0 -32px
}
.engineering a:link, .engineering a:visited {
        color: #FFF;
        background:  url(../img/menu_engineering.gif)
}
.engineering  a:hover, .engineering #current {
        color: #0099FF;
        background:  url(../img/menu_engineering.gif) 0 -32px
}
.faq a:link, .faq a:visited {
        color: #FFF;
        background:  url(../img/menu_faq.gif)
}
.faq  a:hover, .faq #current {
        color: #FF9900;
        background:  url(../img/menu_faq.gif) 0 -32px
}
.links a:link, .links a:visited {
        color: #FFF;
        background:  url(../img/menu_links.gif)
}
.links  a:hover, .links #current {
        color: #FFCC00;
        background:  url(../img/menu_links.gif) 0 -32px
}
.contact a:link, .contact a:visited {
        color: #FFF;
        background:  url(../img/menu_contact.gif)
}
.contact  a:hover, .contact #current {
        color: #66CC00;
        background:  url(../img/menu_contact.gif) 0 -32px
}
.downloads a:link, .downloads a:visited {
        color: #FFF;
        background:  url(../img/menu_downloads.gif)
}
.downloads  a:hover, .downloads #current {
        color: #C00C9D;
        background:  url(../img/menu_downloads.gif) 0 -32px
}
/* FIN DE ESTILOS DE MENU */
a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.thumbnails{background-color:#FFF;border:#FFF 2px solid;}

.error{background-color:#999;width:100%;font-size:1.0em;font-weight:bold;padding:30px 0 30px 20px;}

.link{margin-left:11px;text-decoration:none;color:#666;font-size:0.8em;}

#footer2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:770px;
	width:100%;
	text-align:center;
	color:#999999;
}