@charset 'UTF-8';

@font-face {
    
    font-family: "LetraWeb";
    src: url("fonts/FranklinGothicMedium.ttf") format('truetype'),
        url("fonts/FranklinGothicMedium.eot") format('embedded-opentype'),
        url("fonts/FranklinGothicMedium.woff") format('woff'),
        url("fonts/FranklinGothicMedium.woff2") format('woff2');
    
}

/*******************************************************/
/******************** GENERAL **************************/
/*******************************************************/


/*media screen*/
/*media screen*/

.bold{font-weight:bold;}
.marginLeftNegative{margin-left:-10px;}
.padding10{padding:10px;}
.oculto{visibility:hidden;}
.seleccionable{cursor:pointer;}

a:hover {color:#777370; text-decoration:underline; transition: all 0.4s ease 0s;}
a:hover, a:focus, a:active {outline:none;}
strong {font-weight:600;}
label  {font-weight:normal;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-top:2px;}
.wrapper {box-shadow: 0 5px 10px rgba(0,0,0,0.20); margin: 0 auto; width: 970px; background:#fff;margin-top:5px;}
.btn-ak2 {background:#f9f9f9; color:#333; box-shadow:none; border:1px solid #ccc;margin-right:5px;}
.btn-ak:hover, .btn-ak:focus {background:#777370; color:#fff; transition: all 0.4s ease 0s;}
.btn-ak:active {box-shadow:none; outline:none;}
.btn-ak2:hover, .btn-ak2:focus {background:#f2f2f2; transition: all 0.4s ease 0s;}
/*.form-control {font-size:12px;width:73%;}*/
.busquedas {font-size:12px;width:100% !important;}
.busquedas:focus {box-shadow:none; border-color:black;}
.form-control:focus {box-shadow:none; border-color:black;}
/*input[type="text"]{	width:100px;}*/
.img-logo{width: 50%;float: right;display: inline;margin-right: 25%;margin-top: 2%;margin-bottom:4%;}
.img-logo2{width: 25%;float: right;display: inline;margin-right: 41%;margin-top: -1%;}


.btn-ak {
    background:#FFFFFF;
    color: #009900 !important;
    box-shadow: none;
    border-color: #009900;
    border-style: solid;
    
    /* vertical-align:bottom; */
    /*height:19px;*/
}
.btn-ak2 {background:#f9f9f9; color:#333; box-shadow:none; border:1px solid #ccc;margin-right:5px;}
.btn-ak:hover, .btn-ak:focus {
    background-color:#009900;
    color: #FFFFFF !important;
    transition: all 0.4s ease 0s;
}
.btn-ak:active {box-shadow:none; outline:none;}
.btn-ak2:hover, .btn-ak2:focus {background:#f2f2f2; transition: all 0.4s ease 0s;}
button[disabled], html input[disabled] {cursor:not-allowed;}
.img-colors-table{width:20px;height:20px;}
.panel-disp-product{margin-top:30px;display:inline-block;width:100%}
.tbl-disp-responsive{width:100%;overflow:auto;}
.msg-error{margin-top:400px;display:inline-block;width:100px;} 
.img-table{width:20px;}


.btn-delete-item{ float:right;	background: url("../images/style/delete.png") no-repeat left top;	height: 22px; 	width: 22px;	padding:0em 0 3em 20px;	color:#555;	text-decoration:none;	margin-right:0.1em;}
.btn-delete-item:hover { opacity:0.7; }

.precio-euros, .precio-divisa {float: right;}
.precio-euros{color:#000;}
.precio-euros span{color:#064C68;}

.separacion-precios {float: right;width: 37px;height: 80px;background: url(../images/style/separacion.png);opacity: 0.5;}


.products-suggest-section h2{   font-size: 16px !important;}

/* ================   - TABLE ===========================*/
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    text-align:left;
    padding: 10px;
    font-family: LetraWeb, Georgia, serif;
    font-size:small;
    color:#333333;
}


.table a img:hover {opacity:0.7;}
.desc-responsive{display:none;}

/*======= /FIN - GENERAL =============================== */



/*=======================================================================================================================================================================*/
/*======================   - CSS =================================================================================================================================*/
/*=======================================================================================================================================================================*/


/*======================   - BASIC STYLES ========================================================================================================================*/
/*=======================================================================================================================================================================*/
a {font-family: LetraWeb, Georgia, serif; font-size:small; color:#999999 !important; font-weight:normal;}
/*p {font-family:'Roboto-Slab'; font-size:11px; color:#999999 !important; font-weight:normal; margin:0 !important;}*/

.clear {clear:both;}

/*======================   - MAIN LAYOUT ==================================================================================*/
/*================================================================================================================================*/
#topbar {width:100%; margin:0 auto;}


/*====================== TRINUFER ================================================================================================*/
/*================================================================================================================================*/
.newrow {width: auto; padding: 10px; margin:10px; background-color: #FFCC00;}





/*======================   - MAIN_LAYOUT - HEADER =========================================================================*/
/*================================================================================================================================*/
#topbar #headerbar {width:100%; margin:0 auto; /*background:url(../images/cabecera/cabecera.png);*/ background-color:#FFFFFF;}
/* #topbar #headerbar #header {width:970px; height:80px; margin:0 auto; padding:0px 15px 0px 15px; display:table;} */
#topbar #headerbar #header {/*width:970px;*/ height: auto; /*margin:0 auto; */ padding:0px 15px 0px 15px;} 

/*======================   - MAIN_LAYOUT - HEADER - LOGO ==================================================================*/
/*#topbar #headerbar #header #logo {width:105px; height:136px; background-color:#FFFFFF; float:left; position:relative; top:-10px; transition: top ease 0.5s;}
#topbar #headerbar #header #logo a img {margin:0 auto;margin-top:10px;}*/
#topbar #headerbar #header #logo {width:105px; height:80px; background-color:#FFFFFF; float:left; position:relative;}
#topbar #headerbar #header #logo a img {margin:0 auto;}
#topbar #headerbar #header #logo:hover {top:0px;}

/*======================   - MAIN_LAYOUT - HEADER - CONTACT MENU ===========================================================*/
#topbar #headerbar #header .contactmenu {width:800px; height:auto; margin:0 auto; padding:15px 0px 0px 0px; float:right;}
#topbar #headerbar #header .contactmenu ul {list-style:none; margin:0; padding:0; overflow:hidden; border:none; float:right;}
#topbar #headerbar #header .contactmenu ul li {float:left;}
#topbar #headerbar #header .contactmenu ul li a {font-size:12px; color:#99CCFF !important; font-weight:normal; text-decoration:none; padding:0px 15px;}
#topbar #headerbar #header .contactmenu ul li a:hover {color:#FFFFFF !important;}

/*======================   - MAIN_LAYOUT - HEADER - ACCESS CONTAINER =======================================================*/
#topbar #headerbar #header .accesscontainer {width:auto; height:auto; margin:13px 0 0 0; padding:0px; float:right; /* background-color:#99CCFF; */}
#topbar #headerbar #header .accesscontainer .form-group {display:inline-block !important; margin-bottom: 0 !important; margin:0; padding:0; height:22px;}
#topbar #headerbar #header .accesscontainer .form-group .form-control {
  display: block;
  width:auto !important;
  height:auto !important;
  margin:0 5px 0 0;
  padding: 2px;
  font-size:10px;
  /* line-height: 1.428571429; */
  color: #999999;
  background-color:#E9F3FD;
  border: 1px solid #CCCCCC;
  border-radius: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#topbar #headerbar #header .accesscontainer .form-group .form-control .btn {
    display: inline-block;
    padding: 2px;
    margin-bottom: 0 5px 0 0 !important;
    font-size: 10px;
    font-weight: normal;
    /* line-height: 1.428571429; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#topbar #headerbar #header .accesscontainer .form-group .form-control .btn .btn-ak {
    background:#1CA5CC;
    color: #FFFFFF;
    box-shadow: none;
    vertical-align:bottom;
}
#topbar #headerbar #header .accesscontainer .form-group .form-control .btn .btn-ak:hover, #maincontainer #topbar #headerbar #header .accesscontainer .form-group .form-control .btn .btn-ak:focus {
    background-color:#F4F4F4;
    color: #000000;
    transition: all 0.4s ease 0s;
}

/*======================   - MAIN_LAYOUT - HEADER - LOGIN INFO CONTAINER ===================================================*/
#topbar #headerbar #header .loginfocontainer {width:auto; height:auto; margin:13px 0 0 0; padding:0px; float:right;}
#topbar #headerbar #header .loginfocontainer .form-inline {display:inline-block !important; margin:0; padding:0; height:22px;}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 5px;
    padding: 2px;
    font-size: 10px;
    color: #999999;
}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel label {
    display: table-cell;
    width: auto !important;
    height: 19px !important;
    margin: 0 5px 0 0;
    padding: 2px 3px;
    font-family: LetraWeb, Georgia, serif;
    font-size:10px !important;
    color:#999999 !important;
    font-weight:normal !important;
    background-color:#E9F3FD;
    vertical-align:middle;
}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel a {
    display: table-cell;
    width: auto !important;
    height: 19px !important;
    margin: 0 0 0 5px;
    padding: 0 3px;
    font-family: LetraWeb, Georgia, serif;
    font-size:10px !important;
    color:#FFFFFF !important;
    font-weight:normal !important;
    border: 1px solid #CCCCCC;
    background-color:#1CA5CC;
    vertical-align:middle;
}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel .bordeado {float: left; border: 0px solid #CCCCCC; border-radius: 0 !important; margin:0 5px 0 0 !Important; padding: 2px;}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel a:hover, #maincontainer #topbar #headerbar #header .loginfocontainer .form-inline .user-panel a:focus {
    background-color:#F4F4F4;
    color:#000000 !Important; 
    transition: all 0.4s ease 0s;
    text-decoration: none;
}
#topbar #headerbar #header .loginfocontainer .form-inline .user-panel .userinfobox { display: block; width:auto !important; height:auto !important;  margin:0 5px 0 0; padding: 2px; font-size:10px; color: #555555; background-color:#E9F3FD; border: 1px solid #CCCCCC;  border-radius: 0 !important;}

/*======================   - MAIN_LAYOUT - HEADER - MAIN MENU =============================================================*/
/*====================== Dentro de #maincontainer #topbar #headerbar #header en master principal =================================*/
.mainmenu {height:40px; margin:0 auto; padding:8px 0px; float:right; text-align:right;}
.mainmenu .info {
    display: table-cell;
    width: auto !important;

    margin: 0 15px 0 0;
    padding: 2px 3px;
    font-family: LetraWeb, Georgia, serif;
    font-size:10px !important;
    color:#666666 !important;
    font-size:12px !important;
    font-weight:normal !important;
    background-color:#E6FFE6;
    vertical-align:middle;
    float:right;
}

/*===================== ESTILOS ANTIGUOS DEL MENU ==================================*/
.mainmenu ul {list-style:none; margin:0; padding:0; overflow:hidden; border:none; float:right;}
.mainmenu ul li {float:left;}
.mainmenu ul li a {font-size:14px; color:#FFFFFF !important; font-weight:bold; text-decoration:none; padding:3px 15px; display:block;}
.mainmenu ul li a:hover {border-bottom:solid; border-bottom-width:6px;}

/*====================== NUEVOS ESTILOS DEL MENU ====================================*/
    .mainmenu nav {margin: 0; padding: 0;overflow: hidden;border: none;float: right; }

    .mainmenu nav a {font-size: 14px;color: #FFFFFF !important;font-weight: bold; text-decoration: none; padding: 3px 15px;display: block;}

    .mainmenu nav a:hover { border-bottom: solid; border-bottom-width: 6px;}


/*======================   - MAIN_LAYOUT - HEADER - BUSCADOR ===============================================================*/
.menu .buscador {width:100%; margin:0 0 10px; padding:0;}
.menu .buscador .form-control-bus {width:95%; height:22px; margin:0 5px 0 0; padding:2px; border: 1px solid #ccc;}
.menu .buscador .btn-lupa {width:22px; height:22px; margin:0 0px 0 0; padding:0; background-color:#CCFFCC; background:url(../images/style/lupa.png) no-repeat;}
.menu .buscador .btn-lupa:hover {background-color:#F4F4F4; transition: all 0.4s ease 0s;}

/*======================   - MAIN_LAYOUT - HEADER - HEADLINER ==============================================================*/
#topbar .headlinebar {width:100%; background-color:#00FF00;}
#topbar .headlinebar #headline {height:40px; margin:0 auto; text-align:center;}
#topbar .headlinebar #headline h4 {line-height:40px; font-family: LetraWeb, Georgia, serif; color:#999999; margin:0; font-weight:300;}


/*======================   - MAIN_LAYOUT - MIDDLE - CONTENIDO MENSAJES=============================================================*/
/*================================================================================================================================*/
#maincontainer aside {width:200px; height:auto; margin-right:10px; float:left; position:relative;}
#maincontainer aside .asideline {margin-bottom:10px !important;}

/*======================   - MAIN_LAYOUT - MIDDLE - CESTA / PEDIDOS =========================================================*/
#maincontainer aside .asideline .cestacontainer {padding:10px; background-color:#F4F4F4; border: 1px solid #CCCCCC; position:relative; overflow:hidden;}
#maincontainer aside .asideline .cestacontainer .cestaline {margin-bottom:6px; position:relative; overflow:hidden;}
#maincontainer aside .asideline .cestacontainer .cestaline p {font-family: LetraWeb, Georgia, serif; color:#333333 !important; font-size:12px; padding-bottom:4px;}
#maincontainer aside .asideline .cestacontainer h3 {line-height:normal; font-family: LetraWeb, Georgia, serif; color:#999999; margin:0; font-size:16px; font-weight:bold; margin-bottom:10px;}
#maincontainer aside .asideline .cestacontainer ul {list-style:none; padding:0; margin-bottom:10px;}
#maincontainer aside .asideline .cestacontainer ul li {font-family: LetraWeb, Georgia, serif; color:#333333; font-size:small; overflow:hidden; background-color:#FFFFCC;}
#maincontainer aside .asideline .cestacontainer ul li p {color:#333333 !important; font-size:11px; overflow:hidden;}
#maincontainer aside .asideline .cestacontainer ul li span {color:#FF0000; font-size:12px; font-weight:bold;}
#maincontainer aside .asideline .cestacontainer .precioline {overflow:hidden; font-weight:bold; float:left; margin-right:10px; padding:2px 0;} 
#maincontainer aside .asideline .cestacontainer .precioline span {font-family: LetraWeb, Georgia, serif; color:#999999 !important; font-size:small; font-weight:bold;} 
#maincontainer aside .asideline .cestacontainer .btn {width:auto; height:auto; padding:4px; font-size:12px; float:right; margin-bottom:0px;}
#maincontainer aside .asideline .cestacontainer .btn-ak {background: #1CA5CC; color: #FFFFFF !important; box-shadow: none;}
#maincontainer aside .asideline .cestacontainer .btn-ak:hover, #maincontainer  #  aside .asideline .cestacontainer .btn-ak:focus {
    background-color: #F4F4F4;
    color: #000000 !important;
    transition: all 0.4s ease 0s;
}

#maincontainer .maincontent .breadcrumb {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 10px;
    font-family: LetraWeb, Georgia, serif;
    font-size: small;
    color: #666666;
    background-color: #E9F3FD;
    display: inline-block;
}
#maincontainer .maincontent .infocontainer h3 {font-family: LetraWeb, Georgia, serif; margin:0; /* margin: 7px 0 10px; */ color: #999999;}

/*======================   - MAIN_LAYOUT - MIDDLE - IDENTIFICACIÓN =========================================================*/
#maincontainer .maincontent {margin-bottom:50px;}
#maincontainer .maincontent .personalrow {margin-bottom:0px; padding:0; clear:both;}
#maincontainer .maincontent .personalrow_01 {margin-left:10px; margin-top:10px; clear:both; }
#maincontainer .maincontent .personalrow .txt {
    width:auto;
    height:auto; 
    margin:0 0 6px 0;
    padding:10px;
    font-family: LetraWeb, Georgia, serif;
    font-size: 14px;
    color: #666666;
    display:inline-block; 
}
/*#maincontainer .maincontent .personalrow .form-group {display:block !important; margin-bottom: 0 !important; margin:0 0 10px 0; padding:0 10px 10px 10px; clear:both;}
#maincontainer .maincontent .personalrow .form-group input {height:auto;}*/

#maincontainer .maincontent .personalrow .form-group .namelabel {
    width:120px;
    height:auto; 
    margin:0;
    padding:0;
    font-family: LetraWeb, Georgia, serif;
    font-size: 14px;
    color: #666666;
    float:left; 
    display:inline-block;
}
#maincontainer .maincontent .personalrow .form-group .passlabel {
    width:auto;
    height:auto; 
    margin:0 0 10px 0;
    padding:0;
    font-family: LetraWeb, Georgia, serif;
    font-size: small;
    color: #999999;
    float:left; 
    display:inline-block;
}
/*#maincontainer .maincontent .personalrow .form-group .form-control {
  display: block;
  width:180px !important;
  height:auto !important;
  margin:0;
  padding:2px;
  font-size:10px;
  color: #999999;
  background-color:#E6FFE6;
  border: 1px solid #CCCCCC;
  border-radius: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}*/
.contenedorBotones div {background-color:#009900;text-align:center;height:50px;padding:0px!important;margin-bottom:10px;}
.contenedorBotones div a {display: inline-block; width:100%; height:100%; vertical-align:middle;margin-top:15px; color:#fff !important;}
.contenedorBotones div:hover a{font-weight:bold;font-size:1.1em;}
.contenedorBotones div a:hover {text-decoration:none;}

/*======================   - MAIN_LAYOUT - MIDDLE - SELECCIÓN_CONTACTO =====================================================*/
#maincontainer .maincontent .personalrow .dropdowncontainer {
    width:100%;
    height:auto;
    margin:0 0 10px 0;
    padding:0px;
    font-family: LetraWeb, Georgia, serif;
    font-size: 14px;
    color: #666666;
    float:left;
}
#maincontainer .maincontent .personalrow .dropdowncontainer .dropdownform {
    width:auto;
    height:auto;
    margin:0;
    padding:10px;
    background-color:#F6E3CE;
    float:left;
}
#maincontainer .maincontent .personalrow .dropdowncontainer .dropdownline {
    padding-bottom:10px;
}
#maincontainer .maincontent .personalrow .dropdowncontainer .buttonline {
    padding:0;
}
#maincontainer .maincontent .personalrow .dropdowncontainer .dropdownline .dropdown {
    width:auto;
    height:28px;
    padding:5px 10px;
    display: block;
    vertical-align: middle;
    background-color:#FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    line-height:normal;
    color:#666666;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#maincontainer.line {width:940px; height:60px; margin:10px auto; padding:10px; background-color:#FFCFFF; clear:both;}
#maincontainer .accessline {width:940px; height:auto; margin:10px auto; padding:10px; background-color:#FFCFFF; clear:both;}
#maincontainer .buscadorline {width:940px; height:60px; margin:10px auto; padding:10px; background-color:#F4F4F4; clear:both;}


/*======================   - MAIN_LAYOUT - MIDDLE - TABLE PEDIDO / PALETIZADO =====================================================*/
#maincontainer .maincontent .personalrow .paletizado {width:100%; height:auto; margin:0 0 20px 0; padding:0; float:left; background-color:#F6E3CE;}
#maincontainer .maincontent .personalrow .paletizado .paletizadoline {padding:10px; position:relative; overflow:hidden; float:left;}
#maincontainer .maincontent .personalrow .paletizado .paletizadoline p {color:#666666 !important; font-size:14px; font-weight:normal; padding-right:8px; display:inline-block;}
#maincontainer .maincontent .personalrow .paletizado .paletizadoline span {color:#333333; font-size:14px; font-weight:bold;}


#maincontainer .maincontent .personalrow .paletizado .paletizadoline h3 {font-family:'Roboto-Slab'; color:#333333; margin:0; font-size:14px; font-weight:bold; float:left;}



/*======================   - MAIN_LAYOUT - MIDDLE - PRODUCTS ===============================================================*/
/*.panelListadoDetalleProductos {margin:0 0 10px 0; padding:0;}
.panelListadoDetalleProductos .title {font-size:12px; padding:10px; background-color:#FFCC66;}
.panelListadoDetalleProductos .title h3 {font-size:12px; font-weight:bold; text-align: left;}*/

#maincontainer .maincontent .personalrow .col-der {padding-top:0 !important;}
#maincontainer .maincontent .personalrow .col-der .headline {position:relative; width:730px; height:auto; margin:0 0 10px 0; padding:10px; background-color:#F4F4F4; overflow:hidden;}
#maincontainer .maincontent .personalrow .col-der .headline h2 {/* line-height:120px; */ font-family: LetraWeb, Georgia, serif; font-size:24px; color:#999999; margin:0; font-weight:300;}


/* .col-der .listado-productos {position:relative; width:710px; height:auto; overflow:hidden;} Solución perdida de altura*/
.col-der .listado-productos .producto {position:relative; height:auto; margin:0 0 10px 0; padding:4px; background-color:#FFFFFF; border:1px solid #CCCCCC; overflow:hidden;}
.col-der .listado-productos .producto .imagen {width:80px; height:60px; margin:0 10px 0 0; padding:0; float:left; position:relative;}
.col-der .listado-productos .producto .imagen .hmml-new {width:60px; height:60px; background: url(../images/ /etiqueta_nuevo_01.png) no-repeat; background-size:40px 40px; position:absolute; top:0; left:0;}
.col-der .listado-productos .producto .imagen img {max-width:100%; max-height:100%; vertical-align:inherit!important; border:1px solid #CCCCCC;}

/*.col-der .listado-productos .producto .dataproduct { width:200px; height:auto; margin:0 10px 0 0; padding:0; float:left; position:relative;}*/
.col-der .listado-productos .producto .dataproduct a {overflow:hidden; display:inline-block; font-size:14px; color:#333333 !important; margin:0;}
.col-der .listado-productos .producto .dataproduct a:hover {color:#009900 !important; font-weight:bold; text-decoration:none; background-color:#E6FFE6;}
.col-der .listado-productos .producto .dataproduct a span {display:block; font-size:12px;}

.col-der .listado-productos .producto .pricescontainer {width:auto; height:auto; margin:0 15px 0 0; padding:0; float:left; position:relative;}
.col-der .listado-productos .producto .pricescontainer .price {width:140px; margin:0 0 2px 0; padding:2px; background-color:#F4F4F4; border:1px solid #CCCCCC; clear:both;}
.col-der .listado-productos .producto .pricescontainer .price p {font-size:10px;}
.col-der .listado-productos .producto .pricescontainer .price p span {overflow:hidden; font-family: LetraWeb, Georgia, serif; font-size:11px; color:#333333; font-weight:normal; float:right;}

.col-der .listado-productos .producto .finalpricecontainer {width:auto; height:auto; margin:0 15px 0 0; padding:0; float:left; position:relative;}
.col-der .listado-productos .producto .finalpricecontainer .finalprice {width:120px; margin:0 0 6px 0; padding:2px; background-color:#F6E3CE; border:1px solid #CCCCCC; clear:both;}
.col-der .listado-productos .producto .finalpricecontainer .finalprice p {font-size:10px;}
.col-der .listado-productos .producto .finalpricecontainer .finalprice p span {overflow:hidden; font-family: LetraWeb, Georgia, serif; font-size:12px; color:#333333; font-weight:bold; float:right;}

.col-der .listado-productos .producto .finalpricecontainer .pricerow {width:120px; height:auto; margin:0 0 10px 0; padding:2px; background-color:#F4F4F4; border:1px solid #CCCCCC; clear:both; position:relative; overflow:hidden; }
.col-der .listado-productos .producto .finalpricecontainer .pricerow p {font-size:10px; float:left;}
.col-der .listado-productos .producto .finalpricecontainer .pricerow input {width:auto !Important; font-family: LetraWeb, Georgia, serif; font-size:10px !Important; color:#666666 !Important; float:right;}
.col-der .listado-productos .producto .finalpricecontainer .pricerow input[type=text] {width:50px !Important; background-color:#E9F3FD; text-align:center; border:inset;}

.col-der .listado-productos .producto .quantitycontainer {width:auto; height:auto; margin:0; padding:0; float:right; position:relative;}
.col-der .listado-productos .producto .quantitycontainer .quantityrow {width:120px; margin:0 0 4px 0; padding:2px;}
.col-der .listado-productos .producto .quantitycontainer .quantityrow p {font-size:11px;}
.col-der .listado-productos .producto .quantitycontainer .quantityrow p span {overflow:hidden; font-family: LetraWeb, Georgia, serif; font-size:11px; color:#333333; font-weight:normal; float:right;}

/* .col-der .listado-productos .producto .quantitycontainer .quantityrow option {font-size:10px;} */
/* .col-der .listado-productos .producto .quantitycontainer .quantityrow p {font-size:10px; float:left;} */

.col-der .listado-productos .producto .quantitycontainer .quantityrow input {width:auto !Important; font-family: LetraWeb, Georgia, serif; font-size:10px !Important; color:#666666 !Important; }
.col-der .listado-productos .producto .quantitycontainer .quantityrow input[type=text] {width:60px !Important; background-color:#E6FFE6; text-align:center; border:inset;}
.col-der .listado-productos .producto .quantitycontainer .quantityrow input[type=submit] {width:60px !important;}

/*======================   - MAIN_LAYOUT - MIDDLE - PRODUCTS - NOVEDADES ===================================================*/
.col-der .list-top-news .listado-productos .producto {position:relative; width:730px; height:auto; margin:0 0 10px 0; padding:4px; background-color:#FFFFFF; border:1px solid #CCCCCC; overflow:hidden;}
.col-der .list-top-news .listado-productos .producto .imagen {width:80px; height:60px; margin:0 10px 0 0; padding:0; float:left; position:relative;}
.col-der .list-top-news .listado-productos .producto .imagen .hmml-new {width:60px; height:60px; background: url(../images/ /etiqueta_nuevo_01.png) no-repeat; background-size:40px 40px; position:absolute; top:0; left:0;}
.col-der .list-top-news .listado-productos .producto .imagen img {max-width:100%; max-height:100%; vertical-align:inherit!important; border:1px solid #CCCCCC;}

.col-der .list-top-news .listado-productos .producto .dataproduct {width:240px; height:auto; margin:0 10px 0 0; padding:0; float:left; position:relative;}
.col-der .list-top-news .listado-productos .producto .dataproduct a {overflow:hidden; display:inline-block; font-size:14px; color:#333333 !important; margin:0;}
.col-der .list-top-news .listado-productos .producto .dataproduct a:hover {color:#1CA5CC !important; font-weight:bold; text-decoration:none; background-color:#F4F4F4;}
.col-der .list-top-news .listado-productos .producto .dataproduct a span {display:block; font-size:12px;}



/*======================   - MAIN_LAYOUT - FOOTER - ADDRESS ================================================================*/

footer .address {margin: 20px 20px;}
footer .address p {font-family:'LetraWeb, Georgia, serif'; font-size:small; color:#FFF; font-weight:normal; /*line-height:10px;*/ margin: 0 0 10px 0 !important;}
footer .address a {color:#FFF !important;}


/*======================   - GENERAL ======================================================================================*/
/*================================================================================================================================*/

/*======================   - MIGAS / BREADCRUMB ===============================================================================*/
.migas {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 10px;
    font-family: LetraWeb, Georgia, serif;
    font-size: small;
    color: #666666;
    background-color: #FFFFFF;
    display: inline-block;
}

/* .migas {width:100%; float:left; font-size:10px; padding-left:2px; margin-bottom:10px;} */
.migas ul {padding:0; margin:0; list-style:none;}
.migas li {display:inline; float:left; padding-right:2px;}
.migas li:after {color: #666666; content: " > "; font-size:12px; padding:0 2px;}
.migas li:last-child:after {content: none;}
.migas-cesta .migas-img{display:none;}


/*======================   - AVISOS / ERRORES ===============================================================================*/

/* === Ajustados a   ==========*/
.usernotice {
    width:100%;
    height:auto;
    margin:0 0 10px 0;
    padding:10px 10px 10px 35px;
    font-family: LetraWeb, Georgia, serif;
    font-size:13px;
    color:#666666;
    background:url(../images/style/info25x25.png) no-repeat 0.5em 0.5em RGB(189,202,244);
    background-color:#FFFFCC;
    display:inline-block;
}
.customerComments {
    margin:0 0 10px 0px;
    padding:10px 10px 10px 30px;
    font-family: LetraWeb, Georgia, serif;
    font-size:14px;
    color:#666666;
    background-color:#F4F4F4;
    display:inline-block;
}


.customerComments ul {
    margin: 0 0 0 0;
}

/*Lista habitual*/
#btnBuy, #btnSave{
    float:right;
    margin-bottom: 10px;
}

#listaHabitual table{
    background-color:#F4F4F4;
    margin-top:10px;
}
/* === Pendientes de ajuste ==========*/
.error {background:url(../images/style/error25x25.png) no-repeat 0.5em 0.5em RGB(255,196,206);border-radius: 5px;font-size: 13px;padding: 10px 15px;margin-bottom:20px;float: inherit;padding-left:35px;color:DarkRed;display:inline-block;}
.Max{font-size:14px;font-weight:bold;}
/* .info{background:url(../images/style/info25x25.png) no-repeat 0.5em 0.5em   RGB(189,202,244);border-radius: 5px; color:#064C68; font-size: 13px; padding: 10px 15px;margin-bottom:20px;padding-left:35px;display:inline-block;width:100%;} */
.infoMax{background:url(../images/style/info25x25.png) no-repeat 0.5em 0.5em   RGB(189,202,244);border-radius: 5px; color:#064C68; font-size: 13px; padding: 10px 15px;margin-bottom:20px;padding-left:30px;display:inline;}
.timespan{display:none;border-radius: 5px; color:#990719; font-size: 13px; padding: 10px 15px;margin-bottom:20px;float: inherit;}
.warning{background:url(../images/style/warning25x25.png) no-repeat 0.5em 0.5em RGB(254,230,182);padding-left:35px;border-radius: 5px; color:orangered; font-size: 13px; padding: 10px 15px;margin-bottom:20px;float: inherit;}
.info-comision{font-size:0.8em;border-top:0.083em solid lightgrey;}
.info-comision img{height:20px; width:20px;}
.show-exceptions{}
.marginTop{margin-top:20px;}
.marginTopMax{margin-top:40px;}






.menu-superior {padding:5px 0 6px; }

/***** IDIOMAS *****/
.menu-superior .idioma {float:left;}
.menu-superior .idioma img{margin-right:2px;}
.menu-superior .idioma img:hover {opacity:0.7;}
.menu-superior .container .idioma .es{background:transparent url(../images/style/es.png) no-repeat left; background-size:24px 24px;}
.menu-superior .container .idioma .en{background:transparent url(../images/style/en.png) no-repeat left;background-size:24px 24px;}
.menu-superior .container .idioma .fr{background:transparent url(../images/style/fr.png) no-repeat left;background-size:24px 24px;}
.menu-superior .container .idioma .port{background:transparent url(../images/style/port.png) no-repeat left;background-size:24px 24px;}
.menu-superior .container .idioma .es,.menu-superior .container .idioma .en,.menu-superior .container .idioma .port{border:none;color:#fff;float:left;width:30px;height:25px;font-size:0em;line-height:0;}


/************** GESTIÓN USUARIOS: LOGUEO Y PANEL OPCIONES ************/
.menu-superior input, .menu-superior .btn {border-radius: 2px; font-size: 11px; height: 25px; line-height: 20px; padding: 2px 8px 0;margin-left: 5px;margin-bottom:4px;}
/* .menu-superior .container .form-inline .login .user-panel input {border-radius:2px; font-size: 11px; height: 25px; padding: 1px 8px 0;float:right;} */



/*==============================================================================================================================================================*/
/*==================== - CSS Luis =====================================================================================================================*/
/*==============================================================================================================================================================*/
.menu-superior .container .login .user-panel input {
    border-radius: 2px;
    font-size: 11px;
    height: 25px;
    padding: 1px 8px 0;
    float: right;
}
.col-der .filtro2 {
    background: #F6E3CE;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    float: left;
    margin: 4px 0;
    padding: 20px;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
}
.form-inline2 {
    display: inline-block !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    width: 100%;
}

.filtro-paginacion2 {
    background: #F6E3CE;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    float: left;
    margin: 10px 0 20px 0;
    padding: 12px 15px 5px;
    width: 100%;
    font-size: 11px;
}
.col-der .form-inline2 .btn-ak {
    margin-right: 5px;
}
.filtro2 .btn-filtro {
    margin-top: 20px;
    text-align: right
}
.control-label {
    text-align: left;
}

/*====================== PAGINACIÓN ==========================================================*/
.filtro2-paginacion {
    background: #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    float: left;
    margin: 10px 0 20px 0;
    padding: 12px 15px 5px;
    width: 100%;
    font-size: 11px;
}
.pagination li a {
    padding: 8px 12px !important;
    height: 31px !important;
}
#paginacion {
    text-align: right;
}
.filtro2-paginacion select {
    width: 100%;
    height: auto;
}


/*====================== PRODUCTOS ==========================================================*/
.filtro2 .chbox-color {
    margin-left: 10px;
}
.filtro2 .chbox-talla {
    margin-left: 5px;
    margin-right: 5px;
}
.filtro2 .grid_imgColor {
}
.filtro2 .itemPropertiesContainer {
    margin: 0 0 2em;
}
.filtro2 .itemPropertiesContainer ul {
}
.filtro2 .itemPropertiesContainer ul li {
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-right: -25px;
    margin-left: -20px;
    padding-left: 10px;
    padding-right: 10px;
}
.filtro2 .itemPropertiesContainer ul li a img {border: 1px solid #DDD; }
.filtro2 .itemPropertiesContainer ul li a img {width: 25%; height: 25%;}
.filtro2 .itemPropertiesContainer ul li .activo {border: 1px solid #7f7f7f;}
.filtro2 .btn-filtro2 {text-align: right; margin-top: -20px;}

/*======= /FIN -   - CSS Luis (OLD) =============================== */






.menu-superior .login {float:right;}
.menu-superior .opciones-login {font-size:10px; margin:0 2px 0 5px; float:right; padding-top:2px;text-align:justify !important;}
.menu-superior .opciones-login a {display:block; line-height:11px;}
.menu-superior .usuario-registrado {list-style:none; float:right; padding:0; font-size:11px; margin:8px 0 0;}
.menu-superior .usuario-registrado li{display:inline; float:left; margin-left:10px;width:225px;}
.menu-superior .usuario-registrado li:after {color: #ccc;}
.menu-superior .usuario-registrado li:last-child:after {content: none;}
.menu-superior .usuario-registrado li a{margin-left:25px;}
#ctl00_btnDesconectar{height:25px !important;float:right !important;margin-left:10px;}
#btnDesconectar{float:right;}
.menu-superior .opciones-login .registro{margin-top:6px;}

/************************************ CABECERA DE IMAGEN Y LOGOTIPO *****************************************/
.header {width:100%;height:160px;float:left;background:url("../images/cabecera/cabecera.png");}
.header-sin{width: 100%;height: 160px;float:left;padding:5px 5px;margin: 10px 0px 5px 0px;background-color:Black;}
.header-white{width: 100%;height: 160px;float:left;padding:5px 5px;margin: 10px 0px 5px 0px;}
.private {float:right; background:#D63019; padding:5px 14px; color:#fff; font-weight:600; border-radius:3px; margin-top:32px;}
.private:hover, .private:focus {background:#B72718; text-decoration:none; color:#fff;transition: all 0.6s ease 0s;}
#banner {margin:15px 0 10px; width:750px;}
#banner img {width:100%; max-height:86px;}




/******************* MenÚ *********************/
/*.menu {background:black; float:left; width:100%; margin:5px 0;}
.menu ul {list-style:none; padding:0; margin:0; color:#fff; font-size:13px; font-weight:bold;margin-left:5px;}
.menu li a{display:inline; padding:7px 10px 5px; float:left; border-right:1px solid rgba(255, 255, 255, 0.15);}
.menu li a:hover {background:darkgray; text-decoration:none; transition: all 0.6s ease 0s;color:#fff;}
.menu li a {color:#fff;}*/

header{/*float:left;*/width:100%;margin-bottom:5px;}
    header nav {
        width: 100%;
        height: 40px;
        /* background: #084B8A; */
        background: #1CA5CC;
    }

.menu_bar {display:none;}
.icons-zone{display:none;}
header nav ul {list-style:none;overflow:hidden;margin-top:2px;margin-left:-40px;}
header nav ul li {float: left;}
header nav ul li span {margin-right:10px;}
header nav ul li a{display:block; padding:15px; color:#fff; text-decoration:none; margin-top:-5px; font-size:14px; margin-bottom:-5px; font-weight:bold;}
    header nav ul li a:hover {
        background: #f4f4f4;
        color: black;
        text-decoration: none;
        font-weight:bold;
    }
header nav ul li:hover .children {display:block;}

header nav ul li .children {display:none;background:#444141;position: absolute;width: 100%;z-index:1000; color:White;}
header nav ul li .children li {display:block; overflow: hidden; border-bottom: 1px solid rgb(255,255,255);}
header nav ul li .children li:hover{display:block; overflow: hidden; border-bottom: 1px solid rgb(255,255,255);}
header nav ul li .children li a { display: block;}
header nav ul li .children li a span {position: relative;top:3px;margin-right:0;margin-left:10px;left:10px;}
header nav ul li .caret {position: relative;top:3px;margin-left:10px; margin-right:0px;}

header nav ul li .children li:hover .children2 {display:block;}
header nav ul li .children li .children2 {display:none;background: #201f1f;position: relative;width: 100%;z-index: 1000;color: White;display: inline-table;height: auto;float: right;}
header nav ul li .children li .children2 li {display:block; overflow: hidden; border-bottom: 1px solid rgb(255,255,255);}
header nav ul li .children li .children2 li:hover{display:block; overflow: hidden; border-bottom: 1px solid rgb(255,255,255);}
header nav ul li .children li .children2 li .last{border-bottom: 0px !important;}
header nav ul li .children li .children2 li a {display: block;}
header nav ul li .children li .children2 li a span {position: relative;top:3px;margin-right:0;margin-left:10px;left:10px;}
header nav ul li .children li .caret {position: relative;top:3px;margin-left:10px; margin-right:0px;}

.bt-menu{display:none;}

.submenu{display:none!important;}



/*******************************************************/
/********************  CUERPO **************************/
/*******************************************************/



/*******************************************************/
/************* COLUMNA IZQUIERDA ***********************/
/*******************************************************/


#maincontainer  .line .col-izq {/*float:left;*/ width:auto; margin-top:2px;padding-top:10px;}
#maincontainer  .line .col-izq .bordeado {/*float:left;*/ width:100%; /* Este _Height es mio =>*/height:auto; border:1px solid #ccc; border-radius:5px; margin-bottom:15px; padding:10px;}
#maincontainer  .line .col-izq .bordeado h3 {padding-bottom:5px; border-bottom:1px solid #f4f4f4; font-size:15px; margin:5px 0 10px; font-weight:bold; text-transform:uppercase;}
#maincontainer  .line .col-izq .bordeado p {margin:0 0 6px;}
#maincontainer  .line .col-izq .bordeado img {max-width:100%;}
#maincontainer  .line .col-izq .bordeado .btn {/*float: right;*/ font-size: 12px; padding: 4px 10px 2px; width: 100%;}
#maincontainer  .line .col-izq .bordeado select {height: 30px; width: 100%;}


.col-izq .SinBordeado {float:left; width:100%;  margin-bottom:15px; padding:10px;}
.col-izq .SinBordeado h3 {padding-bottom:5px;  font-size:15px; margin:5px 0 10px; font-weight:bold; text-transform:uppercase;}
.col-izq .SinBordeado p {margin:0 0 6px;}
.col-izq .SinBordeado img {max-width:100%;}

.sin-bordeado {margin-bottom:15px; float:left; width:100%;border-radius:5px;}
.sin-bordeado img {width:100%;border-radius:5px;}



/****************** Cesta *************/
.col-izq .cesta {background:#f9f9f9;}
.col-izq .cesta ul {list-style:none; padding:0; margin:0;}
.col-izq .cesta ul li{background: url(../images/style/nextarrow.gif) no-repeat left 3px; padding-left: 14px; padding-bottom:4px;}
.col-izq .cesta ul li span{color: #b2b2b1; font-size: 9px; font-style: italic; font-weight: bold;margin-right:5px;}
.col-izq .cesta .btn {padding:4px 10px 2px; font-size:12px; float:right; width:100%;margin-bottom:10px;}
.col-izq .cesta .price {color: #b2b2b1; font-size: 18px; text-align:right; font-weight:bold;}
.col-izq .cesta .price span {font-size: 11px;}


/****** IFRAME FACEBOOK *******/
.noticias_fb {	height:250px;}
.col-izq #slide_fb h3 {font-size:13px; line-height:18px; text-transform:none; margin-bottom:5px;}
.col-izq #slide_fb .fecha {font-size:9px; color:#666; margin-bottom:3px;}
.col-izq #slide_fb .contenido_noticia {font-size:11px;}
.col-izq #slide_fb .contenido_noticia img {width:40%;}


/*******************************/
/****** IFRAME BANNERS AK *******/
#CPHPanel_banner {margin:4px 0 10px; width:720px;}
#CPHPanel_banner img {width:100%; max-height:86px;}

/******  MENU LATERAL DINAMICO *******/

.col-izq .banners-laterales {width: 100%;}
.col-izq .banners-laterales a img {max-width:200px;border:none !important;margin-top:10px;}


/*******************************************************/
/************* COLUMNA DERECHA *************************/
/*******************************************************/

.col-der {/*float:right; width:720px;*/ padding-bottom:30px;font-size:small;padding-top:10px;}
.col-der .title {font-size:23px; margin:10px 0; text-transform:uppercase; color:black; border-bottom:1px solid #F4F4F4; padding-bottom:5px;margin-bottom:25px;}
.col-der .subtitle {color: #666666;font-size: 15px;font-weight: bold;margin: 25px 0 15px 15px;text-transform: uppercase;float: left;}


.col-der .bordeado {float:left; width:100%; border:1px solid #ccc; border-radius:5px; margin-bottom:15px; padding:10px;}
.col-der .bordeado h3 {padding-bottom:5px; border-bottom:1px solid #f4f4f4; font-size:15px; margin:5px 0 10px; font-weight:bold; text-transform:uppercase;}
.col-der .bordeado p {margin:0 0 6px;}
.col-der .bordeado img {max-width:100%;}
.col-der .bordeado .btn {float: right; font-size: 12px; padding: 4px 10px 2px; width: 100%;}
.col-der .bordeado select {height: 30px; width: 100%;}

.col-der #slide_fb h3 {font-size:13px; line-height:18px; text-transform:none; margin-bottom:5px;}
.col-der #slide_fb .fecha {font-size:9px; color:#666; margin-bottom:3px;}
.col-der #slide_fb .contenido_noticia {font-size:11px;}


/************* Listado de Productos *************************/
.col-der .listado-productos .producto .price {color: gray; font-size: 18px; text-align:left; font-weight:bold; margin-bottom:5px;margin-top:7px;margin-right:10px;}
.col-der .listado-productos .producto .price-discount {float:left; color: gray; font-size: 18px; text-align:right; font-weight:bold; margin-bottom:5px;margin-top:-18px;margin-left:30px;}
.col-der .listado-productos .producto .price-discount-en {float:left; color: black; font-size: 16px; text-align:right; font-weight:bold; margin-left: 60px;margin-top: -5px;}
.col-der .listado-productos .producto .price-discount-en span {font-size: 11px;}
.col-der .listado-productos .producto .price-discount span {font-size: 11px;}
.col-der .listado-productos .producto .price-discount .old{text-decoration:line-through;color:#777;display: block;margin-bottom: 10px;}
.col-der .listado-productos .producto .price-discount-en .old{text-decoration:line-through;color:#777;}
.col-der .listado-productos .producto .stock {font-family: Arial, sans-serif;color: #bbb;font-weight: bold;font-size: 12px !important;margin-top: -11px;text-align: center;float:left;clear: both;width: 66%;display:inline-block;}
.col-der .listado-productos .producto .stockgris{color:#999999; font-size:10px;}
.col-der .listado-productos .producto .war{color: orange;}
.col-der .listado-productos .producto .no-disp{color: red;}

.col-der .listado-productos .producto .capaCantidad{height:50px; width:140px; overflow:hidden; display:inline-block; margin:10px 0; line-height:15px; margin-left:20px; text-align:center; background-color:#FFFFFF;}
.col-der .listado-productos .producto .capaCantidad a {font-size:11px; font-weight:bold; color:#666666;}
.col-der .listado-productos .producto .capaCantidad input {max-width:60px; margin: 5px; text-align:center; background-color:#FFFFCC; font-size:12px; font-weight:bold; color:#000000;}

    .col-der .listado-productos .producto .btn-ak {
        font-size: 13px;
        background: #1CA5CC;
        border: none;
        border-radius: 15px 0 10px 0;
        bottom: -1px;
        position: absolute;
        right: -1px;
        padding: 10px 15px 10px 16px;
    }
        .col-der .listado-productos .producto .btn-ak:hover {
            background: #F4F4F4;
            color:#000000;
        }
/*.col-der .listado-productos .producto .pro-not-available{margin-top: 5px;margin-left:10px;}*/
.col-der .listado-productos .producto .pro-not-available2{color:#999999; font-size:11px; margin-top:4px;}
.col-der .listado-productos .producto .pro-not-available img{margin-right:5px;width:12px;height:12px;margin-top:-4px;}
.col-der .listado-productos .producto .img-disp-list{margin-top: 12px; margin-left: 5px;}

.col-der .listado-productos .producto .hmml-offer       {background: url(../images/style/ico-destacado.png) no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}
.col-der .listado-productos .producto .hmml-offer-enu   {background: url("../images/style/ico-special.png") no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}
.col-der .listado-productos .producto .hmml-offer-ptg   {background: url("../images/style/ico-special.png") no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}

.col-der .listado-productos .producto .hmml-new-enu {background: url("../images/style/ico-new.png") no-repeat;height: 70px; position: absolute;width: 70px;z-index: 1;background-size: 70px;}
.col-der .listado-productos .producto .hmml-new-ptg {background: url("../images/style/ico-novo.png") no-repeat;height: 70px; position: absolute;width: 70px;z-index: 1;background-size: 70px;}

.col-der .listado-productos .producto .hmml-promotion       {background: url(../images/style/ico-promocion.png) no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}
.col-der .listado-productos .producto .hmml-promotion-enu   {background: url("../images/style/ico-promotion.png") no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}
.col-der .listado-productos .producto .hmml-promotion-ptg   {background: url("../images/style/ico-promocao.png") no-repeat;height: 70px;position: absolute;width: 70px;z-index: 1;background-size: 70px;}


/************* Detalle Producto *************************/
/* ======================= CAMBIOS PARA DETALLE PRODUCTO - LuisCSSenNAVIDAD ==========================================================================================*/
.col-der .detalle-producto .descripcion {float:right; padding:0px 10px 5px;text-align:justify;}
.col-der .detalle-producto .descripcion h3 {margin:0 0 15px 0; line-height:25px; color:black; text-transform:uppercase;} /* Quitar si no se usa */
/* .col-der .detalle-producto .descripcion h3 span {font-size:14px; color:#333333; display:block; padding-bottom:5px; font-weight:bold;} */
/*.col-der .detalle-producto .descripcion span {font-size:16px; font-weight:bold; color:#333333; display:block; margin:0 0 15px 0; line-height:25px; text-transform:uppercase;}*/
.col-der .detalle-producto .descripcion p {font-size:16px; color:#666666 !important;}

.col-der .detalle-producto .en-linea{display:inline-block;margin-left:9px;margin-top:3px;}


.col-der .detalle-producto .error {background:url(../images/style/error25x25.png) no-repeat 0.5em 0.5em RGB(255,196,206);margin-left:15px;border-radius: 5px;font-size: 13px;padding:10px 15px 10px 35px;margin-bottom:20px;float: inherit;color:darkred;}
.col-der .detalle-producto .Max{font-size:14px;font-weight:bold;}
.col-der .detalle-producto .warning{background:url(../images/style/warning25x25.png) no-repeat 0.5em 0.5em RGB(254,230,182);margin-left:15px;padding:10px 15px 10px 35px;border-radius: 5px; color:orangered; font-size: 13px;margin-bottom:20px;float: inherit;display:flex;}
.col-der .detalle-producto .info {background:url(../images/style/info25x25.png) no-repeat 0.5em 0.5em RGB(189,202,244);margin-left:15px;border-radius: 5px;font-size: 13px;padding:10px 15px 10px 35px;margin-bottom:20px;float: inherit;color:#645656;}
.col-der .detalle-producto .info-warning {color: #ce092a;font-size: 10px;padding-left: 0 !important;}
.col-der .detalle-producto .msg-info { display:inline-block;margin:10px 5px; width:715px; float:left; padding:20px; }



/************* Detalle Noticia *************************/

.col-der .detalle-noticia {margin-top:-20px;}
.col-der .detalle-noticia label{color:Gray;}


.col-der .detalle-noticia .noticia {float:left; width:300px; margin:13px 5px 10px 0px; border:1px solid #ccc; border-radius:10px; padding:20px 15px 15px;}
.col-der .detalle-noticia .noticia .imagen {width:75%; text-align:center;margin-left:20px;}
.col-der .detalle-noticia .noticia .imagen img {width:100%;}
.col-der .detalle-noticia .noticia .galeria {border-top:1px solid #ccc; width:100%; margin-top:20px; padding-top:20px;}
.col-der .detalle-noticia .noticia .galeria  img {width:19%; margin:0 8px 15px;}
.col-der .detalle-noticia .noticia .galeria  img:hover {opacity:0.8;}


.col-der .detalle-noticia .descripcion {float:right; width:390px; margin:0 5px; padding:5px 10px 5px;text-align:justify;}
.col-der .detalle-noticia .descripcion h3 {font-size:19px; margin:10px 0 15px; line-height:25px; color:black; text-transform:uppercase;}
.col-der .detalle-noticia .descripcion h3 span {color:#000; display:block;padding-bottom:5px; font-size:13px; font-weight:bold;}
.col-der .detalle-noticia .descripcion p {color:#666;}

.col-der .detalle-noticia .en-linea{display:inline-block;margin-left:9px;margin-top:3px;}

.col-der .detalle-noticia .error {background:url(../images/style/error25x25.png) no-repeat 0.5em 0.5em RGB(255,196,206);margin-left:15px;border-radius: 5px;font-size: 13px;padding:10px 15px 10px 35px;margin-bottom:20px;float: inherit;color:darkred;}
.col-der .detalle-noticia .Max{font-size:14px;font-weight:bold;}
.col-der .detalle-noticia .warning{background:url(../images/style/warning25x25.png) no-repeat 0.5em 0.5em RGB(254,230,182);margin-left:15px;padding:10px 15px 10px 35px;border-radius: 5px; color:orangered; font-size: 13px;margin-bottom:20px;float: inherit;display:flex;}
.col-der .detalle-noticia .info {background:url(../images/style/info25x25.png) no-repeat 0.5em 0.5em RGB(189,202,244);margin-left:15px;border-radius: 5px;font-size: 13px;padding:10px 15px 10px 35px;margin-bottom:20px;float: inherit;color:#645656;}
.col-der .detalle-noticia .info-warning {color: #ce092a;font-size: 10px;padding-left: 0 !important;}
.col-der .detalle-noticia .msg-info { display:inline-block;margin:10px 5px; width:715px; float:left; padding:20px; }


.col-der .row .col-bus40{padding-left:10px;position:relative;float:left;margin-right:10px;}
.col-der .row .col-bus50{padding-left:10px;position:relative;}
.ordenar{margin-left:75%;}



/************* Detalle Descarga *************************/
.col-der .detalle-descarga .descarga {position:relative; float:left; width:100%; margin:10px 0; border:1px solid #ccc; border-radius:10px; padding:20px 15px;}
.col-der .detalle-descarga .descarga .imagen {float:left; width:150px; margin-right:12px;}
.col-der .detalle-descarga .descarga .imagen img {max-width:100%;}
.col-der .detalle-descarga .descarga h3 {color: black; font-size: 19px; line-height: 15px; margin: 10px 0 15px; text-transform: uppercase;display:inline-block;}
.col-der .detalle-descarga .descarga .size {color:#999999; font-size: 11px; font-weight: bold; margin: -10px 0 10px;}
.col-der .detalle-descarga .descarga .btn-ak:hover {background: #777370;}
.col-der .detalle-descarga .descarga .btn-ak {float:right;font-size: 12px;background: black;border: none;border-radius: 15px 0 10px 0;bottom: -1px; position: absolute;right: -1px; padding: 7px 15px 6px 16px;}


.col-der .form-inline .btn-ak{ margin-right:5px;}
.col-der .filtro {background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 5px; float: left; margin: 10px 0; padding: 20px; width: 100%;text-align:justify !important;font-size: 1.1em;}
.col-der .principal {margin:30px 0;}

/*============   =============== */
    
.col-der .precio-cesta span {font-family: 'Roboto-Slab' !important; font-size: 18px; display:block; text-transform: uppercase; font-weight: normal; line-height: 55px; color:#333333 !important;}

.precio-cesta span {font-size: 50px;display:block;text-transform: uppercase;font-weight: normal;line-height: 55px;color:black;}
.precio-cesta {float: right;color: #000;width: 100%;text-align: right;margin: 10px 0;font-size: 11px;font-weight: bold;}
.col-der .slide {width: 100%;}


.products-suggest-section{    margin: 10px 5px;    width: 715px;    float: left;    padding: 20px;    border-radius: 5px;    font-size:1.1em;    height: 320px !important;}

.col-der .filtro {background:#F9F9F9; border:1px solid #CCCCCC; border-radius:5px; float:left; margin:10px 0; padding:20px; width:100%;}



.col-der .user-data {margin:30px 0;}

.botonera-derecha .btn {margin-left: 3px;}
.botonera-izquierda .btn {margin-right: 3px;}

/************************************/
/******  PAGINACI�N PRODUCTOS *******/
/************************************/
.filtro-paginacion {background: #F9F9F9;border: 1px solid #CCCCCC;border-radius: 5px;float: left;margin: 10px 0 20px 0;padding: 12px 15px 5px;width: 100%;font-size: 11px;}
.pagination li a{    padding:8px 12px !important;    height:31px !important;}
#paginacion {text-align: right;}
.filtro-paginacion select {width: 100%;height: auto;}



/************************************/
/******  PAGINACI�N PRODUCTOS *******/
/************************************/



.btns-bag{ float:right; }
.btns-bag .btn .btn-ak, .btns-bag .btn .btn-ak2{    margin-left:10px;    margin-right:10px;    margin-top:20px;}
.btns-page-options {	margin-top:150px;	margin-left:10px;}
#ctl00$CPHPanel$btnenviar {	float:right;	margin-right:340px;}


/******* RFV ********/
.rfv-style{    visibility: visible;    display:none !important;}
.table-gastos-envio{    margin-top:10px;}

/********** MENSAJES DE ERROR display:none;***********/


.filtro .btn-filtro {margin-top:20px; text-align:right}


/*********************************************************************/
/*********************** FOOTER **************************************/
/*********************************************************************/
.footer {background:#E2E2E2; width:100%; margin-bottom:30px;}
.footer .col-izq {text-align:right; font-weight:bold; padding:20px 0;}
.footer .col-der {padding:23px 5px;}
.footer .col-der ul{list-style:none; margin:0; padding:0; font-size:11px; float:left; width:100px;}
.footer .col-der ul.lg {width:230px;}
.footer .col-der li{padding:2px 0;}
.footer .col-der li a{color:#333;}
.footer .col-der .redes {float:left; text-align:right;margin-left:30px;}
.footer .col-der .redes img { text-align:right; width:45px;height:45px;}
.footer .col-der .logo-footer {width:20%; float:right;margin-top:-20px;margin-right:-20px;}




/*********************************************************************/
/*********************** MAPA DISTRIBUIDORES *************************/
/*********************************************************************/
.distribuidor {height:320px; overflow:hidden; border: 1px solid #CCCCCC; border-radius: 10px; float: left; margin: 10px 0 0 15px;  padding: 20px 15px 0 20px; width: 230px;}
.distribuidor .image {text-align:center; height: 155px; width: 75%;height: 40%;align-content: center;}
.distribuidor .image img {max-width:100%;max-height: 100%;}
.distribuidor h3 {height:30px; overflow:hidden; font-size: 14px; font-weight: bold; line-height: 15px; margin: 10px 0 5px; text-transform: uppercase; color:black;}

.img-distribuidores{margin-right:10px;}
.item {padding: 1em;margin: 0 0 2em;}

.ul-distribuidores {list-style: none;  padding: 20px 30px;}
.ul-distribuidores .nombre {font-weight:bold; display:block;}
.ul-distribuidores .direccion {font-weight:normal; color:#888; font-size:11px; }
.info-box {padding-left: 40px; position: relative;}
.ul-distribuidores .img-distribuidores {height: auto; left: 0;  position: absolute; top: 0; width: 25px;}
.ul-distribuidores li p{margin-bottom:10px;}
.rounded {border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.dark {background: #2a3333;}
.map {width: 100%;height: 750px;}
.shadow {-moz-box-shadow: 0px 2px 4px #999;-webkit-box-shadow: 0px 2px 4px #999;box-shadow: 0px 2px 4px #999;}
.light {background: #fff;}
.content {padding: 1.5em;margin: 0 0 1.5em;}
.h3Margin{margin-bottom:20px;}


/*****************************************************************************
  MAPA DEL SITIO
*****************************************************************************/
.sitemap dl {float:left; padding-right:30px; width:180px;}
.sitemap dt {font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;color:#0090d1;}
.sitemap dd {padding-bottom:3px;}

/*****************************************************************************
 FORMA DE PAGO
*****************************************************************************/
.formapago{margin-left:30px;}
.formapago dl {float:left; padding-right:30px; width:230px;border-left:0.1em solid lightgrey; padding-left:20px;padding-right:20px;}
.formapago dt {font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}
.formapago dd {padding-bottom:3px;}




/*****************************************************************************
 MIGAS CESTA
*****************************************************************************/
/* .progress {width:100%;} */
.progress {width:auto; }
.migas-cesta {width:100%; float:left;margin-top:10px;margin-bottom:15px;margin-top:5px;} /*comentado: padding-left:2px;margin:10px 0 5px; margin-bottom: 40px; */
.migas-cesta ul {padding:0; margin:0; list-style:none;}
.migas-cesta li {text-transform: uppercase; background: url("../images/style/bg-footer.png") no-repeat right -1px; display: inline; float: left; margin-left: 2px; padding-right: 18px;}
.migas-cesta li:last-child {background: none;}
.migas-cesta li.active {color: black; font-weight:bold; font-weight: 600;}
.migas-cesta li a{color: GrayText;font-weight:Bold;}

.migas-pro {width:100%; float:left;margin-top:10px;margin-bottom:15px;margin-top:5px;} /*comentado: padding-left:2px;margin:10px 0 5px; margin-bottom: 40px; */
.migas-pro ul {padding:0; margin:0; list-style:none;}
.migas-pro li {text-transform: uppercase; background: url("../images/style/NextArrowDis.gif") no-repeat right 3px; display: inline; float: left; margin-left: 2px; padding-right: 18px;}
.migas-pro li:last-child {background: none;}
.migas-pro li.active {color: black; font-weight:bold; font-weight: 600;}
.migas-pro li a{color: GrayText;font-weight:Bold;}



/*****************************************************/
/******* LISTADO CATEGORIAS / SUBCATEGORIAS **********/
/*****************************************************/

/*Menu categor�a*/
.categorias {display:none!important;}
dl.categorias{float:left;width:112.5%;margin:0;margin-bottom:30px;display:none;}
dl.categorias dd.activo{color: black !important;}
dl.categorias dd.activo,dl.categorias dd.activo:hover {background: #777370;border: 1px solid #F8D07C;color: black;}

.activo a:hover {color: black;}
dl.categorias dd 
{
    background: black;
    border: 1px solid rgba(255, 255, 255, 0.15);
    float: left;
    font-weight: bold;
    height: 4em;
    line-height: 1em;
    margin: 0.5em 0.5em 0 0;
    padding: 1em 0.5em 0.2em 0.5em;
    line-height: 0.8em;
    text-align: center;
    display:none;
    line-height: 10pt;
    border-radius: 5px;
}
/******** overflow-y: visible;*********/
dl.categorias dd:hover{    background: #777370; /*url("../images/style/dd-hover.png") repeat-x scroll center bottom #FEFEFE;*/     color: black;    /*border: 1px solid #F8D07C;*/}
dl.categorias dd a{ text-decoration: none;font-size: 13px;
    font-weight: bold;
    float:left;
    width:100%;
    color: white;
    font-family:Arial !important;
}
dl.categorias dd a:hover{    font-weight: bold;    /*font-size:13px;*/    color: black;/*#FA6804;*/ }
.tit-products-cats{    margin-top:-40px;}
.tit-products-cats h2 a {color: #555;text-decoration: none;text-transform: uppercase;}
.captcha {	float: left;}
.caja-captcha{margin-top:5px;}
.fondo{background-color:#E9ECEC;}
.etiqueta-paginacion{ margin-bottom:30px;   }
.justificado {	text-align:justify;}
.justificado img {max-width: 100% !important;margin: 5px;}
.justificado h3{	float:inherit !important;}


/*********************************************************************/
/********************* PopUp Jquery **********************************/
/*********************************************************************/
.ui-widget-header {	background:Black;}
.ui-dialog .ui-dialog-title{    color:white !important;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{    background: black  !important;}
.ui-button-text-only .ui-button-text{    background: black  !important;    color:White !important;}
.ui-button-text{     background: black  !important;    color:White !important;}
.ui-state-default .ui-icon{    background-image: none;}
.ui-dialog-titlebar-close{    display:none !important;}
.img-popup{display:inline-block;}
.data-popup{display:inline-block;}
.popup-color{width:10px;height:10px;}

/**margin-top: 56px;margin-left: -90px;**/


/*********************************************************************/
/********************* BANNERS PUBLICIDAD ****************************/
/*********************************************************************/

.publi-izq {left: 0; position: absolute; top: 206px;margin-right:5px;}
.publi-der {right: 0; position: absolute; top: 206px;margin-left:5px;}
.img-options{margin-right:5px;}
.img-options-vend{margin-right:1px;}


/*********************************************************************/
/*********************** PANEL DE CONTROL ****************************/
/*********************************************************************/
.img-control-panel{width:30px;height:30px;}
.img-social {width: 40px;height: 40px;margin-top: 15px;float: right;}
.img-op-pc{width:50px;height:50px;}
.validacion-user tr{border-bottom:1px solid #f4f4f4;}
.validacion-user{margin-top:20px;}
.table-cp{margin-left:20px;}
.validacion-user .title{font-size:23px; margin:10px 0; text-transform:uppercase; color:black; border-bottom:1px solid #F4F4F4; padding-bottom:5px;margin-bottom:25px;}
.icon-control-panel{margin-right:5px;width:10%;}
.bordeado {float: left;border: 1px solid #ccc;border-radius: 5px;margin-top: -8px;padding-top: 5px;padding:4px;}



/*********************************************************************/
/*********************** BUSCADOR  ***********************************/
/*********************************************************************/
.filtro .chbox-color{margin-left:10px;}
.filtro .chbox-talla{margin-left:5px;margin-right:5px;}
.filtro .grid_imgColor{}
.filtro .itemPropertiesContainer {margin: 0 0 2em;}
.filtro .itemPropertiesContainer ul{}
.filtro .itemPropertiesContainer ul li {display:inline;float: left;margin-bottom: 10px;margin-right: -25px;margin-left: -20px;padding-left:10px;padding-right:10px;}
.filtro .itemPropertiesContainer ul li a img {border: 1px solid #DDD;}
.filtro .itemPropertiesContainer ul li a img {width: 25%;height: 25%;}
.filtro .itemPropertiesContainer ul li .activo{border: 1px solid #7f7f7f;}
.filtro .btn-filtro2 {text-align:right;margin-top:-20px;}



/*********************************************************************/
/*********************** COOKIES *************************************/
/*********************************************************************/
#cookie-msg{font-size:11px; width:100%;line-height:18px;color:#F7F7F7;font-family:arial;text-align:left;display:none;background:rgba(0,0,0,0.8);position:fixed;bottom:0;z-index:9999;}
#cookie-msg-inner{padding: 6px 0; overflow:hidden; text-align:justify;}
#cookie-msg-inner a {text-decoration:none; color:#FFFFFF;opacity:0.7;}
#cookie-msg-inner a:hover {text-decoration:underline;}
#cookieClose{float:right;cursor:pointer;background:#428BCA;line-height:24px;margin:12px 3px 5px 20px;padding:0 8px;color:#FFF; transition:all 0.4s ease 0s;}
#cookieClose:hover{background:#2A6496; transition:all 0.4s ease 0s;}
@media (max-width: 600px) {#cookie-msg-inner {float:left;} #cookiePolitic, #cookieClose {width:100%; margin-left:0; margin-right:0; text-align:center;}}
.politica-de-cookies {}
.politica-de-cookies .page-title {color:#428BCA; font-size: 50px; font-weight: 300; margin-top: 100px; text-align: center; text-transform: uppercase; margin-bottom:20px;}
.politica-de-cookies h3 {color:#428BCA;text-transform: uppercase;}

/*********************************************************************/
/*********************** CONTACTA *************************************/
/*********************************************************************/


.txt-validator{color:orangered;margin-left:200px;float:left;}



/*********************************************************************/
/************************* OTROS *************************************/
/*********************************************************************/
.pvp-divisa-pedido{width:13% !important;}
.pvp-divisa{width:15% !important;}
.pvp-divisa2{width:10% !important;}

/*.form-inline .form-group {display: inline-block !important; margin-bottom: 0 !important; vertical-align: middle !important;} */
.form-inline {
    display: inline-block !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}

/*
.form-group {
    display: inline-block !important;
    margin-bottom: 0 !important;
    vertical-align: bottom !important;
    height: 29px;
    width: 58px;
}
*/


.menu-superior input {display:inline-block !important;} 

div .color-bag{text-align:left; font-family: LetraWeb, Georgia, serif; color:#333333; font-size:12px;}

.table div .color-bag img{width:30%; height:30%;}
div .color-bag img{width:30%; height:30%;}

h2 .pc{margin-top:15px;margin-bottom:15px;}

.divAcceder{margin-left: 29%;width: 49%;}
.btnAcceder{width: 100%;}
/* contenido facebook*/

.contenido_fb{height:185px;}
.slide_fb{margin-top:2px;}

/*********** POPUP CONFIRMACION ELIMINACION ***********/
 .delete-popup
        {
            background-color: white;
            border: 1px solid grey;
            display: inline-block;
            color:black;
            border-radius: 5px;
            left: 57%;
            padding: 15px;
            position: fixed;
            text-align: justify;
            top: 65%;
            z-index: 10;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
            -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
            -webkit-transition: opacity .5s, top .5s;
            -moz-transition: opacity .5s, top .5s;
            -o-transition: opacity .5s, top .5s;
            width:500px;
            height:120px;
            font-size:12px;         
        }
        .delete-popup .title-popup
        {
            margin-top:2px;
            border-bottom-right-radius:4px;
            border-bottom-left-radius:4px;
            border-top-right-radius:4px;
            border-top-left-radius:4px;
            border:1px solid #aaaaaa;
            color:#222222;
            font-weight:bold;
            background-color:Black;
            padding: .4em 1em;
            position: relative;
            margin-left:-10px;
            margin-top:-10px;
            margin-right:-10px;
            
        }
        .delete-popup p{ margin-top:15px; margin-bottom: 10px;}
        .delete-popup label{display: inline-block;text-align: left; width: 120px;}
        .delete-popup input[type="text"], .delete-popup input[type="password"]
        {
            border: 1px solid;
            border-color: #999 #ccc #ccc;
            margin: 0;
            padding: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
        .delete-popup input[type="text"]:hover, .delete-popup input[type="password"]:hover
        {
            border-color: #555 #888 #888;
        }
        .delete-popup .ui-dialog-title
        {
            color:white !important;
        }
               
                
        .posicion{display:inline-block;margin-top:50px;width:500px;margin-left:28px;}
 
 
 
 
 /************** PANEL DE CONTROL *************/
 .treeview{border: 1px;display: inline-block;float: left;border-right-color:grey;border-right-style:solid;border-color:rgb(128, 148, 148);width:285px;height:500px;margin-right:20px;}
.filtro {background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 5px; float: left; margin: 10px 0; padding: 20px; width: 100%;text-align:justify !important;font-size: 1.1em;}






/******************************************************
******* POLITICA DE COOKIES ***************************
*******************************************************/

/* CSS para la animaci�n y localizaci�n de los DIV de cookies */
 
#overbox3 { position: fixed;bottom: 0px; left: 0px; width: 100%;z-index: 999999;display: block;}
#infobox3 
{
    font-size:11px;
    margin-top:5px;
    margin: auto;
    position: relative;
    top: 0px;
    height: 50px;
    width: 100%;
    text-align:center;
    background-color: black;
    opacity:0.8;
    color: White;
}

#infobox3 p {line-height:58px;font-size:12px;text-align:center;}
#infobox3 p a {margin-right:5px; text-decoration: underline;color:#0090D1;}
#infobox3 p a:hover {margin-right:5px;text-decoration: underline;color:white;font-weight:bold;}


#infobox3 .container {width: 960px;margin: 0 auto;}
#infobox3 .container .cookies-text{padding: 6px 0;overflow: hidden;text-align: justify; width:75%;}
#infobox3 .container .cookies-text a{color:#0090D1;text-decoration: underline;}
#infobox3 .container .cookies-text a:hover{color:#0090D1;text-decoration: underline;font-weight:bold;}


#infobox3 .container .cookies-option {
float: right;
cursor: pointer;
background: #0090D1;
line-height: 24px;
margin: -30px 0 0 0;
padding: 0 8px;
color: white;
border: 1px solid #0090D1;
transition: all 0.4s ease 0s;
border-radius: 5px;
}

#infobox3 .container .cookies-option a{color: white;text-decoration:none;}


/******************************************************
******* POLITICA DE COOKIES ***************************
*******************************************************/


/**********************************************************
******* POP UP TABLA CORRESPONDENCIA TALLAS ZAPATILLAS ****
***********************************************************/

.link-guia-tallas  {margin-top:5px;padding-right:5px;padding-top:5px;padding-left:5px;color: Gray;border-top:1px solid #dddddd;}
.link-guia-tallas img{margin-right:5px;}

.toPopup{
position: relative;
width: 100%;
height:100%;
padding: 10px;
overflow: hidden;
zoom: 1;
border: 2px solid #ccc;
background: white !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 10px;
}
.toPopup .toPopup-title{font-family: Arial, sans-serif !important; font-size:12px;}

.toPopup-title-div{margin: 5px 5px 5px 5px;float:left;}

.toPopup table
{
width: 100%;
margin: 0 0 20px;
border-collapse: collapse;
border-style: hidden;
overflow: hidden;
background: #ccc repeat-x left bottom;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 10px;
}

.toPopup table .title 
{
width: 100px;
color: white;
font-size: 11px;
font-weight:bold;
}

.toPopup table td 
{
height: 40px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
border-bottom: 1px solid #f9f9f9;
padding-top:5px;
}

.toPopup .title-popup
{
    margin-top:2px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    border:1px solid #aaaaaa;
    color:white;
    font-weight:bold;
    background-color:Black;
    padding: .4em 1em;
    position: relative;
    margin-left:-10px;
    margin-top:-10px;
    margin-right:-10px;      
}  

.toPopup p
{
    font-size: 12px;
    color: black !important;
    margin:5px 0 0 0 !important;
}

.toPopup .close 
{
    background: url(../images/style/closebox.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right:2px;
    top: 2px;
    width: 28px;
}

.toPopup .loader {
    background: url(../images/style/loading_popup.gif) no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 20%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}

#backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}


/**********************************************/
/*************** POPUP DISP EDITABLE **********/
/**********************************************/
.dipsedit-popup
{
    background-color: white;
    border: 1px solid grey;
    display: inline-block;
    color:black;
    border-radius: 5px;
    left: 50%;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    width:800px;
    height:600px;
    font-size:12px;  
    overflow-y:auto;  
    max-height:100%;
    max-width:100%;
}

.dipsedit-popup .title-popup
{
    margin-top:2px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    border:1px solid #aaaaaa;
    color:#222222;
    font-weight:bold;
    background-color:Black;
    padding: .4em 1em;
    position: relative;
    margin-left:-10px;
    margin-top:-10px;
    margin-right:-10px;
            
}
.dipsedit-popup input[type="text"], .delete-popup input[type="password"]
{
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.dipsedit-popup .ui-dialog-title { color:white !important; }

.dipsedit-popup table
{
    margin-bottom:auto;
}
.dipsedit-popup .close {
    background: url(../images/style/closebox.png) no-repeat scroll 0 0 transparent !important;
    cursor: pointer !important;
    height: 27px !important;
    position: absolute !important;
    right:6px !important;
    top: 6px !important;
    width: 28px !important;
}

.accionespopup{margin:0px;width:100%;}
.accionespopup{float:left; padding:20px;margin:10px 5px;border:1px solid #ccc;background:#f9f9f9;border-radius:5px;}
.accionespopup .price-discount {float: left;color: black;font-size: 16px;text-align: right;font-weight: bold;margin-left: 50px;margin-top: -4px;line-height: 1;}
.accionespopup .price-discount .old{text-decoration: line-through;color: #777;font-size: 10px;float: left !important;line-height: 1;margin-left:30px;}
.accionespopup .price {float:right; color: black; font-size: 23px; text-align:right; font-weight:bold; margin:0px 25px 0px 15px;}
.accionespopup .price span {margin-right:10px;font-size: 18px;}
.accionespopup .price-discount span {font-size: 11px;}
.accionespopup .price-discount .old{text-decoration:line-through;color:#777;}        
.accionespopup .btn-ak {float:right;margin-left:20px;}
.dipsedit-popup .table table {width:50% !important;}

.uds-info{color:Gray;display:block;}

.img-size-t-edit{max-width:30px;max-height:50px;}

.img-size-t-edit img{width:100%;}

.fixedHeader tr {
   /* 
    display: block;
    position:relative; 
   */
}
.scrollContent 
{
   /* 
    display: block;
    overflow: auto; 
   */
}

/**********************************************/
/*************** POPUP DISP  ******************/
/**********************************************/ 

div.toPopup{width:500px;}
div.toPopup{height:75px;}
div.toPopup{left:60%;}
div.toPopup{top:40%;}


/**********************************************/
/*************** POPUP DISP EDITABLE **********/
/**********************************************/    


/*.img-size{max-width:50px;max-height:50px;}*/
.img-size img{height:50px;width:50px;}
.menu-superior .container{width:1000px;} 


div .popup-loadpage
{
    background-color: white;
    border: 1px solid grey;
    display: inline-block;
    color:black;
    border-radius: 5px;
    left: 50%;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 55%;
    /**z-index: 10;**/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    width:400px;
    height:75px;
    font-size:14px;  
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;       
}

.rdBttn input{margin-right:10px;}

/*AJUSTES RESPONSIVE*/
@media (max-width:576px) {
    #topbar #headerbar #header {
        height: auto;
    }
}