/* css doc */
body {
	background: #000 url(img/fondo2.jpg) top center no-repeat;
	font-family: Calibri, sans-serif;
	color: #E2E2C5;
} 
#container {text-align:center; 
position:relative; max-width:800px; 
	margin: 20px auto 10px auto; 
    padding:0; height:auto; overflow:hidden;
border-top-left-radius:15px; 
border-top-right-radius: 15px;}
#header {position:relative;max-width:798px; height:auto; overflow:hidden;margin:10px auto; 
	background: url(img/tr50grne.png) ; border:#444 1px solid;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;}
.bg{position: absolute;
  left: 0;right: 0;top: 0; bottom: 0;
  z-index: -1;background:url(img/cartas-tr.gif) no-repeat 80% 4%;
  animation-name: MOVE-BG;animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;}
@keyframes MOVE-BG {
   from {transform: translateX(0);}
   to { transform: translateX(-187%);}
}
#logo{position:relative; margin:0 auto 10px auto; background: url(img/kometL.gif) no-repeat right center; max-width:750px; height:auto; overflow:hidden;padding: 5px;}
#header	p{margin:10px}
.site-title{font-size:2.7em; text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}
.site-title a{color:#CCCCFF; text-decoration: none;}
.site-domain{color:#aaa; text-shadow: 1px 1px 1px #c0f}
.site-tagline{color:#ddd; margin:5px 0 6px 0; padding:0; font-size:1.3em;}
.site-title{font-family: 'Comic Sans MS', cursive, Arial ;}
h1 a{text-shadow: 0 0 0.2em #fff}
.post-title{text-shadow: 0 0 0.2em #87f}
p{font-size:1.1em; padding:16px; margin: 5px 15px; } 
p a{color:#87f;}
p.dis a{color:#ccc;}
.subt{color:#EF1A12; }
.tel {font-size:2em; color: #FFCC33; padding:0; }
h1, h2 {font-family: Georgia, "Times New Roman", Times, serif, cursive;}
h2 {font-size: 1.6em;
	color: #9966CC; text-shadow: 0 0 1px #EAEAD5;
}
h2.title {color: #993399;}
h2 a {font-weight: normal; color:#000; text-decoration: none;}
h2 a:hover {font-weight: bold; color:#000; text-decoration: underline;}
h3 {margin:5px 0 6px 0; padding:0; font-size: 1.3em;}
.color1 {color:#ddd} 
.color2 {color:#c00} 
h3,h4{color:grey;margin:30px 0 10px 0}
h4{font-size: 1.1em;}  
a{text-decoration:none;}
#contenido{
	position:relative;margin:0 auto; 
    padding:0; background: url(img/fondo22.jpg) bottom left no-repeat;
    max-width:870px; height:auto; overflow:hidden;
    border:solid 1px #444;}
ul {list-style-type: none; 
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
}
li{margin:5px 0; } 
li a{padding:5px 0;color:#99F;}
.cont1,.cont2 {padding:15px;}
.cont1{background-color:#222;}
.cont2{background: url(img/tr50grne.png); } 
.menu-low li {padding:3px}
#subsol{max-width:910px; position:relative; border:solid 1px #444;
    height:auto; overflow:hidden;
    margin: 10px auto 15px auto; padding:8px; 
    padding:15px; background: url(img/tr50grne.png) ;
border-bottom-left-radius:15px; 
border-bottom-right-radius: 15px;}
#subsol p a{color:#bbb;}
.clouds{color:#ccc; margin:0; padding:5px; }
.clouds a{color:#ddd}
.dis{font-size:0.8em}
.mayor,.copy{text-align:center;}
.dis a{ color:#444; text-decoration:none}
p.tel1, p.tel2 {font-size:38px;font-weight:bold;text-shadow:#000 2px 2px 2px; letter-spacing:-1px}
.tel1 a{color: #FF3300;}
.tel2 a{color:#33FFFF; padding:12px; border-radius:20px; border:1px solid #999; background:#111}
.tel a{color:#3399FF; font-weight:bold}
.tel a, p.tel1 a, p.tel2 a{text-decoration:none}
.menu{color:#CCCCCC} .menu a{color:#FFFFFF;margin:5px;}
.tarifa{font:.8em, arial;}
.post{font-size:1.8em;}
img{float: none; max-width:100%;}
.top{margin-top:30px}
.space{height:auto;width:auto;margin:40px 0 30px 0; font-size:2.2em}
.ciudades-tarot {
  margin: 30px auto;
  padding: 10px 0;
  font-size: 1.2em;
  color: #ddd;}
.ciudades-tarot a {
  color: #CFAF6E;
  font-weight: bold;}

@media only screen and (max-width: 700px) {
  #contenido{padding:0;}
  .cont,.cont1,.cont2 {max-width:99%;text-align:center;padding:15px}
  .menu a{margin:12px 5px;}
  p{margin:16px 5px;padding:5px;}
img{max-width:100%; height:auto;}
h1, h2 {font-size:1.4em;} 
}