@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Molengo);

h1 { font-size: 24px; color: #000; font-family: 'Molengo', arial, serif; padding-left: 10px; }
h2 { font-size: 18px; color: #039; font-family: 'Molengo', arial, serif; padding-right: 10px; padding-left: 10px; margin-top: -10px; }
h3 { font-size: 14px; color: #000; font-family: 'Molengo', arial, serif; text-align: justify; padding-right: 10px; padding-left: 10px; margin-top: 10px; }
h4 { font-size: 10px; color: #039; font-family: 'Molengo', arial, serif; padding-right: 10px; padding-left: 10px; margin-top: -15px; }

/* CSS Document */
body {
	margin: 0;
	background: #000;
	font-family: 'Molengo', arial, serif;
	line-height: normal;
}
.body { text-align: center; background-color: #000; margin: auto; }
.ghostly { background: url(../sitio/ghostly.png) repeat; }

/*MENU*/
#menu {
	background: url(../images/menu/bk_menu.png) no-repeat;
	height: 60px;
	padding: 0;
	width: 1024px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#menu ul { list-style: none; margin: 0; padding: 11px 0 0 212px; text-align: left; }
#menu ul li { display: block; float: left; text-indent: -9999em; }
#menu ul li a { display: block; height: 49px; }

#menu ul li.vim a { background: url(../images/menu/btn_01.jpg) no-repeat; width: 33px; }
#menu ul li.twi a { background: url(../images/menu/btn_02.jpg) no-repeat; width: 33px; }
#menu ul li.fei a { background: url(../images/menu/btn_03.jpg) no-repeat; width: 33px; }
#menu ul li.emp a { background: url(../images/menu/btn_04.jpg) no-repeat; width: 138px; }
#menu ul li.pro a { background: url(../images/menu/btn_05.jpg) no-repeat; width: 159px; }
#menu ul li.cli a { background: url(../images/menu/btn_06.jpg) no-repeat; width: 127px; }
#menu ul li.con a { background: url(../images/menu/btn_07.jpg) no-repeat; width: 140px; }
#menu ul li.faq a { background: url(../images/menu/btn_08.jpg) no-repeat; width: 116px; }

#menu ul li.emp a:hover { background: url(../images/menu/btn_04_b.jpg) no-repeat; }
#menu ul li.pro a:hover { background: url(../images/menu/btn_05_b.jpg) no-repeat; }
#menu ul li.cli a:hover { background: url(../images/menu/btn_06_b.jpg) no-repeat; }
#menu ul li.con a:hover { background: url(../images/menu/btn_07_b.jpg) no-repeat; }
#menu ul li.faq a:hover { background: url(../images/menu/btn_08_b.jpg) no-repeat; }

#menu ul li.emp_b a { background: url(../images/menu/btn_04_b.jpg) no-repeat; width: 138px; }
#menu ul li.pro_b a { background: url(../images/menu/btn_05_b.jpg) no-repeat; width: 159px; }
#menu ul li.cli_b a { background: url(../images/menu/btn_06_b.jpg) no-repeat; width: 127px; }
#menu ul li.con_b a { background: url(../images/menu/btn_07_b.jpg) no-repeat; width: 140px; }
#menu ul li.faq_b a { background: url(../images/menu/btn_08_b.jpg) no-repeat; width: 116px; }

#menu {
	background: url(../images/menu/bk_menu.png) no-repeat;
	height: 60px;
	padding: 0;
	width: 1024px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#menu ul { list-style: none; margin: 0; padding: 11px 0 0 212px; text-align: left; }
#menu ul li { display: block; float: left; text-indent: -9999em; }
#menu ul li a { display: block; height: 49px; }

#menu ul li.vim a { background: url(../images/menu/btn_01.jpg) no-repeat; width: 33px; }
#menu ul li.twi a { background: url(../images/menu/btn_02.jpg) no-repeat; width: 33px; }
#menu ul li.fei a { background: url(../images/menu/btn_03.jpg) no-repeat; width: 33px; }
#menu ul li.emp a { background: url(../images/menu/btn_04.jpg) no-repeat; width: 138px; }
#menu ul li.pro a { background: url(../images/menu/btn_05.jpg) no-repeat; width: 159px; }
#menu ul li.cli a { background: url(../images/menu/btn_06.jpg) no-repeat; width: 127px; }
#menu ul li.con a { background: url(../images/menu/btn_07.jpg) no-repeat; width: 140px; }
#menu ul li.faq a { background: url(../images/menu/btn_08.jpg) no-repeat; width: 116px; }

#menu ul li.emp a:hover { background: url(../images/menu/btn_04_b.jpg) no-repeat; }
#menu ul li.pro a:hover { background: url(../images/menu/btn_05_b.jpg) no-repeat; }
#menu ul li.cli a:hover { background: url(../images/menu/btn_06_b.jpg) no-repeat; }
#menu ul li.con a:hover { background: url(../images/menu/btn_07_b.jpg) no-repeat; }
#menu ul li.faq a:hover { background: url(../images/menu/btn_08_b.jpg) no-repeat; }

#menu ul li.emp_b a { background: url(../images/menu/btn_04_b.jpg) no-repeat; width: 138px; }
#menu ul li.pro_b a { background: url(../images/menu/btn_05_b.jpg) no-repeat; width: 159px; }
#menu ul li.cli_b a { background: url(../images/menu/btn_06_b.jpg) no-repeat; width: 127px; }
#menu ul li.con_b a { background: url(../images/menu/btn_07_b.jpg) no-repeat; width: 140px; }
#menu ul li.faq_b a { background: url(../images/menu/btn_08_b.jpg) no-repeat; width: 116px; }


/*Productos*/
#productos { background: #9ccce3; border-bottom: 10px solid #eed18d; }
#productos h1 {
	color: #F36;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align: left;
}
#productos h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: lighter; font-style: italic; }
#productos #menuproductos { background: url(../images/menu_productos/bk_menuprod.jpg) no-repeat; height: 80px; width: 1024px; }
#productos #menuproductos ul { list-style: none; margin: 0; padding: 41px 0 0 192px; text-align: left; }
#productos #menuproductos ul li { display: block; float: left; margin: 0; padding: 0; }
#productos #menuproductos ul li a { display: block; height: 39px; text-indent: -9999em; }

#productos #menuproductos ul li.sob a { background: url(../images/menu_productos/prod_01.jpg); width: 111px; }
#productos #menuproductos ul li.fol a { background: url(../images/menu_productos/prod_02.jpg); width: 113px; }
#productos #menuproductos ul li.car a { background: url(../images/menu_productos/prod_03.jpg); width: 170px; }
#productos #menuproductos ul li.esp a { background: url(../images/menu_productos/prod_04.jpg); width: 170px; }
#productos #menuproductos ul li.eco a { background: url(../images/menu_productos/prod_05.jpg); width: 129px; }

#productos #menuproductos ul li.sob a:hover { background: url(../images/menu_productos/prod_01_b.jpg); }
#productos #menuproductos ul li.fol a:hover { background: url(../images/menu_productos/prod_02_b.jpg); }
#productos #menuproductos ul li.car a:hover { background: url(../images/menu_productos/prod_03_b.jpg); }
#productos #menuproductos ul li.esp a:hover { background: url(../images/menu_productos/prod_04_b.jpg); }
#productos #menuproductos ul li.eco a:hover { background: url(../images/menu_productos/prod_05_b.jpg); }

#productos #menuproductos ul li.sob_b a { background: url(../images/menu_productos/prod_01_b.jpg); width: 111px; }
#productos #menuproductos ul li.fol_b a { background: url(../images/menu_productos/prod_02_b.jpg); width: 113px; }
#productos #menuproductos ul li.car_b a { background: url(../images/menu_productos/prod_03_b.jpg); width: 170px; }
#productos #menuproductos ul li.esp_b a { background: url(../images/menu_productos/prod_04_b.jpg); width: 170px; }
#productos #menuproductos ul li.eco_b a { background: url(../images/menu_productos/prod_05_b.jpg); width: 129px; }

.f_der { float: right; }
.f_izq { float: left; }
p.der { text-align: center; float: right; }
p.izq { text-align: center; float: left; }
.imagenfondo { background: url(../images/btnsig.png); width: 138px; height: 43px; display:block; padding:15px 0px 0px 0px; background-repeat: no-repeat;}
.botonbuscar { padding:31px 0px 0px 0px; }
p.der a { color: #06c; font-size: 14px; text-decoration: none; }
p.izq a { color: #06c; font-size: 14px; text-decoration: none; }

/*wrapper*/
#wrapper { background: url(../sitio/fondo.jpg) repeat-y; overflow: auto; width: 1024px; }
#wrapper #logo { height: 140px; width: 395px; text-align: right; margin-left: 600px; margin-top: -2px; }
#wrapper .marcas { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
#wrapper #botonera { background-image: url(../sitio/images/botonerafondol_16.png); background-repeat: no-repeat; background-position: right; height: 61px; width: 1024px; text-align: right; }

/*empresa*/
#wrapper #empresa {
	border-bottom-color: #eed18d;
}
#empresa.empresa {
	background: url(../sitio/empresa.png) no-repeat;
	width: 1024px;
	text-align: justify;
	overflow: hidden;
	margin-top: -60px;
	height: 600px;
}

#empresa.empresa .contenido {
	color: #333;
	float: right;
	margin: 100px 100px 0 0;
	width: 490px;
	font-size: 11px;
}
#empresa.empresa .contenido h3 { color: #333; font-size: 15px; margin: 0; padding: 0; }
#empresa.empresa .contenido ol { list-style: lower-alpha; text-align: left; }
#empresa.empresa .contenido li { margin: 0 0 4px 0; }

/*contacto*/
#contacto { background: url(../sitio/contacto.png) no-repeat; margin: 0 40px 20px 0; padding: 0; overflow: auto; text-align: left; width: 680px; }
#contacto #datos { color: #333; line-height: 1; font-size: 14px; margin: 55px 65px; width: 300px; }
#contacto #datos p#google { margin: 100px 10px 0 0; }
#contacto #formulario { width: 210px; padding: 10px; }

#formulario { margin: 55px 20px 40px 0; }
#formulario h3 { color: #fff; font-size: 18px; font-weight: normal; margin: 0; padding: 0; text-align: left; }
#formulario p { color: #333; margin: 5px 0; padding: 0; }

#contactform { margin: 0; width: 210px; }
#contactform .c_row { float: left; margin: 2px 0; width: 210px; }
#contactform .btn { background: #fff; border: 0; color: #06c; cursor: pointer; font-size: 12px; height: 20px; margin: 2px 10px; padding: 2px; width:70px; }
#contactform .send { background: #06c; color: #fff; }
#contactform label { color: #333; float: left; font-size: 14px; text-align: right; }
#contactform .txtin { color: #06c; float: left; height: 15px; margin: 0; padding: 2px; width: 200px; }
#contactform .msgin { color: #06c; float: left; width: 200px; }

#contactform .rdo { background: #fff; border: 0; float: left; height: 12px; padding: 0px; width: 12px; }


#wrapper #footer { background: url(../sitio/images/botonerafondol_17.png) no-repeat; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; height: 38px; padding: 0 10px 0 0; text-align: right; }
#wrapper #footer p { margin: 0; padding: 10px 0 0 0; }


#wrapper #noticias {
	background-image: url(../sitio/images/images_009.png);
	background-repeat: no-repeat;
	height: 279px;
	width: 286px;
	position: static;

}

#marcas table tr td {

	font-family: "Myriad Pro";

	font-size: 10px;

	color: #FFF;

	text-align: justify;

	font-weight: normal;

}

#noticias table tr td {

}


/*Menu Botonera*/
#wrapper #botonera2 { background-repeat: no-repeat; text-align: right; background-position: right; }



#space {

	height: 60px;

	width: 193px;

}

.titulotd  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #0000CC;

}

.contenidotd {

	
	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#tabla { }

.table1 {

	margin-top: -10px;

}

.siguiente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0066;
	
}




#tabla_01 {

	height: 250px;

	width: 260px;

	margin-top: 100px;

	margin-left: 570px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

}



#logosclientes {

	width:100px;

	height:100px;

	float:left;

	margin:10px;

}



#pregunta {

	width:492px;

	height:auto;

	font:Helvetica, arial, sans-serif;

	text-align:left;

	font-size:16px;

	color:#FFF;

	margin-bottom:5px;

	margin-top:10px;

	background-color:#999;

	padding:3px;

}



#respuesta {

	width:492px;

	height:auto;

	font-family:Helvetica, arial, sans-serif;

	text-align:left;

	font-size:14px;

	color:#000;

	margin-bottom:5px;

	background-color:#CCC;

	padding:3px;

}



#titulofaqs {

	width:490px;

	height:auto;

	font:Helvetica, arial, sans-serif;

	font-weight:bold;

	text-align:left;

	font-size:18px;

	color:#FFF;

	margin-bottom:20px;

	margin-top:10px;

	background-color:#000;

	padding:5px;

}