﻿/*
 * Descripción: TUNGLSKIN.IS
 * Copyright (c) 2019
 *
 */


/*=========================
		H1-H2-H3
=========================*/

.title{font-family: 'Poppins', sans-serif; font-size:2.5em; font-weight:500; line-height:1.2857em; color:#002967; margin-bottom:30px; word-wrap: break-word;}
.title a {text-decoration:none; color:#002967;}
.title a:hover, .title a:focus {text-decoration:none; color:#002967;}


.subtitle {font-family: 'Poppins', sans-serif; font-size:1.75em; line-height:1.2857em; color:#4b4b4b; margin-bottom:20px; position:relative}
.subtitle a {text-decoration:none; color:#2f2f2f;}
.subtitle a:hover{text-decoration:none; color:#000;}

.subtitle.big{font-size:2em;}
.subtitle.min{font-size:1.5em;}
.subtitle.min span{font-weight:400;}
.subtitle.peq{font-size:1.0666em; font-weight:normal;}
.subtitle.peq span{font-size:1.0666em; font-weight:600;}


.title.nobottom, .subtitle.nobottom{margin-bottom:0px; padding-bottom:0px;}


/*=========================
		 TEXTOS
=========================*/

.block-title {
    background: none;
    border: none;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
}

.tarifas{display:block; font-size:1em; font-weight:normal; color:#686868; margin-bottom:20px;}
.precio-nuevo{padding-right:10px; color:#002967;font-size:1.75em;font-weight:bold;}
.precio-antes{text-decoration:line-through; font-weight:400; color:#4c4c4c}

.tit-cart{display: block; font-size: 1.1875em; font-family: 'Poppins', sans-serif; font-weight: 500; color: #161e26;}
.sub-cart{margin-top:5px;}

.price-list{font-weight:bold; text-align:center; color:#2d2c2c; display:block;}
.price-list.big{font-size:1.3125em; margin:5px 0 0 0; background:#ffdeec6; padding:5px}
.price-list.big.detail{font-size:1.75em;}
.price-list.big.detail span{font-size:0.625em;}
.price-list.big.span{font-size:0.625em; text-decoration:none; color:#333}
.price-list span{text-decoration:line-through; color:#999999; font-weight:normal;}

.descuento {
	display:inline-block; font-size:0.75em; line-height:1em; padding:4px 5px; vertical-align:middle; border-radius:3px;
    background: #eba53d; 
    color: #fff;
}


.txtlistnot a{font-family:'Poppins', sans-serif; font-size:1.25em; line-height:1.2em}
.txtlistnot a:hover{color:#2d2c2c;}


.txtmin{font-size: 0.875em; color: #666; line-height: 1.5em; text-decoration: none; padding:2px 0;}
.txtmin a, .txtmin a:focus{color:#666; text-decoration:none}
.txtmin a:hover{color:#333; text-decoration:none;}

.microtext {
    font-size: 0.75em;
    color: rgb(0, 10, 18);
    line-height: 140%;
    margin: 0px;
}

.microtext a{
	font-weight:bold; text-decoration:underline;
}


.abajo{font-size: 0.9375em; color: #333; line-height: 1.6em; text-decoration: none; text-align:center}
.abajo a, .abajo a:focus{color: #333; text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: #4b4b4b; text-decoration: none;}

.titaba{font-size: 1.375em; font-family: 'Martel Sans', Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; display: inline-block; position:relative; margin-bottom: 25px; padding-bottom:10px}
.titaba:before {position: absolute; content: ""; width: 36px; height: 2px; background-color: #b62247; left: 0; bottom: 0;}
.titaba:after {position: absolute; content: ""; width: 2px; height: 2px; background-color: #b62247; left: 38px; bottom: 0;}


.titulo{font-size:1.371em; color:#333; margin-bottom:5px;}
.titulo.min{font-size:1.2142em;}
.titulo.heightoverflow{height:68px; overflow:hidden;}

.txt404 {font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height:1em; color:#ad0000;}
.txt404_msg, .txtbig{font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#333;	line-height:1.2em;}


/*=========================
		 COLORES
=========================*/

.colordest, .naranja{color:#f9b10d}
.azul{color:#002967;}
.blanco{color:white;}
.negro{color:black;}
.gris-claro{color:#999999}
.verde{color:#11b400;}
.rojo{color:#df280a;}


.texto{font-size:1.0714em;}

.textshadow-black{text-shadow: 1px 1px 10px rgba(0,0,0,0.4);}
.textshadow-white{text-shadow: 1px 1px 6px rgba(255,255,255,0.5);}


/*=========================
       MEDIA QUERIES
=========================*/


@media (max-width: 768px){
	.txt404 {font-size: 4.375em;}
	.txt404_msg, .txtbig {font-size: 1.875em;}
}
