@charset "iso-8859-1"; 
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(http://fonts.googleapis.com/css?family=Six+Caps);

body { margin:0px; text-align:center; font:14px 'Montserrat', sans-serif;  text-align:center; background:#333C54 url("../images/bk_shadow.png") no-repeat fixed center bottom; color:#fff } 
a, #menu a, #footer a { color:#fff; text-decoration:none }
a img { border:none; }
.clear { clear:both; }
strong { font-weight:bold; font-size:1.1rem }

#container, #content, #header, #menu, #footer { max-width:1024px; margin: 0 auto;  } 
#content { min-height:750px }

#logo, #menu { display:table-cell; vertical-align:middle;  height:80px; }
#logo { width:140px; }
#menu { width:870px; z-index:1000; position:relative; }  
#jMenu, #jMenu li { margin:0; padding:0 }
#jMenu li{display:table-cell;vertical-align:middle;margin:0;list-style:none; text-align:center; width:130px;} 
#jMenu li li{ width:200px;} 
#jMenu a{text-transform:uppercase} 
#jMenu li ul{display:none;position:absolute;z-index:999999999;padding:0;margin:0;list-style:none; background:url("../images/bk_transparent_menu.png") repeat scroll 0 0 transparent; 
	padding-right:10px; min-width:235px }
#jMenu li ul li{display:block;padding:0;list-style:none;position:relative;text-align:left;margin:5px;margin-left:20%} 
#jMenu li ul li a{display:block;padding:7px;} 
#jMenu .ui-icon { display:inline-block; background-image:url(../images/ui-icons_e0fdff_256x240.png); }


.aMenu {display:table;margin:0;padding:0;list-style:none;}
.aMenu li{display:table-cell;background-color:#322f32;margin:0;list-style:none}.aMenu li a{padding:10px 15px;display:block;background-color:transparent;color:#fff;text-transform:uppercase;cursor:pointer;font-size:12px}.aMenu li a:hover{background-color:#3a3a3a}
.aMenu li:hover>a{background-color:#3a3a3a}
.aMenu li ul{display:none;position:absolute;z-index:9999;padding:0;margin:0;list-style:none}.aMenu li ul li{background-color:#322f32;display:block;border-bottom:1px solid #484548;padding:0;list-style:none;position:relative}.aMenu li ul li a{font-size:11px;text-transform:none;display:block;padding:7px;border-top:1px solid transparent;border-bottom:1px solid transparent}.aMenu li ul li a.isParent{background-color:#3a3a3a}
.aMenu li ul li a:hover{background-color:#514c52;border-top:1px solid #322f32;border-bottom:1px solid #322f32} 

 
#footer { margin-top:40px }
#footer #infoFooter { margin:1% auto }
#footer #infoFooter a { font-size:12px;margin:0 1%; text-transform:uppercase; }
#footer #infoFooter a:after { Content: "|"; margin-left:3% }
#footer #copyright { font-size:11px; margin:1% auto }

#home { background:transparent url(../images/home/bk_home.png) no-repeat top center scroll; padding-top:695px; }
#marcas, #marcas li { margin-left:0; padding-left:0 }
#marcas, #marcas li, #servicios, #servicios li { margin:0; display:inline; list-style:none }
#marcas li a:hover img { }
#marcas li { display:table-cell; vertical-align:middle; height:100px }
#marcas li+li{ padding-left:35px } 
#marcas a  span, #marcas a  img {  max-width:150px;  }
#servicios li { float:left; margin:0 0.1%;} 
#servicios li a { font:45px 'Six Caps', sans-serif; width:320px; height:216px; border:1px solid #969CA9; padding:1px; display:table-cell; vertical-align:middle; color:#fff }  
#servicios .servPianos  { background:transparent url(../images/bk_serv_pianos.png) no-repeat center center scroll; }
#servicios .servElectronica  { background:transparent url(../images/bk_serv_electronica.png) no-repeat center center scroll; }
#servicios  .servReparacion   { background:transparent url(../images/bk_serv_reparacion.png) no-repeat center center scroll; }


#servicio-tecnico, #reparacion { padding-bottom:695px; }
#quienes-somos, #afinacion, #alquiler, #eventos, #lutheria, #transporte { padding-top:695px; }

#quienes-somos { background:transparent url(../images/bk_quienessomos.png) no-repeat top center scroll; }
#servicio-tecnico { background:transparent url(../images/bk_serviciotecnico.png) no-repeat bottom  center scroll; }
 #afinacion{ background:transparent url(../images/bk_afinacion.png) no-repeat top center scroll; }
 #reparacion { background:transparent url(../images/bk_reparacion.png) no-repeat bottom center scroll; }
 #alquiler { background:transparent url(../images/bk_alquiler.png) no-repeat top center scroll; }
 #transporte { background:transparent url(../images/bk_transporte.png) no-repeat top center scroll; }
#eventos { background:transparent url(../images/bk_salaclemente.png) no-repeat top center scroll; } 
#lutheria { background:transparent url(../images/bk_lutheria.png) no-repeat top center scroll; }

#texto_empresa { width:70%; margin:0 auto; background:transparent url(../images/bk_transparent.png) repeat; font-size:16px; border:1px solid #fff; text-align:justify; }
#servicio-tecnico #texto_empresa, #reparacion #texto_empresa { padding:250px 100px 75px;  }
#quienes-somos #texto_empresa, #afinacion #texto_empresa, #alquiler #texto_empresa, #eventos #texto_empresa, #lutheria #texto_empresa, #transporte #texto_empresa { padding:75px 100px 250px; }


#titulo_pagina { font-size:24px; text-transform:uppercase; text-align:center }
#servicio-tecnico img, #reparacion img { margin:35px 0 -220px; border:1px solid #fff }
#quienes-somos img, #eventos img, #lutheria img, #afinacion img, #alquiler img, #transporte img { margin:-220px 0 35px; border:1px solid #fff }

#blog { margin:80px auto 20px }
.hr { width:100px; border-top:1px solid #fff; margin:5px auto 30px auto; }

#subcategorias { margin-top: 55px;padding:0 40px }
#subcategorias ul, #subcategorias li { margin:0; display:inline; list-style:none }
#subcategorias li { float:left; vertical-align:middle; height:200px; padding-left:12px } 
.subcategoria_selected img, #subcategorias li:hover img { opacity: .5; }
#subcategorias img { border:1px solid grey; padding:10px 32px; max-width:145px; background: #ffffff; } 
#subcategorias span { font-size: 16px; text-transform:uppercase; line-height: 2; display:block }  

.listaProductos, .listaPianos { background:url("../images/bk_listapianos.png") no-repeat scroll center right #333c54 }
.listaElectronica { background:url("../images/bk_listaelectronica.png") no-repeat scroll center right #333c54 }



.left_column, .right_column  { width:47%; text-align:left }
.left_column { float:left; } .right_column { float:right; }