@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------Reset css-----------------------------------------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


a { outline: none; }

em{
color: #81A30E;
font-weight:bold;
}
/*---------------------------------------------------------Reset css-----------------------------------------------------*/


body {
  color: #2d2e2e;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
  background-color:#FFFFFF;
  background-image:url(images/fondoBody.gif); background-repeat:repeat-x; background-position:top;
}
/* Commonly used to style page titles. */
h1 {
  color: #ff6b00;
  font-size: 18px;
  text-transform:uppercase;
  text-align:left;
  margin-bottom:10px;
  margin-top:10px;
}
/* Commonly used to style section titles. */
h2 {
  color: #81A30E;
  font-size: 14px;
    text-transform:uppercase; 
}

input, textarea, select{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:11px;
  color: #81A30E;
  }
/* Sets the style for unvisited links. */
a,  a:link {
  color: #ff6b00;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #ff6b00;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #ff6b00;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #ff6b00;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #ff6b00;
}

hr{
background-image:url(images/hr.jpg);
height:22px;
width:479px;
border:0;
}

#outerWrapper {
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  min-width: 990px;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 80%;
}
#outerWrapper #header {
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  height:225px;
  background-image:url(images/fotoHeader1.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  background-color:#FFFFFF;
}

#logo{
  width:268px;
  height:136px;
  position:relative;
  left:70px;
  top:89px;
}

#outerWrapper #menu {
  background-color: #8ab573;
  font-size: 14px;
  line-height: 15px;
  height:53px;
  background-image:url(images/menu.gif);
  background-repeat:repeat-x;
  background-position:top;
  padding-top:8px;
}

#menu ul li{
  float:left;
  background-image:url(images/boton.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  height:40px;
  padding: 5px 15px 0 15px;
  margin-left:3px;
  margin-right:3px;
  text-align:right;
}
#menu ul li:hover{
  background-image:url(images/botonHover.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  -moz-border-radius-topleft: 10px;  
  -webkit-border-top-left-radius: 20px;  
}

#menu ul li:active{
  background-color:#336699;
}

#menu ul li span:hover{
  color:#e4ff00;
}

#menu ul li span{
  text-transform:none;
  font-size:9px;
}

#menu ul li a{
  color:#FFFFFF;
  text-transform:uppercase;
}

#menu ul li a:hover{
  text-decoration:none;
}

#contentWrapper{
  background-image:url(images/contenido.gif);
  background-repeat:repeat-y;
  background-position:center;
  min-height:375px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:375px; /* for IE5.x and IE6 */

}

#outerWrapper #contentWrapper #leftColumn1 {
  border-right: solid 1px #8ab573; /* Sets the right border properties for an element using shorthand notation */
  float: left;
  padding: 10px 10px 10px 40px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 20.5%;
}

#outerWrapper #contentWrapper #leftColumn1 h1{
  color:#96cb01;
  font-size:14px;
  text-transform:uppercase;
  display:inline;
}

.colaboradores{
  border:dotted 1px #efefef;
  margin: 5px 0;
  height:65px;
  text-align:center;
  color:#c5c5c5;
}

#outerWrapper #contentWrapper #content {
  margin:0 0 0 26%; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
 /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#contentInterna{
  padding:10px 40px;
}

#contentInterna ul li{
list-style:disc;
}

#contentInterna ol li{
list-style:decimal;
margin-left:35px;
}

#submenu{ 
background-color:#658D10;
margin-left:25px;
margin-right:29px;
padding:10px;
color:#FFF;
}

#submenu a{
	color:#FFF;
}
	
#submenu ul li{
	display:inline;
	padding-left:5px; 
	padding-right:5px;
}

#box{
  background-image:url(images/box.jpg);
  background-repeat:no-repeat;
  height:154px;

}

#box img{

}

.resumen{
	float:left;
	width:215px;
	margin:11px;
	color:#3b3b3b;
}

.imagenBox{
	width:53px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.resumen h1{
	font-size:11px;
	color:#FFFFFF;
	margin-bottom:5px;
}

.resumen a{
	color:#FFFFFF;
}

#noticias{
	margin-top:10px;
	width:450px;
	float:left;
}

#noticias h1{
color:#666666;
}

#noticias ul li{
margin-top:15px;
margin-left:15px;
}

#galeria{
	margin-top:10px;
	margin-right:35px;
	width:225px;
	float:right;
	background-image:url(images/galeria.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding:10px;
	text-align:center;
	height:215px;
}

#fotoGaleria{
	margin:15px 0;
}

#noticias h1 a{
  color:#96cb01;
  font-size:14px;
  text-transform:uppercase;
  display:inline;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}

#footer {
  background-color: #df5e00;
  height:25px;
  background-image:url(images/footer.gif);
  background-repeat:no-repeat;
  background-position:top;
  text-align:right;
  padding-top:25px;
  width:100%;
}

#footer ul li{
display:inline;
padding-left:5px;
padding-right:5px;
}

#footer li{border-right: solid 1px #FFF;}

#footer a{
color:#FFFFFF;
font-size:9px;
}

#textoFooter{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}



.casoExito{

border:solid 1px #E2EFB3;
padding:10px;
}
#productos{
border-bottom:dotted 1px #7FA60F;
}
#productos td{
	border-top:dotted 1px #7FA60F;
}