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

/* AGREGADOS POR ERIC */
@media only screen and (min-width: 767px){
#menu .menu-nav>li>a>span {
    position: relative;
    font-size: 11px;
} 
#search-results199{
	top: 58px !important;
	z-index: 52000 !important;
	position: fixed;
	}
	#search-results200{
	top: 58px!important;
	z-index: 52000 !important;
	position: fixed;
	}
	#search-results165{
	top: 58px !important;
	z-index: 52000 !important;
	position: fixed;
	}
	.spon6carrito{
			width:auto !important;}
	
}
@media only screen and (min-width: 992px){
.alturafija {
	 min-height: 440px!important; /*el problema con esto es si alguna de las lineas de abajo tienen mas de una linea */
}
.alturahome {
	height:285px!important; /*  pedro lo cambiede 297 a 285 para evitar perdida de espacio */
}
#demobook {
	width: 605px !important; 
	 }
	 
	 .compos{
	margin-left:2.4% !important;
	margin-right:2.3%;
}
.spacer-handler, .pr-img-handler {
min-height:260px !important; /* pedro  lo de la altura fija en catalog*/
}
.onlinereader-view{
	width: 700px !important;
	margin:0 auto;
	min-height:300px;
}


	a.imglink{
  height:140px !important; /* pedro lo de poner compositores de mismo tamano */

}

a.imglink img{
 height: 140px !important; /* pedro, puede deormr las fotos, sino poner max-height */
}
#menu .menu-nav>li>a>span {
    position: relative;
    font-size: 13px;
} 
.compname{
height:30px;
}
.share-btn, .share-btn-c {
    top: 2px;
}
 .compname a{   
 	display: table-cell;
    align-self: center;
    vertical-align: middle;
    height: 30px;
    width: 170px;
}
#search-results199{
	top: 58px !important;
	z-index: 52000 !important;
	position: fixed;
	}
	#search-results200{
	top: 58px!important;
	z-index: 52000 !important;
	position: fixed;
	}
	#search-results165{
	top: 58px !important;
	z-index: 52000 !important;
	position: fixed;
	}
	.spon6carrito{
			width:50% !important;}
	
}
@media only screen and (min-width: 1200px){
	a.imglink{
  height:170px !important; /* pedro lo de poner compositores de mismo tamano */

}

a.imglink img{
 height: 170px !important; /* pedro, puede deormr las fotos, sino poner max-height */
  
}
.compos{
	margin-left:2.6% !important;
	margin-right:2.6%;
}

}



@media screen and (max-width: 767px){
#top-sticky-panel .container .h1 img {
	max-width: 95% !important;
}

.jp-bar {
width: 93% !important;
}
#search-results-moovable165{
    left: 16px;
	}

	
	.PlayerIframe{
display:none;
}
#search-results199{
	top: 59px !important;
	z-index: 52000 !important;
	left: 0px !important;
}
#search-results200{
	top: 59px !important;
	z-index: 52000 !important;
	left: 0px !important;
}
#search-results165{
	top: 59px !important;
	z-index: 52000 !important;
	left: 0px !important;
}
.positionlogo{
margin-top: 10px;
}

#video-wrapper {
        left:10px !important;
        }
 .spon6fl {
			width:26% !important;
			float:left;
			display: inline-block;
		}
.spon6carrito{
			width:64%;
			float:left;
			display: inline-block;
		}
.quick-menu{display: none !important}
#offlajn-ajax-search199{width:148px;}
#offlajn-ajax-search200{width:148px;}
#offlajn-ajax-search165{width:148px;}
.cl-handler{padding: 7px 2px !important;}
.search-panel {
    padding: 4px !important;
}
#top-sticky-panel .container .log-panel {
    margin: 6px 10px 6px 0px !important;
}
.vmvthumb2 {
    min-width: 100% !important;}

 .alphafilter{padding:7px 9px !important;margin-left:6px !important; margin-top:4px;font-size:100% !important;line-height:100% !important; outline:none;}

#site-name-handler {
    height: 114px !important;
}

}


/* FIN AGREGADOS POR ERIC */

#search-results199 .plugin-title{
border-top: 0px !important;
border-bottom: 0px !important
}
#search-results200 .plugin-title{
border-top: 0px !important;
border-bottom: 0px !important
}
#search-results165 .plugin-title{
border-top: 0px !important;
border-bottom: 0px !important
}

#search-results199 .result-element{
border-bottom: 0px solid #c2d5e1;
}
#search-results165 .result-element{
border-bottom: 0px solid #c2d5e1;
}
#search-results200 .result-element{
border-bottom: 0px solid #c2d5e1;
}
#search-results199 .result-element:hover{
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.4) !important;
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.4) !important;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.4) !important;
}

.vmvthumb {-moz-box-shadow: 0px 1px 2px #666 !important;
-webkit-box-shadow: 0px 1px 2px #666 !important;
box-shadow: 0px 1px 2px #666 !important;}
.vmvthumb3{-moz-box-shadow: 0px 1px 2px #666 !important;
-webkit-box-shadow: 0px 1px 2px #666 !important;
box-shadow: 0px 1px 2px #666 !important;}

#vendor-img {-moz-box-shadow: 0px 1px 1px #666 !important;
-webkit-box-shadow: 0px 1px 1px #666 !important;
box-shadow: 0px 1px 1px #666 !important;}


.alphafilter{padding:4px 6px;margin-left:0.5%;font-size:93%;line-height:82%; outline:none;}

input#suggestion-area165 {
-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
}
input#suggestion-area199 {
-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
}
input#suggestion-area200 {
-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
-moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2) !important;
}

	.spon6fl {
			width:50%;
			float:left;
		}
		.spon6carrito{
			float:left;}

h1 a:hover{
text-decoration:underline;
}
#top-sticky-panel .container .h1 img {
	max-height: 90px;
}

	#search-area199{
	border: none !important;
	}
	#ajax-search-button199
	{
	-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; 
}

	#search-area200{
	border: none !important;
	}
	#ajax-search-button200
	{
	-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; 
}


	#search-area165{
	border: none !important;
	}
	#ajax-search-button165
	{
	-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; 
}


#info-line {
	font-size: 11px;
	padding: 4px 0px;
	min-height: 0px;
}
#vendor-img 
{
	    margin: 15px 32px 20px 10px; /* pedro */
		}
		
.vmvthumb {
	width: auto; 
	margin: auto !important;
	float: none;
    background: #fff;
    -moz-box-shadow: 0px 1px 6px #666;
    -webkit-box-shadow: 0px 1px 6px #666;
    box-shadow: 0px 1px 6px #666;
    overflow: hidden;
	}
	
	.moduletable{
		padding: 5px;
		}
		
	.item-page
	{
		padding: 10px 0px;
		}
		
		a.imglink{
  vertical-align:     middle;
  background:         #000;
  display:            inline-block;
}


a.imglink img{
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(100%);
  filter-transition: .5s ease-in-out;
}
a.imglink:hover img{
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
}

.vmvthumb2{
	  width: auto; 
    background: #fff;
    -moz-box-shadow: 0px 1px 2px #666;
    -webkit-box-shadow: 0px 1px 2px #666;
    box-shadow: 0px 1px 2px #666;
    overflow: hidden;
    max-width: 250px; 
	}
	
	.vmvthumb3 {
	width: 96%;
    float: left;
    margin: 15px 4px 10px 3.7%; /* pedro */
    background: #fff;
    -moz-box-shadow: 0px 1px 6px #666;
    -webkit-box-shadow: 0px 1px 6px #666;
    box-shadow: 0px 1px 6px #666;
    overflow: hidden;
    min-width: 60px;
	}
	
#txmod_162{

	}
	
.category-view
{
	    margin-bottom: 15px;
    margin-top: 15px;
	}
	
	.orderlistcontainer {
    font-size: 14px;
		}
		.orderby-displaynumber {
    margin: 0px 0;
	}
	.browse-view h1{
	font-weight: 700;
		}
	#breadcrumb-line{
		margin-top:22px;
	}
		
		/* pestanas de compositores */
		.jptabs-wrapper.layout-default .tab-content {
     border:none;  /* quita borde del contenedor general de todo */
    padding: 10px 0px;
	}
	
	.nav {
    margin-bottom: 4px; /* reduce margen entre la pestana y el textode abajo  */ 
	border-bottom: 1px solid #ddd !important;
	}
	.nav-tabs > li > a {
		border-top: 2px #37bbe1 !important;  
		color: #fff !important;
		background: #37bbe1 !important;
	 	padding-top: 5px;
    	padding-bottom: 5px; 
	
		font-size: 90% !important;
	}
	
	.nav-tabs > .active > a{
	
		color:#4a4a4a !important;
	
		}
		
		.nav-tabs > li > a:hover{
		color:#4a4a4a !important;
		}
		
		.spacer .pr-img-handler img {
    border: 1px solid #DCDCDC;
	}
	
	.search-panel{
		/*margin-top:1% !important; */
		}
	.mod-languages {
padding-top: 12px;
display:inline-block;
}

#storename {
       padding: 1px 0 0 15px;
    float: none;
	}
	
	.contenedor-imagenes
	{
		height:auto;
		}
	
	
	.contenedor-imagenes span
	{
    position: absolute;
	width:101%;
    right: -2px;
    top:0px;  /* seria mejor qbqjo, pero no logro que funcione bien. */
	background-color:#5e07d0;
	color:#fff;
	font-size:77%;
	line-height:194%;
		}
	.greybutton
		{
	padding: 5px 12px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none;
    font-size: 13px;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif !important;
    border: 0px none;
    transition-duration: 0.2s;
    transition-property: background-color !important;
    border-radius: 3px !important;
    box-shadow: none;
    display: inline-block;
    text-align: center;
	background-color:#4A4A4A;
	color: #FFF !important;
	
	}
	
	.greybutton:hover
		{
	
	color: #FFF !important;
	background-color: #C8462E !important;
	text-decoration: none;
	}
		iframe{
		border:none !important;
		}
		.product-related-products{
		padding-bottom: 0px !important;
		} 
		
			
		.product-fields-title-wrapper {
    	padding-bottom: 5px;
    	margin-left: 3.5%;
		margin-top: 10px;
		}
		
	.vmvthumb4{
	  width: auto; 
    background: #fff;
    -moz-box-shadow: 0px 1px 2px #666;
    -webkit-box-shadow: 0px 1px 2px #666;
    box-shadow: 0px 1px 2px #666;
    overflow: hidden;
    max-width: 250px; 
	}
	
	.vmvthumb4 img{
	  transition:         opacity 0.4s;
  	-webkit-transition: opacity 0.4s;
  	}
  	.vmvthumb4:hover img{
 	opacity:            0.3;
	}
	.vmvthumb img{
	  transition:         opacity 0.4s;
  	-webkit-transition: opacity 0.4s;
  	}
	
  	.vmvthumb:hover img{
 	opacity:            0.3;
	}
	.tmp-content-area{
		padding-bottom: 0px !important;
	}
	.vmvendor3_link{
	line-height:normal;
	font-weight:bold;
	}
	.product_s_desc {
    margin: 0px 0px 0px 0px !important;
	}
	.h-pr-title{
    font-size: 110% !important;
	}
	.compname{
		font-size:114%;
		padding:6px 0px 5px 0px;
		line-height:103%;
		}
		
.buttonOrange{
padding: 3px 20px;
margin-bottom: 2px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
font-size: 20px;
font-family: "Ubuntu",Arial,Helvetica,sans-serif !important;
font-weight: bold;
border: 0px none;
transition-duration: 0.3s;
transition-property: background-color !important;
border-radius: 3px !important;
box-shadow: none;
display: inline-block;
text-align: center;
background-color: #F16F37;
color: #FFF !important;
}

 .buttonOrange:hover{
text-decoration: none !important;
background-color: #37BBE1;
color: #FFF;
}

a.buttonOrange{
text-decoration: none !important;
background-color: #F16F37;
color: #FFF;
}
a.buttonOrange:hover{
background-color: #37BBE1;
color: #FFF;
}

.buttonOrange2{
padding: 2px 10px;
margin-bottom: 2px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
font-size: 16px;
font-family: "Ubuntu",Arial,Helvetica,sans-serif !important;
font-weight: normal;
border: 0px none;
transition-duration: 0.3s;
transition-property: background-color !important;
border-radius: 3px !important;
box-shadow: none;
display: inline-block;
text-align: center;
background-color: #F16F37;
color: #FFF;
}

 .buttonOrange2:hover{
text-decoration: none !important;
background-color: #37BBE1;
color: #FFF;
}

a.buttonOrange2{
text-decoration: none !important;
background-color: #F16F37;
color: #FFF;
}
a.buttonOrange2:hover{
background-color: #37BBE1;
color: #FFF;
}

.item-page h2{
display:none;
}
.article-info{
display:none;
}
.myplaylists{
position:absolute;
}
.myplaylistsbtn{/*
margin: 4px 1px;
padding: 0px 7px !important;
font-size: 11px !important; */
}
.label-success, .badge-success {
    background-color: transparent !important; 
}
.vm2w-button a.btn{
padding: 1px 7px !important;
font-size: 11px !important;
borde
}

.wm2wishlist a.btn{
padding: 1px 7px !important;
font-size: 12px !important;
border-radius: 0px !important;
/* margin-bottom: 2px; */
}
.vm2w-adders{
background-color: #9c9c9c !important;
    border-radius: 0px !important;
    margin-top: 1px;
}

.share-btn, .share-btn-c{top:-1px;
}
.barranegra{
   width: 100%;height: 35px;background-color: #232323;margin-top: 15px;
	}
.cuadradoazul{float:left;font-size: 16px;width:38px;height: 35px;color:#fff;background-color: #00aef6;padding-left: 2px;
		}
.vm2share {
    padding: 12px 2px 8px 0px;
}
#video-wrapper {
        width: 600px;
	max-width: 600px;
	height :360px;
	position: fixed;
	left: 40px;
	bottom : 40px;
	z-index: 100000;
	font-size: 10px;
}
.contenedorSugerecia{
height:100px;overflow:hidden;position: relative;border: 1px solid #dedede;
}

.thSugerencia{
position: absolute;top:-15%;
}

.thSugerencia:hover{
opacity: 0.4;
filter: alpha(opacity=40); /* msie */
}

#points_div {
display:none;
}

/*
div.mod-languages ul {
    margin: 2px 0 !important;
} */

.btn-popsicle {
    /*color: #fff;
    background: #5e07d0;*/
    color: #5e07d0;
    background: #fff;
    border: 1px solid #5e07d0;
    border-radius: 20px;
    padding: 4px 20px 5px;
    font-size: 0.9em;
    line-height: 2 !important;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    transition-property: color;
}
.btnmenu {
    margin-left: 10px;
    margin-right: 16px;
}
.btn-popsicle-top {
    padding: 5px 10px 5px !important;
    font-size: 0.9em;
    line-height: 2.1 !important;/*
    background:#fff !important;
    color:#5e07d0 !important; */
    background:#5e07d0;
    color:#fff;
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

a.btn:hover::after{display:none;transform:none;background:#fff;color:#5e07d0}
.btn-popsicle:hover{border:1px solid #c310c0;background:#fff;color:#5e07d0;text-decoration:none}


.wrapper-dropdown-5 {    background: #F16F37;color: #fff;box-shadow: 0px 0px 0px;margin-bottom: 6px;display: block;font-size: 105%;width:96%}
.wrapper-dropdown-5:after  {border-color: #fff transparent;}

button.controles {
    padding: 7px 8px;
    margin: 0;
}

.controles{
    position: fixed;
    top: 260px;
    left: 0px;
    z-index: 999000;
}

/* CSS Document */