/* www.hardessen.cl */


body{
	background:#E1E1D5;
	background-image:url("imagenes/bgshadow.gif");
	background-repeat:repeat;
	background-position: center;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* box hover */
a.box{
	background:#FFFFFF;
	display:block;
	float:none;
	padding:0px;
	text-decoration:none;
	border:1px solid #ECECEC;
	margin:10px 30px 10px 40px;
	width:120px;
	\width:120px;
	w\idth:120px;
}

a.box:hover{
	background-color:#F9F9F9;
	border:1px solid #848484;
}

/* Body link rollovers */
a:link{
	color:#94BB46;
	background-color:transparent;
	text-decoration:underline;
}

a:visited{
	color:#666666;
	background-color:transparent;
	text-decoration:underline;
}

a:active{
	color:#CCCC00;
	background-color:transparent;
}

a:hover{
	color:#789838;
	text-decoration: none;
}

p.link_der{
	text-align:right;
	padding: 0 0 0 0;
	margin: 0 5px 0 0;
}

/* Top Main Navigation */
div#primarynav{
	height:30px;
	width:760px;
	margin:0 0 0 0px;
	padding:0;
	border:0;
	background:transparent;
	float:left;
}

div#primarynav ul#menu{
	height:30px;
	width:760px;
	background:transparent url(imagenes/navbar.gif) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
}

div#primarynav ul#menu li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}

ul#menu li,ul#menu a{
	height:30px;
	display:block;
}

div#primarynav ul#menu li a{
	text-indent:-9999px;
	text-decoration:none;
}

#home{
	left:0;
	width:104px;
}

#products{
	left:104px;
	width:105px;
}

#about{
	left:210px;
	width:103px;
}

#contact{
	left:315px;
	width:103px;
}

/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeon #home{
	background:transparent url(imagenes/navbar.gif) 0 -30px no-repeat;
}

#products a:hover,body#producton #products{
	background:transparent url(imagenes/navbar.gif) -104px -30px no-repeat;
}

#about a:hover,body#abouton #about{
	background:transparent url(imagenes/navbar.gif) -210px -30px no-repeat;
}

#contact a:hover,body#contacton #contact{
	background:transparent url(imagenes/navbar.gif) -315px -30px no-repeat;
}

/* Paragraph style */
p{
	margin:0px 20px 15px 20px;
	line-height:150%;
	text-align:justify;
	color:#333333;
	font-size:84%;
}

/* The right panel header */
.sideheader{
	text-transform:uppercase;
	margin:10px 40px 0px 20px;
	color:#789838;
	text-align:left;
	font-size:90%;
}

/* The Small Font */
.smallfont{
	margin:0px 40px 15px 40px;
	padding-top:5px;
	color:#7FA03B;
	text-align:left;
	font-size:11px;
}

/* Font for Sidebar */
.bajada{
	color:#789838;
	font-size:75%;
	font-style:italic;
	text-indent:40px;
}

.tinyfont{
	color:#515151;
	font-size:65%;
	text-align:center;
}

/* The Footer Font */
.footerfont{
	color:#000000;
	text-align:center;
	font-size:60%;
}

/* Shadow Container */
#scontainer{
	margin-left:auto;
	margin-right:auto;
	border:1px solid #9B9B9B;
	width:768px;
	\width:770px;
	w\idth:768px;
}

#container{
	width:760px;
	\width:770px;
	w\idth:760px;
	border:4px solid #FFFFFF;
	background-color:#FFFFFF;
}

#content{
	padding:1px;
	margin-top:0px;
	margin-right:202px;
	border-right:1px solid #ccc;
	background-color:#FBFBFB;
	background-image:url(imagenes/contentbg.gif);
}

#sidebar-a{
	float:right;
	width:202px;
	\width:202px;
	w\idth:202px;
	margin:0;
	margin-top:0px;
	margin-left:1px;
	padding:0px;
	background:transparent url(imagenes/sidebg.jpg) no-repeat;
	color:#7FA03B;
}

#footer{
	padding:10px;
	margin-top:0px;
	background-color:#6E8B34;
	color:#CFE0AB;
	text-align:left;
	font-size:70%;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#E4E4E4;
	background-color:transparent;
	text-decoration:underline;
}

#footer a:hover {
	color:#FFFFFF;
	background-color:transparent;
	text-decoration: none;
}

#banner{
	padding:0px;
	margin-bottom:0px;
	background-color:#F8F8F8;
	height:30px;/* seem to need this for moz and opera */
}

#banner1{
	padding:0px;
	margin-bottom:0px;
	background-color:#FBFDF9;
	background-image:url(imagenes/portada1.jpg);
}

#banner2{
	padding:0px;
	margin-bottom:0px;
	background-color:#FBFDF9;
	background-image:url(imagenes/portada2.jpg);
}

#banner3{
	padding:0px;
	margin-bottom:0px;
	background-color:#FBFDF9;
	background-image:url(imagenes/portada3.jpg);
}

#banner4{
	padding:0px;
	margin-bottom:0px;
	background-color:#FBFDF9;
	background-image:url(imagenes/portada4.jpg);
}

#banner5{
	padding:0px;
	margin-bottom:0px;
	background-color:#FBFDF9;
	background-image:url(imagenes/portada5.jpg);
}

/* FIR Logo */
#logoder{
	display:block;
	height:122px !important;
	height /**/:170px; /* IE5/Win Fix */
	width:110px;
	padding-top:5px;
	margin-left:631px;
}

#logoizq{
	display:block;
	height:122px !important;
	height /**/:170px; /* IE5/Win Fix */
	width:110px;
	padding-top:5px;
	margin-left:5px;
}

/* Old Browser Warning */
/* Header fonts begin...*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-family:"Trebuchet MS",Georgia,arial,verdana,helvetica,sans-serif;
}

/* Header fonts begin...*/
h1{
	font-size:2.4em;
	font-weight:normal;
	color:#888C80;
	margin:0px 10px 0px 10px;
	text-align:left;
}

h2{
	font-size:1.5em;
	color:#789838;
	margin:20px 20px 15px 20px;
	text-align:left;
}

h3{
	font-size:0.9em;
	text-transform:uppercase;
	margin:5px 20px 5px 20px;
	color:#789838;
	text-align:left;
	padding:0 0 0 0px;
}

h4{
	font-size:0.7em;
	text-transform:uppercase;
	margin:10px 20px 0px 20px;
	color:#789838;
	text-align:left;
}

h5{
	font-size:0.8em;
	margin:10px 10px 10px 10px;
	font-weight:bold;
}

h6{
	font-size:0.7em;
	margin:10px 10px 10px 10px;
	font-weight:bold;
}

/* Right Side Image box */
#imagebox{
	background-color:transparent;
	border:0px;
	margin-bottom:0px;
	padding-top:10px;
}

/* hr with image */
div.hr{
	height:20px;
	padding:10px 1px 15px 0;
	background:transparent url(imagenes/hr.gif) no-repeat scroll center;
}

/* a little test,not used */
.test{
	background:transparent url(imagenes/bullet.gif) no-repeat left;
	padding:0 0 0 15px;
}

/* image borders rollover */
a.imageborders{
	margin:5px 25px 0px 35px;
	display:block;
	float:none;
	width:122px;
	\width:122px;
	w\idth:122px;
	border:1px solid #D2D2D2;
	padding:4px;
	background-color:#FFFFFF;
}

a.imageborders:hover{
	background-color:#FFFFFF;
	border:1px solid #889C00;
}

/* standard image borders:no rollover */
.imageborder{
	border:1px solid #D2D2D2;
	padding:4px;
	background-color:#FFFFFF;
}

.banner{
	margin:5px 10px 0px 10px;
	display:block;
	float:none;
	width:179px;
	\width:179px;
	w\idth:179px;
	border:1px solid #D2D2D2;
	padding:2px;
	background-color:#FFFFFF;
}

/* subnav */
#nav1{
	overflow:auto;
	height:614px;
	width:200px;
}

#nav2{
	overflow:auto;
	height:570px;
	width:200px;
}

#nav3{
}

#navlist li
{
	display: inline;
	/* for IE5 and IE6 */
}
#navlist a.titulo{
	background-image: url(imagenes/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	text-indent:17px;
	padding-top:0;
}

#navlist a.titulo2{
	background-image: url(imagenes/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	text-indent:17px;
	padding-top:1.5em;
}

#navlist
{
	width: 99.99%;
	/* to display the list horizontaly */
	font-size: 80%;
	text-indent:3px;
	line-height: 20px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #EFF1EB;
	padding:0;
	width:178px;
}


#navlist li .submenu{
	margin-bottom: 2em;
	margin-left: 12px;
	font-size:80%;
	display:block;
}

#navlist a
{
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #EFF1EB;
	text-align: left;
	text-decoration: none;
	color: #789838;
	/*background-image: url(imagenes/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;*/	
}

#navlist a#current, #navlist a:hover{ 
	background-color: #EFF1EB; 
	color: #789838;
}

#navlist a:visited { 
	color: #789838; 
}

/* list style with bullets... */
ul{
	list-style:disc;
}

#lists  li{
	padding:0 40px 2px 5px;
	margin-left:20px;
	text-align:justify;
	color:#333333;
	font-size:90%;
}

/* Image spacer */
.imgspace{
	margin:5px 8px 0px 0px;
	float:left;
}

/* Forms n shit */
.fieldset{
	margin:0px;
	padding:0px 0 5px 42px;
	border:0px solid #789838;
	text-align:left;
	font-size:80%;
}

.legend{
	color:#888C80;
	background:transparent;
	margin-top:0px;
}

.input{
	background:#FFFFFF;
	width:160px;
	border:1px #789838 solid;
	color:#333333;
	font-size:100%;
	padding: 2px;
}

.button{
	background:#789838;
	color:#FFFFFF;
	border:1px solid #789838;
	margin-top: 2px;
	padding: 2px;
	font-size:75%;
}

.textarea-quote{
	color:#333333;
	height:127px;
	width:160px;
	background:#FFFFFF;
	border:1px #789838 solid;
	padding: 3px;
	font-size:100%;
	font-family:  Arial, Helvetica, sans-serif;
}

/* removes vert whitespace from form */
form { 
	margin-top: 0; 
	margin-bottom: 0; 
}

span.hidden,div.hr hr,.warning,.hide,#logo a span{
	display:none;
}

/* Image spacer 1 left */
.imgspace{
	margin:0px 5px 0px 0px;
	float:left;
	border:0;
}

/* Image spacer 2 right */
.imgspace2{
	margin:0px 5px 0px 5px;
	float:right;
	border:0;
}
/* turns off gaps around images */
img{
	border:0;
}

/* Product pages stuff */
.productheader{
	margin:0px 40px 5px 10px;
	text-align:left;
	color:#789838;
	font-size:84%;
	font-weight: bold;
	text-transform: uppercase;
}

.imglink{
	background-image: url(imagenes/greenarrow2.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

.imglinkorder{
	background-image: url(imagenes/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	margin:0 0 0 10px;
}

.case{
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 8px;
	margin: 0px 40px 10px 38px;
	overflow: hidden;
	height: 1%;
}

.case:hover {
	border: 1px solid #9E9E9E; 
	background-color: #FFFFFF; 
}

.prod-p{
	margin:0px 0px 10px 10px;
	text-align:left;
}

/* The website map list  and hover stuff for better browsers*/
ul {
	list-style: disc;
	margin-top:3px;
	color:#333333;
	text-align: left;
	font-size: 88%;
}

li{
	margin:0 0px 3px 0px;
}

#mapholder{
	border: 1px solid #5C5E26;
	background-color: #FFFFFF;
	padding: 2%;
	margin: 10px 40px 8px 38px;
}

#mapholder:hover {	
	border: 1px solid #B3B649; 
	background-color: #FFFFFF; 
}

.map-para{
	margin-left: 0px;
}

#content  table.ver_producto{
	font-size:84%;
	text-align:left;
	padding:0 0 20px 20px;
}

#content table.ver_producto td{
	padding-left:5px;	
}

#content  table.ver_producto tr.c2{
	background: #ffffff;
	color:#333333;
}
#content table.ver_producto tr.c1{
	background: #cddbb2;
	color:#666666;
}

#content  table.ver_producto tr.c2 a{
	color:#333333;
	text-decoration:none;	
}
#content table.ver_producto tr.c1 a{
	color:#666666;
	text-decoration:none;	
}
#content  table.ver_producto tr.c2 a:hover, #content table.ver_producto tr.c1 a:hover{
	text-decoration:underline;
}
#pageproductos{
padding-top:20px;
}
#texto_chico{
	color:#515151;
	font-size:65%;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
}
table.modif{
	color:#515151;
	font-size:85%;
	text-align:left;
	margin-left:20px;
	padding:5px 2px 5px 2px;
	border:1px solid #cddbb2;
}

table.modif th{
	font-weight:normal;
	vertical-align: top;
}

table.modif td{
	padding-bottom: 5px;
}

#subcontent2{
	position:absolute; 
	display:none; 
	border: 2px solid #6e8b34; 
	background-color: #cddbb2;  
	padding: 3px;
}

.dragme{
	position:relative;
}

#muestra_img{
	display:none;
}
a.glosario{
font-weight:bold;
}

#area_restringida{
font-size:80%;
padding-top:8px;
margin-left:12px;
}
.imgizq{
float:left;
border:none;
padding-right:10px;
}
.txtder{
text-align:right;
}