@charset "utf-8";
/* CSS Document */
/*-------------- GENERAL --------------*/
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	}
img {
  	border:0;
	display: block;
	max-width: 100%;
	height: auto;
	}
form {
	margin:0;
	padding:0;
	}
html{
    height:100%;
    width:100%;
    text-rendering: optimizelegibility;
	-webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
	}
html*{
	max-height:1000000px;
	}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#663300;
	text-align:left;
	color:#000;
	word-spacing:0px;
	letter-spacing:0px;	
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height: 1.42857143;
	}
a {
	text-decoration: none;
	color:#d3a400;
	font-weight:bold
	}
a:hover {
	text-decoration: none;
	color:#a97700;
	}
@media (min-width: 1024px) {
a {
	-webkit-transition: .5s ease; 
	   -moz-transition: .5s ease; 
	     -o-transition: .5s ease;
	        transition: .5s ease;
	}
a:hover {
	-webkit-transition: .3s ease-in-out; 
	   -moz-transition: .3s ease-in-out; 
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
	}
}
a:focus {
	outline:0;
	}
h1 {
	margin:0;
	}
h2, h3{
	margin:0;
	margin-bottom:15px;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
	}
p{
	margin-bottom:10px;
	}
q{
	margin-bottom:10px;
	}
ul{
	list-style: none;
	}
.bold{
	font-weight:bold;
	}
.italic{
	font-style:italic;
	}
.important{
	color:blue;
	font-weight:bold;
	font-size:16px;
	}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
::-webkit-selection {background:#663300; color:#db9707;}
::-moz-selection {background:#663300; color:#db9707;}
::selection {background:#663300; color:#db9707;}

/*-------------- HEADER --------------*/
header{ width:100%; height:140px; background:#f8f8f8 url(../img/bgheader.jpg)top center no-repeat; border-bottom:3px solid #333; display:block; clear:both;position:relative;}
header div{ width:960px; height:131px; margin:0 auto; padding-top:8px; position:relative;}
header div h1{ width:300px; height:121px; display:block; overflow:hidden; text-indent:-9999px; background:url(../img/logo-landing.png) center center no-repeat; margin:0 auto;}
header div h1 a{display:block; overflow:hidden;}
header div a.return{ position:absolute; top:50px; right:0px; padding:7px 14px;background: -webkit-linear-gradient(#6c6c6c, #3e3e3e); background: -moz-linear-gradient(#6c6c6c, #3e3e3e); background: -o-linear-gradient(#6c6c6c, #3e3e3e); background: linear-gradient(#6c6c6c, #3e3e3e);box-shadow: 0px 2px 5px 0px #ccc;text-align:center;border-radius: 33px;color:#cad927; display:block; overflow:hidden; font-size:16px;}
header div a.return:hover{ background: -webkit-linear-gradient(#e4e8eb, #fff); background: -moz-linear-gradient(#e4e8eb, #fff); background: -o-linear-gradient(#e4e8eb, #fff); background: linear-gradient(#e4e8eb, #fff);box-shadow: inset 0px 2px 5px 0px #999;text-align:center;border-radius: 33px;color:#333; display:block; overflow:hidden; font-size:16px;}


/*-------------- MAIN --------------*/
main{ width:100%; height:500px; background:#a97700 url(../img/bg.jpg) top center; background-size:cover; background-attachment:fixed;border-bottom:25px solid #495355;}
main div.contentmain{ width:960px; height:500px; margin:0 auto; position:relative;}
main div.bgphone{ background:url(../img/center-phone.jpg) top center repeat-y; background-size:contain; padding:25px;}
mainssss div img{ float:left; position:absolute; bottom:0; left:0; z-index:10;}
main div q{float:left; position:absolute; bottom:0; left:0; z-index:11; font-size:46px; color:#fff; font-weight:bold; text-shadow:2px 2px 3px #000;}
main div#caja{ width:400px; height:auto; position:absolute; right:0; top:0;  margin-top:10px; text-align:center;}
main div#caja h2{ font-weight:bold; font-size:40px; line-height:0.9; color:#fff; margin-bottom:25px;}
main div#caja h2 span{ display:block; clear:both; text-transform:uppercase; font-size:70px; line-height:0.8;}
main div#caja input[type="text"], main div form input[type="tel"], main div form select{ width:360px; height:35px; box-shadow:inset 0px 10px 15px #ccc; border:1px solid #fff; border-radius:5px; padding:0 10px; margin-bottom:15px;}
main div#caja select{-moz-appearance: none; background-image: url(../img/flecha.png); background-position: right 12px; background-repeat: no-repeat;}
main div#caja select option { margin-bottom:3px; padding:0 5px;}
main div#caja p{ font-size:16px; margin-bottom:5px; color:#663300;}
main div#caja label{ width:100%; display:block; clear:both; margin-bottom:10px; color:#999;}
main div#caja input[type="button"] { width:360px; height:50px; background:#db9707; box-shadow:inset 0px 10px 30px #ff9b2e; border: none; border-radius:8px; padding:0 10px; font-weight:bold; color:#fff; font-size:26px; text-shadow: 1px 1px 2px #9c25a0;}
main div#caja input[type="button"]:hover { background:#db9707; box-shadow:inset 0px 10px 30px #a75600; text-shadow: 2px 2px 4px #663300; cursor: pointer;}

/*-------------- MAIN SUBPAGE --------------*/
main.subpages{ height:300px;border-bottom:25px solid #db9707;}
main.subpages div.contentmain{height:300px}
main.subpages div img{max-height:300px;}
main.subpages div q{bottom:10px;}

/*-------------- TELEFONOS --------------*/
.telefono{ width:100%;height:auto; display:block;	background: -webkit-linear-gradient(#6c6c6c, #3e3e3e); background: -moz-linear-gradient(#6c6c6c, #3e3e3e); background: -o-linear-gradient(#6c6c6c, #3e3e3e); background: linear-gradient(#6c6c6c, #3e3e3e);box-shadow: 0px 2px 5px 0px #000;	padding:0px 5px;text-align:center;border-radius: 33px;font-size:48px;	margin-bottom:10px; color:#cad927;}
.tlfinternacional{ font-size:42px;padding:15px 10px 10px;}
.spain{ background: url(../img/flag-spain.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
.mexico{ background: url(../img/flag-mexico.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
.argentina{ background: url(../img/flag-argentina.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
.chile{ background: url(../img/flag-chile.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
.mundo{ background: url(../img/flag-world.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
.eeuu{ background: url(../img/flag-eeuu.jpg) center left no-repeat; background-size:cover; width:70px; height:35px; border-top-left-radius:50px;border-top-right-radius:50px; margin:0 auto;}
	
/*-------------- ASIDE --------------*/
aside#masInfo{ width:100%; height:auto; background:#2c2c2c; display:block; clear:both;}
aside#masInfo div.masInfoText{ width:960px; height:auto; margin:0 auto; padding:10px 0; display:block; overflow:hidden;}
aside#masInfo div.masInfoTextUl{ width:520px; height:auto; color:#fff; float:left;}
aside#masInfo p{ font-size:22px; line-height:1.1; font-weight:bold;}
aside#masInfo a{  color:#d3a400;}
aside#masInfo ul{ list-style-type: disc; list-style-position:inside;}
aside#masInfo ul li{ font-size:16px;margin-bottom: 10px;}

/*-------------- SENDGRID --------------*/
aside#masInfo div#sengrid{ width:400px; height:auto; background:#f8f6fa; float:right; border-radius:10px; padding:5px;}
ul#socialpage { width: 100%;height:auto;clear:both;display:block;overflow:hidden; margin-top:20px;}
ul#socialpage li {border-radius: 8px; cursor: pointer; float: right; font-size: 14px !important;height:42px;letter-spacing: -0.1px;line-height:42px;list-style-image: none;list-style-position: outside;list-style-type: none;margin-bottom: 5px;margin-right: 2%;padding:0 5px;text-align: right;width: 49%;word-spacing: -0.5px;}
ul#socialpage li a{color: #fff; display: block; overflow: hidden;}
ul#socialpage li:nth-child(1){ background: #d43c23 url(../img/icon-gplus.png) left top no-repeat; margin-right: 0;}
ul#socialpage li:nth-child(2){ background: #3b5e92 url(../img/icon-facebook.png) left top no-repeat;}
ul#socialpage li:nth-child(1):hover, ul#socialpage li:nth-child(2):hover {background-color: #db9707;}
div.personalmessage { color: #663300;font-size: 16px;height: auto;line-height: 20px;margin-bottom: 5px;width: 100%;}
div.personalmessage span.privacy { display: block;font-size: 12px;height: 25px;line-height: 20px; margin-bottom: 0; overflow: hidden;}
div.sendgrid-subscription-widget {clear: both;display: block;height: auto;overflow: hidden;padding: 5px;width: 100%;}
div.sendgrid-subscription-widget input[type="email"] {width: 70%; height:35px; box-shadow:inset 0px 10px 15px #ccc; border:1px solid #fff; border-radius:5px; padding:0 10px; float: left;margin-right: 1%; color:#000 !important; }
div.sendgrid-subscription-widget input[type="submit"] { width: 28%; height:35px; background:#db9707; box-shadow:inset 0px 10px 30px #ff9b2e; border: none; border-radius:5px; padding:0 10px; font-weight:bold; color:#fff; font-size:16px; text-shadow: 1px 1px 2px #9c25a0; float: right;}
div.sendgrid-subscription-widget input[type="submit"]:hover { background:#db9707; box-shadow:inset 0px 10px 30px #663300; text-shadow: 2px 2px 4px #663300; cursor: pointer;}
div.sendgrid-subscription-widget .response { font-size:18px; font-weight:bold; color:#663300;}

.sendgridCaja ul#socialpage li{float: none; margin-bottom: 5px;margin-right: 0%; width:100%;}

::-webkit-input-placeholder { color:#000; opacity:1;}
::-moz-placeholder { color:#000; opacity:1; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; opacity:1; } /* ie */
input:-moz-placeholder { color:#000; opacity:1;}

/*-------------- EXTRA --------------*/
aside#InfoExtra{ width:100%; height:auto; background:#fff; display:block; clear:both;}
aside#InfoExtra div{ width:960px; height:auto; margin:0 auto; padding:20px 0; display:block; overflow:hidden; padding-right:440px;}
aside#InfoExtra div h2{ font-weight:bold; font-size:30px; line-height:0.8; color:#663300; text-shadow: 1px 1px 2px #ccc; margin-bottom:10px;}
aside#InfoExtra div p{ font-size:16px;}
aside#InfoExtra div div{ width:49%; float:left; background:#fff; margin:0; padding:10px; border-radius:10px; border-bottom:10px solid #663300;}
aside#InfoExtra div div.first{ margin-right:2%; border-bottom:10px solid #db9707;}
aside#InfoExtra div div p:first-child{font-weight:bold; margin-bottom:5px;}
aside#InfoExtra div div p{}
aside#InfoExtra div div p span{ font-weight:bold; color:#db9707; font-size:20px;}
aside#InfoExtra div div p.datalegal{ font-size:12px; color:#999; margin-bottom:0;}
aside#InfoExtra div img{ overflow:hidden;clear:both; border-radius:10px; margin-top:20px;}
.clear{display:block; overflow:hidden;clear:both;}
aside#InfoExtra div a.bigbutton {display:block; overflow:hidden; width:100%; float:left; background:#a97700; margin:0; margin-bottom:10px; padding:10px; border-radius:10px; border-bottom:3px solid #805f12; border-right:3px solid #805f12; color:#fff; text-align:center; font-size:32px; line-height:1.1; background: -webkit-linear-gradient(#e9c100, #a97700); background: -moz-linear-gradient(#e9c100, #a97700); background: -o-linear-gradient(#e9c100, #a97700); background: linear-gradient(#e9c100, #a97700);box-shadow: 0px 2px 5px 0px #977d63; transition:0s;}
aside#InfoExtra div a.bigbutton:hover {border-bottom:0px;border-right:0px; border-top:3px solid #805f12; border-left:3px solid #805f12;background: -webkit-linear-gradient(#a97700, #e9c100); background: -moz-linear-gradient(#a97700, #e9c100); background: -o-linear-gradient(#a97700, #e9c100); background: linear-gradient(#a97700, #e9c100); transition:0s; box-shadow:inset 0px 10px 30px #805f12;text-shadow: 2px 2px 4px #805f12; }

/*-------------- MENU EXTRA --------------*/
ul#onlybuttons {margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;}
ul#onlybuttons li {background: url("https://www.tarotamigo.com/img/submenu-extra-bg.jpg") center top no-repeat; background-size: cover;}
ul#onlybuttons li a {color: #663300; display: block; overflow: hidden; transition: 0s;}
ul#onlybuttons li a:hover {color: #a56d0e;transition: 0s;}

@media (max-width: 520px) {
ul#onlybuttons {width: 290px;}
ul#onlybuttons li {display: block;height: 55px;width: 290px;}
ul#onlybuttons li:hover {background-position: center -55px;}
ul#onlybuttons li a {font-size: 18px;height: 55px;padding-top: 11px;width: 290px;}
ul#onlybuttons li a:hover {padding-top: 15px;}
}
@media (min-width: 520px) {
ul#onlybuttons {width: 345px;}
ul#onlybuttons li {display: block;height: 65px;width: 345px;}
ul#onlybuttons li:hover { background-position: center -65px;}
ul#onlybuttons li a {font-size: 18px;height: 55px;padding-top: 15px;width: 345px;}
ul#onlybuttons li a:hover {padding-top: 19px;}
}
@media (min-width: 520px) {
ul#onlybuttons {width: 100%;}
ul#onlybuttons li {display: inline-block;height: 50px;width: 255px;}
ul#onlybuttons li:hover {background-position: center -48px;}
ul#onlybuttons li:nth-child(2n+1) {margin-right: 5px;}
ul#onlybuttons li a {font-size: 14px; height: 50px; padding-top: 9px; width: 255px;}
ul#onlybuttons li a:hover { padding-top: 12px;}
}

/*-------------- FOOTER --------------*/
footer{ width:100%; height:auto; background:#000000; display:block; clear:both;}
footer div{ width:960px; height:auto; margin:0 auto; padding:10px 0; color:#e9c100; text-align:center;}



/*-------------------------------------- VERSION MOVIL ---------------------------------------------*/

@media (max-width: 720px) {
/*-------------- HEADER --------------*/
header { height:auto;}
header div{ width:90%;height:auto; margin:0 auto; display:block; overflow:hidden;}
header div h1{ margin:0 auto; width:70%; height:100px; background-size:contain; background-position:center top;}
header div a.return, header div a.return:hover{ position: static; border-bottom-right-radius:0;border-bottom-left-radius:0; margin-top:10px;}

/*-------------- MAIN --------------*/
main{height:auto;}
main div.contentmain{ width:100%; height:auto; padding-bottom:12vw;}
main div img{  float:none; position: inherit; margin:0 auto;}
main div img.person{ width:60%; padding-top:60px; }
main div q{ width:100%; font-size:7vw; text-align:center; top:0; color:#2c2c2c; text-shadow:none;}
main div#caja{ width:90%; max-width:529px; height:auto; margin:0 auto; position: inherit;}
main div#caja h2{ font-size:8.5vw; line-height:1.2;}
main div#caja h2 span{ font-size:14vw;}
main div#caja input[type="text"], main div form input[type="tel"], main div form select{ width:100%;}
main div#caja select{background-position: right 12px;}
main div#caja input[type="button"] { width:100%; height:auto; font-size:6vw; display:block; overflow:hidden; clear:both;}

/*-------------- MAIN SUBPAGE --------------*/
main.subpages{ height:auto;border-bottom:25px solid #db9707;}
main.subpages div.contentmain{height:auto}
main.subpages div img{max-height:auto;}
main.subpages div q{bottom:0;}

/*-------------- TELEFONOS --------------*/
.telefono{font-size:10vw;padding:10px 0;}
.tlfinternacional{font-size:8vw;padding:13px 0;}
	
/*-------------- ASIDE --------------*/
aside#masInfo div.masInfoText{ width:100%;}
aside#masInfo div.masInfoTextUl{ width:90%; float:none; margin:0 auto;}
aside#masInfo p{ font-size:18px;}
aside#masInfo ul{ list-style-type: disc; list-style-position:inside;}
aside#masInfo ul li{ font-size:14px;}

/*-------------- SENDGRID --------------*/
aside#masInfo div#sengrid{ width:90%; float:none; margin:0 auto; margin-top:30px;}
ul#socialpage li {float: none; margin-bottom: 5px;margin-right: 0%; width:100%;}
div.sendgrid-subscription-widget input[type="email"] {width: 100%; float: none;}
div.sendgrid-subscription-widget input[type="submit"] {width: 100%; float: none;}

/*-------------- EXTRA --------------*/
aside#InfoExtra div{ width:90%; text-align:center; padding-right:0px;}
aside#InfoExtra div h2{ font-size:7vw;}
aside#InfoExtra div p{ font-size:14px;}
aside#InfoExtra div div{ width:100%; float:none;}
aside#InfoExtra div a.bigbutton {font-size:7vw;}
/*-------------- FOOTER --------------*/
footer div{ width:90%; margin:0 auto;}	
}