/*body {background: #394A38 url(img/bg-damask.jpg); } */
body {background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);}
h1,h2,h3 {
  font-family: Georgia, serif; font-style: italic;
  /*background: linear-gradient(to bottom, #8a2be2, #4b0082);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  display: inline-block;
}
p {/* Una fuente limpia y moderna */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6; /* ¡Vital! Dale aire a esas 1200 palabras */
  color: #333; /* Un gris muy oscuro es más relajante que el negro puro */
}
.site-title a{color:#fff; font-size:1.7em; text-shadow: 2px 2px 5px #333;}
.site-description {color: #444; text-shadow: 2px 2px 3px #fff;}
.page-title {font-size:2.4em; color:#995588; text-shadow: 0 1px 4px #fff; margin:5px 0 15px}
.site-url{text-shadow: 0px 0px 5px #ffff00; margin:0 0 30px 0}
.tarifa{font-family:Arial, Helvetica, sans-serif; font-size:13px}
#container {
position:relative;
width:98%; max-width:1000px; margin: 15px auto; padding:1%; height:auto; overflow:hidden;
border-top-left-radius:15px; 
border-top-right-radius:15px;
}
#header {position: relative; 
width:99%; min-height:180px;
height:auto; overflow:hidden; 
margin-top:7px; padding:10px; background: #C74EBD url(img/bg-head-1024.jpg) top center no-repeat; 
border:#999 1px solid;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
/*#header img, #telv img, #tel81 img, #tel82 img{display: block; 
margin-left: auto;
margin-right: auto; 
width: auto !important;
height: auto !important;
max-width: 100%;} */
#logo{position: relative; 
margin: 0 auto; 
background: url(img/kometL.gif) no-repeat right center; 
width: 99%; height:auto; overflow:hidden; 
padding: 5px; text-align: center; 
}
#nav{background: rgba(3, 3, 3, 0.3);}
.menudr{text-align:left;}
ul.menu{margin: 0px auto 0 auto; width:90%; height:auto; overflow:hidden; padding:5px; text-align:center;}
ul.menu li{display: inline; padding:10px; line-height:2em;  } 
ul.menu li a {color:#eee; font-weight:bold; text-shadow:#222 1px 1px 1px;
}
a{text-decoration:none;}
p{font-size:1.1em; color:#333; margin-bottom:20px; font-style:normal} 
p a{color: #4B2E83;text-shadow: 1px 1px 3px #fff;
}
h1{font-size: 2.8em; margin:5px 0; padding:0; text-shadow: 0 0px 5px #000;}
h1 a{color: #eee;}
h2.subt{color: #444; text-shadow: 1px 1px 3px #fff;}
h2 {font-size:1.5em; color:#7E5A8C; padding:0.7em 0 0.5em 0; margin:0; text-shadow: 1px 1px 3px #fff}
h2.title {color: #993399;}/*?*/
h2 a {font-weight: normal; color:#000000;}
h2 a:hover {font-weight: bold; color:#000000; text-decoration: underline;}
h3 {color: #566959; margin:20px 0 8px 0; padding:0; font-size:1.3em;}
h3 a{color:#666;}
h3 a:hover{color:#ccc;}
h3.title{ margin-bottom:10px; color: #cc0000;}
h4{font-size:1.2em;}
#contenido{
position:relative; 
margin:0 auto; padding:1%; 
/*background: #8E8A87 url(img/bg-tela.jpg);*/ /*background: #F7F5FA ; copilot*/
background: #f5f3f7 ; /*gimy*/
width:99%; height:auto; overflow:hidden; border:solid 1px #ccc; }
.col1{width:61%; float: left; padding:0 2% 0 1%}
.col2{width:32%; float:left; padding:0 1% 0 2%; border-left:#ccc 1px solid;text-align:center;}
.col1, .col2{height:auto; position:relative;}
.col1 img{padding:0 2% 1% 0; float:left; margin:0; max-width: 100%;max-height: 100%;}
.serv{border-top:1px #ccc solid}
.serv:after {
    content: ""; width:100%; height:auto;
    display: table;clear: both;}
.col1 ul li a {
	display: block; margin:5px 0;
	padding:0; height:auto;
	font-size:15px; color: green; list-style-type: circle;
	} 
.blog{border-top:solid 1px #666666; border-bottom:solid 1px #666666; margin-bottom:1.0em; clear:both}
.blog img{max-width:330px}
#subsol{width:99%;border:solid 1px #999; height:auto; overflow:hidden; margin: 0 auto; padding:1%; 
background: url(img/tr50grne.png); 
border-bottom-left-radius:15px; 
border-bottom-right-radius: 15px; color:#CCC;
}
.clouds{color:#ccc; position:relative; margin:0; padding:5px; font-family: Calibri, sans;}
.clouds a{color:#666; text-decoration:none}
.cloud a{color:#bbb; text-decoration:none}
h2.dis{font-size:0.83em;}
h2.dis a{ color:#aaa; text-decoration:none;}
ul{margin-right:10px; list-style:none; float:none; padding:0}
ul li {padding:0; float:none; padding:0 2px; margin-left:5px;width: fit-content;}
ul li a{text-decoration:none}
ul li a:hover {color:#FFFFFF;}

h3.azul {color: #7E5A8C;}
h3.verde{font-size:24px }
.tel9 {text-shadow: #333 0 0 5px; color: #ff9900; font-size:28px;}
.tel9 a{color: #fff; border:2px #118899 outset; background:#009988;}
.tel8 {text-shadow: 0 0 5px #333;}
.tel8 a{color: #fff; border:2px #c051ff outset; background:#ff8f00;}
.tel82 {text-shadow: 0 0 5px #333;}
.tel82 a{color: #fff; border:2px #9933FF outset; background:#9966CC;}
.tel9 a, .tel8 a, .tel82 a{text-decoration:none; font-size:24px; padding:4px 18px; font-weight:bold; border-radius:7px}
.intlink{float:left; font-weight:bold; text-align:left}
.intlink a{ color:#CCCCCC}
.intlink ul li a{ color:#CCCCCC}
.compartir, .favorito, .favorito a, .mayores, .copy, .copy a, .cook {text-shadow:1px 1px 1px #333; color:#ccc;}
.copy, .copy a {color:#999; font-size:1.0em;}
.dis,.copy,.clouds,.mayores,.compartir,.cook {text-align:center;}
.compartir img { display: inline}
.strong{ font-weight:bold}
.linea { background:url(img/linea2.png) center center no-repeat; width:99%; height:30px;}
.clear{clear:both; margin-bottom:15px;}
.ancho{width:99%; max-width:600px; float:none;}
.blog-entry{background-color:#ccc; padding:4px;text-shadow:1px 1px 1px #fff;}
.left{ text-align:left}
.apreta {text-decoration:none; font-size:1.1em; color: #990066; padding:3px 10px; border:1px #FFCCFF outset; background:#ccc; border-radius:7px;}
.apreta a{text-shadow:0 0 3px #fff;}
.clear{clear:both}
.gris{color:#666666}
img.mov{display:none;margin:0;padding:0;}
.fav{text-align:center;}
.intlink li{padding:4px 0; margin:4px 0;}
@media screen and (max-width:768px) {
body{margin:0;padding:0; text-align:center; font-family: Calibri, Arial, fantasy;}
h1,h2,h3 {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
#container{margin:0 auto;padding:0;border:none;}
#header{padding:5px; min-height:170px; margin-top:7px; background: #C74EBD url(img/bg-head-640.jpg) top center no-repeat; }
#contenido{margin:0}
#subsol{position:relative; }
h1{font-size:2.1em}
.page-title {font-size:1.6em;}
p{text-align:center; font-size:1.1em;}
img.pc, img.pcok{display:none;margin:0;padding:0;}
img.mov{display:inline;clear:both; }
.subt{font-size:1.2em;}
.col1, .col2 {width:96%}
.col1{padding:1% ; text-align:center; }
.col2{float:left; }
.box1 { display: none; width:0; height:0}
.intlink, p.clouds,#menu {display: none; width:0; height:0; }
.nomovil{display:none;}
.col1 img{ margin-left: auto; margin-right: auto; display: block; float:none;}
.anchor{text-align:center;width:99%; }
}
.acordeon .contenedor {
  position: relative;
  margin: 10px 10px;
}
/* Posiciona las etiquetas en relación con el contenedor. Añade relleno en la parte superior e inferior y aumenta el tamaño de la fuente. También hace que su cursor sea un puntero */

.acordeon .label {
  position: relative;
  padding: 10px 0;
  font-size: 1.3em;
  color: black;
  cursor: pointer;
}

/* Posiciona el signo más a 5px de la derecha. Lo centra utilizando la propiedad transform. */
.acordeon .label::before {
  content: '+';
  color: black;
  position: absolute;
  top: 50%;right: -2px;
  font-size: 1.3em;
  transform: translateY(-50%);
}
/* Oculta el contenido (altura: 0), disminuye el tamaño de la fuente, justifica el texto y añade la transición */
.acordeon .content {
  position: relative;
  background: white;
  height: 0;
  font-size: 1em;
  text-align: justify;
  max-width: 780px;
  overflow: hidden;
  transition: 0.5s;
}
/* Añade una línea horizontal entre los contenidos */
.acordeon hr {
  width: 100;
  margin-left: 0;
  border: 1px solid #ccc;
}
/* Muestra la parte de contenido cuando está activa. Establece la altura */
.acordeon .contenedor.activa .content {
  height: 99%; padding:5px;
}
/* Cambia de signo positivo a negativo una vez activado */
.acordeon .contenedor.activa .etiqueta::before {
  content: '-';
  font-size: 1.3em;
}
.space{width: 90%; height:auto; padding:25px 20px 15px 20px;}
.spacer{padding: 15px 0; text-align:center;}
.topborder{border-top:1px grey solid}
.space svg {
  width: 50px;
  height: 50px;
}
/*
.icon {
  width: 40px;
  height: 40px;
  stroke: #4B2E83;
}
@font-face {
    font-family: 'Lobster';
    font-display: auto;
    src: local('Lobster'), url('https://fonts.googleapis.com/css?family=Lobster');
}*/