@charset "utf-8";
/* CSS Document */
html, body{
	height:100%;
	width:100%;
}
body{
	margin:0;
	background-color:#2A2A2A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
div#main p, div#main ul, div#main ul li, table, td, tr{
	color:#3A3A3A;
}
h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	font-size:26px;
	color:#617F51;
	margin:0px;
	font-weight:normal;
	border-bottom:#9EB096 solid 5px;
	padding-bottom:2px;
	margin-top: 5px;
	margin-bottom:24px;
}
h4{
	font-size:22px;
	color:#4F5D54;
	margin:0px;
	font-weight:normal;
	border-bottom:#4F5D54 dashed 1px;
	padding-bottom:2px;
	margin-top: 5px;
	margin-bottom:24px;
}
h1.noborde{
	padding-bottom:2px;
	margin-top: 5px;
	margin-bottom:15px;
	border:none;
}
h2{
	font-size:21px;
	margin:0;
	color:#4F5D54;
}
h3{
	font-size:20px;
	margin:0;
	color:#414943;
	font-weight:normal;
	margin-bottom:3px;
}
strong{
	color:#617F51;
}
a{
	color:#999900;
}
a:hover{
	background-color:#65776B;
	color:#FFFFFF;
	text-decoration:none;
}
.no_pointer{
	cursor:default;
}
#scontenedor1{
	background:url(pics/bg_scontenedor1.jpg) top repeat-x;
}
#scontenedor2{
	background:url(pics/bg_scontenedor3.jpg) top center no-repeat;
}
#fondo{
	background:url(pics/bg_body.gif);
}
#sombrabottom{
	height:30px;
	background:url(pics/bg_scontenedor2.jpg) top repeat-x;
}
#contenedorcontenido{
	width:976px;
	margin:auto;
}
#header{
	background:url(pics/bg_header.jpg);
	height:251px;
	width:976px;
}
#cont_headerflash{
	height:134px;
}
#cont_menu{
	height:117px;
}
#contenido{
	background:url(pics/bg_contenido.gif) left top;
}
#main{
	float:right;
	width:682px;
	padding-top:20px;
	padding-left:0;
	margin-right:36px;
	padding-bottom:15px;
	text-align:justify;
}
#main p, #right_cont p{
	margin:0;
	padding-top:3px;
	padding-bottom:10px;
}
div#main ul{
	margin-left:0;
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}
div#main li{
	margin-left:0;
	padding-left:25px;
	padding-bottom:7px;
	list-style:none;
	background:url(pics/bullet.gif) left 2px no-repeat;
	text-align:left;
}
.clear{
	clear:both;
}
#right{
	float:right;
	width:236px;
	color:#FFFFFF;
}
#right strong{
	color:#FFFFFF;
}
#right_top{
	height:92px;
	background:url(pics/bg_righttop.gif) no-repeat;
}
#right_cont{
	padding:15px;
	line-height:15px;
}
#right_cont {
	color:#FFFFFF;
	font-weight:normal;
	word-wrap:break-word;
	width:205px;
	overflow: hidden;
	display:block;
}
#right_cont em{
	color:#EFEFE0;
	font-size:11px;
	font-weight:normal;
}
.separador_right{
	background:url(pics/bg_separador_right.gif) top center no-repeat;
	height:2px;
	margin-bottom:10px;
	margin-top:10px;
}
#footer{
	height:97px;
	width:990px;
	background:url(pics/bg_footer.jpg) no-repeat;
	margin:auto;
}
#lights{
	background-image:url(pics/lights.png);
	float:right;
	width:210px;
	height:273px;
	margin-top:-110px;
	margin-right:0px;
}
.fotos{
	border:8px solid #9EB096;
}
.fotocenter{
	text-align:center;
}
.doscalumnas{
	border:none;
	border-collapse:collapse;
	padding:0;
}
.culumna_valing{
	vertical-align:top;
}
table.doslistas{
	width:100%;
	border:none;
}
table.doslistas td{
	vertical-align:top;
	width:50%;
}
div#main .doslistas ul, div#main .doslistas li{
	background:none;
	padding-left:0;
}
#culumna_productos{
	width:250px;
}
#culumna_productos h2{
	margin:0;
	padding:0;
	padding-left:5px;
}
.bordeleft{
	border-left:solid 2px #C9CAC5;
	padding-left:15px;
}
#productos_home{
	border:none;
	margin-right:8px;
}
#productos_home td{
	padding:4px;
	vertical-align:top;
}
.imgs_productos_home{
	padding:4px;
	background-color:#9EB096;
	height:106px;
}
.imgs_productos_home:hover{
	background-color:#889D7D;
}
.imgs_productos_home img{
	border:none;
	background-color:#fff;
}
.imgs_productos_home p, .imgs_productos_home a{
	font-size:9px;
	font-weight:bold;
	margin:0;
	margin-top:3px;
	padding:0;
	letter-spacing:0;
	text-align:center;
	text-decoration:none;
	background:none !important;
	color:#FFFFFF !important;
}
.producto_view{
	width:100%;
	border:none;
	border-collapse:collapse;
	padding:0;
	margin-top:20px;
}
td.producto_info h2{
	margin-top:-10px;
}
.td_producto_imagen{
	width:257px;
	vertical-align:top;
}
.td_producto_imagen img, #productos_home img{
	border:none;
}
.productoimagen{
	background-color:#9EB096;
	padding:7px;
	clear:both;
}
.productoimagen a, .productoimagen a:hover {
	background:none;
}
.td_producto_imagen p{
	margin:0 !important;
	padding:0 !important;
}
.boton_descarga{
	float:right;
	border:none;
	height:25px;
	clear:both;
}
.producto_info{
	padding:5px;
	padding-left:15px;
	vertical-align:top;
}
.separa_productoview{
	height:40px;
	background:url(pics/bg_separaproductos.gif) center repeat-x;
}
.separa_productoview2{
	height:57px;
	background:url(pics/bg_separaproductos.gif) left 35px repeat-x;
	text-align:right;
	font-size:11px;
}
.separa_productoview2 a{
	color:#65776B;
	text-decoration:none;
}
.separa_productoview2 a:hover{
	color:#fff;
}

/*sifr--------------------------------------------------------------------------------------------------*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*//*
These styles should be at the bottom of `sifr.css`. Make sure that they're
only applied for the screen media type!
*/
@media screen {
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3{
  visibility: hidden;
  font-family: Verdana;
}
.sIFR-active h3 {
  padding-bottom: 0;
}
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
margin:auto;
  border: 0 none;
  padding: 0;
  list-style: none;
  margin-top:33px;
  margin-left:70px;
  margin-left:0px;
  z-index:99;
}
ul#navmenu-h li img{
  margin: 0;
  border: 0 none;
  padding: 0;
}
ul#navmenu-h li {
	margin: 0;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
}
ul#navmenu-h ul {/*segundo nivel*/
	background-color:#7E9867;
	padding:4px;
	padding-bottom:0;
	margin: 0;
	border-top: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
  /*css3*/
	-webkit-box-shadow: 1px 3px 7px rgba(10,10,10, 0.8);
	-moz-box-shadow: 1px 3px 7px rgba(10,10,10, 0.8);
	box-shadow: 1px 3px 7px rgba(10,10,10, 0.8);
	/*filtros IE, agregar -ms- al principio si quiero que valide el css (sólo para IE8)*/
	/*ie8 exige progid... para aplicar el opacity, pero no hereda la transparencia a los hijos*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93) progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=3);
	opacity: .93;
	margin-bottom:4px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu-h ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  width:200px;
  margin-bottom:10px !important;
  margin-bottom:2px;
  height: 18px;
  clear:left;
}
/* Root Menu */
ul#navmenu-h a {
	padding-left:15px;
	padding-right:15px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
  	display: block;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	height: auto !important;
  	height: 1%; /*For IE*/
	background:url(pics/bg_separador_menu.gif) right no-repeat;
}
ul#navmenu-h li a:hover {

}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  color: #FFF;
}
/*para que se conserve el hover del elemento principal al explorar el submenú correspondiente*/
ul#navmenu-h li:hover {
	background-color:#7E9867;
}
/*elemento padre activo*/
ul#navmenu-h li.activo{
	background:url(pics/bg_activo.png) top center no-repeat !important;
	background-image:none;
	height:40px;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  padding:2px;
  padding-left:18px;
  margin:0;
  background-color:#657953;
  background-image:none;
  color:#fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li.iehover li a:hover {
  background-color:#3E4A33;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/*acordeon--------------------------------------------------*/
#acordeon{
	margin-top:15px;
}
.toggler{
	padding:8px;
	padding-left:44px;
	background:url(pics/bg_toggler.png) left top;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	margin-top:2px;
}
.acorcontenido{
	padding:10px;
	padding-top:20px;
	padding-left:18px;
	background-color:#FFFFFF;
}
.acorcontenido img{
	border:none;
	margin-bottom:-3px;
	margin-right:5px;
	padding-right:2px;
}
.acorcontenido ul{
	padding-top:15px;
	padding-bottom:20px;
	padding-left:0 !important;
}
.acorcontenido ul li{
	background:none !important;
	padding-left:0 !important;
	margin-left:0;
}
.acorcontenido ul li a{
	padding:2px;
}
/*contacto---------------------------*/
#tablacontacto .derecha{
	text-align:right;
	padding-right:18px;
}
#tablacontacto{
	width:500px;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:10px;
}
#tablacontacto .error {
	background: url(mail/go-next.gif) no-repeat right center;
	border: none;
	margin: 0;
}
#contacto p{
	margin:2px 2px;
	padding:3px 3px;
}
.derecha{
	text-align:right;
}
#mensaje{
	width:500px;
	height:160px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#name_from, #email_from, #tel, #asunto{
	height:20px;
	font-size:13px;
	width:300px;
	padding:3px;
}