.gT{ position:relative; max-width:1100px; box-sizing:border-box; margin:0px auto 50px auto;}
.gT.nomargin{ margin-bottom:0px; padding-bottom:0px;}

.gT .aviso_solo_registrados{ text-align: center; padding: 150px 0;}
.gT .topbar{ background-color:#CCC; margin:0 8px 20px 8px; color:#333;}
.gT .topbar.land{ margin:0 -50% 20px -50%; padding:0 50%;}
.gT .topbar .bar{ padding:10px 0 3px 0; background-color:#CCC;}
.gT .cuenta{ display: flex; flex-direction: row-reverse;}
.gT .cuenta .cliente{ display:inline-block; position:relative; padding:5px; margin:5px;}
.gT .cuenta .cliente .micuenta{ display:inline-block; color:#444; padding:6px 9px 6px 8px;}
.gT .cuenta .cliente .micuenta img{ max-height:20px; margin-right:6px; vertical-align:bottom;}
.gT .cuenta .cliente:hover .micuenta{ color:#000; background-color:#FFF; padding:5px 8px 6px 7px; border:1px solid #666; border-bottom:none;}
.gT .cuenta .cliente .menu{ position:absolute; z-index:100; top:38px; left:5px; display:none; background-color:#FFF; padding:5px; border:1px solid #666; border-top:none;}
.gT .cuenta .cliente:hover .menu{ display:inline-block;}
.gT .cuenta .cliente .menu ul{ list-style:none; margin:0px; padding:0px;}
.gT .cuenta .cliente .menu ul li{}
.gT .cuenta .cliente .menu ul li a{ white-space:nowrap; padding:5px 6px; color:#999; display:inline-block; text-decoration:none;}
.gT .cuenta .cliente .menu ul li a:hover{ text-decoration:underline; color:#000;}

.gT #cartsummary{ font-family:Arial !important; font-size:14px !important; cursor:pointer; padding-left: 15px; position: relative; text-align: center;}
.gT #cartsummary div, .gT #cartsummary span, .gT #cartsummary b, .gT #cartsummary a{ font-family:Arial !important; text-decoration:none !important;}
.gT #cartsummary .uds{ }
.gT #cartsummary .uds .carrito{ display: none;}
.gT #cartsummary .uds .totalu{ display: inline-block; position: absolute; top: 0; right:0; background-color: #D00; color: #FFF; padding: 2px 5px; border-radius: 12px; font-size: 12px;}

.gT #cartsummary .precio{ display: inline-block; padding: 2px 4px; border-radius: 12px; border: 1px solid #DDD;}
.gT #cartsummary .precio .totalp, .gT #cartsummary .precio .euro { color:#333; font-size: 13px;}

.tmc .fas, .tmc .fal{ font-size:34px !important; line-height:34px; vertical-align:middle; color:#999;}

.gT .toplogin{ margin:11px 7px;}
.gT .toplogin span{ display:inline-block; margin-right:10px; margin-bottom:5px;}
.gT .topbar .toplogin_m{ display:none; }

@media screen and (max-width: 1100px) {
	.gT h1{ margin:0 15px !important; padding: 10px 0;}
}

@media screen and (max-width: 480px) {
	
	.gT .topbar #gT_cliente{ text-align:left;}
	.gT .topbar .toplogin_m{ display:block; }
	.gT .topbar .toplogin_m i{ font-size:25px; cursor:pointer; margin-left:12px; color:#333; }
	.gT .topbar .toplogin{ clear:both; padding-top:12px; display:none; }
	.gT .topbar .toplogin .btn{ margin-bottom: 6px;}
    .gT .topbar.land{ margin:0 0 20px 0; padding:0;}

    .tmc .fas, .tmc .fal{ font-size:26px !important; line-height:26px;}
    
    .gT #cartsummary, .gT #gT_cliente{ padding-top: 6px;}
    .gT #cartsummary .vercart{ padding: 0 3px;}
    .gT #cartsummary .precio{ padding: 1px 3px; }
    .gT #cartsummary .precio .totalp, .gT #cartsummary .precio .euro { font-size: 11px;}
}
.gT .toplogin input[type=text],.gT .toplogin input[type=password]{ width:150px; padding:5px 5px; border:1px solid #888; border-radius:2px; vertical-align:middle; margin-top:-2px;}
.gT .toplogin .btn{ display:inline-block; padding:6px 10px; border-radius:3px; cursor:pointer; text-decoration:none;}
.gT .toplogin .btn.verde{ background-color:#4CB800; color:#FFF !important; font-size:14px;}
.gT .toplogin .btn.azul{ background-color:#008BD9; color:#FFF !important; font-size:14px;}
.gT .toplogin .btn.rojo{ background-color:#C90E11; color:#FFF !important; font-size:14px;}
.gT .toplogin .text{ font-size:14px; color:#777 !important; display:inline-block;}
.gT .toplogin .text:hover{ font-size:14px; color:#444 !important;}
.gT .toplogin .gTshowError{ margin-top:5px; border:1px solid #C00; background-color:#E3C7C8; background-color:rgba(212,0,3,0.13); color:#800; padding:5px; border-radius:3px; display:inline-block;}


/* HISTORIAL DE PEDIDOS */

.gTpedidos{ margin:20px 12px 40px 12px; min-height:500px; border-bottom:1px solid #DDD;}
.gTped{ border-top:1px solid #DDD; background-color:#FFF; display:table; font-family:Arial; width:100%; font-size:14px; cursor:pointer;}
.gTped:first{ border-top:none;}
.gTped.top{ border-bottom:1px solid #333; background-color:#666; color:#FFF !important;}
.gTped.top > div{ color:#FFF !important;}
.gTped:hover{ background-color:#F5F5F5;}
.gTped.top:hover{ background-color:#666;}
.gTped > div{ display:table-cell; padding:12px; box-sizing:border-box;}
.gTped .ref{ font-weight:bold; width:120px;}
.gTped .fecha{ color:#999; width:100px; text-align:center;}
.gTped .total{ color:#005E0A; width:100px; text-align:right;}
.gTped .pago{ width:150px;}
.gTped .envio{ width:180px;}
.gTped .estado{ width:180px; text-align:center;}
.gTped .estado.rojo{ color:#C00;}
.gTped .estado.naranja{ color:#FF7E00;}
.gTped .estado.verde{ color:#090;}
.gTped .estado.gris{ color:#999;}
.gTped .detalles{ width:auto; text-align:right; padding-right:30px; background:url(/images/ped_vermas.png) no-repeat center right;}
.gTped.top .detalles{ background:none;}
.gTpeddet .ti_grupo p{ margin:3px 0px !important;}
.gTpeddet .ti_listado .fila.pro{ height:auto; line-height:normal; margin:6px 0px; padding-bottom:6px;}

.gTbus input[type=text]{ padding:6px 10px; border:1px solid #999; border-radius:3px; color:#222; font-family:Arial; font-size:14px; width:69%; box-sizing:border-box;}
.gTbus input[type=text]::placeholder{ color:#DDD;}
.gTbus button{ padding:6px 10px 7px 10px; border:none; background-color:#1C4474; border-radius:3px; color:#FFF; font-family:Arial; font-size:15px; width:30%; box-sizing:border-box;}

@media screen and (max-width: 990px) {
	.gTped .detalles span{ display:none;}
}

@media screen and (max-width: 900px) {
	.gTped .pago{ display:none;}
}

@media screen and (max-width: 750px) {
	.gTped .envio{ display:none;}
}

@media screen and (max-width: 570px) {
	.gTped .ref{ display:none;}
}

/* FIN - HISTORIAL DE PEDIDOS */

.tiCats{ margin:50px 0 15px;}
.tiCat_desc{ margin:10px 0px 25px;}

.ti-cat-m{ display:inline-block; float:left; width:31.8%; margin:7px 0.75%; box-sizing:border-box; position:relative; border:1px solid #EEE; border-radius:5px; overflow:hidden; height:270px; cursor:pointer;}
.ti-cat-m:hover .foto{
	-webkit-transition: All 100ms linear; -moz-transition: All 100ms linear; -o-transition: All 100ms linear; -ms-transition: All 100ms linear; transition: All 100ms linear;
	 height:250px; top:-10px; left:-20px; width:110%;
}
.ti-cat-m .foto{
	-webkit-transition: All 100ms linear; -moz-transition: All 100ms linear; -o-transition: All 100ms linear; -ms-transition: All 100ms linear; transition: All 100ms linear;
	position:absolute; top:0px; left:0px; width:100%; text-align:center; height:230px; background:no-repeat center center; background-size:cover;
}
.ti-cat-m .mensaje{
	position: absolute; top: 20px; right: 0; z-index: 20; padding: 5px 8px; background-color: rgba(220,0,0,0.7); color:#FFF; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 1.6rem; margin-left: 20px;
}
.ti-cat-m .nombre{
	box-sizing: border-box; padding: 4px 10px; height: 40px;
    display: flex; align-items: center; justify-content: center;
	position:absolute; bottom:0px; left:0px; right:0px; text-align:center; background-color:#FFF; font-size:19px; font-family:Arial; line-height:20px; 
}
.ti-cat-m .nombre a{color:#333; text-decoration:none;}
.ti-cat-m:hover .nombre a{
	-webkit-transition: All 300ms linear; -moz-transition: All 200ms linear; -o-transition: All 200ms linear; -ms-transition: All 200ms linear; transition: All 200ms linear;
	 color:#CCC;
}

@media screen and (max-width: 1100px) {
    .tiCat_desc{ margin:10px 15px 25px;}
}

@media screen and (min-width: 501px) and (max-width: 800px) {
	.ti-cat-m{ width:48.5%;}
}

@media screen and (max-width: 500px) {
	.tiCats{ margin:15px;}
	.ti-cat-m{ display:inline-block; float:none; width:100%; margin:7px 0; box-sizing:border-box; height:200px;}
	.ti-cat-m .foto{ height:160px; }
}




.tiTop{ margin:25px 8px 10px 7px; border-radius:3px;}
.tiTop .rev_slider{ border-radius:3px;}
.tiTop .tp-caption{ background-color:#FFF !important; background-color:rgba(255,255,255,0.75) !important; font-family:Arial !important; font-weight:lighter !important; color:#000; border-radius:2px; padding:0px 12px;}

.tiTop2{ margin:25px 7px 10px 7px; background:no-repeat center center; background-size:cover; height:250px; position:relative; border-radius:3px;}
.tiTop2 h1{ position:absolute; bottom:0px; left:0px; right:0px; text-align:left; margin:0px; padding:10px 20px; background-color:#000; background-color:rgba(0,0,0,0.8); color:#FFF; border-radius:3px;}

.ti-pro-m{ display:inline-block; float:left; width:23.5%; padding:12px; position:relative; box-sizing:border-box; margin:10px 0.75%; overflow:hidden; background-color:#FFF;}
.ti-pro-m:hover{ box-shadow: 0 0 5px #CCC;}

.ti-pro-m:nth-child(4n+1){ clear: both;}

.tmp-md .ti-pro-m{ width:48.5%; }
.tmp-sm .ti-pro-m{ width:98.5%; }

@media screen and (min-width: 501px) and (max-width: 1000px) {
	.ti-pro-m{ width:31.8%;}
	.tmp-md .ti-pro-m{ width:48.5%; }
	.tmp-sm .ti-pro-m{ width:98.5%; }
}

@media screen and (max-width: 500px) {
	
    .tiProds{ margin: 0 10px;}
    
    .ti-pro-m{ width:48.5%;}
	.ti-pro-m:nth-child(odd){ clear: both;}
	.tmp-md .ti-pro-m, .tmp-sm .ti-pro-m{ width:48.5%; }
}

.ti-pro-m .alerta{ right:16px; display:inline-block; color:#FFF; padding:3px 8px; font-size:12px;}
.ti-pro-m .alerta_precio{ position:absolute; top:16px; background-color:#A60002;}
.ti-pro-m .foto{ width:100%; text-align:center; height:200px; background:no-repeat center center; background-size:contain; cursor:pointer; margin:0 auto;}
.ti-pro-m .nombre{
	text-align:center; font-size:1.4rem; padding:0px; box-sizing:border-box; margin:15px 0px 10px; color:#000; line-height: 1.8rem;
	/*line-height:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
}
.ti-pro-m .nombre a{ color:#000; text-decoration:none; }
.ti-pro-m .precio_ant{ color:#999; font-size:1.3rem; text-decoration:line-through; text-align: center;}
.ti-pro-m .precio{ color:#333; padding:0 10px 6px; font-size:1.7rem; text-align: center;}
.ti-pro-m .preciou{ font-size:1.3rem !important; color:#777; }
.ti-pro-m .cart{ position:absolute; top:50%; left:50%; margin-top: -40px; margin-left: -20px; width: 40px; height: 40px; background-color:#FFF; border-radius:50%; display: none; box-shadow: 0 0 2px #999;}
.ti-pro-m:hover .cart{ display: inline-block; }
.ti-pro-m .cart.added{ background-color:#CCC; color: #FFF;}
.ti-pro-m .cart a{ padding:10px 8px; text-align: center; line-height: 20px; vertical-align: middle; display:inline-block; height:20px; width:100%; box-sizing: border-box;}
.ti-pro-m .cart a .fas{ font-size:20px; line-height:20px; vertical-align:middle; color:#777;}
.ti-pro-m .cart:hover a .fas{ color: #222; }
.ti-pro-m .cart.added a .fas{ color:#FFF;}
.ti-pro-m .cart a span.readd{ display:none;}
.ti-pro-m .cart.added a span.add{ display:none;}
.ti-pro-m .cart.added a span.readd{ display:inline-block;}

.ti-pro-m .nostock{ padding:5px; color:#D00; font-weight:bold; text-align: center; font-size: 1.4rem; }

@media screen and (max-width: 1100px) {
    .ti-pro-m .cart{ position:static; top:auto; left:auto; margin:0 auto; display: block; }
    .ti-pro-m:hover .cart{ display: block; }
}

@media screen and (max-width: 480px) {
	.ti-pro-m{ padding:6px 6px; margin:5px 0.75% 20px;}

	.ti-pro-m .nombre{ font-size:13px; line-height:15px; margin:6px 0px;}
	.ti-pro-m .foto{ height:120px;}
	.ti-pro-m .precio_ant{ font-size:12px;}
	.ti-pro-m .precio{ font-size:14px; }
	.ti-pro-m .preciou{ font-size:12px !important;}
}


.ti-pro {}
.ti-pro .c-md-8{ padding-left:30px; }
.ti-pro .descabrev{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EEE; font-size: 16px; }
.ti-pro .alertas{ padding-bottom:15px; margin:5px 0; border-bottom:1px solid #EEE;}
.ti-pro .alerta{ display:inline-block; color:#FFF; padding:6px 10px; font-size:16px;}
.ti-pro .alerta_precio{ background-color:#A60002;}
.ti-pro .precio_ant{ color:#999; padding:10px 0 0; font-size:16px; line-height:18px; text-decoration:line-through; }
.ti-pro .precio{ color:#333; padding:3px 0 12px; font-size:24px; line-height:24px;}
.ti-pro .preciou{ color:#777; padding:0 0 5px; font-size:18px !important; line-height:20px;}

.ti-pro .cart{ margin:15px 0px 10px;}
.ti-pro .cart{ font-size: 1.6rem;}
.ti-pro .cart select{ font-size:1.6rem; padding:6px; border:1px solid #AAA; border-radius: 5px; margin-right: 15px; }
.ti-pro .cart a{ display:inline-block; padding:6px 10px; background-color:#FFF; border-radius:15px; text-decoration:none; font-size:20px; color: #555; box-sizing: border-box; border:1px solid #BBB; box-shadow: 0 0 3px #DDD; }
.ti-pro .cart.added a{ background-color:#8BD563; color: #FFF;}
.ti-pro .cart a .fas{ font-size:20px !important; line-height:20px; margin-right:6px;}
.ti-pro .detalles{ margin-top: 25px;}
.ti-pro .referencia{ color:#777; padding:5px 0 15px;}
.ti-pro .nostock{ display:inline-block; padding:8px 8px 8px 7px; margin:25px 0px 10px; vertical-align:middle; color:#F00; font-weight:bold; font-size:18px;}

.ti-pro .archivos{ margin:25px 0;}
.ti-pro .archivos .archivo{ display:block; margin:8px 0px; font-size:16px; line-height:16px;}
.ti-pro .archivos .archivo .ico{ display:inline-block; height:18px; width:18px; line-height:18px; background-position:center center; background-size:contain; background-repeat:no-repeat; margin-right:5px;}
.ti-pro .archivos .archivo .ico_pdf{ background-image:url(/images/exts/pdf.png);}
.ti-pro .archivos .archivo .ico_doc{ background-image:url(/images/exts/doc.png);}
.ti-pro .archivos .archivo .ico_docx{ background-image:url(/images/exts/docx.png);}
.ti-pro .archivos .archivo .ico_xls{ background-image:url(/images/exts/xls.png);}
.ti-pro .archivos .archivo .ico_xlsx{ background-image:url(/images/exts/xlsx.png);}

.ti-pro .photolist{ text-align:left;}
.ti-pro .photolist figure{ width:19%; display:inline-block; box-sizing:border-box; height:70px; text-align:center; vertical-align:middle; cursor:pointer; float:left; margin:0 1% 10px;}
.ti-pro .photolist figure a{ display:block; line-height:70px; height:70px; box-sizing:border-box; background-color:#FFF; border-radius: 5px; border: 1px solid #EEE;}
.ti-pro .photolist figure:first-child{ width:99%; display:block; height:280px; line-height:280px;}
.ti-pro .photolist figure:first-child a{ width:100%; display:block; height:280px; line-height:280px;}
.ti-pro .photolist figure a img{ max-width:100%; max-height:100%; vertical-align:middle; margin-top: -2px;}

@media screen and (min-width: 481px) and (max-width: 1100px) {
	.ti-pro { margin: 0 15px;}
    .ti-pro .photolist figure{ height:55px;}
    .ti-pro .photolist figure a{ line-height:55px; height:55px;}
    .ti-pro .photolist figure:first-child{ height:260px; line-height:260px;}
    .ti-pro .photolist figure:first-child a{ height:260px; line-height:260px;}
}

@media screen and (max-width: 480px) {
	.ti-pro { margin: 0 15px;}
    .ti-pro .c-md-8{ padding:25px 0;}
    .ti-pro .photolist figure{ height:55px;}
    .ti-pro .photolist figure a{ line-height:55px; height:55px;}
    .ti-pro .photolist figure:first-child{ height:200px; line-height:200px;}
    .ti-pro .photolist figure:first-child a{ height:200px; line-height:200px;}
}

/* similares */
.ti-pro-similares{ margin-top:50px;}
.ti-pro-similares h2{ margin-left:20px;}
.ti-pro-similares .bar{ border-bottom:1px solid #DDD; width:75%; margin:50px auto;}
.ti-pro-similares .list{ text-align:center;}


.ti_tree{ padding:10px 15px; margin: 30px 0 20px; background-color:#F2F2F2; text-transform: capitalize; border-radius: 5px;}
.ti_tree ul{ list-style:none; margin:0px;}
.ti_tree ul li{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #BBB; color:999;}
.ti_tree ul li:first-child{ margin-left:0px; padding-left: 0px; border-left:none;}
.ti_tree ul li a{ display:inline-block; text-decoration:none; color:#666 !important;}

@media screen and (max-width: 1100px) {
	.ti_tree{ margin: 15px 15px 20px;}
}