/* CSS Document */

#comercial {
	position: relative;
	width: 743px;
	margin: 0 auto;
}

	#comercial  p {
		text-align: justify;
	}
	
	#comercial a {
		outline: 0;
	}

	#comercial .titulo {
		padding: 0 0 0 30px;
		height: 28px;
		overflow: hidden;
		line-height: 28px;
		color: #FFF;
		font-size: 12px;
		background: url(images/titulo_bg.png) 0 0 no-repeat;
	}
	
		#comercial .titulo a {
			text-decoration: none;
			color: #FFF;
			cursor: pointer;
		}
		
		#comercial .titulo a:hover {
			text-decoration: underline;
		}
	
	/* SLIDER */
	
	#comercial #com_slider {
		position: relative;
		width: 743px;
		height: 245px;
		overflow: hidden;
		/* background: url(images/slider_bg.jpg) right 0 no-repeat */
		background: #EFEFEF;
	}
	
		#comercial #com_slider_visor {
			position: relative;
			width: 743px;
			height: 245px;
			overflow: hidden;
		}
		
			#comercial #com_slider_visor .contenedor {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 10000px;
				height: 245px;
			}
			
				#comercial #com_slider_visor .contenedor img {
					float: left;
				}
			
			#comercial .controles {
				position: absolute;
				top: 200px;
				right: 20px;
				width: 54px;
				height: 24px;
			}
			
				#comercial .controles a {
					display: block;
					float: left;
					width: 18px;
					height: 24px;
					line-height: 23px;
					font-size: 13px;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					color: #999;
					background: url(images/slider_btn_bg.png) 0 0 no-repeat;
					cursor: pointer;
				}
				
				#comercial .controles a:hover, 
				#comercial .controles a.sel {
					color: #FFF;
					background-position: 0 -24px;
				}
	
	/* TABS */
	
	#comercial .tabs {}
	
		#comercial .tabs ul {
			height: 1%;
			overflow: auto;
			margin: 0;
			padding: 0;
		}
		
		#comercial .tabs li {
			float: left;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#comercial .tabs a {
			display: block;
			padding: 4px 20px 9px 20px;
			height: 42px;
			line-height: 42px;
			font-size: 11px;
			font-weight: bold;
			color: #5a5a5a;
			text-decoration: none;
			text-transform: uppercase;
			background: #EFEFEF url(images/tab_bg_2.png) right top no-repeat;
			cursor: pointer;
		}
		
		#comercial .tabs a:hover, 
		#comercial .tabs a.sel {
			text-decoration: underline;
		}
		
		#comercial #tab_1 { width: 202px; } /* MIN: 185px */
		#comercial #tab_2 { width: 268px; } /* MIN: 251px */
		#comercial #tab_3 { width: 153px; } /* MIN: 134px */
		
	/* ---- */
	
	#comercial .pegatina {
		padding-right: 20px;
		text-align: right;
		cursor: pointer;
	}
		
	/* PANELES */
	
	#comercial .contenedor_paneles {
		margin-top: -30px;
	}
	
		#comercial .panel {
			position: relative;
			width: 743px;
			margin: 0 0 25px 0;
			font-size: 12px;
		}
	
			#comercial .panel .columnas {
				height: auto;
				overflow: auto;
			}
			
			#comercial .panel .columnas.tipo_1 {
				background: url(images/col_sep.png) center top repeat-y;
			}
				
				#comercial .panel .izq {
					float: left;
					width: 360px;
				}
				
				#comercial .panel .der {
					float: right;
					width: 360px;
				}
			
			/* -- */
		
			#comercial .panel h2 {
				height: 40px;
				font-size: 12px;
				color: #ea6514;
			}
			
			#comercial .panel h3 {
				margin: 0;
				padding: 20px 0;
				font-weight: normal;
				text-decoration: underline;
				color: #ea6514;
			}
			
			#comercial .panel p {
				text-align: justify;
				padding: 0 0 10px 0;
			}
			
			#comercial .panel a.saber_mas {
				display: block;
				float: right;
				width: 180px;
				height: 18px;
				color: #FFF;
				font-size: 11px;
				text-align: center;
				text-decoration: none;
				background: url(images/saber_mas_bg.png) 0 0 no-repeat;
			}
			
			#comercial .botonera {
				margin-top: 50px;
			}
			
				#comercial .botonera ul {
					height: 1%;
					overflow: auto;
					margin: 0;
					padding: 0;
				}
				
				#comercial .botonera li {
					float: left;
					margin: 0;
					padding: 0;
					list-style-type: none;
					background: url(images/boton_bg_1.png) 0 0 repeat-x;
				}
			
				#comercial .botonera a {
					display: block;
					float: left;
					width: 233px;
					height: 60px;
					padding: 8px 0 0 15px;
					font-size: 12px;
					line-height: 20px;
					color: #FFF;
					text-decoration: none;
					background: url(images/sep_1.png) 0 5px no-repeat;
				}
				
				#comercial .botonera a.first {
					width: 232px;
					background: none;
				}
		
					#comercial .botonera a span {
						padding-left: 30px;
					}
					
			/* -- */
			
			#comercial .tabs2 {
				height: 1%;
				overflow: auto;
				margin-left: 25px;
			}
			
				#comercial .tabs2 a {
					display: block;
					float: left;
					margin-right: 5px;
					padding: 0 0 0 10px;
					text-decoration: none;
					color: #666;
					cursor: pointer;
					background-image: url(images/tabs2_bg.png);
					background-repeat: no-repeat;
					background-position: left 0;
				}
				
					#comercial .tabs2 a span {
						display: block;
						padding: 0 10px 0 0;
						line-height: 27px;
						background-image: url(images/tabs2_bg.png);
						background-repeat: no-repeat;
						background-position: right 0;
					}
					
				#comercial .tabs2 a:hover, 
				#comercial .tabs2 a.sel {
					background-position: left -27px;
				}
				
					#comercial .tabs2 a:hover span, 
					#comercial .tabs2 a.sel span {
						background-position: right -27px;
					}
					
			/* ---- */
			
			#comercial #subpaneles {
				position: relative;
				width: 713px;
				height: 1300px; /* 1150px */
				overflow: hidden;
				margin: 0 auto;
			}
			
			#comercial #subpanel_1 { height: 1220px; overflow: visible;}
			
			#comercial #subpanel_2 { height: 910px; }
			
			#comercial #subpanel_3 { height: 850px; /* 1050px; */ }
			
			#comercial #subpaneles .sp_contenedor {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 10000px;
				/* height: 1100px; */
				height: auto;
				overflow: hidden;
			}
			
			#comercial #scroll_izq {
				position: absolute;
				top: 500px;
				left: 0px;
				cursor: pointer;
			}
			
			#comercial #scroll_der {
				position: absolute;
				top: 500px;
				right: 0px;
				cursor: pointer;
			}
			
			#comercial .subpanel {
				float: left;
				width: 681px;
				padding: 20px 16px;
				background: url(images/subpanel_bg.png) center top repeat-y;
			}
			
				/* Grilla panel 1 */
			
				#comercial .grilla {
					width: 681px;
					height: auto;
					overflow: hidden;
				}
				
					#comercial .grilla .item {
						position: relative;
						width: 330px;
						height: 220px;
						overflow: hidden;
						margin-bottom: 20px;
						padding-bottom: 10px;
						background: url(images/grilla_item_bg.png) center bottom no-repeat;
					}
					
					#comercial .grilla .item.par {
						float: left;
					}
					
					#comercial .grilla .item.impar {
						float: right;
					}
					
						#comercial .grilla .item h2 {
							height: 25px;
							padding: 0;
							text-decoration: none;
						}
						
							#comercial .grilla .item h2 a {
								text-decoration: none;
							}
					
						#comercial .grilla .item .imagen {
							float: left;
						}
						
						#comercial .grilla .item .info {
							position: absolute;
							top: 25px;
							right: 0px;
							width: 160px;
							font-size: 11px;
						}
					
	/* ----------------------------------------------- */
	
	#subpanel_1 .marcas {
		/*
		position: absolute;
		bottom: -225px;
		left: 20px;
		z-index: 100;
		*/
		width: 681px;
		height: 235px;
		overflow: hidden;
		text-align: center;
		border: #CCC 1px solid;
	}
	
		#subpanel_1 .marcas a {
			display: inline-block;
			padding: 0 5px;
		}
		
			#subpanel_1 .marcas a img {
				margin: 5px 0;
			}
	
	/* ----------------------------------------------- */
	
	#subpanel_2 h3 {
		font-size:12px;
	}
	
	#subpanel_2 h4 {
		background:#f08221;
		margin:10px 0;
		font-size:12px;
		padding:5px 0 5px 10px;
	}
	
	#subpanel_2 h5 {
		color:#f74c00;
	}
	
	#subpanel_2 ul {
		margin-bottom:20px;
		padding:0;
	}
	
	#subpanel_2 li {
		list-style:inside none;
	}
	
	/* ----------------------------------------------- */
	
	#subpanel_3 h2 {
		font-size:12px;
	}
	
	#subpanel_3 h3 {
		color: #f74c00;
	}

	#subpanel_3 .equipo {
		width:204px;
		height:660px;
		float:left;
		padding:0 13px 0 10px;
		position:relative;
	}
	
	#subpanel_3 .equipo.separador {
		background:url(images/panel_2_3_separador.gif) bottom right no-repeat;
	}
	
	#subpanel_3 a.boton {
		display:block;
		width: 180px;
		height: 17px;
		padding-top:1px;
		background:url(images/panel_2_3_btn.gif) top left no-repeat;
		color: #fff;
		font-size:11px;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:10px;
		text-decoration:none;
	}
					
	/* ----------------------------------------------- */
					
	#panel_3_left {
		width: 280px;
		padding: 0 10px 50px 0;
		float: left;
		border-right: #ddd 1px solid;
	}

	#panel_3_right {
		width: 420px;
		padding: 50px 10px 0 15px;
		height: auto;
		overflow: auto;
	}
	
	#panel_3_form div.campo {
		clear: both;
		margin-bottom: 5px;
	}
	
	#panel_3_form label {
		display: block;
		float: left;
		width: 175px;
		font-size: 11px;
	}
	
	#panel_3_form div.campo input, #panel_3_form div.campo textarea {
		width: 240px;
		border: 1px solid #bbb;
	}
	
	#panel_3_form div.campo textarea {
		height: 94px;
	}
	
	#panel_3_form #btn_enviar {
		float: right;
		margin-right: 10px;
		margin-top: 30px;
		outline:0;
	}
	
	/* ----------------------------------------------- */
	
	#panel_4 {}
	
		#panel_4 h2 {
			height: auto !important;
			padding: 0 20px 20px 20px !important;
		}
		
		#panel_4 p {
			padding: 0 20px 20px 20px !important;
		}
		
		/* -- */
			
		#panel_4 .grilla_proyectos {
			height: 1%;
			overflow: hidden;
		}
		
		#panel_4 .proyecto {
			float: left;
			width: 330px;
			height: 165px;
			overflow: hidden;
			padding: 20px;
		}
		
			#panel_4 .proyecto h3 {
				/*width: 170px;*/
				padding: 0 0 5px 2px;
				font-weight: bold;
				text-decoration: none;
				text-align: left;
				color: #666;
			}
			
			#panel_4 .proyecto .imagen {
				float: left;
				width: 170px;
				height: 140px;
				padding: 0 9px 7px 0;
				overflow: hidden;
				background: url(images/proyecto_img_bg.png) 0 0 no-repeat;
			}
				
				#panel_4 .proyecto .imagen img {
					width: 160px;
					height: 130px;
					margin: 5px 0 0 5px;
					background: #EFEFEF;
				}
			
			#panel_4 .proyecto .info {
				float: right;
				width: 145px;
				font-size: 11px;
			}
			
				#panel_4 .proyecto .info a.ver_galeria {
					display: block;
					height: 21px;
					line-height: 21px;
					padding: 20px 0 0 25px;
					font-size: 10px;
					text-decoration: none;
					background: url(images/proyecto_glink_ico.png) 0 bottom no-repeat;
				}
	
#panel_1 { height: auto; }
#panel_2 { height: auto; }
#panel_3 { height: 382px; }
#panel_4 { height: auto; }


#browse_by_brand {
	margin: -170px 0 0 25px;
}

#panel_1 .columnas ul li { list-style:inside disc; }