* { margin: 0; padding: 0; }
@import "reset";
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* 008000 */

/*
body { background: #FEFEFE url(../images/bg.png) repeat-x left top; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; }
*/
body { background: #008000 url(../images/bg.gif) repeat-y top left; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; }
a, a:visited { color: #626D73; text-decoration: underline; }
a:hover { color: #C20A0E }

.main { width: 770px; margin: 0 auto; background: #FEFEFE url(../images/bg.png) repeat-x left top; }
.header, .content, .footer { margin: 0 0; position: relative; }

.top { padding: 0 0; height: 80px; }

.logo, .icon { float: left; display: inline; }
.logo { width: 590px; margin-left: 10px; margin-top: 10px; color: #000000; font-size: 11px; }
.icon { width: 170px; margin-top: 20px; }
.icon a, .icon a:visited { background-position: 0 0; background-repeat: no-repeat; width: 39px; height: 38px; float: left; margin: 0 8px; }
.icon #print { background-image: url(../images/icon_print.png) }
.icon #contact { background-image: url(../images/icon_contact.png) }
.icon #home { background-image: url(../images/icon_home.png) }
.icon a:hover { background-position: 0 -39px; }
.icon img { border: 0; }

.banner { height: 140px; }

/* 
.menu { height: 31px; background-color: #EAEAEA; margin-top: 1px; }
*/
.menu { height: 31px; margin-top: 1px; position: absolute; top: 190px; z-index: 5; }
.menu a, .menu a:visited { float: left; display: inline; margin: 0 2px; width: 95px; height: 27px; background: url(../images/bg_menu.gif) no-repeat 0px 0px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #FFFFFF !important; line-height: 25px; }
.menu a:hover { background-position: 0px -27px; }

#content { 	min-height: 265px; /* Gecko */ height: auto !important; /* Gecko */ height: 265px; /* IE */  }
.box-1 { background: url(../images/bg_opciones.jpg) no-repeat 0px 0px; }
.box-2 { margin-left: 1px; }
.box-1, .box-2 { float: left; display: inline; width: 384px; height: 172px; margin-top: 1px; }

.box-1 a, .box-1 a:visited, .box-1 a:focus { 
	font: normal bold 14px/100% Arial, Helvetica, sans-serif;
	color: #5c9a00;
	text-decoration: none;
	float: left;
	display: inline;
	margin-top: 26px;
	width: 115px;
	line-height: 100%;
	padding: 12px 0 10px 62px;
}
.box-1 a span { font-size: 11px; font-weight: normal; color: #5c9a00; }
.box-1 a:hover { color: #6db500; }

#m-nosotros { background: url(../images/m_nosotros.jpg) no-repeat 12px 0px; margin-left: 14px; }
#m-productos { background: url(../images/m_productos.jpg) no-repeat 0px 2px; margin-left: 8px; }
#m-contactos { background: url(../images/m_contactos.jpg) no-repeat 10px 4px; margin-left: 14px; }
#m-links { background: url(../images/m_links.jpg) no-repeat 5px 0px; margin-left: 8px; }

.box-l { 
	float: left; 
	display: inline; 
	margin: 6px 10px 0 15px; 
	position: relative; 
	color: #5A6B75;
	width: 356px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0; 
	border: 1px solid #999999;
	line-height: 100%;
	background-color: yellow;
}
.box-l a, .box-l a:visited { height: 41px; background-color: #697983; color: #FFFFFF !important; text-decoration: none; font-size: 18px; display: block; padding: 10px 20px; }
.box-l a.bg-2 { background-color: #c0c0c0 !important; }
.box-l a:hover { /*background-color: #616C72 !important;*/ }
.box-l a span { font-size: 10px; float: left; display: inline; margin-top: 7px; }


.box-c, .box-c2, .box-c3, .box-c4 { float: left; display: inline;  margin: 6px 10px 0 15px; position: relative;  }
.box-c3 { margin-left: 210px;  }
.box-c4 { margin-left: 150px;  }
.box-c .t, .box-c2 .t, .box-c3 { font-size: 10px; line-height: 200%; padding: 5px 0 5px 10px; background-color: #FFF; color: #999999; position: absolute; top: 1px; left: 1px; width: 325px;  }
.box-c .t a, .box-c2 .t a, .box-c3 .t a, .box-c4 .t a,
.box-c .t a:visited, .box-c2 .t a:visited, .box-c3 .t a:visited { color: #5B6C76; font-size: 11px; text-decoration: none; }
.box-c .t a:hover, .box-c2 .t a:hover, .box-c3 .t a:hover { text-decoration: underline; }
.box-c .t a.active, .box-c2 .t a.active, .box-c3 .t a.active { font-weight: bold; }
.box-c .c, .box-c2 .c, .box-c3 .c, .box-c4 .c {
	color: #5A6B75;
	width: 336px; 
	height: 194px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto; 
	padding: 40px 10px 10px 10px; 
	margin-bottom: 10px;
	border: 1px solid #5A6B75; 
}
span.active { font-size: 11px;  font-weight: bold; color: #666666; }

.box-c .c, .box-c2 .c, .box-c3 .c { scrollbar-face-color: #FFF; scrollbar-highlight-color: #474747; scrollbar-shadow-color: #474747; scrollbar-3dlight-color: #FFF; scrollbar-arrow-color: #474747; scrollbar-track-color: #FFF; scrollbar-darkshadow-color: #FFF; }
.box-c2 .c, .box-c3 .c  { padding: 10px 10px 10px 10px; height: 224px; }
.box-c4 .c  { padding: 10px 10px 10px 10px; width: 450px; height: 308px; }
 
.box-c .c h1, .box-c2 .c h1, .box-c3 .c h1, .box-c4 .c h1 { font-size: 16px; margin-bottom: 10px; }
.box-c .c h2, .box-c2 .c h2, .box-c3 .c h2 { font-size: 16px; margin: 10px 0; font-weight: normal; }
.box-c .c p, .box-c2 .c p, .box-c3 .c p { margin: 8px 0; }
.box-c .c ul, .box-c2 .c ul, .box-c3 .c ul { list-style: disc; margin-left: 24px; }
.box-c .c ul li, .box-c2 .c ul li, .box-c3 .c ul li { margin: 5px 0; }

#tbl-galeria td { padding: 5px; }
#tbl-galeria img { padding: 10px; border: 1px solid #CCC; background-color: #F9F9F9; }
#tbl-galeria a:hover img { background-color: #F3F3F3; }

.sp-2 { 
	min-height: 400px; /* Gecko */ height: auto !important; /* Gecko */ height: 400px; /* IE */
	float: left; display: inline; width: 540px; padding: 10px 10px;
}
.link-1 { background: url(../images/bullet1.gif) no-repeat left center; font-weight: bold; padding: 5px 0 5px 22px; }

.footer { background-color: #E5E5E5; margin-bottom: 3px; padding: 10px 0; color: #7C7C7C; }

 /* -------------- Aliineaciones --------------*/
.ta-l { text-align: left; } 
.ta-c {	text-align: center; }
.ta-r { text-align: right; }
.ta-j { text-align: justify; }

/* ------------- Tamaño de letras --------------*/
.fs-7 { font-size: 70%; }
.fs-8 { font-size: 80%; }
.fs-9 { font-size: 90% }
.fs-10 { font-size: 100% }
.fs-11 { font-size: 110% }
.fs-12 { font-size: 120% }
.fs-13 { font-size: 130% }
.fs-14 { font-size: 140% }
.fs-15 { font-size: 150% }

/* Interlineado */
.lh-100 { line-height: 100% !important; }
.lh-120 { line-height: 120% !important;; }
.lh-140 { line-height: 140% !important; }
.lh-160 { line-height: 160% !important; }

/* Alineacion de imagenes */
.img-l { float: left; margin-right: 10px; }
.img-r { float: right; margin-left: 10px; }

/* Bordes */
.b1 { border: 1px solid #ccc; padding: 2px; }
.b2 { border: 1px solid #ccc; padding: 4px; }

/* Listado */

/* Colores */
.red { color: #FF0000 !important; }

/* Color de fondo */