body 
{
	margin:0 auto;
}
@media screen and (min-width: 980px)
{
	h1
	{	
		text-align:center;
		margin-top:5px;
	}
	.a90
	{
		width:90%;
		margin: 0 auto;
	}
	.cabecera
	{
		width:100%;
		background-color:black;
		height:150px;
	}
	.logo
	{
		padding:10px;
		margin-left:20px;
		width:25%;
		float:left;
		margin-top:20px;
		max-height:139px;
		max-width:330px;
		
	}
	.textocabecera
	{
		color:white;
		font-family:Garamond;
		font-size:40px;
		text-align:center;
		float:left;
		margin-top:60px;
		margin-left:50px;
		
	}
	.arribaizq
	{
		float:left;
		width:40%px;
		margin-left:30px;
		text-align:right;
		margin-top:30px;
		position:absolute;
		right:20px;
	}
	.icono
	{
		width:40px;
	}
	.icono2
	{
		width:50px;
	}
	.calltoaction
	{
		background-color: #B82601;
		padding:10px;
		color:white;
		width:50%;
		cursor:pointer;
		transition:0.5s;
	}
	.calltoaction:hover
	{
		background-color: black;
	}
	.calltoaction2
	{
		background-color: black;
		padding:15px;
		color:white;
		width:30%;
		cursor:pointer;
		height:40px;
		transition:0.1s;
		font-weight:bold;
		float:left;
		margin-left:35%;
	}
		.calltoaction3
	{
		background-color: black;
		padding:10px;
		color:white;
		width:50%;
		cursor:pointer;
		margin-top:20px;
	}
		.calltoaction3:hover
	{
		background-color: #B82601;
		border: 2px solid black;
		color:black;
		font-weight:bold;
	}
	.facebook
	{
		height:70px;
	}
	.calltoaction2:hover
	{
		background-color: #181718;
	}
	.banner
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email-fiable.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner2
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner3
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/consulta-del-tarot-por-correo.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}

	.textobanner
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:30px;
		padding:20px;
		width:50%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner2
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:40px;
		padding:40px;
		width:50%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner3
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:30px;
		padding:40px;
		width:50%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.rojo
	{
		background-color:#B82601;
		width:100%;
		height:600px;
	}
	.rojobis
	{
		background-color:#B82601;
		width:100%;
		height:800px;
	}
	.drch
	{
		width:45%;
		float:left;
		background-color:#B82601;
		padding:10px;
		
	}
	.izq
	{
		width:50%;
		float:left;
		background-color:#B82601;
	}
	.precio
	{
		width:80%;
		border: white double 3px;
		color:white;
		padding:10px;
		height:80px;
	}
	.precio2
	{
		width:80%;
		border: white double 3px;
		color:white;
		padding:10px;
	}
	.numero
	{
		font-size:50px;
	}
	.letrapqn
	{
		font-size:18px;
	}

	.preciodrch
	{
		width:19%;
		float:right;
	}
	.precioizq
	{
		width:75%;
		float:left;
		padding-top:20px;
	}
	.clear
	{
		clear:both;
	}
	.float
	{float:left;}
	.rojo2
	{
		background-color:#B82601;
		width:100%;
	}
	.textonegro
	{
		font-family:Garamond;
		font-size:30px;
		padding:20px;
		width: 80%;
		text-align:justify;
		color:white;
	}
	.textofondocolor
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:30px;
		padding:20px;
		color:white;
		
	}
	.rojopoliticas
	{
		background-color:#B82601;
	}
	.textofondocolor2
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:26px;
		padding:20px;
		color:white;
		text-align:justify;
		width:90%;
		
	}
	.textofondocolor3
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:28px;
		padding:20px;
		color:white;
		width:70%;
		margin:0 auto;
		text-align:center;
		
	}
	.input
	{
		width:60%;
		height:37px;
		font-size:26px;
		font-family:Garamond;
		
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		margin-left:-40px;
		
	}
	.edad
	{
		width:60%;
		height:40px;
		font-size:26px;
		font-family:Garamond;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		margin-left:-40px;
		
	}
	.input2
	{
		width:100%;
		height:200px;
		font-size:22px;
		font-family:Garamond;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		padding:10px;
	}
	.anchura
	{
		width:170px;
		background-color:black;
		float:left;
		height:38px;
		border:1px white solid;
		text-align:left;
		padding-left:10px;
		font-size:28px;
	}
	.botonform
	{
		width:300px;
		height:50px;
		margin-top:10px;
		font-size:22px;
		font-family:Garamond;
	}
	.pie
	{
		height:180px;
		width:100%;
		background-color:black;
		text-align:center;
	}
	.textopie1
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
		float:left;
	}
	.textopie2
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
		float:left;
	}
	.textopie3
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
		float:left;
	}
	.textopie4
	{
		
		padding:20px;
		padding-left:40px;
		font-size:22px;
		float:left;
	}
	.enlacepie
	{
		text-decoration:none;
		color:white;
	}
	.enlacepie:hover
	{
		text-decoration:underline;
	}
	.precio1
	{
		width:200px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:10px;
		float:left;
		margin-left:10px;
	}
	.precio3
	{
		width:200px;
		height:130px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:10px;
		float:left;
		margin-left:10px;
	}
	.euros
	{
		font-size:50px;
	}
	.margin
	{
		width:500px;
		height:100px;
	}
	.haztupregunta
	{
		padding:30px;
		width:50%;
		border:1px solid white;
		margin-top:40px;
		font-weight:bold;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	.haztupregunta:hover
	{
		background-color:#B82601;
		color:white;
	}
	.mensajeconfirmacion
	{
		font-size:50px;
		color:white;
		font-family:garamond;
	}
	.mensajeconfirmacion2
	{
		font-size:35px;
		color:white;
		padding-top:30px;
		font-family:garamond;
	}
	/* BLOG*/
	.izqarticulos
	{
		width:64%;
		float:left;
		padding:40px;
		padding-top:0px;
	}
	.drcharticulos
	{
		width:28%;
		float:left;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		min-height:400px;
		margin-top:-9px;
	}
	.drcharticulos img
{
	max-width:300px;
}
		.cuerpo
	{
		font-family:arial;
		font-size:20px;
		text-align:justify;
	}
	.enlacesin
	{
		text-decoration:none;
	}
	.negro
	{
		color:black;
	}	
	.linkencima
	{
		cursor:pointer;
	}
		
	.arbol
	{
		font-family:arial;
		font-size:18px;
		width:100%;
		margin-bottom:10px;
		color:white;
		padding-top:10px;
		padding-bottom:10px;
	}
	.arbol a
	{
		color:white;
	}
	.arbolpadding
	{
		padding-left:20px;
	}
	.color1
{
	background-color:#B82601;
	color:white;

	}
	.blanco
	{
		color:white;
	}
		.bannerotros
	{
		width:48%;
		margin-left:10px;
		margin-bottom:10px;
		max-height:220px;
	}
	.bannerotros:hover
	{
		opacity:0.7;
	}
	.linkencima:hover
	{
		text-decoration:none;
	}
	.tituloarticulo
	{
		font-size:40px;	
		font-family:arial;
	}
	.fotoart
	{
		width:50%;
		float:left; 
		padding-right:20px; 
		padding-bottom:20px;
	}
	.fotoart2
	{
		width:95%;
	}
		.contenedorblog
	{
    position: relative;
    display: inline-block;
    text-align: center;
	width:47%;
	margin-left:10px;
	}
	.contenedorgeneral
	{
		
	}
		.contenedorblogindex
	{
    position: relative;
    display: inline-block;
    text-align: center;
	width:32%;	
	margin-left:10px;
	overflow:hidden;
	max-height:300px;
	}
			.tituloindexarticulos
	{
		font-size:25px;
		padding-top:30px;
		margin-top:-10px;
		text-align:center;
	}
	.rallablanca
	{
		border-top:solid white 2px;
	}
	.imagenrecuadrosindex
	{
	width:100%;
	
	}
	.centradoblog
	{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color:white;
	width:50%;
	padding:20px;
	opacity:0.9;
	font-size:22px;
	overflow:hidden;
	}
	.centradoblog:hover
	{
		padding:50px;
		transition:0.5s;
	}
/*-----Inicio Cartas*/
.carta
{
	width:120px;
	height:200px;
	background-image:url('https://www.micaelagracia.com/images/carta.jpg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	/*float:left;*/
	margin:5px;
	cursor:pointer;
	display:none;
}
.cartaa
{
	width:120px;
	height:200px;
	background-image:url('https://www.micaelagracia.com/images/carta.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	margin:5px;
	cursor:pointer;
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.cajasuperior
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed; 
    text-align:justify; 
    padding: 5px; 
    left: 50%; 
    top: 40%; 
    width: 0px; 
    height: 0px; 
    margin-top: 0px; 
    margin-left: 0px; 
    overflow: hidden; 
    border: 1px solid #2E2EFE; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:0;
}
.cajasuperiorabierta
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed;
    text-align:justify; 
    padding: 5px; 
    left: 0%; 
    top: 0%; 
    width: 100%; 
    height: 98%;  
    /*margin-left: -350px; */
    overflow: auto; 
    border: 3px solid black; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:1;
}
.clear{
	clear:both;
}
#boton
{
	width:30%;
	border:1px solid black;
	padding:30px;
	font-size:30px;
	background-color:red;
	margin-top:20px;
	cursor:pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.a80
{
		width:80%;
		margin: 0 auto;
}
	.rojocartas
	{
		background-color:#B82601;
		width:100%;
		margin-top:-10px;
	}
.cuerpo
{
	
}
#imagensuperior
{
	margin-top:20px;
}
.recuadrodentrorojo
{
	width:90%;
	border:1px solid #B82601;
	margin:0 auto;
	padding:20px;
}
.a30carta
{
		width:39%;
		float:left;
}
.a50carta
{
		width:49%;
		float:left;
}
.a70carta
{
		width:69%;
		float:left;
}
.cartatarotsino
{
	width:90%;
}
.textocartas
{
	color:white;
	font-size:22px;
	font-family:garamond;
}
.botoncartas
{
	width:40%;
	background-color:black;
	padding:20px;
	color:white;
	font-size:20px;
	font-family:arial;
	border:3px solid black;
	cursor:pointer;
}
.botoncartas:hover
{
	border-right:5px solid black;
	border-left:5px solid black;
}
	.bannermaderacartas
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.textobannercartas
	{
		position:relative;
		top:30px;
		margin-bottom:20px;
		text-align:center;
		font-family:arial;
		font-size:18px;
		padding:15px;
		width:45%;
		float:left;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobannercartas2
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:25px;
		padding:20px;
		width:50%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	
/*-----FIN Cartas*/
.imgizqblog
{
	float:left; 
	margin-left:20px; 
	margin-right:20px; 
	width:200px; 
}
}
/*------------------------------------------------------------------------------------------------------------------TABLET----------------------------
--------------------------------------------------------------------------------------------------------------------TABLET----------------------------
--------------------------------------------------------------------------------------------------------------------TABLET----------------------------
--------------------------------------------------------------------------------------------------------------------TABLET----------------------------
--------------------------------------------------------------------------------------------------------------------TABLET----------------------------
--------------------------------------------------------------------------------------------------------------------TABLET---------------------------- */
@media screen and (max-width: 980px) and (min-width: 480px)
{
	h1
	{	
		text-align:center;
		margin-top:5px;
	}
	.cabecera
	{
		width:100%;
		background-color:black;
		height:120px;
		
		overflow:hidden;
	}
	.logo
	{
		padding:10px;
		width:40%;
		float:left;
		
	}
	.textocabecera
	{
		color:white;
		font-family:Garamond;
		font-size:25px;
		text-align:center;
		padding:20px;
	}
	.arribaizq
	{
		float:left;
		width:40%;
		margin-left:100px;
		margin-top:-35px;
		
	}
	.icono
	{
		width:40px;
	}
	.icono2
	{
		width:50px;
	}
	.calltoaction
	{
		background-color: #B82601;
		padding:10px;
		color:white;
		width:60%;
		cursor:pointer;
		transition:0.5s;
	}
	.calltoaction:hover
	{
		background-color: black;
	}
	.calltoaction2
	{
		background-color: black;
		padding:15px;
		color:white;
		width:30%;
		cursor:pointer;
		height:40px;
		transition:0.1s;
		font-weight:bold;
		float:left;
		margin-left:35%;
	}
	.facebook
	{
		height:70px;
	}
	.calltoaction2:hover
	{
		background-color: #181718;
	}
		.calltoaction3
	{
		background-color: black;
		padding:10px;
		color:white;
		width:60%;
		cursor:pointer;
		margin-top:20px;
		border:2px solid #B82601;
	}
		.calltoaction3:hover
	{
		background-color: #B82601;
		border: 2px solid black;
		color:black;
		font-weight:bold;
	}
	.banner
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email-fiable.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner2
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner3
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/consulta-del-tarot-por-correo.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}

	.textobanner
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:20px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner2
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:25px;
		padding:40px;
		width:60%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner3
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:22px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.rojo
	{
		background-color:#B82601;
		width:100%;
	}
	.rojobis
	{
		background-color:#B82601;
		width:100%;´
	}
	.drch
	{
		width:95%;
		float:clear;
		background-color:#B82601;
		padding:10px;
		
	}
	.izq
	{
		width:99%;
		background-color:#B82601;
		float:clear;
	}
	.precio
	{
		width:95%;
		border: white double 3px;
		color:white;
		padding:10px;
		height:80px;
	}
		.precio2
	{
		width:80%;
		border: white double 3px;
		color:white;
		padding:10px;
	}
	.numero
	{
		font-size:40px;
	}
	.letrapqn
	{
		font-size:18px;
	}

	.preciodrch
	{
		width:25%;
		float:right;
	}
	.precioizq
	{
		width:70%;
		float:left;
		padding-top:20px;
	}
	.clear
	{
		clear:both;
	}
	.float
	{float:left;}
	.rojo2
	{
		background-color:#B82601;
		width:100%;
	}
	.textofondocolor
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:20px;
		color:white;
		width:90%;
		
	}
	.textofondocolor2
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:20px;
		color:white;
		text-align:justify;
		width:90%;
		
	}
	.textofondocolor3
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:10px;
		color:white;
		width:90%;
		margin:0 auto;
		text-align:justify;
		
	}
	.input
	{
		width:55%;
		height:44px;
		font-size:20px;
		font-family:Garamond;
		
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		margin-left:-6px;
		
	}
	.edad
	{
		width:55%;
		height:44px;
		font-size:26px;
		font-family:Garamond;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		
	}
	.input2
	{
		width:100%;
		height:200px;
		font-size:22px;
		font-family:Garamond;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		padding:10px;
	}
	.anchura
	{
		width:35%;
		background-color:black;
		float:left;
		border:1px white solid;
		text-align:left;
		padding-left:10px;
		padding:10px;
	}
	.botonform
	{
		width:200px;
		height:50px;
		margin-top:10px;
		font-size:22px;
		font-family:Garamond;
	}

	.pie
	{
		height:600px;
		width:100%;
		background-color:black;
		text-align:center;
	}
	.textopie1
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie2
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie3
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie4
	{
		
		padding:20px;
		font-size:22px;
		margin-left:5%;
	}
	.enlacepie
	{
		text-decoration:none;
		color:white;
	}
	.enlacepie:hover
	{
		text-decoration:underline;
	}
	.precio1
	{
		width:130px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:5px;
		float:left;
		margin-left:10px;
	}
	.precio3
	{
		width:150px;
		height:130px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:10px;		
		float:left;
		margin-left:10px;
	}
	.paypaltarifas
	{
		width:60%;
	}
	.euros
	{
		font-size:50px;
	}
	.margin
	{
		width:400px;
		height:100px;
	}
	.haztupregunta
	{
		padding:30px;
		width:50%;
		border:1px solid white;
		margin-top:40px;
		font-weight:bold;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	.haztupregunta:hover
	{
		background-color:#B82601;
		color:white;
	}
	.mensajeconfirmacion
	{
		font-size:50px;
		color:white;
		font-family:garamond;
	}
	.mensajeconfirmacion2
	{
		font-size:35px;
		color:white;
		padding-top:30px;
		font-family:garamond;
		padding-left:20px;
		padding-right:20px;
	}
	/* BLOG*/
		.bannerotros
	{
		width:48%;
		margin-left:5px;
		margin-bottom:10px;
	}
	.bannerotros:hover
	{
		opacity:0.7;
	}
.tituloarticulo
{
	font-size:24px;
	text-align:center;
	
}
.hrdrch
{
	 border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.izqarticulos
{
	width:92%;
	padding:25px;
	padding-top:0px;
	border-bottom:3px double black;
	margin-bottom:20px;
}
.drcharticulos
{
	width:90%;
	min-height:400px;
	margin-left:10px;
	margin-top:-9px;
	font-size:20px;
}	

.enlacesin
	{
		text-decoration:none;
	}
	.negro
	{
		color:black;
	}	
	.linkencima
	{
		cursor:pointer;
	}
		.arbol
{
	font-family:arial;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	margin-bottom:10px;
	text-align:center;
	
}
.arbol a
{
	color:white;
}
.color1
{
	background-color:#B82601;
	color:white;

	}
	.blanco
	{
		color:white;
	}
		.fotoart
	{
		width:100%;
		clear:both;
		margin:0 auto;
	}
	.fotoart2
	{
		width:100%;
		clear:both;
		margin:0 auto;
	}
			.contenedorblog
	{
    position: relative;
    display: inline-block;
    text-align: center;
	width:45%;
	margin-left:10px;
	
	}
		.tituloindexarticulos
	{
		font-size:25px;
		padding-top:30px;
		margin-top:-10px;
		text-align:center;
	}
	.a90
	{
		width:90%;
		margin:0 auto;
	}
			.contenedorblogindex
	{
     position: relative;
    display: inline-block;
    text-align: center;
	width:100%;
	}
	.rallablanca
	{
		display:none;
	}
	.imagenrecuadrosindex
	{
	width:100%;
	height:200px;
	
	}
	.centradoblog
	{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color:white;
	width:50%;
	padding:20px;
	opacity:0.9;
	font-size:22px;
	overflow:hidden;
	}
	.centradoblog:hover
	{
		padding:50px;
		transition:0.5s;
	}
		/*-----Inicio Cartas*/
.carta
{
	width:90px;
	height:180px;
	background-image:url('https://www.micaelagracia.com/images/carta.jpg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	/*float:left;*/
	margin:5px;
	cursor:pointer;
	display:none;
}
.cartaa
{
	width:110px;
	height:200px;
	background-image:url('https://www.micaelagracia.com/images/carta.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	margin:5px;
	cursor:pointer;
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.cajasuperior
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed; 
    text-align:justify; 
    padding: 5px; 
    left: 50%; 
    top: 40%; 
    width: 0px; 
    height: 0px; 
    margin-top: 0px; 
    margin-left: 0px; 
    overflow: hidden; 
    border: 1px solid #2E2EFE; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:0;
}
.cajasuperiorabierta
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed;
    text-align:justify; 
    padding: 5px; 
    left: 0%; 
    top: 0%; 
    width: 100%; 
    height: 98%;  
    /*margin-left: -350px; */
    overflow: auto; 
    border: 3px solid black; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:1;
}
.clear{
	clear:both;
}
#boton
{
	width:30%;
	border:1px solid black;
	padding:30px;
	font-size:30px;
	background-color:red;
	margin-top:20px;
	cursor:pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.a80
{
		width:80%;
		margin: 0 auto;
}
	.rojocartas
	{
		background-color:#B82601;
		width:100%;
		margin-top:-10px;
	}
.cuerpo
{
	
}
#imagensuperior
{
	margin-top:20px;
}
.recuadrodentrorojo
{
	width:90%;
	border:1px solid #B82601;
	margin:0 auto;
	padding:20px;
}
.a30carta
{
		width:80%;
		margin:0 auto;
}
.a50carta
{
		width:100%;
}
.a70carta
{
		width:100%;
}
.cartatarotsino
{
	width:100%;
	margin-bottom:20px;
}
.textocartas
{
	color:white;
	font-size:22px;
	font-family:garamond;
}
.botoncartas
{
	width:40%;
	background-color:black;
	padding:20px;
	color:white;
	font-size:20px;
	font-family:arial;
	border:3px solid black;
	cursor:pointer;
}
.botoncartas:hover
{
	border-right:5px solid black;
	border-left:5px solid black;
}
	.bannermaderacartas
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.textobannercartas
	{
		position:relative;
		top:30px;
		margin-bottom:20px;
		text-align:center;
		font-family:arial;
		font-size:18px;
		padding:15px;
		width:90%;
		margin:0 auto;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobannercartas2
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:25px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	
/*-----FIN Cartas*/
}
/*------------------------------------------------------------------------------------------------------------------MOVIL----------------------------
--------------------------------------------------------------------------------------------------------------------MOVIL----------------------------
--------------------------------------------------------------------------------------------------------------------MOVIL----------------------------
--------------------------------------------------------------------------------------------------------------------MOVIL----------------------------
--------------------------------------------------------------------------------------------------------------------MOVIL----------------------------
--------------------------------------------------------------------------------------------------------------------MOVIL---------------------------- */
@media screen and (max-width: 480px)
{
	h1
	{	
		text-align:center;
		margin-top:5px;
	}
	.cabecera
	{
		width:100%;
		background-color:black;
		height:240px;
		overflow:hidden;
	}
	.logo
	{
		padding:10px;
		margin-left:20px;
		width:80%;
		
	}
	.textocabecera
	{
		color:white;
		font-family:Garamond;
		font-size:26px;
		text-align:center;
		margin-top:0px;
		font-weight:bold;
		margin-left:5%;
	}
	.arribaizq
	{
		float:left;
		width:45%;
		margin-left:33%;
		
	}
	.icono
	{
		width:40px;
	}
	.icono2
	{
		width:50px;
	}
	.calltoaction
	{
		background-color: #B82601;
		padding:10px;
		color:white;
		width:60%;
		cursor:pointer;
		transition:0.5s;
	}
	.calltoaction:hover
	{
		background-color: black;
	}
	.calltoaction2
	{
		background-color: black;
		padding:15px;
		color:white;
		width:30%;
		cursor:pointer;
		height:40px;
		transition:0.1s;
		font-weight:bold;
		float:left;
		margin-left:35%;
	}
	.facebook
	{
		height:70px;
	}
	.calltoaction2:hover
	{
		background-color: #181718;
	}
		.calltoaction3
	{
		background-color: black;
		padding:10px;
		color:white;
		width:80%;
		cursor:pointer;
		margin-top:20px;
		border:2px solid #B82601;
	}
		.calltoaction3:hover
	{
		background-color: #B82601;
		border: 2px solid black;
		color:black;
		font-weight:bold;
	}
	.banner
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email-fiable.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner2
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/tarot-por-email.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.banner3
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/consulta-del-tarot-por-correo.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}

	.textobanner
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:20px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner2
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:25px;
		padding:40px;
		width:60%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobanner3
	{
		position:relative;
		top:40px;
		text-align:center;
		font-family:Garamond;
		font-size:22px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.rojo
	{
		background-color:#B82601;
		width:100%;
	}
	.rojobis
	{
		background-color:#B82601;
		width:100%;
	}
	.drch
	{
		width:95%;
		float:clear;
		background-color:#B82601;
		padding:10px;
		
	}
	.izq
	{
		width:95%;
		background-color:#B82601;
		float:clear;
	}
	.precio
	{
		width:95%;
		border: white double 3px;
		color:white;
		padding:10px;
		height:80px;
	}
	.precio2
	{
		width:80%;
		border: white double 3px;
		color:white;
		padding:10px;
	}
	.numero
	{
		font-size:40px;
	}
	.letrapqn
	{
		font-size:18px;
	}

	.preciodrch
	{
		width:25%;
		float:right;
	}
	.precioizq
	{
		width:70%;
		float:left;
		padding-top:20px;
	}
	.clear
	{
		clear:both;
	}
	.float
	{float:left;}
	.rojo2
	{
		background-color:#B82601;
		width:100%;
	}
	.textofondocolor
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:10px;
		color:white;
		width:90%;
		
	}
	.textofondocolor2
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:20px;
		color:white;
		text-align:justify;
		width:90%;
		
	}
	.textofondocolor3
	{
		position:relative;
		top:10px;
		font-family:Garamond;
		font-size:20px;
		padding:10px;
		color:white;
		width:90%;
		margin:0 auto;
		text-align:justify;
		
	}
	.tituloindexarticulos
	{
		font-size:25px;
		padding-top:30px;
		margin-top:-15px;
		text-align:center;
	}
	.a90
	{
		width:90%;
		margin: 0 auto;
	}
	.input
	{
		width:55%;
		height:44px;
		font-size:20px;
		font-family:Garamond;
		
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		margin-left:-6px;
		
	}
	.edad
	{
		width:53%;
		height:44px;
		font-size:26px;
		font-family:Garamond;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		margin-bottom:20px;
		
	}
	.input2
	{
		width:98%;
		height:200px;
		font-size:22px;
		font-family:Garamond;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 0px solid #000000;
		-webkit-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 34px -10px rgba(0,0,0,0.75);
		padding:10px;
	}
	.anchura
	{
		width:35%;
		background-color:black;
		float:left;
		border:1px white solid;
		text-align:left;
		padding-left:10px;
		padding:10px;
	}
	.botonform
	{
		width:200px;
		height:50px;
		margin-top:10px;
		font-size:22px;
		font-family:Garamond;
	}
	.pie
	{
		height:600px;
		width:100%;
		background-color:black;
		text-align:center;
	}
	.textopie1
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie2
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie3
	{
		color:white;
		font-family:Garamond;
		padding:20px;
		padding-left:40px;
		font-size:22px;
	}
	.textopie4
	{
		
		padding:20px;
		font-size:22px;
		float:left;
		margin-left:100px;
	}
	.enlacepie
	{
		text-decoration:none;
		color:white;
	}
	.enlacepie:hover
	{
		text-decoration:underline;
	}
	.precio1
	{
		width:130px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:5px;
		float:left;
		margin-left:10px;
	}
	.precio3
	{
		width:130px;
		height:130px;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:5px;
		float:left;
		margin-left:10px;
	}
	.paypaltarifas
	{
		width:60%;
	}
	.euros
	{
		font-size:50px;
	}
	.margin
	{
		width:300px;
		height:100px;
	}
	.haztupregunta
	{
		padding:30px;
		width:50%;
		border:1px solid white;
		margin-top:40px;
		font-weight:bold;
		background-color:white;
		color:#B82601;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	.haztupregunta:hover
	{
		background-color:#B82601;
		color:white;
	}
		.mensajeconfirmacion
	{
		font-size:40px;
		color:white;
		font-family:garamond;
	}
	.mensajeconfirmacion2
	{
		font-size:30px;
		color:white;
		padding-top:30px;
		font-family:garamond;
	}
/* BLOG*/
		.bannerotros
	{
		width:95%;
		margin-left:10px;
		margin-bottom:10px;
	}
	.bannerotros:hover
	{
		opacity:0.7;
	}
.tituloarticulo
{
	font-size:28px;
	margin-bottom:-10px;
	
}
.hrdrch
{
	 border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.izqarticulos
{
	width:89%;
	padding:22px;
	padding-top:0px;
}
.drcharticulos
{
	width:100%;
	min-height:400px;
	margin-top:-9px;
}	
.cuerpo
{
	
	font-family:sans-serif;
	font-size:18px;
	text-align:center;
}
.enlacesin
	{
		text-decoration:none;
	}
	.negro
	{
		color:black;
	}	
	.linkencima
	{
		cursor:pointer;
	}
.arbol
{
	font-family:arial;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.arbol a
{
	color:white;
}
	.color1
{
	background-color:#B82601;
	color:white;

	}
	.blanco
	{
		color:white;
	}
		.fotoart
	{
		width:100%;
	}
		.fotoart2
	{
		width:100%;
		clear:both;
	}
	.contenedorblog
	{
    position: relative;
    display: inline-block;
    text-align: center;
	width:100%;
	}
		.contenedorblogindex
	{
     position: relative;
    display: inline-block;
    text-align: center;
	width:100%;
	}
	.rallablanca
	{
		display:none;
	}
	.imagenrecuadrosindex
	{
	width:100%;
	}
	.centradoblog
	{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color:white;
	width:50%;
	padding:20px;
	opacity:0.9;
	font-size:22px;
	overflow:hidden;
	}
	.centradoblog:hover
	{
		padding:50px;
		transition:0.5s;
	}
	/*-----Inicio Cartas*/
.carta
{
	width:70px;
	height:120px;
	background-image:url('https://www.micaelagracia.com/images/carta.jpg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	/*float:left;*/
	margin:5px;
	cursor:pointer;
	display:none;
}
.cartaa
{
	width:70px;
	height:120px;
	background-image:url('https://www.micaelagracia.com/images/carta.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	margin:5px;
	cursor:pointer;
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.cajasuperior
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed; 
    text-align:justify; 
    padding: 5px; 
    left: 50%; 
    top: 40%; 
    width: 0px; 
    height: 0px; 
    margin-top: 0px; 
    margin-left: 0px; 
    overflow: hidden; 
    border: 1px solid #2E2EFE; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:0;
}
.cajasuperiorabierta
{
	-webkit-transition: all 3.1s ease;
	-moz-transition: all 3.1s ease;
	-o-transition: all 3.1s ease;
	transition: all 3.1s ease;
	position: fixed;
    text-align:justify; 
    padding: 5px; 
    left: 0%; 
    top: 0%; 
    width: 100%; 
    height: 98%;  
    /*margin-left: -350px; */
    overflow: auto; 
    border: 3px solid black; 
    background-color: #E6E6E6;
	background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
	background-attachment: fixed;
		background-position: center;
		background-repeat: round;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	opacity:1;
}
.clear{
	clear:both;
}
#boton
{
	width:30%;
	border:1px solid black;
	padding:30px;
	font-size:30px;
	background-color:red;
	margin-top:20px;
	cursor:pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.a80
{
		width:80%;
		margin: 0 auto;
}
	.rojocartas
	{
		background-color:#B82601;
		width:100%;
		margin-top:-10px;
	}
.cuerpo
{
	
}
#imagensuperior
{
	margin-top:20px;
}
.recuadrodentrorojo
{
	width:90%;
	border:1px solid #B82601;
	margin:0 auto;
	padding:20px;
}
.a30carta
{
		width:80%;
		margin:0 auto;
}
.a50carta
{
		width:100%;
}
.a70carta
{
		width:100%;
}
.cartatarotsino
{
	width:100%;
	margin-bottom:20px;
}
.textocartas
{
	color:white;
	font-size:22px;
	font-family:garamond;
}
.botoncartas
{
	width:40%;
	background-color:black;
	padding:20px;
	color:white;
	font-size:20px;
	font-family:arial;
	border:3px solid black;
	cursor:pointer;
}
.botoncartas:hover
{
	border-right:5px solid black;
	border-left:5px solid black;
}
	.bannermaderacartas
	{
		width:100%;
		background-image: url("https://www.micaelagracia.com/images/fondo-mesa-cartas.jpg");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #cccccc;
		padding-bottom:60px;
	}
	.textobannercartas
	{
		position:relative;
		top:30px;
		margin-bottom:20px;
		text-align:center;
		font-family:arial;
		font-size:18px;
		padding:15px;
		width:90%;
		margin:0 auto;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.textobannercartas2
	{
		position:relative;
		top:30px;
		text-align:center;
		font-family:Garamond;
		font-size:25px;
		padding:20px;
		padding:20px;
		width:80%;
		background: rgba(246,246,246,0.91);
		background: -moz-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,0.91)), color-stop(0%, rgba(246,246,246,0.9)), color-stop(2%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -o-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: -ms-linear-gradient(left, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		background: linear-gradient(to right, rgba(246,246,246,0.91) 0%, rgba(246,246,246,0.9) 0%, rgba(255,255,255,0.9) 2%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1 );
	}
	.subra
	{
		margin-top:40px;
		background-color:black;
		padding:5px;
	}
	
/*-----FIN Cartas*/
.imgizqblog
{
	text-align:center;
	margin-left:20px; 
	margin-right:20px; 
	width:200px; 
}
}