html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, 
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img, object, embed {max-width: 100%; height: auto;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  

.clear { clear:both;}
.clrflt { clear: both; line-height:1px; font-size:1px; overflow: hidden;}

/*=====main=====*/

body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}
.header_outer
{
	margin:0px;
	padding:0px;
	background:url(../img/outer_bg.png) no-repeat center top;
}
.header
{
	height:248px;
	width:902px;
	margin:0px auto;
	padding:2px 24px 0px;
	position:relative;
}
.header_top
{
	height:75px;
}
.nav
{
	margin:0px 0 0 25px;
	padding:0 0px 0 0px;
	background:url(../img/nav_bg.jpg) repeat-x left bottom;
}
.nav ul
{
	margin:0px;
	padding:0 0 0 22px;
}
.nav ul li
{
	float:left;
	padding:0 6px;
}
.nav ul li a
{
	font-weight:bold;
	color:#313131;
	font-size:14px;
	line-height:60px;
	display:block;
	padding:0 6px;
	
}
.nav ul li a span
{
	display:block;
}


.nav ul li a:hover
{
	background:url(../img/hover1.jpg) repeat-x left bottom;
	
}
.nav ul li a:hover span
{
	background:url(../img/hover2.png) no-repeat center 44px;
}
.contac
{
	font-size:21px;
	color:#567f9d;
	font-weight:bold;
	line-height:60px;
}
.banner
{
	width:902px;
	height:249px;
	background:#ffffff;
	position:absolute;
	-moz-border-radius:8px 8px 8px 0px;
	-webkit-border-radius:8px 8px 8px 0px;
	border:#5d831e 3px solid;
	border-radius:8px;
	behavior:url(PIE.htc);
	box-shadow:1px 5px 6px #11191f;
	-moz-box-shadow:4px 4px 12px #444444;
	-webkit-box-shadow:4px 4px 12px #444444;
}
.banner_right
{
	padding:6px 0 0 0;
}
.logo
{
	width:305px;
	padding:34px 0 0 15px;
}
.logo a
{
	padding:0 0 22px 0px;
	display:block;
}
.logo h2
{
	font-family:Tahoma, Geneva, sans-serif;
	color:#5d831e;
	font-size:14px;
	line-height:18px;
	text-align:center;
	font-weight:normal;
	font-style:italic;
	padding:0px 0 0 0 ;
	margin:0px;
	width:267px;
}
.container_outer
{
	background:#567f9d;
}
.content_top
{
	height:95px;	
}
.content
{
	width:848px;
	margin:0px auto;
	padding:0px 30px 0px 16px;
}
.content h2
{
	font-size:18px;
	padding:0 0 10px 0px;
	margin:0px;
}
.content h3
{
	font-size:14px;
	text-align:center;
	padding:0 0 15px 0px;
	margin:0px;
}
.content p
{
	padding:0 0 16px 12px;
}
#footer_outer
{
	background:#5d831e;
}
.footer
{
	width:818px;
	margin:0px auto;
	padding:24px 42px 10px;
}
.footer_right
{
	width:472px;
}
.footer_nav
{
	width:440px;
	border-bottom:#2e410f 1px solid;
	margin:0 0 10px 0;
}
.footer_nav ul
{
	margin:0px auto;
	padding:0px;
	width:260px;
}
.footer_nav ul li
{
	float:left;
	padding:0 8px 10px;
}
.footer_nav ul li a
{
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
	padding:0 0 0px 0;
}
.footer_right h3
{
	float:left;
	display:block;
	margin:0px;
	padding:0 18px 15px 0px;
}
.asse a
{
	padding:0px 0 0 30px;
}
.usa
{
	width:129px;
	margin:20px 0px 0 50px;
}


.content .productimage {
	position:absolute;
	top:390px;
	margin-left:70px;
}


.content .productimage2 {
	position:absolute;
	top:394px;
	margin-left: 690px;
}



/* 170929 - PRODUCTS pg remake --------------------------------------------------------------------------------------- */
#Prod1 {
    width: 90%;
    margin: 10px 5%;
}
#Prod1 h1 {
    font-size: 20px;
    text-align: center;
}
#Prod1 h2 {
    text-align: center;
}
#Prod1_1 {
    width: 25%;
    text-align: left;
    float: left;
}
#Prod1_2 {
    width: 56%;
    margin: 0 2%;
    float: left;
}
#Prod1_2 table {
    background-color: #c7d4b6;
    border: #75993f solid 1px;
    margin: 20px auto 0;
}
#Prod1_2 table td {
    padding: 10px 20px;
}
#Prod1_3 {
    width: 15%;
    text-align: right;
    float: left;
}


#Prod2 {
    background-color: #c7d4b6;
    border: #75993f solid 1px;
    width: 80%;
    margin: 20px 5%;
    padding: 20px 5%;
}
#Prod2_1 {
    width: 50%;
    text-align: left;
    float: left;
}
#Prod2_2 {
    width: 50%;
    text-align: left;
    float: left;
}

#Prod3 {
    background-color: #c7d4b6;
    border: #75993f solid 1px;
    width: 80%;
    margin: 20px 5%;
    padding: 20px 5%;
}
#Prod3_1 {
    width: 50%;
    text-align: left;
    float: left;
}
#Prod3_2 {
    width: 50%;
    text-align: left;
    float: left;
}

#Prod4 {
    width: 80%;
    margin: 20px auto 40px;
}
#Prod4_1 {
    background-color: #c7d4b6;
    border: #75993f solid 1px;
    text-align: left;
    float: left;
    margin: 0 2%;
    padding: 10px 2%;
    width: 46%;
}
#Prod4_2 {
    background-color: #c7d4b6;
    border: #75993f solid 1px;
    text-align: left;
    float: left;
    margin: 0 2%;
    padding: 10px 2%;
    width: 37%;
}
#Prod4_1 table td {
    text-align: center;
    padding: 10px;
}
#Prod4_2 table td {
    text-align: center;
    padding: 10px;
}
#Prod5_1, #Prod5_1B {
    width: 160px;
    text-align: center;
    float: right;
}

/* 170927 - RESPONSIVE TWEAKS ---------------------------------------------------------------------------------------- */

@media (max-width: 1023px) {
  
}


@media (max-width: 959px) {
  .header_outer {
    width: 100%;
  }
  .header {
    width: 92%;
    margin: 0 2%;
    padding-left: 2%;
    padding-right: 2%;
  }
    .header_top {
      height: 75px;
    }
      .nav {
        margin-left: 0;
      }
  .banner {
    width: 96%;
  }
    .logo {
      width: 46%;  
    }
      .logo img {
        max-width: 100%;  
      }
    .banner_right {
      width: 50%;
    }
    .banner_right img {
      width: 100%;
    }
  
  .container_outer {
    width: 100%;
  }
  .content {
    width: 92%;
    margin: 0 2%;
    padding-left: 2%;
    padding-right: 2%;
  }
  
  #footer_outer {
    width: 100%;
    padding-bottom: 20px;
  }
  .footer {
    width: 92%;
    margin: 0 2%;
    padding-left: 2%;
    padding-right: 2%;
  }
    .asse {
        width: 10%;
    }
      .asse a {
        padding: 0;
      }
    .usa {
        width: 19%;
        margin: 20px 0 0;
    }
    .footer_right {
        width: 67%;
    }
  
    #contact_left_col,
    #contact_right_col {
      width: 50% !important;
    }
}


@media (max-width: 767px) {
  #contactwrap {
      height: auto !important;
  }
  #contact_left_col {
      float: none !important;
      height: auto !important;
  }
  #contact_right_col {
      float: none !important;
      height: auto !important;
  } 
  #Prod4 {
    width: 70%;
  }  
  #Prod1_1 {
      width: 35%;
  }
  #Prod1_2 {
      width: 61%;
  }
  #Prod1_2 table {
      margin-top: 0;
  }
  #Prod1_3 {
      float: none;
      width: 100%;
      text-align: center;
  }
  #Prod2_1,
  #Prod2_2,
  #Prod3_1,
  #Prod3_2 {
      width: 100%;
      float: none;
  }  
  #Prod4 {
      width: 100%;
  }
  #Prod4_1 table td,
  #Prod4_2 table td {
      padding: 10px 5px;
  }  
}


@media (max-width: 479px) {
  .logo {
      width: 36%;
  }  
  .banner {
      height: 190px;
  }
  .content_top {
      height: 50px;
  }  
  .nav {
    float: none;
  }
  .contac {
      float: none;
      text-align: center;
  }
  .asse {
      margin-top: 30px;
  }
  .footer_nav {
      width: 100%;
  }  
  .usa {
      margin-top: 30px;
  }  
  
}



.txtInput {
	width: 176px;
	margin-left: 5px;
}
#MENSAJE h3 {
    color: #C00;
  text-align: left;
}
#MENSAJE p {
    color: #C00;
    line-height: 16px;
}
#MENSAJE {
	background-color: #FFF0F0;
	padding: 10px 10px 0;
	border: solid 1px #C00;
	margin: 10px 0;
}