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

/**************** clases variables para el fondo estatico*************/
.body800, .body1024 {	background:#016800 url(imagenes/fondo1024.jpg) center top fixed no-repeat }
.body1280 {	background:#016800 url(imagenes/fondo2.jpg) center top fixed no-repeat }
.body1440 { background:#016800 url(imagenes/fondo1440.jpg) center top fixed no-repeat }
.body1600 { background:#016800 url(imagenes/fondo2.jpg) center top fixed no-repeat }
/*********************************************************************/

*{margin:0; padding:0;}

/*body {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}*/
#contenedor_total {
width:950px;
margin:auto;
}

#head {
height:155px;
width:950px;
position:relative;
background-image:url(img/head.jpg);
background-repeat:no-repeat;
}

	#login {position:absolute; top:65px; left:730px; width:220px; height:75px; z-index:10000;}
		#login a {color:#FFFFFF;}
		#login a:hover {color:#CCCCCC;}

/*********formulario de la cabecera (log in) ****************/

#input_cont { width:23px; height:52px; float:right; /*background-image:url(img/back_login_2_r1_c10.jpg);*/ background-repeat:no-repeat; background-position:right;}

.inputs { width:88px; /*height:17px;*/ border:0px; margin-bottom:2px; }


#botoon_cont { height:50px; width:166px; float:;  margin-left:15px; text-align:right; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; *padding-top:5px; padding-top:5px; /*background-image:url(img/back_login_2_r1_c1.jpg);*/ background-repeat:no-repeat;}

#button3 {overflow:hidden;
		display:block;
		width:23px;
		_margin-left:10px;
		padding-top:28px;
		height:0;
		*height:28px;
		background:url(img/back_login_r1_c10.jpg);
		background-position:bottom;
		border:none;
		cursor:pointer;
		margin-top:22px;
		}

/***********************************************************/

#contenido {
position:relative;
width:950px;
background-image:url(img/back_contenedor_total.jpg);
background-repeat:repeat-y;
}

	#izquierda {
	float:left;
	width:181px;
	background-color:#76B333;
	}
	
	#texto {
	float:left;
	width:538px;
	padding-left:20px;
	padding-right:30px;
	}
	
	#derecho {
	float:right;
	width:181px;
	background-color:#333333;
	}

#pie {
width:950px;
height:32px;
background-image:url(img/pie_fondo.jpg);
background-repeat:no-repeat;
clear:both;
}

/**********************************texto y contenido central***************************/
#texto h1 {
font-family:Arial, Helvetica, sans-serif;
color:#76B333;
font-size:17px;
padding-top:15px;
font-weight:bold;
}

	#texto strong{
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
	#texto p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	

a#ampliar {display:block; overflow:hidden; height:0; width:116px; padding-top:23px; background-image:url(img/ampliar.jpg); margin:auto;}
a#ampliar:hover {display:block; overflow:hidden; height:0; width:116px; padding-top:23px; background-image:url(img/ampliar_h.jpg); margin:auto;}


#recuadro_avisos {
width:164px;
height:195px;
border:#CCCCCC 1px solid;
float:left;
margin-top:20px;
margin-right:10px;
text-align:center;
}
        #foto_aviso
	{
	  width: 134px;
	  /*height: 100px;*/
   	  float: left;
	  margin-left: 10px;
	  margin-top: 10px;
	}
        
        #grupo
	{
	  width: 164px;
	  height: auto;
   	  float: left;
	  margin-top: 120px;
	}
	

	#recuadro_avisos img {
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#recuadro_avisos strong{
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
	#recuadro_avisos p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#recuadro_avisos_derecha {
width:164px;
height:195px;
border:#CCCCCC 1px solid;
float:left;
margin-top:20px;
margin-right:10px;
text-align:center;
}

	#recuadro_avisos_derecha img {
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#recuadro_avisos_derecha strong{
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
	#recuadro_avisos_derecha p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}


.banner_pie {
/*margin-right:8px;*/
margin-right:4px;
margin-bottom:4px;
float:left;
}

.banner_pie_derecha {
float:left;
}


/**************************************************************************************/
/***************** estilos de la columba izquierda ********************/

#izquierda h1{
height:0;
padding-top:34px;
width:181px;
background-image:url(img/left_top.jpg);
display:block;
overflow:hidden;
font-size:5px;
}

#izquierda form {
padding:10px 0 0 10px;
}
	.input1 {
	width:133px;
	height:17px;
	border:none;
	border-color:#FFFFFF;
	float:left;
	}
	
#izquierda h2.categorias {
margin-top:0px;
*margin-top:0px;
margin-bottom:10px;
padding-top:19px;
width:181px;
height:0;
display:block;
overflow:hidden;
background-image:url(img/left_titulo_categorias.jpg);
font-size:5px;
}

/**************************familias principales Menu***********************/

#total li {
list-style-type:none;
font-weight:bold;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
_padding-left:8px !important;
padding-left:8px;

}

#total a{
width:157px;
height:17px;
padding-top:1px;
padding-left:24px;
background-color:#76B333;
background-image:url(img/li_principal.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:12px;
}

#total a:hover {
width:157px;
height:17px;
padding-top:1px;
padding-left:24px;
background-color:#FDFDFD;
background-image:none;
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#76B333;
font-size:12px;
}

/*************************submenus****************************/
#menu {
	width:181px;
	display:block
}
#menu a, #menu h2 a {
	padding:3px 0 2px 17px;*padding:0 0 2px 17px;
	background:#76B333;
	display:block;
	_height:17px;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	outline:none
}
#menu a:hover, #menu h2 a:hover {
	color:#76B333;
	background:#fff
}
#menu .sub {
	color:#76797C
}
#menu .sub ul {
	background:#eee
}

#menu .sub ul a {
	background:white;
	border-bottom:1px solid #eee;
	color:#76B333;
	padding-left:23px
}
#menu .sub ul a:hover {
	background:#76B333;
	color:white
}
ul {
	list-style: none;
	padding: 0
}
#menu h2.open a {
	background:#016800;
	color:#fff
}
/*
#izquierda ul#sub_total {
padding-left:0;
}

#sub_total li {
list-style-type:none;
margin-left:-8px;
*margin-left:-16px !important;

}

#sub_total a{
_width:162px;
width:151px;
height:17px;
padding-top:1px;
padding-left:30px;
background-image:none;
background-color:#76B333;
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

#sub_total a:hover {
_width:162px;
width:151px;
height:17px;
padding-top:1px;
padding-left:30px;
background-color:#FDFDFD;
background-image:none;
display:block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#76B333;
font-size:12px;
}

/*******************************columna derecha*****************************/

#derecho h1 {
height:0;
display:block;
overflow:hidden;
font-size:5px;
background-image:url(img/derecha_top.jpg);
padding-top:56px;
width:181px;
}
/*
#que_buscas {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:14px;
}

#que_buscas p{
padding-bottom:1px;
}
*/
.cotizacion  { padding:10px; text-align:center }
.cotizacion p { background:#fff }
	.input1 {
	width:140px;
	height:17px;
	border:none;
	sccroll:none;
	}
	
	.texto {
	width:140px;
	height:64px;
	scroll:none;
	border:none;
	}
	
	.boton_enviar {
	width:140px;
	background-image:url(img/derecha_boton_enviar.jpg);
	height:17px;
	border:none;
	cursor:pointer;
	padding-bottom:3px;
	*height:20px;
	}


#articulos {
padding-left:14px;
padding-right:14px;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

	#articulos a#leermas {display:block; height:0; overflow:hidden; width:69px; padding-top:15px; background-image:url(img/derecha_boton_leermas.jpg); margin-left:80px; margin-bottom:10px; font-size:3px; color:#76B333;}
	#articulos a#leermas:hover {display:block; height:0; overflow:hidden; width:69px; padding-top:15px; background-image:url(img/derecha_boton_leermas_h.jpg); margin-left:80px; margin-bottom:10px; font-size:3px; color:#76B333;}

#articulos a {display:block; margin-bottom:9px;text-decoration:none; background:url(img/item-h.png) no-repeat 0 2px;padding-left:12px;*padding-left:10px;color:#f9f9f9;font-weight:bold}
#articulos a:hover { background:url(img/item.png) no-repeat 0 2px; color:#a0d633 }
/*********** pie **********************/
#pie p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
text-align:center;
}

#pie a{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#pie a:hover{
font-weight:bold;
text-decoration:none;
color:#999999;
}

/**************************************/


/***************************************************************************/

/******************** CLEAR FIX ******************************/

* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

/*************************************************************/

/********* estilos agregados luego de la programacion *********************/
h2 {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
}

.input_publicar_aviso {
	border:1px solid #999;
	margin:3px;
	font-size:10px;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:normal;
}

label {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#filtroboton {
font-weight:bold;
background-color:#76B333;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
padding:3px;
cursor:pointer;
border:none;
}

.linkofrecer
{
background-color:#76B333;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
cursor:pointer;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

em {
color:#76B333;
}

.tablaa {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
}

.span_cerrar {
color:#333333;
font-weight:bold;
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#boton_confirmar { height:0px; padding-top:34px; display:block; overflow:hidden; background-image:url(img/bot_conf_publicacion.jpg); width:169px;}

#boton_regresar_listado { height:0px; padding-top:34px; display:block; overflow:hidden; background-image:url(img/bot_regresar_listado.jpg); width:169px;}

#leermas { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#006600; padding:2px; text-decoration:none; }


/***********enlace paginado***************/
.paginado{
text-align:center;
}
.no_link_pg{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#003300;
padding:2px;
border: 1px solid #99CC66;
}

.link_pg{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#003300;
padding:2px;
border: 1px solid #99CC66;
text-decoration:none;
background-color:#D8E8BF;
}