@charset "utf-8";
/* CSS Document */
html,body{
margin:0px;
height:100%;
font-family: 'raleway', Arial, sans-serif;
text-align:justify;
color:#1b1b1b;
background-color:#fff;
font-size:16px
}
@font-face {
    font-family: 'damion';
    src: url('fuentes/damion-regular.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fuentes/raleway-regular.woff') format('woff');
	font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fuentes/raleway-semibold.woff') format('woff');
	font-weight:600;
    font-style: normal;
}
@font-face {
    font-family: 'sacramento';
    src: url('fuentes/sacramento-regular.woff') format('woff');
    font-style: normal;
}
h1{font-size: 50px !important;font-family: 'damion'; font-weight:bold; text-align:center}
h2{font-size: 50px !important;font-family: 'sacramento'; font-weight:normal; text-align:center; line-height: 1;}
h3{font-size: 36px; font-family: 'sacramento'; font-weight:normal; text-align:center; background: url(assets/lineatit.png) repeat-x center; margin-top:2em }
h3 span{ background-color:#fff}
.semibold{font-weight:600}

.w3-button{font-family: 'raleway'; font-weight:600; border-radius: 48px; border:solid 1px #1b1b1b}

.aviso{ font-weight:bold; text-align:center; margin:auto}
table{border-spacing: 0;}
th, td {
    padding: 0px; border-collapse: collapse;
}

hr{ border:none; border-top:#ccc solid 1px;}

.cuerpo{ margin:auto; min-height:300px;}
.contenido{
	max-width:1200px;
	margin:10px auto; padding:0 14px
}
@media only screen and (min-width:601px){
	.cflex{display: -webkit-flex; /* Safari */
		display: flex;}
}
@media only screen and (max-width:768px){
	.centrar-med{text-align:center!important}
}
.mitadder{
	padding-left:10px;
}
.mitadizq{
	padding-right:10px;
}
.mitadcentro{
	padding:0 5px
}
.mitad{width:50%; float:left}
@media only screen and (max-width:600px){
	.mitadder{
		margin-top:1.5em; padding-left:0
	}
	.mitadizq{
		padding-right:0
	}
	.mitadcentro{
		margin-top:1.5em; padding-right:0; padding-left:0}
	.cuerpo{
		margin:0 10px
	}
	.contenido{
		margin:10px 10px
	}
	.centrar-small{text-align:center!important}
	h1{font-size: 28px !important;}
	h2{font-size: 28px !important;}
	header{font-size: 13px;}
}
.imgmax{
	max-width:100%; margin:auto
}
input[type=text], input[type=email], textarea{border:solid thin #aaa!important}

.fcafe{background-color:#C3B5A5}
.fnegro{
	background-color: #000000;
	color: #FFFFFF;
}
.bordecafe{border:solid 8px #C3B5A5}
.circulo{
    /*width: 40px;
    height: 40px;*/
    margin: 9px;
    background-color: #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
	position: relative;
}
.txtgris{color:#5E5E5E}


.descuento{
	color:#5E5E5E;
	text-decoration: line-through;
}


.tarjeta{
	width: 30%; 
	height: 470px; 
	text-align: center; 
	color: #ffffff; 
	margin:  1.5%;
	cursor: pointer;
}
h3 a, header a{text-decoration:none; color:#000!important}
header .activo{ font-weight:bold}
a{color:rgb(130, 116, 100)}

.w3-button{transition: all .3s ease-in-out;}