/**********************************************************************
*                         GRUPO AGRA                                 *
**********************************************************************/

body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #444444;
	line-height: 1.3;

}

img{
	border: 0px;
}
p{
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

input{
	margin: 0px;
	font-size: 11px;
	padding: 0px 0px 0px 2px;
}

select{
	margin: 0px;
	font-size: 11px;
}

form{
	margin: 0px;
	font-size: 12px;
}

	h1 {
	font-family:"Century Gothic", Courier, monospace;
	font-size:17px; font-weight: bold;
	color:#444444;
	height:23px; padding: 2px 0px 0px 17px;
	background:url(../images/icon_1.png) no-repeat left;
	margin: 0px 0px 18px 0px;
	}
	
	h1 a {
	color:#444444; text-decoration: none;
	}
	
	h1 a:hover {
	color:#444444; text-decoration: underline;
	}
	
	h2 {
	font-family:"Century Gothic", Courier, monospace;
	font-size:17px; font-weight: bold;
	color:#444444;
	height:23px; padding: 2px 0px 0px 17px;
	background:url(../images/icon_1.png) no-repeat left;
	margin: 15px 0px 17px 0px;
	}
	
	h3 {
	font-family:"Century Gothic", Courier, monospace;
	font-size:15px; font-weight: bold;
	color:#444444;
	height:23px; padding: 2px 0px 0px 17px;
	background:url(../images/icon_2.gif) no-repeat left;
	margin: 15px 0px 10px 0px;
	}
	
.button_2 {
    border: none;
	font-size: 12px;
	letter-spacing: 1px;
	width: 83px;
	height: 23px;
    background: url(../images/btn3_.png) no-repeat top left;
    padding: 2px 8px;
	margin-left:10px;
	color:#333333;
}
.button_2:hover {
    border: none;
	font-size: 12px;
	width: 83px;
	height: 23px;
    background:  url(../images/btn4_.png) no-repeat top left;
    padding: 2px 8px;
	cursor:pointer;
	color:#333333;
}


/*********************************************
*                  DIVS ID                   *
*********************************************/

.background_1{
	background: url(../images/bg_body.png) repeat-x #242424;
}

.background_2{
	background: url(../images/bg_body2.png) repeat-x #242424;
}

.wrapper{
	width: 980px;
	margin: 0px auto;
	text-align:left;
	background: #FFFFFF;
	position:relative
}

.top{
	height: 142px;
	background: #242424;
	color:#FFFFFF;
	position:relative;
}

.logo{
	width: 444px; height: 142px;
	float: left;
}

.idioma{
	width: 214px; height: 36px; padding: 7px 0px 0px 0px;
	position: absolute; top: 0px; right: 2px; color:#0CA329;
	font-family: Tahoma, Helvetica, sans-serif; font-weight:bold;
	background:url(../images/bg_idioma.png) top center no-repeat;
}

.fecha{
	width: 285px; height: 18px; padding: 0px 15px 0px 0px;
	position: absolute; top: 80px; right: 2px; color:#CCCCCC;
	text-align:right;
}

.top_menu{
	width: 385px; height: 18px; padding: 0px 15px 0px 0px;
	position: absolute; top: 105px; right: 2px; color:#666666;
	text-align:right;
}

.top_menu a {
	color: #CCCCCC; text-decoration: none;
}

.top_menu a:hover {
	color: #009900; text-decoration: none;
}

.header {
	height: 331px;
	padding: 3px 3px 0px 3px;
}

.header2 {
	height: 170px;
	padding: 3px 3px 0px 3px;
	background: url(../images/bg_header.png) top center no-repeat;
}

/*.carousel {
	height: 188px; background: #F1F1F1; margin:0px 10px 0px 10px;
}

.carousel_content {
	width: 918px; float: left; height: 188px;
}*/

.product {
	width: 266px; height: 145px; float: left; margin: 15px 0px 0px 21px; display: inline;
	background: url(../images/bg_mod_producto.png) top repeat-x; padding: 6px;
}

.product_2 {
	background: #FBFBFB; height: 100%;
}

.product_title {
    border-bottom: 1px solid #666666;
	font-family:"Century Gothic", Courier, monospace; font-size: 14px; font-weight: bold;
	padding: 6px 0px 4px 0px; margin: 0px 6px 6px 6px;
}

.product_img {
    height: 66px; background: #E7E7E7; margin: 0px 6px 0px 6px; padding:3px;
}

#cuerpo {
	margin: 30px 20px 10px 20px; height:100%; overflow:hidden; position:relative; text-align:justify;
}

.line {
	background:url(../images/bg_cuerpo.jpg) center repeat-y;
}

.main {
	width: 618px; float:left; margin: 0px 45px 0px 0px;
	text-align:justify; position:relative;
}

.colum_right{
	width: 277px; float:left;
}

.noticias{
	height: 161px;overflow:hidden;
}

.noticias a, #todas_noti a {
	color: #444444; text-decoration: none;
}

.noticias a:hover, #todas_noti a:hover {
	color: #000000; text-decoration: underline;
}

#todas_noti ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#todas_noti li  {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 18px;
	background: url(../images/icon_2.gif) no-repeat;
}



.noticias ul {	
	padding: 0px;
	margin: 0px;
}

.noticias li {	
	list-style-type: none; 
	background: url(../images/list_noti.png) bottom repeat-x;
	padding: 0px 0px 9px 0px;
	/*border-bottom: 1px dotted #555555;*/
	margin: 0px 0px 9px 0px;
}

.marcas{
	clear: both; height: 99px; background: url(../images/bg_marcas.png) bottom repeat-x;
	padding: 50px 0px 0px 0px;
}

.marca{
	margin: 0px 0px 17px 0px;
}

.categoria_img{
	height: 197px; background: url(../images/bg_colaborador.png); padding: 6px;
}

.categoria_img2{
	background: #FBFBFB; height: 100%; padding: 1px; text-align:center;
}

.categoria_text{
	text-align:center; font-size: 11px; margin: 10px 0px 0px 0px;
}

.categoria_marca{
	margin: 15px 0px 0px 0px; background: url(../images/bg_marca.jpg) top center no-repeat; 
	height: 28px; padding: 8px 0px 0px 40px;
}


.staff_foto{
	width: 108px; background:#E7E7E7; margin: 6px auto 0px auto; padding: 4px 1px 4px 1px; text-align:center;
}

.foot{
	padding: 13px; color:#CCCCCC; width: 954px; margin: 0px auto; text-align:left; overflow:auto; height: 100%;
}

.foot a {
	color:#CCCCCC; text-decoration: none;
}

.foot a:hover {
	color:#CCCCCC; text-decoration: underline;
}

.foot1{
	float:left;
}

.foot2{
	float:right;
}

.module{
	background: #F7F7F7; border: 1px solid #EFEFEF; padding: 13px 17px 17px 17px; margin: 0px 0px 15px 0px;
}

.module p{
	padding: 0px 0px 5px 0px;
}

.module a {
	text-decoration: underline; color:#444444;
}

.module a:hover {
	text-decoration: none; color:#000000;
}

.module_right{
	padding: 8px 0px 0px 17px;
}

.module_title{
	font-weight:bold; padding: 0px 0px 7px 0px; background: url(../images/list_noti.png) repeat-x bottom; color:#242424;
	margin: 0px 0px 12px 0px;
}

.module_title2 {
	font-weight:bold; padding: 0px 0px 7px 0px; background: url(../images/list_noti.png) repeat-x bottom; color:#0B8C24;
	margin: 0px 0px 12px 0px; font-size: 17px;
}

.module_title2 a{
  color:#0B8C24;
  text-decoration:none;
}

.module_prod{
	height: 136px; width: 136px; background: url(../images/bg_prod_ofer.jpg) repeat-x top; margin: 6px 0px 0px 0px;
	padding:7px;
}

.module_prod2{
	height: 132px; width: 132px; background:#FFFFFF; padding:2px;
}

.module_client{
	background: url(../images/bg_mod_client.jpg) repeat-x top; clear:both; padding: 2px 15px 15px 15px;
}

.client{
	background: url(../images/list_noti.png) repeat-x top; padding: 10px 0px 10px 0px;
}

.module_service{
	background: url(../images/list_noti.png) repeat-x bottom; padding: 10px 0px 15px 0px; margin: 0px 0px 20px 0px;
	overflow: hidden; height: 100%;
}

.module_service_title{
	background: url(../images/icon_2.gif) left no-repeat; padding: 0px 0px 0px 20px; color:#0B8C24; margin: 0px 0px 10px 0px;
	font-weight:bold; 
}

.cab_carrito{
	padding: 0px 0px 0px 0px; background: #F09100; color:#FFFFFF; text-align:center; font-weight:bold;
}

.prod_carrito{
	padding: 2px 0px 2px 0px; background: #F0F0F0; text-align:center; margin: 2px 0px 0px 0px;
}

.cab_line{
	border-right: 1px solid #FFFFFF; padding: 7px 0px 7px 0px;
}

.cab_line2{
	background:url(../images/line_car.jpg) right repeat-y; padding: 4px;
	/*border-right: 1px dashed #333333;*/
}

.prod_hover{
	width:228px; 
	height: 210px; 
	background: #ECE9D8; 
	position:absolute; 
	top: 87px; 
	left: 27px; 
	padding:1px; 
	border: 1px solid #999999;
}




/*********************************************
*                  ESTILOS                  *
*********************************************/

.links a {
	color: #444444; text-decoration: underline;
}

.links a:hover {
	color: #000000; text-decoration: none;
}

.bandera{
	padding: 4px 0px 0px 0px;
}

img.img_left{
	margin: 0px 10px 0px 0px;
}

.verde{
	color: #0B8C24;
}

.input_contact{
	border: 1px solid #999999;
	height: 16px;
	width: 208px;
}

.input_contact_selct{
	border: 1px solid #999999;
	height: 20px;
	width: 213px;
}

.input_contact_msj{
	border: 1px solid #999999;
	height: 60px;
	width: 208px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 3px;
}

.input_register {
	border: 1px solid #999999; width: 400px; height: 16px; margin: 5px 0px 5px 0px;
}

.title_register { 
	color: #0B8C24;
	font-weight:bold; margin-bottom: 5px;
	padding-left: 8px;
}

.obligatorio{
	color: #FF0000; font-size: 10px;
}

.input_selct_marca {
	border: 1px solid #7F9DB9;
	height: 20px;
	width: 223px;
}

.input_cantidad{
	border: 1px solid #666666;
	height: 16px;
	width: 45px;
	text-align:center;
}

/*********************************************
*                  MENU PRINCIPAL             *
*********************************************/


.menu{
	height: 45px; background: url(../images/bg_menu.png) top center no-repeat;;
	margin: 1px 3px 10px 3px;
}


.btn_inicio a {
	background: url(../images/btn_inicio.png) no-repeat 0% 0%; display:block; width:113px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_inicio a:hover {
	background: url(../images/btn_inicio.png) no-repeat 0px -45px;
}

.btn_empresa a {
	background: url(../images/btn_empresa.png) no-repeat 0% 0%; display:block; width:113px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_empresa a:hover {
	background: url(../images/btn_empresa.png) no-repeat 0px -45px;
}

.btn_producto a {
	background: url(../images/btn_producto.png) no-repeat 0% 0%; display:block; width:126px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_producto a:hover {
	background: url(../images/btn_producto.png) no-repeat 0px -45px;
}

.btn_promociones a {
	background: url(../images/btn_promociones.png) no-repeat 0% 0%; display:block; width:156px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_promociones a:hover {
	background: url(../images/btn_promociones.png) no-repeat 0px -45px;
}

.btn_certificacion a {
	background: url(../images/btn_certificacion.png) no-repeat 0% 0%; display:block; width:163px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_certificacion a:hover {
	background: url(../images/btn_certificacion.png) no-repeat 0px -45px;
}

.btn_cliente a {
	background: url(../images/btn_cliente.png) no-repeat 0% 0%; display:block; width:115px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_cliente a:hover {
	background: url(../images/btn_cliente.png) no-repeat 0px -45px;
}

.btn_contacto a {
	background: url(../images/btn_contacto.png) no-repeat 0% 0%; display:block; width:172px; height:32px; 
	margin: 0px 2px 0px 0px; float: left; padding: 13px 0px 0px 0px;
	font-family:"Century Gothic", Courier, monospace; color:#FFFFFF; font-size: 14px; font-weight:bold;
	text-decoration: none; text-align:center;	
}

.btn_contacto a:hover {
	background: url(../images/btn_contacto.png) no-repeat 0px -45px;
}

/*****************************************************************************************************************************
*                                                 BOTONES EXTRAS*                                                          *
/********************************************************************************************************************/

.btn_carousel_1 a {
	background: url(../images/carousel_1.png) no-repeat 0% 0%; display:block; width:21px; height:188px; 
	float:left;
}

.btn_carousel_1 a:hover {
	background: url(../images/carousel_1.png) no-repeat 0px -188px;
}

.btn_carousel_2 a {
	background: url(../images/carousel_2.png) no-repeat 0% 0%; display:block; width:21px; height:188px; 
	float:left;
}

.btn_carousel_2 a:hover {
	background: url(../images/carousel_2.png) no-repeat 0px -188px;
}


.btn_leer a {
	background: url(../images/btn_leer.png) no-repeat 0% 0%; display:block; width:90px; height:19px; 
	padding: 4px 0px 0px 0px; color:#444444;
	text-decoration: none; text-align:center;	
}

.btn_leer a:hover {
	background: url(../images/btn_leer.png) no-repeat 0px -23px;
}

.btn_prod a {
	background: url(../images/btn_prod.png) no-repeat 0% 0%; display:block; width:111px; height:22px; 
	padding: 4px 0px 0px 0px; color:#FFFFFF; margin: 6px 0px 0px 0px;
	text-decoration: none; text-align:center;	
}

.btn_prod a:hover {
	background: url(../images/btn_prod.png) no-repeat 0px -26px;
}

.btn_categoria a {
	background: url(../images/btn_categoria.png) no-repeat 0% 0%; display:block; width:240px; height:21px; 
	padding: 5px 0px 0px 37px; color:#444444; margin: 0px 0px 2px 0px;
	text-decoration: none;
}

.btn_categoria a:hover {
	background: url(../images/btn_categoria.png) no-repeat 0px -26px; color:#FFFFFF;
}

.btn_registro{
    border: none;
	font-size: 12px;
	width: 110px;
	height: 25px;
    background: url(../images/btn_registrate.jpg) no-repeat top left;
    padding: 0px 10px 0px 25px;
	margin-left:10px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.btn_registro:hover {
	background: url(../images/btn_registrate.jpg) no-repeat 0px -25px; color:#FFFFFF;
}

.btn_ver_cert a {
	background: url(../images/btn_certificados.jpg) no-repeat 0% 0%; display:block; width:127px; height:22px; 
	padding: 4px 0px 0px 10px; color:#FFFFFF; margin: 6px 0px 0px 0px;
	text-decoration: none; text-align:center;	
}

.btn_ver_cert a:hover {
	background: url(../images/btn_certificados.jpg) no-repeat 0px -26px;
}

.btn_pregunta a {
	background: url(../images/btn_pregunta.jpg) no-repeat 0% 0%; display:block; width:158px; height:22px; 
	padding: 6px 0px 0px 38px; color:#FFFFFF; margin: 6px 0px 0px 0px;
	text-decoration: none; font-weight:bold; text-align:left;
}

.btn_pregunta a:hover {
	background: url(../images/btn_pregunta.jpg) no-repeat 0px -28px;
}

.btn_zoom {
	background: url(../images/btn_zom.jpg) no-repeat 0% 0%; display:block; width:21px; height:24px; 
}

.btn_zoom:hover {
	background: url(../images/btn_zom.jpg) no-repeat 0px -24px;
}

.advertencia { border:1px solid red; width:98%; line-height:40px; text-align:center; margin-bottom: 14px;}

.clear {
  clear:both;
}

#contact table, #contact td, #contact tr{
  border:0px !important;
}

.paginacion {
width: 99%; text-align:right; margin:10px; font-size:14px
}

.paginacion a {
padding:0 5px 0 5px; text-decoration:none; font-weight:bold; color:#F09100
}
.paginacion a:hover {
color:#454545;
}

.paginacion span {
padding:3px 5px 3px 5px; text-decoration:none; border:1px solid #454545; margin:0 3px 0 3px
}

.paginacion a img {
padding:0;
}

/************* TOOLTIP ****************/
#preview{
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
}

/* Special Tabs clientes
----------------------------------*/

#tabs ul{
  padding:0px !important;
  width:100%;
}

.ui-tabs .ui-tabs-nav li { 
  list-style: none; 
  float: left; 
  /*position: relative;*/ 
  /*top: 1px; */
  /*margin: 0 .2em 1px 0; */
  /*border-bottom: 0 !important; */
  /*padding: 0; */
  /*white-space: nowrap; */
}
.ui-tabs .ui-tabs-nav li a { 
  float: right; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
  cursor: text; 
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 

.ui-tabs .ui-tabs-hide { 
  display: none !important; 
}

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

.btn { float:right; margin-left:15px }

.btn_cotizando {
	background: url(../images/btn_cotizando.png) no-repeat 0% 0%; display:block; width:127px; height:22px; color:#FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; padding: 6px 0px 0px 34px;
	text-align:left;
}

.btn_cotizando:hover {
	background: url(../images/btn_cotizando.png) no-repeat 0px -28px;
}

.btn_enviar {
	background: url(../images/btn_cotizando.png) no-repeat 0% 0%; display:block; width:127px; height:22px; color:#FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; padding: 6px 0px 0px 34px;
	text-align:left;
}

.btn_enviar:hover {
	background: url(../images/btn_cotizando.png) no-repeat 0px -28px;
}