/* GENERAL */
*       	{ margin: 0; padding: 0; }
body    	{ font: 62.5% arial, helvetica, sans-serif; color: #666;  background: #fff; }
img     	{ border: 0; }
a       	{ text-decoration: none; color: #dfa110; font-weight: bold; }
a:hover 	{ color: #9a0000; }
.clear	{ clear: both; }
.error	{ color: #f00; font-size: 0.8em; font-weight: bold; }
.cursor	{ cursor: pointer; }

hr{border:0px; border-top:1px solid #ddd; background:#ddd; height:1px; margin:5px 0; padding:0px;}

/* LAYOUT ------------------------------ */

	/* CAPSULE */
		#capsule    { margin: 0 auto; text-align: left; width: 798px; background: url('/css/bg_empresa.png') no-repeat #fff;  border: 1px solid #f0a21a; border-top: none; }

	/* HEADER */
		#header						{ height: 288px; position: relative; }
		#header #logo				{ position: absolute; left: 20px; top: 10px; }
		#header h1        {float:right; margin:50px 40px 0 0; font-size:14px; color:#999;}
		#header #background		{ position: absolute; right: 0; bottom: 0; z-index: 2; }
		#header #transparencia	{ position: absolute; right: 0; top: 112px; z-index: 1; }
		/* menu horizontal */
		#header #menu_h			{ position: absolute; right: 16px; top: 93px; }
		#header #menu_h	li		{ display: inline; color: #fff; border-left: 1px solid #fff; padding-left: 5px; margin-left: 17px; font-size: 1.1em; }
		#header #menu_h a       { text-decoration: none; color: #fff; font-weight: normal; }
		#header #menu_h a:hover { color: #fcd143; }
		#header #menu_h .sel		{ border-left: 1px solid #fcd143; }
		#header #menu_h .sel a	{ color: #fcd143 !important; font-weight:bold;}
		
		/* menu vertical */
		#header #menu_v				{ position: absolute; left: 0; top: 94px; width: 240px; }
		#header #menu_v a				{ text-decoration: none;  color: #000; font-weight: normal;  display:block; padding:3px 0;}
		#header #menu_v a:hover		{ color: #fff; }
		#header #menu_v	h2			{ font-size: 1.1em; color: #000; padding: 5px 0 0px 10px; }
		#header #menu_v	li			{ display: block; color: #000; _border:1px solid #fdb918; margin:0px !important;margin:0px !important; font-size: 1.1em; border-top: 1px solid #f3ab1b; padding-left: 15px; }
		#header #menu_v	li:hover	{ background: #fdb918; }
		#header #menu_v .sel			{ background: #fdb918; }
		#header #menu_v .sel a		{ color: #fff;}
		
		/* BLOOP */
		#bloop_empresa							{ position: absolute; left: 300px; top: 244px; width: 330px; padding-top: 4px; border-top:1px solid #fadcab; color: #000; font-size: 1.1em; }
		#bloop_empresa a{color:#333;}
    #bloop_marca_empresa					{ position: absolute; right: 20px; top: 124px; }
		#bloop_empresa_productos			{ position: absolute; left: 350px; top: 144px; width: 200px; color: #000; font-size: 1.1em; }
		#bloop_marca_empresa_productos	{ position: absolute; right: 20px; top: 124px; }
		#bloop_servicios					{}
		#bloop_marca_servicios			{}
		#bloop_catalogo					{ position: absolute; left: 280px; top: 130px; width: 200px; color: #000; font-size: 1.1em; }
		#bloop_marca_catalogo			{}
		#bloop_contactar					{}
		#bloop_marca_contactar			{}
		#bloop_localizacion				{}
		#bloop_marca_localizacion		{}
		
		
	/* CONTENT */
		#content		{ }
		
	/* CONTENT_LEFT */
		#content_left					{ float: left; width: 220px; text-align: center; }
		#content_left #soporte		{ padding-top: 20px; }
		#content_left #direccion	{ padding: 130px 0 0 20px; text-align: left; }
		#content_left #direccion blockquote	{ padding: 10px 0 0 10px; color: #000; }
		#content_left #direccion blockquote	a { color: #00F; text-decoration: none; }
		#content_left #direccion blockquote	a:hover { text-decoration: underline; }

	/* CONTENT_RIGHT */
		#content_right		{ float: right; width: 560px; }
	
	/* FOOT */
		#foot			{ padding: 8px 0; margin-top: 30px; text-align: left; background: #f0a21a; }
		#foot #powered {float:right; color:#966208; margin:0 20px 0 0;}
		  #foot #powered a{color:#966208;}
		
		/* menu inferior */
		#foot #menu_i				{  }
		#foot #menu_i	li			{ display: inline; color: #fff; border-left: 1px solid #fff; padding-left: 5px; margin-left: 17px; font-size: 1.1em; }
		#foot #menu_i a       	{ text-decoration: none; color: #fff; font-weight: normal; }
		#foot #menu_i a:hover 	{ color: #fff; }
		#foot #menu_i .sel		{ border-left: 1px solid #000; }
		#foot #menu_i .sel a		{ color: #000; }

/* --------------------------------------------------------------------------------------------------------------------- */

/* ZONAS */
	/* NOTICIAS */
		.zona_noticia				{ padding: 0 20px 20px 0; }
		.zona_noticia #listado_noticias li		{ list-style-type: none; }
		.zona_noticia #listado_noticias li a	{ text-decoration: none; color: #666666; font-weight:bold; font-size:1.2em; }
		.zona_noticia span			{ color: #f46401; letter-spacing: 3px; }
		.zona_noticia h1			{ font-size: 1.4em; color: #de0105; padding-bottom:10px; }
		.zona_noticia .noticia			{ margin-left: 9px; padding-left: 10px; border-left: 1px dashed #f46401; }
		.zona_noticia .noticia p		{ font-size: 1.2em; }

		.zona_producto				{ float: left; width: 258px; padding: 0 20px 20px 0; }
		.zona_producto span		{ color: #f46401; letter-spacing: 1px; }
		.zona_producto h1			{ font-size: 1.4em; color: #de0105; padding-bottom:10px; }
		.zona_producto .producto				{ margin-left: 9px; padding-left: 10px; border-left: 1px dashed #f46401; }
		.zona_producto .producto h1			{ font-size: 1.2em; color: #666; padding-bottom: 10px; }
		.zona_producto .producto h2			{ font-size: 1.2em; color: #f46401; padding-left: 15px; padding-bottom: 20px; background: url('/css/flecha_1.gif') 0 1px no-repeat; }
		.zona_producto .producto p				{ font-size: 1.2em; }
		.zona_producto .producto blockquote	{ padding-left: 17px; }
		.zona_producto .producto span			{ padding: 0 10px 0 10px; background: url('/css/flecha_2.gif') 0 3px no-repeat; }
		.zona_producto .producto img			{ left: -26px; position: relative; padding-bottom: 10px; }
		
/* PRODUCTOS */
	#list_productos 						{ padding-bottom: 120px; display: table; width: 100%;  }
	#list_productos h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }

	#list_productos .product			{ float: left; width: 180px; height: 180px; position: relative; }
	#list_productos .product img		{  }
	#list_productos .product .text	{ line-height:11px; color:#000; left: 0; margin-left: 30px; position: absolute; top: 130px; width: 140px; font-size: 1.1em; }
	#list_productos .oferta {clear:both; padding-right:15px; color:#ca1132; font-weight:bold; font-size:11px; text-align:right; margin-top:10px;}
	   #list_productos .oferta img {vertical-align:bottom; margin-right:5px;}
	
	#ficha_producto 					{ padding-bottom: 120px; display: table; width: 100%; font-size: 1.2em; }
	#ficha_producto h1					{ color: #ca1132; font-size: 18px; padding: 0 0 5px 0px; margin: 15px 40px 15px 0;  }
	#ficha_producto a       			{ text-decoration: none; color: #000cff; font-weight: normal; }
	#ficha_producto a:hover 			{ color: #000cff; text-decoration: underline; }
	#ficha_producto table table td a       			{ text-decoration: none; color: #666; font-weight: normal; }
	#ficha_producto table table td a:hover 			{ color: #666; text-decoration: none; }
  
  #ficha_producto .oferta { color:#F60; font-weight:bold; font-size:11px !important; line-height:40px; vertical-align:bottom;}
	   #ficha_producto .oferta img { vertical-align:middle; margin-right:5px;}
  
  #ficha_producto b{}
  #ficha_producto ul{ padding-left:20px;}
    #ficha_producto li{line-height:12px; list-style:square; padding:0px; margin:0px;}
  
/* SERVICIOS */
#servicios h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }
#servicios p{margin:10px 0 10px 20px; font-size:12px; line-height:18px;}
#servicios td{vertical-align:top;}
	
/* CAT�LOGO */
	#catalogo 						{ padding-bottom: 120px; display: table; width: 100%; }
	#catalogo table				{ font-size: 1.2em; margin-left:20px; }
	#catalogo h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }
	#catalogo .download			{ background: url('/css/flecha_download.gif') no-repeat; padding-left: 15px; color: #106e00 !important; font-weight: bold; }
	
/* CONTACTAR */
	#contactar 						{ padding-bottom: 120px; display: table; width: 100%; }
	#contactar table				{ font-size: 1.2em; margin-left: 15px; width: 90%; }
	#contactar table td				{ vertical-align: top; }
	#contactar h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }
	#contactar span				{ font-size: 0.9em; color: #a4a4a4; }
	#contactar input, #contactar textarea	{ font: 1.1em Arial; padding: 2px; }
	#contactar input				{ width: 100%; }
	#contactar textarea			{ height: 100px; width: 100%; }
	#contactar p					{ padding-bottom: 10px 0;	}
	#contactar a.submitter					{ color: #ca1132; }
	#contactar span.nowrap					{ white-space: nowrap; color: #666; font-size: 1em; }
	#contactar img.ok					{ float: left; border: 0px; margin-right: 50px; }

/* LOCALIZACIÓN */
	#localizacion 						{ padding-bottom: 120px; display: table; width: 100%; }
	#localizacion table				{ font-size: 1.2em; margin-left: 15px; width: 90%; }
	#localizacion table	td			{ vertical-align: top; }
	#localizacion table	td.td_left			{ width: 215px; }
	#localizacion table	td div.td_right			{ float: right; }
	#localizacion table	td div.td_right blockquote	{ font-size: 0.9em; padding: 10px 0 0 10px; }
	#localizacion h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }	
	#localizacion #map					{ margin: 30px 40px 40px 15px; height: 280px; border: 1px solid #74b2ff; }	
	
/* NOTICIAS */
	#noticias						{ }
	#noticias h1					{ color: #ca1132; font-size: 2.4em; padding: 0 0 5px 20px; margin: 15px 40px 15px 0; border-bottom: 1px solid #d1d1d1; }
	#noticias .news					{ margin-bottom: 40px; font-size: 1.2em; }
	#noticias .news .title span		{ color: #f46401; letter-spacing: 3px; }
	#noticias .news .title h2		{ font-size: 1.2em; color: #f46401; padding-bottom: 5px; padding-left: 20px; }
	#noticias .news .title a		{ color: #f46401 !important; }
	#noticias .news .cuerpo			{ margin: 0 20px 0 29px; padding-left: 10px; border-left: 1px dashed #f46401; }
	#noticias .news .info 			{ padding-top: 10px; margin-left: 29px; padding-left: 10px; border-left: 1px dashed #f46401; }
	

	.news_menu 				{ padding: 60px 0 200px 25px; text-align: left; font-size: 12px; }
	.news_menu li			{ margin-left: 20px; list-style-type: square; color: #ff6600 !important; }
	.news_menu a{color:#f0871a;}
	   .news_menu a:hover{color:#f46401;}
	.categorias				{ padding-bottom: 10px; }
	
/* PAGINACIÓN */
	.paginacion									{ float: rigth; padding: 3px; margin:30px 10px; text-align: right;  }
	.paginacion a								{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #333; text-decoration: none;  color: #fff; background: #c7c4b9 url('btn_paginacion_off.gif'); }
	.paginacion a:hover, .paginacion a:active   { border: 1px solid #333; color: #fff !important; background: #666 url('btn_paginacion_on.gif'); }
	.paginacion span.current					{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #333; font-weight: bold; background: #666 url('btn_paginacion_on.gif'); color: #fff !important; }
	.paginacion span.disabled					{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }