/* IMPORTS */
@import url("inc.reset.css");

/* COMMON */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000 url(../imagenes/bg.jpg) repeat-x top;}
#wrap-in {width:900px; margin:auto; }

#header {width:900px; height:111px; float:left; }
#main {width:900px; float:left; }

/* HEADER */

#logo {
width:318px;
height:111px;
float:left;
}

#header-r {width:582px; height:111px; float:left; background:url(../imagenes/header.jpg)}

#menu { width:582px; height:37px; margin-top:74px;}

a.home:link {float:left; width:114px; height:36px; background:url(../imagenes/bt-home.jpg) no-repeat; margin-right:3px}
a.home:visited {float:left; width:114px; height:36px; background:url(../imagenes/bt-home.jpg) no-repeat; margin-right:3px}
a.home:hover {float:left; width:114px; height:36px; background:url(../imagenes/bt-home.jpg) 0 -36px no-repeat; margin-right:3px}
a.home:active {float:left; width:114px; height:36px; background:url(../imagenes/bt-home.jpg) no-repeat; margin-right:3px}
a.homeselected {float:left; width:114px; height:36px; background:url(../imagenes/bt-home.jpg) 0 -36px no-repeat; margin-right:3px}

a.empresa:link {float:left; width:114px; height:36px; background:url(../imagenes/bt-empresa.jpg) no-repeat; margin-right:3px}
a.empresa:visited {float:left; width:114px; height:36px; background:url(../imagenes/bt-empresa.jpg) no-repeat; margin-right:3px}
a.empresa:hover {float:left; width:114px; height:36px; background:url(../imagenes/bt-empresa.jpg) 0 -36px no-repeat; margin-right:3px}
a.empresa:active {float:left; width:114px; height:36px; background:url(../imagenes/bt-empresa.jpg) no-repeat; margin-right:3px}
a.empresaselected {float:left; width:114px; height:36px; background:url(../imagenes/bt-empresa.jpg) 0 -36px no-repeat; margin-right:3px}

a.productos:link {float:left; width:114px; height:36px; background:url(../imagenes/bt-productos.jpg) no-repeat; margin-right:3px}
a.productos:visited {float:left; width:114px; height:36px; background:url(../imagenes/bt-productos.jpg) no-repeat; margin-right:3px}
a.productos:hover {float:left; width:114px; height:36px; background:url(../imagenes/bt-productos.jpg) 0 -36px no-repeat; margin-right:3px}
a.productos:active {float:left; width:114px; height:36px; background:url(../imagenes/bt-productos.jpg) no-repeat; margin-right:3px}
a.productosselected {float:left; width:114px; height:36px; background:url(../imagenes/bt-productos.jpg) 0 -36px no-repeat; margin-right:3px}

a.clientes:link {float:left; width:114px; height:36px; background:url(../imagenes/bt-clientes.jpg) no-repeat; margin-right:3px}
a.clientes:visited {float:left; width:114px; height:36px; background:url(../imagenes/bt-clientes.jpg) no-repeat; margin-right:3px}
a.clientes:hover {float:left; width:114px; height:36px; background:url(../imagenes/bt-clientes.jpg) 0 -36px no-repeat; margin-right:3px}
a.clientes:active {float:left; width:114px; height:36px; background:url(../imagenes/bt-clientes.jpg) no-repeat; margin-right:3px}
a.clientesselected {float:left; width:114px; height:36px; background:url(../imagenes/bt-clientes.jpg) 0 -36px no-repeat; margin-right:3px}

a.contacto:link {float:left; width:114px; height:36px; background:url(../imagenes/bt-contacto.jpg) no-repeat; margin-right:3px}
a.contacto:visited {float:left; width:114px; height:36px; background:url(../imagenes/bt-contacto.jpg) no-repeat; margin-right:3px}
a.contacto:hover {float:left; width:114px; height:36px; background:url(../imagenes/bt-contacto.jpg) 0 -36px no-repeat; margin-right:3px}
a.contacto:active {float:left; width:114px; height:36px; background:url(../imagenes/bt-contacto.jpg) no-repeat; margin-right:3px}
a.contactoselected {float:left; width:114px; height:36px; background:url(../imagenes/bt-contacto.jpg) 0 -36px no-repeat; margin-right:3px}


/* MAIN empresa*/

#content-e-l {width:186px; margin-left:56px; margin-top:20px; float:left; display:inline; }
#content-e-l h2 {width:186px; height:23px;}
#content-e-r {width:638px; margin-top:20px; float:left; display:inline; }
#content-e-r p {width:620px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; line-height:16px; margin-top:5px}
#content-e-r p .negrita {font-weight:bold;}
#mision {float:left; margin-left:35px; display:inline; margin-top:20px;}
#vision {float:right; margin-right:35px; display:inline; margin-top:20px;}


/* MAIN productos */

#producto {width:295px; margin-right:7px; margin-top:20px; float:left;}
#producto3 {width:295px; margin-top:20px; float:left;}

/* MAIN contacto */

h2.contacto {margin-left:80px; margin-top:20px; margin-bottom:20px;}
#tabla {width:650px; margin-left:125px;}
.txt {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; height:30px}
.txt-nombre {width:500px; background-color:#000000; border:1px solid #333333; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC;}
.txt-email {width:200px; background-color:#000000; border:1px solid #333333; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC;}
.txt-consulta {width:480px; background-color:#000000;  border:1px solid #333333; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC;}
#gracias {margin:auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1583FF; font-weight:bold; height:40px; width:650px; background-color:#000; line-height:40px; border:#1583FF solid 1px; background:url(../imagenes/txt-bg1.jpg) repeat-y right top; margin-top:20px;}
#error {margin:auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1583FF; font-weight:bold; height:50px; width:650px; background-color:#000; line-height:25px; border:#1583FF solid 1px; background:url(../imagenes/txt-bg1.jpg) repeat-y right top; margin-top:20px;}

#enviar {background:url(../imagenes/b-enviar.gif) no-repeat bottom; margin-top:10px; width:53px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; line-height:15px;}

/* MAIN productos-secciones */

h1 {width:900px; height:130px;}
h2 {width:624px; height:23px;}

#content-r {width:624px; margin-left:56px; margin-top:20px; float:left; display:inline; }
#content-l {width:161px; margin-left:40px; margin-top:20px; float:left; display:inline; }

#content-r p {width:606px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; line-height:16px; margin-top:15px;}
#content-r p .negrita {font-weight:bold;}

.b-mas {float:left; margin-top:16px;}
h3 {height:18px; margin-top:12px; margin-left:10px; float:left}

#section-title {width:624px; height:45px; background:url(../imagenes/txt-bg1.jpg) repeat-y; line-height:46px;}

#section-title-a {width:622px; height:1px; background:url(../imagenes/txt-bg1.jpg); float:left;}
#section-title-b {width:622px; height:43px; background-color:#000000; float:left; line-height:44px;}

.section-txt {width:624px; margin-top:5px; margin-bottom:10px;}
#section-txt-c {width:624px; background-color:#191919; float:left;}
#section-txt-c p {width:584px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; text-align:left; line-height:16px; margin-top:0px; margin-left:20px;}

#section-txt-c p .negrita {font-weight:bold;}
#section-txt-c p .titulo {font-weight:bold; color:#6EB3E1; font-size:14px;}
#section-txt-c p .titulo2 {font-weight:bold; color:#84879B; font-size:13px;}

#section-txt-c ul {
	margin-left: 25px;
	font-size:12px;
	color:#CCC; 
	}
#section-txt-c ul li{
	list-style-image:url(../imagenes/bullet.gif);
	list-style-position:outside;
	margin-left:15px;
	margin-right:10px;
	font-size:12px;
	color:#CCC; 
	}

#section-txt-c ul li.sub{
	list-style-image:url(../imagenes/bullet-g.gif);
	list-style-position:outside;
	margin-left:30px;
	margin-right:10px;
	font-size:12px;
	color:#CCC; 
	}
	
.b-cerrar {float:right; margin-right:20px; margin-bottom:10px;}


/* FOOTER */

#footer {width:900px; height:35px; float:left; text-align:center; margin-top:20px;}