/* =style Code
----------------------------------------------------------------------*/
/*
 Create by: Nalleli Avila Godinez.
          : Miguel Angel Vazquez Zavaleta.
          : {ka_16na;miguel_leta}@hotmail.com
 Last Update: 30-Mayo-2009 - 10-Agosto-2009
 Create for: Empresa Fumaplant S.C.
*/
/*54*/
body { 
	  background   :  #FFFFFF url('../imagenes/background_verde6.gif') repeat-x;/*F9F9F7*  3,4*/
	  color        : #666666; 
	  margin-top   : 75px; /*0 antes cuando estaban otras clases*/
	  margin-bottom: 10px;
	  font-family  : "trebuchet ms", helvetica, sans-serif;
	  text-align   : justify; 
	  font-size   : 11px;
} 

/*page_wrapper: Clase principal del todo el contenido de la pagina*/
#page_wrapper {
	  margin-left : auto; 
	  margin-right: auto;
	  width       : 800px;
	  text-align  : left;
	  background-color : #FBFBFB; 
	  border-left : 0px solid #CCC2B2;
	  border-right: 0px solid #CCC2B2;
}

/*page_header_image: Clase que contiene a la imagen del encabezado*/
#page_header_imagen{
	  height           : 190px; 
	  width            : 800px; 
	  position         : relative; 
	  top              : 0px; 
	  left             : 0px;/*200 antes*/
	  background       :  #FFFFFF url('../imagenes/header_pasto_circulo_solapa.gif') no-repeat;/*header_con_circulo_y_solapa_naranja*/
}
/*page_footer: Clase que define el pie de la pagina*/
#page_footer{ 
	  clear     : both; 
	  color     : #CCC6B6; 
	  text-align: center; 
	  height    : 85px; 
	  width     : 800px;
	  background: url('../imagenes/page_footer.gif') repeat-x;
}
#page_footer p{ 

	  margin      : 0px 14px 4px 15px;
	  font-size   : 12px;
	  color       : #656552;
}
#page_footer a{
 	 font-size       : 12px;
	  color           : #656552;
	  text-decoration : none;
}
#page_footer a:hover{
	  font-size       : 12px;
	  color           : #CCCCCC;
	  text-decoration : underline;
}
/*La Clase page_contorno es la clase que pone la imagen negra degradada*/
#page_contorno{
	  margin-left : auto; 
	  margin-right: auto;
	  width       : 810px;
	  float       : center;
}

/*content: Clase que define el tamaño del contenedor de la pagina Web*/
#content{ 
	  width              : 800px;
	  margin             : auto; 
	  text-align         : left; 
	  background-color   : #FBFBFB;
} 

/*content_main: Clase que define el tamaño donde estara el contenido de la pagina*/
#content_main{ 
	  width            : 800px; 
	  margin-left      : 0px;  
	  padding          : 0px 0px 0px 0px; 
	  background-color : #FBFBFB; 
	  position         : relative; 
	  float            : top; 
}

/*content_link: Clase que define el tamañoo donde estaran los enlaces relevantes*/
#content_link{ 
	  width            :610px; 
	  margin-left      : 8px; 
	  padding          : 12px 0px 10px 0px; 
	  background-color : #ffffff; 
	  float            :left; 
}

/*content_right: Clase que define un espacio en la derecha de la pagina*/
#content_right{ 
	  width            : 170px; 
	  border           : 0px solid #cccccc;
	  background-color : #FBFBFB; 
	  float            : right; 
}

#separador{
 	 height        : 8px; 
}
/*la noticia*/
#content_right_noticia_header{
 	 width        : 170px; 
	  height       : 40px;
	  background   :  url('../imagenes/header_noticia.gif');
}
#content_right_noticia_header h3{
	  margin-top      : 10px;
	  margin-bottom   : 10px;
	  margin-left     : 5px;
	  font-size       : 13px;
	  color           : #656552;
	  padding         : 4px;
}
#content_right_noticia_body{
	  margin-top   : -5px;
	  width        : 170px; 
	  background   :  #FFFFFF url('../imagenes/body_noticia.gif') ;
}
#content_right_noticia_body h3{
	  margin          : 0px 0px 0px 10px;
	  font-size       : 12px;
	  color           : #656552; 
	  line-height     : 20px;
}
#content_right_noticia_body p{
	  margin          : 0px 0px 0px 10px;
	  font-size       : 12px;
	  color           : #656552; 
	  line-height     : 20px;
}
#content_right_noticia_body a{
 	 margin          : 0px 0px 0px 10px;
	  font-size       : 11px;
	  color           : #9CC701;
	  line-height     : 20px;
	  font-weight     : bold;
	  text-decoration : underline;
}
/*Esta clase le da posicion a la imagen*/
#content_right_noticia_body_imagen{
 	 margin          : 0px 0px 0px 10px;
}
#content_right_noticia_body a:hover{
 	 text-decoration: none;
	  color          : #006925; 
}
#content_right_noticia_footer{
	  width        : 170px; 
	  height       : 1px;
	  background   : url('../imagenes/footer_noticia2.gif') no-repeat;
}

/*content_left: Clase que define un espacio en la izquierda de la pagina*/
#content_left{ 
	  width    : 140px; 
	  background-color : #FBFBFB; 
	  float    :left; 
}

/*content_center: Clase que define un espacio en el centro de la pagina*/
#content_center{ 
	  width            : 480px; 
	  border           : 0px solid #cccccc;
	  float            :left; 
	  text-align       : justify;
	  background-color : #FFFFFF;
	  margin-left      : 2px;
}

#content_center p {
	  margin      : 0px 4px 4px 10px;
	  font-size   : 12px;
	  color       : #656552; /*naranja es 666666 y el naranja opcao es FCE2CA,*/
	  line-height : 20px;
	  text-align  : justify;
	  padding-left:4px;
}

/*news_link: Clase que el tamaño de las noticias*/
#news_link{ 
	  clear        : both; 
	  position     : relative;
	  width        : 480px;
	  color        : #000000; 
	  text-align   : left; 
	  padding-right: 0px; /*pone un espacio de 10 px abajo*/ 
}

#news_link h1{
	  margin      : 0px 4px 4px 10px;
	  font-size   : 12px;
	  color       : #9CC701;
	  clear       : both;
	  font-weight : bold;
}

#news_link p {
	  margin      : 0px 4px 4px 10px;
	  font-size   : 12px;
	  color       : #656552; /*naranja es 666666 y el naranja opcao es FCE2CA,*/
	  line-height : 20px;
	  text-align  : justify;
	  font-family : "trebuchet ms", helvetica, sans-serif;
	  padding-left:4px;
}

#news_link ul, li{
	  font-size   : 12px;
	  color       : #656552; 
	  font-family : "trebuchet ms", helvetica, sans-serif;
}
#new_header_link h3{
 	  margin-top      : 1px;
	  margin-bottom   : 10px;
	  font-size       : 15px;
	  color           : #518412;
	  padding         : 4px;
	  border-bottom   : 1px solid #AFAFA4;
	  clear           :both;
}
#news_link_title{
 	  margin-top      : 0px;
	  margin-bottom   : 10px;
	  font-size       : 14px;
	  color           : #656552;
	  padding         : 4px;
	  border-bottom   : 1px dotted #AFAFA4;
	  font-weight     : bolder;
	  clear           :both;
}
#news_link a{
 	  float           : right;
	  margin          : -5px 0px 0px 4px;
	  font-size       : 11px;
	  color           : #9CC701;
	  line-height     : 20px;
	  font-weight     : bold;
	  text-decoration : underline;
}
#news_link a:hover{
	  text-decoration: none;
	  color          : #006925; 
}
#new_link_footer{
	  width     : 480px; 
	  height    : 54px;
	  float     :left; 
	  border-bottom   : 1px solid #CCC6B6;
	  background: #FBFBFB url('../imagenes/a33.gif') repeat-x;
}
/*Da el espacio entre el banner y las noticias*/
#new_header_link{
 	  width     : 480px; 
	  position  : relative;
	  border-top : 0.3em solid #9CC701;
}
#news_link_titles{
 	  margin-top      : 0px;
	  margin-bottom   : 10px;
	  font-size       : 14px;
	  color           : #656552;
	  padding         : 4px;
	  /*border-bottom   : 1px solid #FBFBFB;*/
	  font-weight     : bolder;
	  background      : #FBFBFB url('../imagenes/a33_2.gif') repeat-x;
	  clear           :both;
}
/*********************************Clase Separador**************************/
#content_separator{ 
	  position     : relative;
	  background-color : #FBFBFB;
	  width        : 480px;
	  text-align   : left; 
	  padding-right: 0px; /*pone un espacio de 10 px abajo*/ 
	  clear        : both; 
}
#separator_down{
 	 width     : 480px; 
	  position  : relative;
	  background-color : #FBFBFB;
	  border-bottom : 0.2em solid #9CC701;
}
#separator_top{
 	 width     : 480px; 
	  position  : relative;
	  background-color : #FBFBFB;
	  border-top : 0.2em solid #9CC701;
}
#separator_form_imagen{
 	  margin-top      : 10px;
	  margin-bottom   : 12px;
	  background-color: #FAFCEF;/*#F5FAE2;*/
	  padding         : 4px;
	  border-bottom   : 1px solid #9CC701;/*AFAFA4*/
	  border-top      : 1px solid #9CC701;
}
#separator_form{
 	  margin-top      : 10px;
          width           : 440px; 
	  margin-bottom   : 12px;
	  font-size       : 10px;
	  background-color: #FAFCEF;/*#F5FAE2;*/
	  color           : #656552;
	  padding         : 4px;
	  border-bottom   : 1px solid #9CC701;/*AFAFA4*/
	  border-top      : 1px solid #9CC701;
}
#separator_form a{
	  font-size       : 11px;
	  color           : #9CC701;
	  font-weight     : bold;
	  text-decoration : underline;
}
#separator_form a:hover{
	  text-decoration: none;
	  color          : #006925; 
}
/*************************************************************************/

/*Noticia principal*/
#post_footer{
	  width     : 480px; 
	  height    : 10px;
	  float     :left; 
	  background-color:#EFF7E4;
}

#post_footer a{
	  float           : right;
	  margin          : -5px 0px 0px 4px;
	  font-size       : 11px;
	  color           : #9CC701;
	  line-height     : 20px;
	  font-weight     : bold;
	  text-decoration : underline;
}
#post_footer a:hover{
          text-decoration: none;
	  color          : #006925; 
}

/*Posicion del Date*/
#post_header{
	  position     : relative;
	  width        : 480px;
	  color        : #000000;
	  padding-right: 4px;
}


#post_header h3 {
	  margin-top      : 0px;
	  margin-bottom   : 10px;
	  font-size       : 17px;
	  color           : #518412;
	  padding         : 4px;
	  border-bottom   : 1px solid #AFAFA4;
	  clear           : both;
}

#post_header .date
{
	  position   : absolute;
	  right      : 5px;
	  top        : 0px;
	  font-size  : 11px;
	  line-height: 35px;
	  color      : #BDBDA2;
	  font-weight: bold;
}

/****************************Estas clases son para las imagenes***********************/

img.picture_main
{
	  position  : relative;
	  top       : -2px;
	  background: url('../imagenes/a48.gif') no-repeat;
	  width     : 48px;
	  height    : 48px;
	  padding   : 8px;
}
img.picture_main_two
{
	  position  : relative;
	  top       : -2px;
	  background: url('../imagenes/marco.gif') no-repeat;
	  width     : 95px;
	  height    : 92px;
	  padding   : 8px;
}
img.pictures
{

	  top            : -2px;
	  padding-left   : 150px;
	  width          : 200px;
	  height         : 200px;
}
img.picturestwo
{

	  top            : -2px;
	  padding-left   : 70px;
	  width          : 350px;
	  height         : auto;
}
img.picture_second
{
	  position  : relative;
	  top       : -2px;
	  background: url('../imagenes/a47.gif') no-repeat;
	  width     : 76px;
	  height    : 74px;
	  padding   : 8px;
}

img.picture_secundary_menu
{
	  position  : relative;
	  top       : -2px;
	  width     : 35px;
	  height    : 35px;
	  padding   : 8px;

}

img.picture_read
{
	  position  : relative;
	  top       : -2px;
	  width     : 13px;
	  height    : 13px;
	  padding   : 0px;
}
img.floatright
{
	  float  : right;
	  margin : 0px -1px 0px 0px;
}
img.floatleft
{
	  float  : left;
	  margin : 0px 4px 0px 0px;
}

img.floatcenter
{
	  float  : center;
	  margin : 10px 0px 0px 0px;
}
/*Pequeño truco para quitar el borde morado de los links*/
img {
  border: 0px;
}

/********************************Clases de los banner***********************************/
#content_banner{ 
	  width            : auto; 
	  height           : auto;
	  border           : 0px solid #cccccc;
	  background-color : #FFFFFF; 
	  margin-left      : 0px;
	  border           : 0px solid #CCCCCC;
}


/********************************************************************************************/
#separador_down{
	  width     : 800px; 
	  height    : 30px;
	  position  : absolute;
	  background: #FFFFFF url('../imagenes/barra_limite.gif') repeat-x;
}

/*Otro que sale de la pagina*/
#marco2{
	  text-align: left; 
	  width     : 100px; 
	  height    : 100px;
	  background: url('../header_csslab.gif') left top no-repeat;
	  margin    : auto; 
	  position  :absolute; 
	  top       : 300px; 
	  left      : 700px;
}
#marco3{
	  text-align: left; 
	  width     : 100px; 
	  height    : 100px;
	  background: url('../header_csslab.gif') left top no-repeat;
	  margin    : auto; 
	  position  : absolute; 
	  top       : 300px; 
	  left      : 400px;
}

/*un div para la primera columna*/
#columna{ 
	  clear         : both; 
	  color         : #cccccc; 
	  width         : 180px; 
	  height        : 100px;
	  background    : #ffffff;
	  text-align    : right; 
	  margin        : 10px 10px 0px 10px; 
	  padding-bottom:10px; 
}

/*******************************clases para los input****************************/
.submit {
     padding: 0;
     margin: 0;
     border: 0;
     background   : url('../imagenes/button.gif') repeat-x;
     width: 60px;
     height: 31px;
     color: #656552;
     font-size: 12px;
     font-weight: bolder;
     text-align: center;
     margin-left : 4px;
     cursor: pointer;
}

input.archivo
{
   position: relative;
   text-align: left;
   -moz-opacity:0;
   filter:alpha(opacity: 0);
   opacity: 0;
   z-index: 2;
}
#clase_input{ 
	  margin      : 0px 14px 4px 5px;
	  font-size   : 12px;
	  margin-top  : 10px; 
	  margin-left : 20px; 
	  width	      :	146px;
	  color       : #656552;
	  padding-left: 3px;
}


.inputErrordos
{
	font-size	:	11px;
	border		:	0px solid #CECFCE;
	padding		:	3px;
	background-color:       #FFFF66;
	color           :       #FF0000;
	  width	      :	146px;
}
.inputError
{
	font-size	:	11px;
	border		:	1px solid #CECFCE;
	padding		:	3px;
	background-color:       #FFFFFF;
	color           :       #FF0000;
	  width	      :	146px;
}

.inputErrorfile
{	font-size	:	9px;
	color           :       #FF0000;
	border		:	0px;
	width		:	146px;
}
.inputOculto{
	border          : 0px; 
	font-size       : 12px; 
	font-family     : "trebuchet ms", helvetica, sans-serif; 
	background-color:ffffff; 
	text-decoration :italic; 
	color           : #656552;
}
/*****************************Menu*********************************************/
/* Codigos css para el menu horizontal */
#menu_bar {
	  border-top     : 1px solid #000000;
	  background     : url('../imagenes/menu_fondo_negro.gif') repeat-x;
	  padding-bottom : -10px;
	  height         : 30px;
	  clear          : both; 
	  width          : 100%;
}

#menu_bar ul {
	  margin-top     : 0px;
	  margin-bottom  : -10px;
	  padding-top    : 0px;
	  padding-bottom : 0px;
	  padding-left   : 0px;
	  margin-left    : 0px;
	  height         : 30px;
	  background     : url('../imagenes/menu_fondo_negro.gif') repeat-x;
	  color          : White;
	  float          : left;
	  width          : 100%;
	  font-size      : 12px;
	  font-weight    : bold;

}

#menu_bar ul li {
	  display        : inline; 
	  padding-bottom : 0px;
}

#menu_bar ul li a
{
	  padding-top    : 10px;
	  padding-bottom : 0px;
	  padding-left   : 15px;
	  padding-right  : 15px;
	  margin-top     : 0px;
	  height         : 30px;
	  background     : url('../imagenes/menu_fondo_negro.gif') repeat-x;
	  color          : #EFEFEF;
	  text-decoration: none;
	  float          : left;
	  border-right   : 1px solid #fff;
	  border-left    : 1px solid #fff;
	  font-weight    : bold;

}

#menu_bar ul li a:hover
{
	  padding-top    : 10px;
	  padding-bottom : 0px;
	  text-decoration: none;
	  padding-left   : 15px;
	  padding-right  : 15px;
	  height         : 30px;
	  background     : url('../imagenes/menu_fondo_naranja.gif') repeat-x;
	  color          : #FFFFFF;
	  font-weight    : bold;

}
#menu_bar ul li a:active
{
	  padding-top   : 10px;
	  padding-bottom: 0px;
	  padding-left  : 15px;
	  padding-right : 15px;
	  height        : 30px;
	  background    : url('../imagenes/menu_fondo_amarrillo.gif') repeat-x;
	  color         : #FFFFFF;
	  font-weight    : bold;

}

/*************************Codigo para los espacios de los productos********************/
#content_main_prod{ 
	  width            : 480px; 
	  margin-left      : 0px;  
	  background-color : #FFFFFF; 
	  position         : relative; 
	  float            : top; 
}
#content_prod_mark{ 
	  width            : 160px; 
	  height           : auto;
	  background-color: #FFFFFF;
	  float            : left; 
}

#content_prod_in{ 
	  width            : 158px; 
	  margin-top       : 10px; 
	  background       : url('../imagenes/cuadro_body_prod.gif') repeat-y;
	  float            : left; 
}
#content_prod_in p{ 
	  margin      : 0px 14px 4px 15px;
	  font-size   : 12px;
	  color       : #656552;
	  padding-left:3px;
}
#content_prod_in p a{ 
	  font-size      : 12px;
	  height         : 120px;
	  color          : #656552;
	  text-decoration: none;
}
#content_prod_in a{ 
	  font-size   : 12px;
	  height      : 120px;
	  color       : #656552;
}
#content_prod_in a:hover{ 
	  font-size   : 12px;
	  height      : 120px;
	  color       : #9CC701;
}

#content_prod_in h3{
	  margin          : 0px 14px 4px 15px;
	  font-size       : 12px;
	  color           : #656552; 
	  padding-left	  :3px;
	  line-height     : 20px;
}

#content_prod_image{ 
	  margin      : 0px 0px 4px 27px;
	  font-size   : 12px;
	  color       : #656552;
	  line-height : 20px;
	  padding-left:3px;
}

#prod_head{
	  width: 158px; 
	  height : 10px; 
	  float:left; 
	  background: url('../imagenes/cuadro_head_prod.gif') no-repeat;
}
#prod_footer{
	  width: 158px; 
	  height: 15px;
	  float:left; 
	  background: url('../imagenes/cuadro_down_prod.gif') no-repeat;
}
/*************************Codigo para los espacios de los formularios********************/
#content_main_form{ 
	  width            : 480px; 
	  background-color : #FFFFFF; 
	  position         : relative; 
}
#content_mark_form{ 
	  width            : 460px; 
	  margin-left      : 20px;  
	  background-color : #FFFFFF; 
	  position         : relative; 
	  float            : top; 
}
#content_form_names{ 
	  width            : 150px; 
	  margin-top       : 10px; 
	  float            : left; 
	  border           : 0px solid #CCCCCC;
}
#content_mark_form h3{
	  margin          : 10px 14px 4px 0px;
	  font-size       : 15px;
	  color           : #656552; 
	  padding-left	  :3px;
	  line-height     : 20px;
}

#clase_textarea{ 
	  margin      : 0px 14px 4px 5px;
	  font-size   : 12px;
	  height      : 30px; 
	  color       : #656552;
	  padding-left:3px;
}
/*Este es para el contenido de los formularios*/
#content_form_inputs{ 
	  width            : 440px; 
	  margin-top       : 10px; 
	  float            : left; 
	  border           : 0px solid #CCCCCC;
}
/*Esta clase es para poner los nombres de los formularios*/
#clase_names{ 
	  margin      : 0px 0px 4px 0px;
	  font-size   : 12px;
	  height      : auto; 
	  color       : #656552;
}
#form_head{
	  width: 158px; 
	  height : 10px; 
	  float:left; 
	
}
#form_footer{
	  width: 480px; 
	  height: 15px;
	  float:left; 

}

/****************** Codigos css para el menu vertical **************/
#menu_vertical {
	  height         : 25px;
	  width          : 100px;
}

#menu_vertical a
{
	  padding-top    : 0px;
	  padding-bottom : 0px;
	  padding-left   : 15px;
	  padding-right  : 15px;
	  margin-top     : 0px;
	  width          : 100px;
	  height         : 25px;
	  background     : url('../imagenes/btn_menuh.gif') repeat-x;
	  color          : #000000;
	  text-decoration: none;
	  float          : left;
	  font-weight    : bold;

}

#menu_vertical a:hover
{
	  padding-top    : 0px;
	  padding-bottom : 0px;
	  text-decoration: none;
	  padding-left   : 15px;
	  padding-right  : 15px;
	  width          : 100px;
	  height         : 25px;
	  background     : url('../imagenes/btn_menuh.gif') repeat-x;
	  color          : #FFFFFF;
	  font-weight    : bold;

}
#menu_vertical a:active
{
	  padding-top   : 0px;
	  padding-bottom: 0px;
	  padding-left  : 15px;
	  padding-right : 15px;
	  width          : 100px;
	  height        : 25px;
	  background    : url('../imagenes/btn_menuh.gif') repeat-x;
	  color         : #FFFFFF;
	  font-weight    : bold;

}
/***********************Menu de links para el submenu del backoffice de cada sesión*********************************/
.sidenavb h1,.sidenavb ul {
	padding-left: 12px;
}
.sidenavb {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 135px;
}
.sidenavb h1 {
	color: #000;
	font-size: 14px;
/*	height: 30px;*/
	margin-top: 5px;
	margin-bottom: 5px;
}
.sidenavb ul {
	border-top: 1px solid #FAFAFA;
	background: url('../imagenes/bgul.gif') repeat-x;
	margin: 0;
	padding: 0;
}
.sidenavb li {
	border: 0px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenavb li a {
	color: #777;
	display: block;
	font-size: 12px;
	padding: 3px 6px 3px 0px;
	text-decoration: none;
}
.sidenavb li a:hover {
	color: #9CC701;
	text-decoration: none;
}
.sidenavb li a:active {
	color: #006925;
	text-decoration: none;
}
/***********************Separador para todos los menus**************************/
.sidenavb_separator{
	height : 10px;
        border-bottom : 0.2em solid #9CC701;
}
/***********************Menu de links izquierdo*********************************/
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 135px;
	  position  : relative;
}
.sidenav h1 {
	color: #000;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url('../imagenes/bgul.gif') repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 0px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 12px;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #9CC701;
	text-decoration: underline;
}
.sidenav li a:active {
	color: #006925;
	text-decoration: none;
}

/**********************Menu de links derecho**************************************************/
.sidenavr h1,.sidenavr ul {
	padding-left: 12px;
}
.sidenavr {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: right;
	width: 170px;
}
.sidenavr h1 {
	color: #000;
	font-size: 14px;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sidenavr ul {
	border-top: 1px solid #FAFAFA;
	background: url('../imagenes/bgul.gif') repeat-x;
	margin: 0;
	padding: 0;
}
.sidenavr li {
	border: 0px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenavr li a {
	color: #777;
	display: block;
	font-size: 12px;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenavr li a:hover {
	color: #9CC701;
	text-decoration: underline;
}
.sidenavr li a:active {
	color: #006925;
	text-decoration: none;
}

/**************************Clase para el foro****************/
#f_contenido{
 	  margin-top      : 10px;
          width           : 470px; 
	  margin-bottom   : 12px;
	  font-size       : 14px;
	  color           : #656552;
	  background-color: #FAFCEF;
	  padding         : 4px;
	  border-bottom   : 1px solid #9CC701;
	  border-top      : 1px solid #9CC701;
	  font-weight     : bolder;
}
/***************************Clase para la cabecera de los servicios**/
#cabecera {
	background: #9AD717 url('../imagenes/cabecera_serv2_antes.gif') no-repeat;
	width: 475px; 
	height: 27px; 
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both; 
	padding-top:13px; 
	font-size: 14px;
	text-align   : center; 
	color       : #FFFFFF;
	position: relative; 
	font-weight     : bold;
}
#blog{
	background-color: #FFFFFF;
	width: 475px; 
	height: auto; 
	font-size: 14px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 

}
#headerblog {
	background: #FBFBFB url('../imagenes/headerblog.gif') no-repeat;
	width: 475px; 
	height: 15px; 
	clear: both; 
	margin-top: 5px;
	_margin-bottom: -5px;
	font-size: 14px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 
	font-weight     : bold;
}
#footerblog {
	background: #FBFBFB url('../imagenes/footerblog.gif') no-repeat;
	width: 475px; 
	height: 15px; 
	margin-bottom: 5px;
	clear: both; 
	position: relative; 
}
#footerblog2 {
	background: #FBFBFB url('../imagenes/footerblog.gif') no-repeat;
	width: 475px; 
	height: 15px; 
	margin-top: -5px;
	margin-bottom: 5px;
	clear: both; 
	position: relative; 
}
#bodyblog{
	width: 475px; 
	height: auto; 
	font-size: 14px;
	_margin-bottom: -10px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 
	background: #FBFBFB url('../imagenes/bodyblog.gif') repeat-y;
}
#bodybg_big{
	width: 465px; 
	height: auto; 
	font-size: 14px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 
	padding-left : 6px;
}

#bodybg{
	width: 465px; 
	height: auto; 
	font-size: 14px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 
	padding-left : 6px;
}
#bodybgtitle{
	width: 465px; 
	height: 25px; 
	font-size: 14px;
	text-align   : justify; 
	color       : #656552;
	position: relative; 
	padding-left : 6px;
}
#bodybg a{ 
	  font-size   : 14px;
	  height      : 120px;
	  color       : #656552;
	  text-decoration: none;
}
#bodybg a:hover{ 
	  font-size   : 14px;
	  height      : 120px;
	  color       : #9CC701;
	  text-decoration: none;
}
#bodybg_big a{ 
	  font-size   : 14px;
	  height      : 120px;
	  color       : #656552;
	  text-decoration: none;
}
#bodybg_big a:hover{ 
	  font-size   : 14px;
	  height      : 120px;
	  color       : #9CC701;
	  text-decoration: none;
}
/*************************************************************************/
#boxright {
	float: left;
	width: 470px;
	padding-left: 5px;
	}

.box_left {
	float: left;
	width: 23px;
	height: 253px;
	background: url('../imagenes/box_left.jpg') no-repeat;
	}

.box_middle {
	float: left;
	width: 410px;
	height: 253px;
	text-align: justify;
	padding: 0px 5px 0px 5px;
	background: url('../imagenes/box_middle.jpg') repeat-x;
	}

.box_middle img {
	float: left;
	padding-right: 10px;
	}

.box_right {
	float: left;
	width: 23px;
	height: 253px;
	background: url('../imagenes/box_right.jpg') no-repeat;
	}