/* ARCHIVO DE ESTRUCTURA DEL TEMA */
/* Aqui se definirán los estilos para marcar la estructura de la página y sus paneles */
/* En el siguiente enlace se documenta qué estilos deben ir en este archivo: http://soporte.mabisy.com/entries/46217938 */


/* Modificaciones a clases Bootstrap */

.btn.inline { /*si el texto de un boton no cabe en una linea, que pueda distribuirse el texto en varias lineas en lugar de cortarse */
	white-space:normal;
}
.table .table { /* tablas anidadas */
	margin-bottom:0px;
}
.text-center .img-responsive, /*imagen "responsive" dentro de un bloque con texto/contenido centrado */
.center-block .img-responsive {
	margin:0 auto;
}

img {
	max-width:100%;
	height:auto;
}

/* fin Modificaciones a clases Bootstrap */


/* CLASES DE PLANTILLA */
#page { /* Bloque que contiene todo el contenido de la pagina (no es el body) */
}

#pagecartprocess #header_wrapper {
	padding:40px 0 10px;
}
#pagecartprocess #header_container {
	/*width:100vw;
	margin:0 calc(50% - 50vw);*/
}

/* CABECERA */
#header { /*Bloque que contiene toda la parte de Cabecera de la plantilla. Ocupa todo el ancho de ventana*/
}

#header_container { /*Contenedor que envuelve toda la Cabecera. Coge el ancho del cuerpo de página*/
}

#header_wrapper { /*Bloque de la capa que envuelve toda la Cabecera*/
	position:relative;
}

#contHeadLogo { /*Seccion que contiene el panel del Logo*/
	max-width:60%;
	padding:60px 5px 30px;
	min-height:160px;
}
#pagecartprocess #contHeadLogo {
	position: static;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
    max-width: unset;
	width:100%;
}
#pagecartprocess #contHeadLogo #store_logo,
#pagecartprocess #contHeadLogo #store_logo img{
	margin:0 auto;
	max-width:90%;
	max-width:calc(100% - 30px);
	transform:none;
	display:block;
}

#contHeadLanguages { /*Seccion que contiene el panel de los Idiomas*/
	position:absolute;
	right:0px;
	top:0px;
	height:40px;
}

#contHeadSearch { /*Seccion que contiene el panel del buscador */
	bottom: 12px;
    position: absolute;
    right: 12px;
    z-index: 1;
	max-width:300px;
}

#contHeadMyAccount { /*Seccion que contiene el panel del enlace Mi cuenta*/
	/*position:absolute;
	right:290px;
	top:75px;*/
	position:absolute;
	/*right:250px;*/
	top:80px;
	right:20%;
	max-width:20%;
	padding-right:10px;
}

#contHeadInfo2 { 
	position:absolute;
	right:100px;
	top:0px;
	height:40px;
}

#contHeadInfo { /*Seccion que contiene los textos de telefono y gastos de envio*/
	/*position:absolute;
	left:330px;
	top:20px;*/
	position:absolute;
	right:40%;
	top:80px;
	max-width:20%;
}

#contHeadShoppingCart { /*Seccion que contiene el panel del Carrito de compra*/
	/*position:absolute;
	right:0px;
	top:60px;*/
	position:absolute;
	right:0px;
	top:70px;
	max-width:20%;
}

#contMainMenu { /*Seccion que contiene el panel del Menú principal*/
	margin-top:10px;
}
#contMainMenu > .navbar { /*Seccion que contiene el panel del Menú principal*/
	margin-bottom:0px;
}
#contMainMenu > .navbar > .container-fluid > .navbar-collapse { /*Seccion que contiene el panel del Menú principal*/
	padding-left:0px;
	padding-right:0px;
	margin-left:-15px;
	margin-right:-15px;
	overflow-y:visible;
}
#contMainMenu .navbar .container-fluid .navbar-header > .navbar-toggle { /*Seccion que contiene el panel del Menú principal*/
	margin-bottom: 5px;
	margin-top: 5px;
}
/* nuevo desplegable menu */
@media (min-width: 768px) {
	#contMainMenu .navbar .navbar-collapse ul.nav > li.full-dropdown {
		position: static;
	}
}
#contMainMenu ul.navbar-nav > li.full-dropdown > .dropdown-menu {
	left: 0;
	position: absolute;
	right: 0;
	padding:10px 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
	#contMainMenu ul.navbar-nav > li.full-dropdown > .dropdown-menu .row.container > .col-sm-6{
		display:inline-block;
		float:none;
		vertical-align:top;
		min-width:49%;
	}
}
/* fin nuevo desplegable menu */

#contTopMenu { /*Seccion que contiene el panel del Menu Superior*/
	position:absolute;
	left:0px;
	top:0px;
	height:40px;
}
#contTopMenu .navbar .container-fluid { 
	padding-left:0px;
	padding-right:0px;
}
#contTopMenu .navbar .container-fluid .navbar-collapse { 
	padding-left:0px;
	padding-right:0px;
}
#contTopMenu > .navbar { /*Seccion que contiene el panel del Menú principal*/
	margin-bottom:0px;
}

/* fin CABECERA */


/* CUERPO */

#bodycenter { /*Bloque que contiene toda la parte de Cuerpo de la plantilla. Ocupa todo el ancho de ventana*/
	
}
#bodycenter_container { /*Contenedor que envuelve todo el cuerpo. Coge el ancho del cuerpo de página*/
}
#bodysup_wrapper { /*Bloque de la capa que envuelve la parte superior del Cuerpo*/

}
#contCenterSup1 { /*Seccion que contiene el 1º panel de la parte superior del Cuerpo*/
	padding-bottom:15px;
}
#contCenterSup1:last-child { /*Seccion que contiene el 1º panel de la parte superior del Cuerpo*/
	padding-bottom:0px;
}
#contCenterSup2 { /*Seccion que contiene el 2º panel de la parte superior del Cuerpo*/

}
#bodycenter_wrapper { /*Bloque de la capa que envuelve la parte central del Cuerpo*/
	padding-top:15px;
}
#contCenter { /*Seccion que contiene el panel de la columna central del cuerpo*/

}

/* fin CUERPO */


/* PIE */

#footer { /*Bloque que contiene toda la parte de Pie de la plantilla*/
	padding:15px 0px;
}

#footer_container { /*Contenedor que envuelve todo el Pie. Coge el ancho del cuerpo de página*/
}

#footer_wrapper { /*Bloque de la capa que envuelve todo el Pie*/
	position:relative;
	padding-bottom:20px;
}

#contFooter1 { /*Bloque que contiene la 1a parte del Pie*/
}

#contFooter2 { /*Bloque que contiene la 2a parte del Pie*/
}

#contFooter3 { /*Bloque que contiene la 3a parte del Pie*/
}

#contFooter4 { /*Bloque que contiene la 4a parte del Pie*/
}

#contFooter5 { /*Bloque que contiene la 5a parte del Pie*/
}

#time { /*Bloque que contiene el texto de tiempo de carga de pagina*/
	position:absolute;
	right:30px;
	bottom:0px;
	text-align:center;
	width:auto;
}

/* fin PIE */

#PANELNOTFOUND { /*Bloque que contiene el panel PANELNOTFOUND*/
}

#cookies {
	font-size:12px;
}
#cookies .small {
	font-size:90%;
}
/* fin CLASES DE PLANTILLA */

/* ESTILOS DEL PLUGIN DE ZOOM DE IMAGENES */
.ekko-lightbox-container{position:relative}
.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}
.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.ekko-lightbox-nav-overlay a:empty{width:49%}
.ekko-lightbox a:hover{text-decoration:none;opacity:1}
.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}
.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}
.ekko-lightbox .modal-footer{text-align:left}
@media screen and (min-width: 768px) {.ekko-lightbox-container .img-responsive {max-height: unset !important}}
/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
/* fin ESTILOS DEL PLUGIN DE ZOOM DE IMAGENES */