/*
 * Descripción: MUEBLES EL ZAR
 * Copyright (c) 2018
 *
 */


/*=========================
		H1-H2-H3
=========================*/


.title{font-family: 'Open Sans', sans-serif; font-size:2.125em; line-height:1.375em; color:#4d4d4d; margin-bottom:8px; position:relative}
.title a {text-decoration:none; color:#4d4d4d;}
.title a:hover, .title a:focus {text-decoration:none; color:#4d4d4d}

.title.peq{font-size:1.4666em; margin-bottom:5px;}
.title.min{font-size:1.75em; margin-bottom:5px; line-height:1em}
.title.med{font-size:2.4em;}

.line-title{background: url('../images/line-title.png') no-repeat center center; display: inline-block; height:18px; vertical-align: top; margin:8px auto 0px auto; width: 100%;}

.sec-title span.decor {background: #c71d20; height: 3px; width: 70px; display: inline-block; position: relative; z-index: 1;}
.sec-title span.decor:before{position: absolute; top: -2px; left: 0; width: 70px; height: 1px; background: #c71d20; content: "";}


.subtitle {font-family: 'Open Sans', sans-serif; font-size:1.375em; color:#4d4d4d; margin-bottom:5px;}
.subtitle a {text-decoration:none; color:#4d4d4d;}
.subtitle a:hover{text-decoration:none; color:#4d4d4d;}

.subtitle.min{font-size:1.25em; margin-bottom:5px; line-height:1.1em}

.subtitle.nobotton{	margin-bottom:0px;}




/*=========================
		 TEXTOS
=========================*/

.txtlist{font-family:'Open Sans', sans-serif; font-size:1.25em; line-height:1.2em;}
.txtlist span{font-size:0.8em; color:#c71d20; border-left:3px solid #c71d20; padding-left:5px;}


.bigtext{font-family:'Open Sans', sans-serif; font-size:1.625em; color:#242424; line-height:1.5em}
.bigtext .big{font-size:2em;}

.txtmin{font-size: 0.93333em; color: #5f6062; line-height: 1.5em; text-decoration: none;}
.txtmin a, .txtmin a:focus{color:#5f6062; text-decoration:none}
.txtmin a:hover{color:#333; text-decoration:none;}

.ubica{letter-spacing: 0.5px; word-spacing: 3px; background-color: transparent; padding: 8px 0; color:#ccc; text-transform: uppercase;font-size: 0.8666em; text-transform:uppercase;}
.ubica>li{display:inline-block}
.ubica>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.ubica li a { color: #ccc;}
.ubica li a:hover {color: #ccc; border-bottom:1px solid #ccc;}
.ubica li.active {color: #fff;}

.titaba{font-size: 1.3571em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height:1em; color:#fff; margin:15px 0 25px 0; display: inline-block; position:relative;}
.titaba:before{content: ""; width: 30px; height: 2px; position: absolute; left: 0px; bottom: -8px; background: #c71d20;}
.titaba span.decor:before{position: absolute; bottom: -5px; left: 0; width: 30px; height: 1px; background: #c71d20; content: "";}

.abajo{font-size: 0.875em; color: #525252; line-height: 1.3em; text-decoration: none; padding-top:8px;}
.abajo a, .abajo a:focus{color: #525252; text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: #525252; text-decoration: none;}

.titulo{font-size:1.3571em; 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{color:#c71d20}
.rojo{color:#e73426;}
.amarillo{color:#ffd266}
.blanco{color:white;}
.blanco a{color:white;}
.blanco a:hover{color:white;}
.negro{color:black;}
.gris{color:#666;}

.blanco a:hover




.texto{font-size:1.0714em;}


/*=========================
       MEDIA QUERIES
=========================*/


@media (max-width: 768px){
	.txt404 {font-size: 4.375em;}
	.txt404_msg, .txtbig {font-size: 1.875em;}
	
	.titulo-raya:before, .titaba:before{display:none;}
}