html {
font: normal 62.5% Verdana, Tahoma, Verdana, sans-serif;
font-size:62.5%;
background-color:#fff;
width:100%;
}
#controlesSlide{
display: none;
}
body {
position:relative;
margin: 0 auto;
padding:80px 0 0 0;
width:100%
}
body * {box-sizing: border-box;margin: 0;padding: 0;}
header, nav {
display:block;
background-color:#fff !important;
width:100%;
z-index:9999;
}
header {
max-width:1500px;
margin:0 auto;
}
section{
display:block;
width:100%;
position: relative;
margin:10px 0 0 0;
max-width:1500px;
margin:8em auto 0 auto;
}
nav {border-bottom:1px solid black}
footer.footer_guia {
margin:10px auto 0 auto;
padding:10px 0 0 0;
width:100%;
font-size:1em;
text-align:center;
background: #333; /* fondo del menu junto con lo que sigue */
background: -webkit-linear-gradient(top, #333 0%,#aaa 100%);
background: -moz-linear-gradient(top, #333 0%,#aaa 100%);
background: -o-linear-gradient(top, #333 0%,#aaa 100%);
background: -ms-linear-gradient(top, #333 0%,#aaa 100%);
background: linear-gradient(top, #333 0%,#aaa 100%);
}
.container {
margin:0 auto;
max-width:1500px;
font-size:1.2em;
line-height:1.6em;
padding:0 5px;
}
/* links */
a {
color:#444;
text-decoration: underline;
}
a.blq{display:block;padding:2px 0;}
a:hover, a:focus {
color:#df8400; text-decoration:none;
cursor:pointer;
}
a:active {
color: #f00;
}
span.t6 {
display:block;
font-size:1em;
}
p {
padding:10px;
}
strong {
color:#000;
font-weight:normal;
}
p strong {font-weight:bolder}
h2 strong a{
color:#000;
font-weight:normal;
font-size:1.2em;
}
.aleft {
float:left;
color: #808080;
background-color:#eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.aright {
float:right;
color: #808080;
background-color:#eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 10px;
}
div.spacer{clear:both;margin:0px;padding:0px;}
a.banner {display:block;text-align: center;margin:0 auto}
a.banner img {width:auto;max-width:100%;}
.tittelf {color:#df8400;text-decoration:underline;cursor:pointer;}
.tittelf:hover {color:#333;}
.telf, .web, .email, .dir {
display:block;
text-decoration:underline;
cursor:pointer;
color:#333;
}
.telf, .telf2 {
color:#df8400;
font-weight:bolder;
}
.telf:hover, .web:hover, .email:hover, .dir:hover {color:#222;}
.web:hover, .email:hover, .dir:hover {font-weight:bolder;}
.telf button, .web button, .email button, .dir button {
float:right;
width:40%;
background: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #df8400;
font-size:1.2em;
font-family:Verdana;
padding:1px 11px;
margin:0px;
color:#df8400;
text-decoration: none;
font-weight:bolder;
cursor:pointer;
}
.telf button:hover, .web button:hover, .email button:hover, .dir button:hover {
background: #df8400;
color:#fff;
border:1px solid #efe;
}
/* CSS para la animación y localización de los DIV de cookies */
#cookie1 {
margin:0 auto;
text-align:center;
padding-left:1%;
padding-top:5px;
font-size:1.2em;
color: #333;
background-color: #FFa;
z-index:999999999;
border-bottom:1px solid #999;
}
/* Fin del CSS para cookies */
img {
border:0px;
}
.homeone, .hometwo {clear:both;width:100%;display:block;padding:0 0 10px 0}
#fotos_anim {width:70%;float:right;position:relative;box-shadow: 0px 0px 2px #000;margin-left:1%}
.cajashome2{width:28%;float:left;position:relative;overflow:hidden;max-height:630px;box-shadow: 0px 0px 2px #000;padding:0;text-align:center}
.cajashome2 ul {display:block;padding:1% 0}
.cajashome2 ul li {list-style:none; padding:4px 0;font-size:1.2em}
.cajashome2 h2 {padding:3% 0;background-color:#df8400;color:#fff;font-size:1.6em}
.cajashome{width:24%;float:left;position:relative;margin-left:1%;margin-top:15px;box-shadow: 0px 0px 2px #000}
#jleft{width:24%;float:left;position:relative;margin-top:15px;margin-left:0;box-shadow: 0px 0px 2px #000}
#jleft img, .cajashome img, .cajashome2 img {width:100%;background:#fff;text-align:center;height:auto}
#jleft img:hover, .cajashome img:hover, .cajashome2 img:hover {cursor:pointer}
#jleft p, .cajashome p {position:absolute; top: 18px; left:18px; color:#222;width:100%;font-size:1.1em; font-weight:bolder;margin:0; z-index:1; background-color:#FFF; padding:3px 8px;opacity:0.5;text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
#jleft p a, .cajashome p a{font-size:1.1em}
#jleft p a:hover, .cajashome p a:hover{font-weight:bolder;font-size:1.2em}
.cajashome3{width:28%;float:left;position:relative;overflow:hidden;max-height:auto;box-shadow: 0px 0px 2px #000;padding:0;text-align:center}
.cajashome3 ul {display:block;padding:1% 0}
.cajashome3 ul li {list-style:none; padding:4px 0;font-size:1.2em}
.cajashome3 h2 {padding:3% 0;background-color:#df8400;color:#fff;font-size:1.6em}
.cajashome{width:24%;float:left;position:relative;margin-left:1%;margin-top:15px;box-shadow: 0px 0px 2px #000}
#jleft{width:24%;float:left;position:relative;margin-top:15px;margin-left:0;box-shadow: 0px 0px 2px #000}
#jleft img, .cajashome img, .cajashome3 img {width:100%;background:#fff;text-align:center;height:auto}
#jleft img:hover, .cajashome img:hover, .cajashome3 img:hover {cursor:pointer}
#jleft p, .cajashome p {position:absolute; top: 18px; left:18px; color:#222;width:100%;font-size:1.1em; font-weight:bolder;margin:0; z-index:1; background-color:#FFF; padding:3px 8px;opacity:0.5;text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
#jleft p a, .cajashome p a{font-size:1.1em}
#jleft p a:hover, .cajashome p a:hover{font-weight:bolder;font-size:1.2em}
/* ------------------------------------- BOXHOMENEW -------------------------------------------- */
.boxhomenew{
float:left;
display:inline-block;
width:15.5%;
margin:0.5%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #f7f7f7;
box-shadow: 0px 0px 1px #666;
background-color:#f7f7f7;
height:auto;
position:relative;
color:#777;
}
.boxhomenewHome{
float:left;
display:inline-block;
width:30%;
position: relative;
margin:1%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #f7f7f7;
box-shadow: 0px 0px 1px #666;
background-color:#f7f7f7;
height:auto;
color:#777;
}
.boxhomenew a {text-decoration:none}
.boxhomenewHome a {text-decoration:none}
.boxhomenew a.blqimg {
position:relative;
width:100%;
display:block;
margin:0;
padding:0;
}
.boxhomenewHome a.blqimg {
position:relative;
width:100%;
display:block;
margin:0;
padding:0;
}
.boxhomenew a.blqimg img,.boxhomenewHome a.blqimg img{
width:100%;
height:auto;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.boxhomenew a.blqimg div.ofertaB, .boxhomenewHome a.blqimg div.ofertaB {
background: url("gifs/ofertaB.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-2px;
height: 30px;
width: 44px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew a.blqimg div.ofertaC,.boxhomenewHome a.blqimg div.ofertaC {
background: url("gifs/ofertaC.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-2px;
height: 30px;
width: 56px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew a.blqimg div.ofertaD,.boxhomenewHome a.blqimg div.ofertaD {
background: url("gifs/ofertaD.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-2px;
height: 30px;
width: 69px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew a.blqimg div.hace,.boxhomenewHome a.blqimg div.hace {
position: absolute;
background-color:#fff;
color:#444;
top: 0px;
left:0px;
z-index: 4;
margin:0px;
display:block;
cursor:help;
font-size:1.1em;
padding:2px 5px;
border-bottom:1px solid #888;
border-right:1px solid #888;
-webkit-border-radius: 5px 0px 5px 0px;
-moz-border-radius: 5px 0px 5px 0px;
border-radius: 5px 0px 5px 0px;
opacity:0.9;
}
.boxhomenew a.blqimg div.certi,.boxhomenewHome a.blqimg div.certi {
position: absolute;
background-color:#DF8400;
color:#fff;
bottom: 5px;
left:0;
z-index: 4;
margin:0px;
display:block;
font-weight:bolder;
cursor:help;
font-size:1.3em;
padding:4px 8px;
-webkit-border-radius: 0px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
border-radius: 0px 5px 0px 0px;
}
.boxhomenew a.blqimg div.dtoga,.boxhomenewHome a.blqimg div.dtoga {
position: absolute;
background-color:#DF8400;
color:#fff;
bottom: 4px;
right:0px;
z-index: 4;
margin:0px;
font-weight:bolder;
display:block;
cursor:help;
font-size:1.4em;
padding:4px 8px;
-webkit-border-radius: 5px 0px 0px 0px;
-moz-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px;
}
.boxhomenew div.urls, .boxhomenew div.comen{
text-align:left;
height:58px;
width:100%;
padding:10px 5px;
overflow: hidden;
font-size:0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
z-index:1;
}
.boxhomenewHome div.urls, .boxhomenewHome div.comen {
text-align:left;
height:85px;
width:100%;
padding:10px 5px;
overflow: hidden;
font-size:0.9em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
z-index:1;
}
.boxhomenew div.comen,.boxhomenewHome div.comen{
padding:0 10px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.boxhomenew div.comen p,.boxhomenewHome div.comen p{
padding:0px;
margin:2px 0px 0px 0px;
}
.boxhomenew div.comen:hover, .boxhomenew div.urls:hover{
position:absolute;
bottom:-58px;
left:0;
overflow: visible;
padding:10px;
height:auto;
box-shadow: 0px 0px 4px #000;
background: #FFF;
background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
background: -moz-linear-gradient(top, #fff 0%,#eee 100%);
background: -o-linear-gradient(top, #fff 0%,#eee 100%);
background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
background: -linear-gradient(top, #fff 0%,#eee 100%);
cursor:pointer;
z-index:1000;
}
.boxhomenew div.urls a.normal,.boxhomenewHome div.urls a.normal {
margin:0px 5px 5px 0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color: #eee;
overflow: hidden;
display:inline-block;
height: 18px;
max-width: 100%;
padding: 0 5px;
vertical-align: top;
white-space: nowrap;
text-decoration:underline;
}
a.enfasi {
background:#ffc;
color:#000;
margin:0px 5px 5px 0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
overflow: hidden;
display:inline-block;
max-width: 100%;
padding: 0 5px;
vertical-align: top;
white-space: nowrap;
text-decoration:underline;
}
a.enfasic {
background:#ffc;
color:#000;
margin:0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
overflow: hidden;
display:inline-block;
max-width: 100%;
padding: 1px 10px 2px 10px;
vertical-align: top;
white-space: nowrap;
text-decoration:underline;
}
strong.enfasi {
background:#ffc;
font-weight:normal;
color:#000;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
overflow: hidden;
display:inline-block;
height: 18px;
max-width: 100%;
padding: 0px;
vertical-align: top;
white-space: nowrap;
text-decoration:none;
}
.boxhomenew a span.name{
overflow:hidden;
font-size:1.1em;
font-weight:bolder;
color:#000;
padding:4px 10px;
white-space: nowrap;
width:100%;
display:block;
}
.boxhomenew a span.jobTitle{
font-size:0.9em;
left:0px;
color:#000;
padding:4px 10px;
white-space: nowrap;
width:100%;
display:block;
}
.boxhomenew a span.name:hover, .boxhomenew a span.jobTitle:hover{
overflow:visible;
z-index:1500;
width:auto;
background-color:#fff;
box-shadow: 0px 0px 1px #000;
}
.groc {border:1px solid #000;box-shadow: 0px 0px 30px #000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#000;text-align:left;}
.pobla{width:15.5%;margin:0.5%;float:left;position:relative;line-height:1.8em;font-size:0.9em;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0px 10px 10px 15px;box-shadow:0px 0px 4px #000}
.pobla h3, .pobla h2{display:block;font-size:1.2em;font-weight:bolder;color:#000;padding:10px 0px 5px 0px}
.pobla h3.fosc{font-size:1.3em}
.pobla ul{padding:0px}
.pobla ul li{list-style:none; overflow: hidden}
.pobla ul li:hover{overflow: visible; width:100%;background-color:#FFF}
.pobla ul li a.fosc{font-size:1.1em}
.pobla p {padding:15px 0px 5px 0px}
@media (max-width:1350px){ /* 5 fotos (4 i pobla) */
.boxhomenew, .pobla{
width:19%;
margin:0.5%;
}
}
@media (max-width:1075px){ /* 4 fotos (3 i pobla) */
.boxhomenew, .pobla{
width:23.5%;
margin:0.7%;
}
}
/* ------------------------------------- BOXHOMENEW -------------------------------------------- */
#homelinks {
clear:both;
padding:10px;
}
#homelinks h5{
padding:10px;
display:block;
font-size:1.5em;
}
.cajaslinks{
float:left;
padding:8px;
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #999;
}
/* ———–-------------------------------- LOGO --------------------------------------- */
.searchwrapper {
width:80%;
margin:0 auto;
display:inline-block;
height:26px;
background-image:url(img/search2.gif);
background-repeat:no-repeat;
background-size:100% 100%;
padding:0px;
position:relative;
}
.searchwrapper form { display:inline}
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:1px;
left:15px;
width:80%;
height:23px;
padding:2px 0px;
color:#222;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:1px;
right:1px;
width:20%;
height:24px;
}
.panun {
display: inline-block;
float: left;
margin: 0;
text-align: left;
width: 100%;
padding:7px 0;
}
a.anunciate {
animation-duration: 1s;
animation-name: blinkp;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
text-align:center;
display:inline;
background: #df8400;
padding:10px;
font-size:1.2em;
color:#fff;
text-decoration: none;
font-weight:bolder;
}
a.anunciate:hover{
text-decoration:underline;
background: #fff;
color: #df8400;
border:1px solid #df8400;
}
a.anunciate2 {
text-align:center;
display:inline;
background: #df8400;
padding:5px;
font-size:1.2em;
color:#fff;
text-decoration: none;
font-weight:bolder;
}
a.anunciate2:hover{
text-decoration:underline;
background: #fff;
color: #df8400;
border:1px solid #df8400;
}
/* ----------- MENU DESPLEGABLE CSS3 ------------------------------------------ --------------------- --------------------- */
.menu-a {background-color:#ddd;margin: 0;width:100%;font-size:1.1em;display:block;text-align:center;display:inline}
.menu-a ul, .menu-a li, .menu-a a {margin: 0;padding: 0;border: none;outline: none}
.menu-a ul, .menu-a li {background-color:#ddd}
.menu-a li {float:left;display: inline;box-sizing: border-box;width:8.33%;border-right: 3px solid #fff;border-bottom: 3px solid #fff;padding: 5px 0px}
.menu-a > li[class=activa] {background-color:#DF8400;color: #fff}
.menu-a > li[class=activa] > a {margin:0px;padding:0;text-decoration: none;font-weight:bolder;color: #fff}
.menu-a > li[class=activa]:hover > a {color: #222}
/* color del enlace al pasar el cursor */
.menu-a > li:hover {background-color:#DF8400;font-weight:bolder;color:#222}
.menu-a li a {display: block;margin: 0;text-decoration: none;color:#222}
.menu-a li:first-child {border-left: none}
.menu-a li:last-child {border-right: none}
/* submenu */
.menu-a li:hover > ul {opacity: 1; top: 35px}
.menu-a li:hover > ul li {overflow: visible}
.menu-a li > ul {position: absolute;top: 0;left: 0;opacity: 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}
.menu-a ul li {height: 0;overflow: hidden;border-bottom:none;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;}
.menu-a ul li:last-child {border-bottom: 1px solid #999}
.menu-a ul li a {width: 100%;padding: 2px 0 2px 14px;margin: 0}
.menu-a > li > ul > li[class=activa] > a {color: #df8400}
.menu-a > li > ul > li:hover > a {color: #df8400}
/* .menu-a li:last-child a { border-right: 2px solid #777; } ultima opció menu principal */
/* ---------------- fin menu desplegable CSS3 ------------------------------------- */
#sesion{width:80%;
padding:4px 8px 4px 8px;
margin:8px 0px 0px 0px;
float:right;
text-align:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#ffd;
border:1px solid #ddd;
}
#alertcaducado{
float:left;
width:20%;
margin:0px 0px 10px 0px;
border:3px solid #DDD;
padding: 5px 30px;
font-size:1.3em;
font-weight:bolder;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:justify;
height:35px;
overflow:hidden;
color:#fff;
background:#df8400;
}
#borrarenreno{
float:left;
width:20%;
margin:0px 0px 10px 0px;
border:3px solid #DDD;
padding: 10px 30px;
font-size:1.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:center;
height:25px;
overflow:hidden;
color:#333;
background:#fff;
cursor:pointer;
}
#msgalerta{width:100%;max-width:1000px;display:block;clear:both;padding:0px 10px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.2em;text-align:left;color:#777;margin:-30px auto 0 auto;overflow:hidden}
#msgalerta p.blinkp {padding:5px 0}
#sesion h5{width:14%;font-size:1.1em;
padding:2px 10px;
font-weight:bolder;
color:#444;
display:inline;
}
#sesion span.tanca a{width:12%;
background: url("img/cerrarConexion.png") no-repeat scroll left top transparent;
display: block;
padding:1px 3px 1px 3px;
text-decoration: none;
text-align:center;
float:right;
margin:0px;
}
#sesion span.ultim, #sesion span.ultcon{
padding:2px 12px 3px 15px;
height:17px;
float:right;
margin:0px;
font-size:1.1em;
font-weight:normal;
display:inline-table;
}
#activo {
width:100%;
float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
color: #222;
font-size:1em;
text-align: justify;
overflow:hidden;
background-color:#ffd;
border:1px solid #ddd;
padding:2px 0px;
cursor:pointer;
height:42px;
}
#operaciones {
width:100%;
margin:1px auto;
float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
color: #222;
font-size:1em;
text-align: justify;
background-color:#ffd;
border:1px solid #ddd;
height: 35px;
overflow: hidden;
cursor:pointer;
}
#activo:hover, #operaciones:hover {height:100%}
#activo h5, #operaciones h5{width:14%;font-size:1.2em;
display:inline;
float:left;
font-weight: bolder;
padding:6px 0px 10px 10px;
border:1px solid transparent;
margin:0px 0px 2px 2px;
}
#operaciones h5{padding:4px 0 4px 10px}
#activo h5 span, #operaciones h5 span{display:none}
#activo .cadacli, #activo .cadacliact {width:14%;
float:left;
display:inline;
background-color:#fff;
background: -webkit-linear-gradient(top, #eee 0%,#fff 100%);
background: -moz-linear-gradient(top, #eee 0%,#fff 100%);
background: -o-linear-gradient(top, #eee 0%,#fff 100%);
background: -ms-linear-gradient(top, #eee 0%,#fff 100%);
background: -linear-gradient(top, #eee 0%,#fff 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#777;
margin:0px 0px 2px 2px;
border:1px solid #ddd;
height:36px;
line-height:120%;
}
#activo .cadacliact {
color:#333;
border:1px solid #000;
background-color:#aaa;
background: -webkit-linear-gradient(top, #aaa 0%,#fff 100%);
background: -moz-linear-gradient(top, #aaa 0%,#fff 100%);
background: -o-linear-gradient(top, #aaa 0%,#fff 100%);
background: -ms-linear-gradient(top, #aaa 0%,#fff 100%);
background: -linear-gradient(top, #aaa 0%,#fff 100%);
}
#activo .cadacli input, #activo .cadacliact input{
height:100%;
width:15%;
float:left;
}
#activo .cadacli span, #activo .cadacliact span{
width:85%;
margin:2px 0 0 0;
float:left;
overflow:hidden;
}
#activo .cadacliact span{
font-weight:bolder;
}
#activo .cadacli span.blinkp, #activo .cadacliact span.blinkp {
color:#DF8400;
font-weight:normal;
margin:0;
}
.ops{width:14%;
float:left;
display:inline;
background-color:#fff;
background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
background: -moz-linear-gradient(top, #fff 0%,#eee 100%);
background: -o-linear-gradient(top, #fff 0%,#eee 100%);
background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
background: -linear-gradient(top, #fff 0%,#eee 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:2px 0px 2px 2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
cursor:pointer;
text-decoration: none;
text-align:center;
color:#777;
padding:4px 0;
}
.activ {width:14%;
float:left;
display:inline;
background-color:#fff;
background: -webkit-linear-gradient(top, #fff 0%,#aaa 100%);
background: -moz-linear-gradient(top, #fff 0%,#aaa 100%);
background: -o-linear-gradient(top, #fff 0%,#aaa 100%);
background: -ms-linear-gradient(top, #fff 0%,#aaa 100%);
background: -linear-gradient(top, #fff 0%,#aaa 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:2px 0px 2px 2px;
border-right:1px solid #000;
border-bottom:1px solid #000;
cursor:pointer;
text-decoration: none;
text-align:center;
font-weight:bolder;
color:#333;
padding:4px 0;
}
#operaciones .ops:hover{
font-weight:bolder;
color:#f00;
background-color:#ddd;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#operaciones p{
margin:0 0 0 15%;
padding:3px 0 5px 0;
display:block;
width:100%;
}
#operaciones p strong{
font-size:1.1em;
}
.blink {
font-weight:bolder;
color:#DF8400;
animation-duration: 0.6s;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.blinkp {
animation-duration: 1s;
animation-name: blinkp;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@keyframes blinkp {
from {
opacity: 1;
}
to {
opacity: 0.3;
}
}
.blinktrace {
margin:0px;
padding:0px 0px 5px 0px;
font-size:1.1em;
font-weight:normal;
text-decoration:none;
display:block;
width:100%;
text-justify:left;
white-space: normal;
color:#222;
animation-duration: 2s;
animation-name: blinktrace;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@keyframes blinktrace {
from {
opacity: 1;
}
to {
opacity: 0.4;
}
}
/* ———–-------------------------------- TARIFAS ------------------------------------------------------------------------------ */
.tarifas {width: 100%;border-collapse: collapse;color:#888;font-size:1.2em;line-height:180%}
.tarifas td,th {padding: 5px;border: 1px solid #ccc;text-align:center}
.tarifas th {background-color:#ddd;width:7%;color:#555;border-left:none} /* CAPÇALERA */
.tarifas thead th:nth-of-type(1){border-top:none; border-left:none;background-color:#fff} /* CUADRE SUPERIOR ESQUERRA */
.tarifas .trgratis {font-size:1em; background-color:#fff; color:#df8400} /* GRATIS */
.tarifas .trpremium {font-size:1.3em;background-color:#fff;color:#df8400; margin:2% 0.5%}/* PREMIUM background-color:#F2CE99; E9A94C df8400 */
.tarifas .trplatinum {font-size:1.5em;background-color:#df8400;color:#fff; margin:4% 0.5%}/* PLATINUM */
.tarifas .trdeluxe {font-size:1.7em;background-color:#fff;color:#df8400; margin:6% 0.5%}/* DELUXE */
.tarifas .trgratis td:nth-of-type(1) { padding:1% 0.25%;text-shadow:none} /* GRATIS */
.tarifas .trpremium td:nth-of-type(1) {width:20%;padding:3.5% 0.5%;text-shadow: none; margin:2% 0.5%;font-weight: bolder; height:100px}/* PREMIUM */
.tarifas .trplatinum td:nth-of-type(1) {width:20%;padding:3.5% 0.5%;text-shadow: 10px 10px 4px #222;margin:4% 0.5%;font-weight: bolder; height:140px}/* PLATINUM */
.tarifas .trdeluxe td:nth-of-type(1) {width:20%;padding:3.5% 0.5%;text-shadow: none; margin:6% 0.5%;font-weight: bolder; height:180px; font-size:1.9em}/* DELUXE */
.tarifas tr td:nth-of-type(2) {width:20%;cursor:pointer;}/* columna Preu */
.tarifas tr td:nth-of-type(3) {width:11%}/* columna Visibilidad */
.tarifas tr td a {text-decoration:none;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:60%;padding:6px 0;display:block;box-shadow: 1px 1px 1px #222;margin:6px auto}
.tarifas tr td a:hover {box-shadow: 2px 2px 2px #222}
.tarifas tr td a span.pr {font-size:1.75em;font-weight:bolder;color:#df8400}
.tarifas tr td a:hover span.pr {text-shadow: 1px 1px 1px #222}
.tarifas tr td a span.pmr {font-size:14px;font-weight:bolder;color:#df8400}
.tarifas tr td a:hover span.pmr {font-size:15px}
.tarifas tr td a span.preureco {font-size:1.75em;font-weight:bolder;text-shadow: 2px 2px 1px #222;color:#fff}
.tarifas tr td a:hover span.preureco {text-shadow: 3px 3px 2px #222}
.tarifas tr td a span.pmreco {font-size:14px;font-weight:bolder;text-shadow: 1px 1px 1px #222;color:#fff}
.tarifas tr td a:hover span.pmreco {text-shadow: 2px 2px 1px #222}
@media (max-width:1000px){
.tarifas .trdeluxe td:nth-of-type(1) {font-size:1.6em;}/* DELUXE */
.tarifas th {background-color:#ddd;width:7%;color:#555;border-left:1px solid #fff;font-weight:normal;font-size:0.9em} /* CAPÇALERA */
.tarifas td,th {padding: 2px}
.tarifas .trgratis {font-size:1em} /* GRATIS */
.tarifas .trpremium {font-size:1.2em}/* PREMIUM */
.tarifas .trplatinum {font-size:1.3em}/* PLATINUM */
.tarifas .trdeluxe {font-size:1.4em}/* DELUXE */
.tarifas tr td a {width:100%}
}
a.contratar {-moz-box-sizing: border-box;background-color: #F5D213;
background-image: -moz-linear-gradient(center top , #F9E820 0px, #EFB300);
border: 1px solid #F5D213;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
color: #083588;
cursor: pointer;
display: inline-block;
font-family: Arial,Helvetica,sans-serif;
font-size:1.3em;
font-weight: bold;
line-height: 2em;
outline: 0 none;
margin:0 20px;
padding: 0 19px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
a.contratar:hover{color:#004495; background-color:#FCEB65;
background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFCC9),color-stop(0.20,#FFF67B),color-stop(0.35,#FCEA65),to(#F0B400));
background-image:-moz-linear-gradient(top,#FFFCC9 0,#FFF67B 20%,#FCEA65 35%,#F0B400);
background-image:-webkit-linear-gradient(top,#FFFCC9 0,#FFF67B 20%,#FCEA65 35%,#F0B400);
background-image:-o-linear-gradient(top,#FFFCC9 0,#FFF67B 20%,#FCEA65 35%,#F0B400);
background-image:-ms-linear-gradient(top,#FFFCC9 0,#FFF67B 20%,#FCEA65 35%,#F0B400);
background-image:-linear-gradient(top,#FFFCC9 0,#FFF67B 20%,#FCEA65 35%,#F0B400);}
/* ———–-------------------------------- TARIFAS ------------------------------------------------------------------------------ */
/* ———–-------------------------------- BANNERS ------------------------------------------------------------------------------ */
.banners {width: 100%;border-collapse: collapse;color:#fff;line-height:180%}
.banners td,th {padding: 10px 5px;border: 1px solid #ccc;text-align:center}
.banners th {background-color:#ddd;width:33%;color:#555;border-left:none} /* CAPÇALERA */
.banners tr {background-color:#F2CE99;font-size:1.3em;font-weight:bolder}
.banners tr td:nth-of-type(2) {font-size:1.7em;text-shadow: 4px 4px 2px #222;}/* columna Preu */
@media (max-width:1000px){
.banners th {background-color:#ddd;width:7%;color:#555;border-left:1px solid #fff;font-weight:normal;font-size:0.9em} /* CAPÇALERA */
.banners td,th {padding: 4px 2px}
.banners tr {font-weight:normal;font-size:1.2em;}
.banners tr td:nth-of-type(2) {font-size:1.4em;text-shadow: 2px 2px 1px #222;}/* columna Preu */
}
/* ———–-------------------------------- BANNERS ------------------------------------------------------------------------------ */
/* ———–-------------------------------- tarifotos ------------------------------------------------------------------------------ */
.tarifotos {width: 100%;border-collapse: collapse;color:#888;font-size:1.2em;line-height:140%}
.tarifotos td {padding: 5px;border: 1px solid #ccc;text-align:center}
.tarifotos .trgratis {font-size:1em; background-color:#fff; color:#df8400} /* GRATIS */
.tarifotos .trpremium {font-size:1.1em;background-color:#fff;color:#df8400; margin:2% 0.5%}/* PREMIUM background-color:#F2CE99; E9A94C df8400 */
.tarifotos .trplatinum {font-size:1.3em;background-color:#df8400;color:#fff; margin:4% 0.5%}/* PLATINUM */
.tarifotos .trdeluxe {font-size:1.5em;background-color:#fff;color:#df8400; margin:6% 0.5%}/* DELUXE */
.tarifotos .trgratis td:nth-of-type(1) { padding:1% 0.25%;text-shadow:none} /* GRATIS */
.tarifotos .trpremium td:nth-of-type(1) {width:20%;padding:1.5% 0.5%;text-shadow: none; margin:2% 0.5%;font-weight: bolder; height:100px}/* PREMIUM */
.tarifotos .trplatinum td:nth-of-type(1) {width:20%;padding:1.5% 0.5%;text-shadow: 10px 10px 4px #222;margin:4% 0.5%;font-weight: bolder; height:140px}/* PLATINUM */
.tarifotos .trdeluxe td:nth-of-type(1) {width:20%;padding:1.5% 0.5%;text-shadow: none; margin:6% 0.5%;font-weight: bolder; height:180px; font-size:1.9em}/* DELUXE */
.tarifotos tr td:nth-of-type(3) {width:20%;font-weight:bolder;font-size:1.3em}/* columna Preu */
.tarifotos .trplatinum td:nth-of-type(3) {width:20%;font-weight:bolder;font-size:1.3em;text-shadow: 10px 10px 4px #222}/* columna Preu */
@media (max-width:1000px){
.tarifotos .trdeluxe td:nth-of-type(1) {font-size:1.6em;}/* DELUXE */
.tarifotos td{padding: 2px}
.tarifotos .trgratis {font-size:1em} /* GRATIS */
.tarifotos .trpremium {font-size:1.2em}/* PREMIUM */
.tarifotos .trplatinum {font-size:1.3em}/* PLATINUM */
.tarifotos .trdeluxe {font-size:1.4em}/* DELUXE */
}
/* ———–-------------------------------- tarifotos ------------------------------------------------------------------------------ */
/* ———–-------------------------------- CUERPO --------------------------------------- */
#cuerpoin{padding:0}
#BotonesFlotantes {
position: absolute;
left: 0px;
top:200px;
padding: 10px;
margin:10px 0px;
background-color: #fff;
box-shadow: 0px 0px 4px #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index:9;
}
#BotonesFlotantes div {
margin: 10px 0;
text-align:center;
}
#bannerprincipal {margin:5px 0px;padding:0px;width:100%;display:block;clear:both}
#bannerprincipal div {width:24%;margin-right:0.6%;float:left;padding: 0px;text-align:center}
#bannerprincipal div img{width:100%;box-shadow: 0px 0px 4px #000; height:auto;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer}
.bannervacio {width:24%;margin-right:0.6%;color:#777;float:left;font-weight:normal;height:80px;padding:30px 0;text-align: center;background-color:#eee;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
@media (max-width:1075px){/* 4 fotos (3 i pobla) */
#bannerprincipal div, .bannervacio {width:49%;margin-right:0.7%}
#bannerprincipal div img{box-shadow: 0px 0px 1px #000;max-height:90px}
}
/* ———–-------------------------------- CUERPO - PRINCIPAL --------------------------------------- */
#formcomu {
margin:10px 20px;
padding:0px 10px;
}
#formcomu label select {
background:#EEE;
color: #555;
width:14%;
border:1px solid #808080;
}
#formcomu span.t5 {
text-align:right;
width:14%;
height:18px;
color:#444;
font-size:1.2em;
font-weight:bolder;
}
h1.normal,h1.clipropi {
font-size:1.3em;
font-weight:bolder;
padding:6px 0;
color:#000;
}
span.principal {
clear:both;
display:block;
padding: 10px;
margin: 10px 0px 5px 0;
font-size:1.3em;
font-weight:bolder;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:justify;
overflow:hidden;
color:#fff;
background:#df8400;
cursor:pointer;
}
h1.normal span, h1.clipropi span {
float:right;
font-size:1.3em;
cursor:help;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#DF8400;
color:#fff;
text-align:center;
padding:7px 20px 7px 20px;
}
.normalneg {
font-size:1.5em;
font-weight: bolder;
color:#444;
}
/*--------------------------------------------------------------------------- FORMULARIO ALTA -------------------------------------------------------------------------------------- */
iframe {width:0px;border:0px;margin:0px;padding:0px;height:0px}
iframe.fotos {width:33%;color:#FFF;float:left;height:350px;margin:0px;background-color:#eee;border:2px solid #ccc}
@media (max-width:950px){
iframe.fotos {width:50%}
}
@media (max-width:650px){
iframe.fotos {width:100%}
}
#principal {width:100%;margin:0 auto;padding:0px;clear:both}
#principal .separador{width:100%; display:block; margin:50px 0 0 0; padding:0}
#anunciate {width:100%;max-width:1100px;margin:0px auto;padding:0px}
/* ANUNIZQ */
.bloque_subir{width:50%;padding:0px 0.4%;float:left;margin:0}
.anunsub,.anunizq,.anunder,.pagament,.anuntot{width:49.39%;float:left;margin:0.3%;text-align:justify;font-size:1.2em;color:#555;background-color:#df8400;background:-webkit-linear-gradient(top,#df8400 0%,#dc9065 100%);background:-moz-linear-gradient(top,#df8400 0%,#dc9065 100%);background:-o-linear-gradient(top,#df8400 0%,#dc9065 100%);background:-ms-linear-gradient(top,#df8400 0%,#dc9065 100%);background:-linear-gradient(top,#df8400 0%,#dc9065 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.anunsub h5, .anunizq h5, .anunder h5, .pagament h5, .anuntot h5{color:#fff;padding:10px;font-size:1.4em}
.anunsub, .anuntot {width:100%}
.anunder, .pagament{margin:0.3% auto;float:none;padding:0 0 1px 0}
/*.pagament{margin:30px auto 0 auto} */
/* .anunizq .dins label[for], .anunder .dins label[for]{width:180px; border:1px solid transparent; } */
.dins{width:98.5%;box-sizing: border-box;margin:0.7%;padding:10px 2% 10px 8%;border:1px solid #777;background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.dins span{width:100%;display:block;margin:0 0 0 20%;border:1px solid transparent;color:#f00;padding:0 10px}
.dins span.error {display:none;font-weight:bolder;color:#f00;padding:0 10px}
.dins div.lineal{width:70%;clear:both;display:block;margin:0 auto;padding:0px;position:relative} /* ;border:1px solid #999 */
.dins div.textselect{width:100%;clear:both;display:block;margin:0 auto;padding:0px} /* ;border:1px solid #999 */
.oculto {position:relative;width:70%;clear:both;display:none;margin:0 auto;padding:0px} /* border:0px none; */
.oculto2 {display:none;margin:0;padding:0} /* border:0px none; */
.dins label, .dins input, .dins textarea, .dins abbr, .dins span, .dins select {float:left;margin:3px 0px; padding:0px;height:28px;color:#555;overflow:hidden;white-space: nowrap} /* INPUT GENERAL */
.dins input, .dins textarea, .dins select {border:1px solid #999;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.dins input, .dins textarea {padding:3px 10px}
.dins input[placeholder], .dins textarea[placeholder] {color:#333}
.dins textarea {width:88%;height:94px;border:1px solid #999;resize:none}
.dins textarea.textgran {width:100%;height:200px;resize:vertical}
.dins textarea{white-space: normal}
.dins abbr{width:6%;float:right;margin:3px 0px 0px 10px;border:1px solid transparent;text-align:center;text-decoration:none;background-color:#f6f6f6;color:#bbb;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;cursor:help}
.dins abbr.serv{cursor:pointer;font-weight:bolder;color:#999; background-color:#f6f6f6}
.dins label {width:35%;border:1px solid transparent}
.dins label.res{Width:42%;border:none}
.dins label.diasem{width:11.2%;}
.dins label.de{width:4.4%; text-align:center}
.dins label.a{width:3.2%; text-align:center}
.dins label.ample{width:75%;margin-left:5px;padding:0 0 0 10px}
.dins label.mismo{width:59%;padding:0 0 0 10px}
.dins label.sn{width:6%;text-align:center;}
.dins label.textselect{width:100%;padding:0;margin:15px 0 0 0;height:22px}
.dins label{height:22px}
.dins input{width:88%}
.dins input.lineal{width:90%}
.dins input[type=button], .dins input[type=submit], .dins select{width:88%;border:1px solid #999;height:28px; padding:4px 10px}
.dins input.mig, .dins label.mig{width:44%;}
.dins input.med, .dins label.med{width:29.33%;}
.dins input.chpeq {width:2.8%;min-width:15px;margin:0 0 0 10px;overflow:visible}
.dins select.dia{width:20%; height:28px}
.dins select.mes{width:39%; height:28px}
.dins select.any{width:29%; height:28px}
.dins select.me3{width:29.33%; height:28px; text-align:center}
.dins select.mig{width:44%; height:28px}
.dins select.hora {width:9%; height:28px}
.dins select{padding:4px 5px}
.dins input:focus, .dins select:focus, .dins textarea:focus {border:1px solid #df8400;box-shadow: 0 0 2px #df8400}
.dins input[type=button], .dins input[type=submit] {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:28px;background-color:#eee}
.dins input[type=button]:hover, .dins input[type=submit]:hover {cursor:pointer}
.dins p.t4{width:100%;height:auto;display:block;border:1px solid transparent;clear:both}
.dins p.t4 a{color:#555;cursor:pointer;text-decoration:underline}
.dins p.t4 a:hover{color:#F00}
.dins div.custom-input-file {width: 80%;float:left;background-color: #FFF;border: 1px solid #000;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#999;cursor: pointer;font-family: verdana;font-size:1.2em;min-height: 40px;overflow: hidden;position: relative;text-align: center}
.dins div.custom-input-file:hover {background-color:#999;color:#fff}
.dins div.custom-input-file input.input-file {cursor: pointer;margin: 0;opacity: 0;outline: 0 none;padding: 0;position: absolute;right: -10px; top: -10px; border: 10px solid transparent;font-size:1em}
.dins div.custom-input-file div.archivo {background-color:#999;color:#fff;font-size:0.7em;overflow: hidden}
.dins div.custom-input-file:hover div.archivo {background-color:#fff;color:#999}
.blqpagizq {width:33%;float:left;color:#444;font-weight:bolder;border-right:1px solid #999;padding-right:10px}
.blqpagder {width:33%;float:right;color:#444;font-weight:bolder}
.dins .blqpagder .pagar {width:60%;text-align:left;margin:15px 0 0 0;padding:4px 10px 4px 0px;font-weight:bolder;font-size:1.3em; height:auto; color:#000}
.dins .blqpagder .import{width:30%;text-align:right;margin:15px 25px 0 0;padding:4px 10px 4px 0px;font-weight:bolder;font-size:1.3em; height:auto; color:#000}
.pagament .dins p {width:56%;border:1px solid transparent;float:left;margin:3px 0px; padding:0px; height:28px;color:#555} /* PAGAMENT P */
.pagament .dins .lineal p.t4 {width:100%;border:1px solid transparent;float:left;margin:3px 0px; padding:0px; height:auto;color:#555} /* PAGAMENT P */
.pagament .dins input[type=image] {width:30%;float:left;margin:20px 0px 20px 148px;height:60px}
input.botonserv[type=button]{width:42%;display:block;margin:0px 87px 12px 150px;padding:0px;text-align:left;border:0px;color:#FFF;height:18px;text-decoration:underline;background-color:#555;font-size:1.2em;line-height:0%}
input.botonserv[type=button]:hover, input.botonserv[type=button]:link{box-shadow: none}
input.finalizar {clear:both;float:right;margin:10px;color:#fff;font-size:1.4em;font-weight:bolder;padding:10px;background-color:#df8400;background: -webkit-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -moz-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -o-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -ms-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -linear-gradient(top, #df8400 0%,#dc9065 100%);border:1px solid red;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer}
input.finalizar:hover {color:#df8400;background-color:#dc9065;background: -webkit-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -moz-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -o-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -ms-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -linear-gradient(top, #dc9065 0%,#ffffff 100%);border:1px solid black}
p.t4 strong {color:#f00}
p.t4 a {font-weight:bolder}
@media (max-width:1100px){.anunsub,.anunizq,.anunder,.pagament,.anuntot{font-size:1.1em}}
.dins input.btnsubir {height:auto;float:none;width:auto;text-justify:center;margin:10px auto;color:#fff;font-size:1.2em;font-weight:bolder;padding:5px 10px;background-color:#df8400;background: -webkit-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -moz-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -o-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -ms-linear-gradient(top, #df8400 0%,#dc9065 100%);background: -linear-gradient(top, #df8400 0%,#dc9065 100%);border:1px solid red;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer}
.dins input.btnsubir:hover {color:#df8400;background-color:#dc9065;background: -webkit-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -moz-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -o-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -ms-linear-gradient(top, #dc9065 0%,#ffffff 100%);background: -linear-gradient(top, #dc9065 0%,#ffffff 100%);border:1px solid black}
.dins .article {
position:relative;
float:left;
border:3px solid #df8400;
background-color:#fff;
border-radius: 10px;
color: #df8400;
display: inline-block;
font-size: 1em;
margin: 20px 0;
text-align: center;
width: 100%;
height:auto;
}
.dins .article .dies{
display: block;
margin-bottom: 5px;
padding-top: 10px;
height:auto;
line-height:0.9em;
}
.dins .article .dies strong{
font-weight:bolder;
}
.dins .article .preu{
display: block;
font-size: 2.5em;
line-height:1.2em;
font-weight: bold;
padding-bottom: 5px;
height:auto;
}
.dins .article .preudia{
display: block;
padding-bottom: 5px;
height:auto;
line-height:0.9em;
}
.dins .article .btncontractar{
background-color:#df8400;
background: -webkit-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -moz-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -o-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -ms-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -linear-gradient(top, #df8400 0%,#dc9065 100%);
border-radius:0px 0px 6px 6px;
-webkit-border-radius:0px 0px 6px 6px;
-moz-border-radius:0px 0px 6px 6px;
margin:0;
padding: 4px 10px;
height:auto;
font-size: 1.4em;
font-weight:bolder;
color:white;
display:block;
width: 100%;
}
.dins .article div.ofertaB {
background: url("gifs/ofertaB.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-4px;
height: 30px;
width: 44px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.dins .article div.ofertaC {
background: url("gifs/ofertaC.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-4px;
height: 30px;
width: 56px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.dins .article div.ofertaD {
background: url("gifs/ofertaD.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-4px;
height: 30px;
width: 69px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.fichas{display:none;width:100%;clear:both}
.fichasok{display:block; clear:both}
.fichasok tr:nth-child(odd){background:#fff}
.fichasok tr:nth-child(even){background:#eee}
.fichasok td, .fichas td {padding:5px;border:1px solid #ccc;}
.fichasok th, .fichas th {padding:5px;border:1px solid #ccc; background:#ffc; font-weight:bolder;font-size:1.2em}
#forpagpre, #forpagpla, #forpagdel, #horario10, #horario20 {display:none}
/* ------------------------------------ SERVEIS AMB PESTAÑES --------------------------------- */
#id_servicios {
width:100%;
float:left;
line-height:150%;
margin:9px auto;
text-align:justify;
font-size:1.1em;
color:#444;
background-color:#df8400;
background: -webkit-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -moz-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -o-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -ms-linear-gradient(top, #df8400 0%,#dc9065 100%);
background: -linear-gradient(top, #df8400 0%,#dc9065 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
}
#id_servicios input[type=radio] {
height:25px;
visibility: hidden;
float:right;
}
#id_servicios label.pes {
background: #ddd;
border-radius: 5px 5px 0px 0px;
color: #666;
cursor: pointer;
display: inline-block;
font-size:1.1em;
height:auto;
line-height: 2em;
padding: 0 10px;
text-align: center;
}
#id_servicios input[type=radio]:hover + label.pes {
background: #eee; /* Fondo de las pestañas al pasar el cursor por encima */
color: #222; /* Color del texto de las pestañas al pasar el cursor por encima */
}
#id_servicios input[type=radio]:checked + label.pes {
background: #fff; /* Fondo de las pestañas al presionar */
color: #000; /* Color de las pestañas al presionar */
z-index: 6;
}
#servicios_total {
background-color:#fff;
border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;
min-height: 440px;
padding:0px 10px 10px 10px;
position: relative;
width: 100%;
z-index: 5;
}
#otros_servicios {
margin-top:10px;
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
position: relative;
width: 100%;
z-index: 5;
}
#otros_servicios > label{
display:block;
height:auto;
}
#otros_servicios > textarea {
width:100%;
resize:vertical;
padding: 3px 10px;
}
#servicios_total div.grup_ser {
opacity: 0;
padding: 10px;
position: absolute;
z-index: -100;
}
#id_servicios input#tab-1:checked ~ #servicios_total #servicios_sex_grp,
#id_servicios input#tab-2:checked ~ #servicios_total #servicios_aco_grp,
#id_servicios input#tab-3:checked ~ #servicios_total #servicios_dom_grp,
#id_servicios input#tab-4:checked ~ #servicios_total #servicios_grp_grp,
#id_servicios input#tab-5:checked ~ #servicios_total #servicios_rel_grp,
#id_servicios input#tab-6:checked ~ #servicios_total #servicios_com_grp,
#id_servicios input#tab-7:checked ~ #servicios_total #servicios_str_grp,
#id_servicios input#tab-8:checked ~ #servicios_total #servicios_put_grp,
#id_servicios input#tab-9:checked ~ #servicios_total #servicios_sau_grp
{
opacity: 1;
z-index: 100;
}
/*
.grup_ser > input.chser {float:left; margin-top:6px;}
.grup_ser > label.desser{width:218px;float:left; padding:0px;overflow:hidden;white-space: nowrap}
.grup_ser > label.desser:hover{padding:0px;overflow:visible;background-color:#fff;box-shadow: 0px 0px 1px #000; z-index:1500;}
*/
.cadaserv {width:100%;margin:0;padding:0;display:inline-block}
.cadaserv input.ch_ser[type=checkbox]{visibility: hidden;float:left;width:1px;height:1px}
.cadaserv input.ch_ser[type=checkbox] + label {
width: 90%;
float: left;
padding:1px 5px 1px 10px;
opacity:0.6;
color: #000;
cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#eee;
overflow: hidden;
white-space: nowrap;
font-size:1em;
z-index:1;
}
.cadaserv input.ch_ser[type=checkbox] + label:before {content:"♥ "}
.cadaserv input.ch_ser[type=checkbox]:checked + label {color: #222;opacity:1;background-color:#ccc;cursor:pointer;}
.cadaserv input.ch_ser[type=checkbox] + label:hover {overflow:visible;opacity:1;z-index:1500;}
.cadaserv input.ch_ser[type=checkbox]:checked + label:hover {overflow:visible;color: #222;opacity:1;z-index:1500;cursor:pointer;}
/* -------------------------------- filas y fotos --------------------------------------- */
.links {
clear:both;
display:block;
color: #333;
font-size:1.2em;
text-align:center;
padding:0px;
margin:5px 0px 2px 0px;
}
.links span, .links a, .links strong {
margin:0px 4px;
padding:0px 10px 1px 10px;
box-shadow: 0px 0px 1px #000;
}
.links span, .links strong {
background-color:#ddd;
}
#principal p.t6 {
color: #666;
font-size:1em;
padding:0px;
text-align:left;
}
/*--------------- MOSTRAR ANUNCIO ---------------------------- */
.mostrartot, video{
width:100%;
padding:9px;
position:relative;
float:left;
}
.mostrarizq, .mostrarinv {
width:50%;
position:relative;
float:left;
text-align:left;
padding:9px;
text-align:justify;
font-size:1em;
font-weight:normal;
color:#444;
line-height:160%;
}
.mostrarder{
width:50%;
position:relative;
float:right;
text-align:left;
padding:9px;
text-align:justify;
font-size:1em;
font-weight:normal;
color:#444;
}
.mostrarizq img, .mostrartot img, .mostrarder img, video {width:100%}
.mostrarizq span.t2, .mostrarizq span.t1{
display:block;
width:97.3%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:justify;
line-height:2.2em;
font-size:1.3em;
font-weight:bolder;
padding:0px 2%;
margin:0 10px 0 10px;
color:#fff;
background:#999;
}
.mostrarizq span.t1{background:#df8400}
.mostrarizq span.t3, .mostrarder span.t3{
padding:10px;
text-align:justify;
font-size:1em;
font-weight:normal;
color:#df8400;
width:12%;
}
.mostrarizq span.t4, .mostrarder span.t4{
padding:10px;
display:inline;
}
.mostrarizq p, .mostrarder p{
padding:5px 5%;
font-size:1.2em;
line-height:170%;
color:#222;
}
.mostrarizq a.dtogamos {width: 80px;height: 80px;
position: absolute;
top: 0px;
right:-30px;
z-index: 8;
margin:0px;
padding:0px;
display:block;
cursor:pointer;
opacity:0.8;
}
.mostrarizq a.dtogamos:hover {
opacity:1;
}
.mostrarder a.certimos, .mostrarizq a.certimos, .mostrartot a.certimos {width: 80px;height: 80px;
position: absolute;
top: 8px;
right:8px;
z-index: 8;
margin:0px;
padding:0px;
display:block;
cursor:pointer;
}
table.servis {
padding:5px 5% 10px 5%;
font-size:1em;
width:100%;
border-collapse:separate;
}
table.servis tbody td.a, table.servis tbody td.b, table.servis tbody td.c, table.servis tbody td.tela, table.servis tbody td.telc{
padding:4px 10px;
background-color:#f6f6f6;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:25%;
color:#444;
}
table.servis tbody td.b, table.servis tbody td.c, table.servis tbody td.telc{
width:55%;
}
table.servis tbody td.c, table.servis tbody td.telc{
text-align:center;
}
table.servis tbody td.a, table.servis tbody td.tela{
color:#df8400;
}
table.servis tbody td.tela, table.servis tbody td.telc{
font-size:1.3em;
font-weight:bolder;
background-color:#fefefe;
}
table.servis tbody td.b a {
margin:2px 0px 2px 0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background: #ffc;
overflow: hidden;
display:inline-block;
line-height:150%;
padding: 0 5px;
vertical-align: top;
text-decoration:underline;
}
.blqsubir {
margin:5px 5%;
width:90%;
text-align:center;
border-collapse:separate;
background-color:#ddd;
border:1px solid #df8400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn_subir {
font-size:1.2em;
box-sizing: border-box;
width:47.8%;
display:inline-block;
margin:5px 1%;
padding:5px;
font-weight:bolder;
text-decoration:none;
background-color: #ffc;
border: 1px solid #df8400;
border-radius: 3px;
color: #df8400;
text-align:center;
}
span.subir{
display:block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:justify;
line-height:2.2em;
font-size:1.3em;
font-weight:bolder;
padding:0px 2%;
height:auto;
background:#fff;border:1px solid #df8400;color:#000;margin:5px 1%;width:97.8%}
.sabermas {
background-color: #df8400;
border-radius: 5px;
color:#fff;
padding:3px 5px;
}
.sabermas:hover {
background-color: #fff;
color:#df8400;
border:1px solid #df8400;
}
#piescolums {
clear:both;
width:100%;
margin:0px auto;
text-align:left;
position:relative;
}
#piescolums ul li{
list-style:none;
}
.colfoot{width:25%;float:left;height:auto;padding:20px 20px 0px 20px;border-bottom:0px;font-weight:bolder;}
.colfoot h5 {font-size:1.3em;cursor:default;padding:5px 0px;}
.colfoot ul li a {font-size:1.2em;text-decoration:none; color:#fff; line-height:1.4em;}
.colfoot ul li a:hover {color:#df8400; text-decoration:underline; }
.btsmo{width:45px;height:45px; display:inline;}
.colfoot table {width:40%;margin:15px 0px 0px 0px;color:#ddd;padding:2px 0px;border:1px solid #ddd;font-size:1em;text-align:center;}
.colfoot table tr td{margin:0px;padding:0px;width:25%;}
.colfoot table strong{color:#fff;}
.colfoot ul li.social{display:inline;}
#piespies, #pieslogo {width:100%;clear:both;margin:0 auto;padding:10px 0 20px 0;text-align:center;position:relative}
#piespies {line-height:1.5em;padding:20px 0}
#piespies a {font-size:0.9em;text-decoration:none; line-height:1.3em;width:11%;display:inline-block;color:#000;background-color:#aaa;border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin:1px 2px;padding:3px 0}
#piespies a:hover {color:#fff; text-decoration:underline}
#piespies p {text-align:center; width:100%;}
#pieslogo a.logopeu{
margin:0px;
text-decoration:none;
font-size:3.2em;
font-family:Kunstler Script;
font-weight:normal;
color:#fff;
}
#pieslogo a.logopeu:hover {color:#df8400;}
.tipsy { padding: 5px; font-size:1.2em; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 60%; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('gifs/tipsy.gif') no-repeat top left; width: 0.6%; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 0.3%; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 0.3%; height: 9px; }
#gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
#gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; width: 33%; }
#gravity a { }
#gravity a:hover { color: #505050; background: none; }
#nav{width:100%;max-width:1000px;display:block;clear:both;margin:10px auto;border:3px solid #DDD;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color:#bbb;height:auto;position:relative;overflow:hidden}
#nav ul{position:relative;height:auto}
#nav li{position:relative;float:left;height:auto;font-size:1.3em;padding:6px 0 6px 49px;list-style: none}
#nav li:before{width:44px;background:url(img/global_sprite.png) no-repeat;position:absolute;content:"";height:34px;top:0;left:0}
#nav li#step1{width:50%}
#nav li#step2{width:50%}
@media (max-width:550px){ /* 5 fotos (4 i pobla) */
#nav li#step1{width:100%}
#nav li#step2{width:100%;border-top:3px solid #DDD}
}
/* #nav li#step3{width:26%} desapareix pas3 - Ara agafem tarifa y confirmem */
#nav li.selected{color:#000}
#nav li.checked{text-indent:12px}
#nav li.checked:before{width:44px;}
#nav li#step1:before{background-position:0 -88px}
#nav li#step2:before{background-position:-65px -122px}
#nav li#step3:before{background-position:-135px -123px}
#nav li#step1.not:before{background-position:-10px -361px}
#nav li#step2.not:before{background-position:-65px -88px}
#nav li#step3.not:before{background-position:-133px -89px}
#nav li#step1.checked:before{background-position:0 -122px}
#nav li#step2.checked:before{background-position:-65px -156px}
#nav li#step3.checked:before{background-position:-135px -157px}
#nav ul li a{color:#666!important;text-decoration:none}
#nav ul li.checked a,#nav ul li.checked a:link,#nav ul li.checked a:visited,#nav ul li.checked a:hover,#nav ul li.checked a:active{color:#bbb!important;text-decoration:none}
#nav.nav2{margin:0;height:41px}
#nav.nav2 li#step1{width:19%}
#nav.nav2 li#step2{width:32%}
#nav.nav2 li#step3{width:27.5%}
#nav.nav2 li{padding:12px 0 0 65px!important}
#nav.nav2 li:before{width:5.9%;height:41px}
#nav.nav2 li#step1:before{background-position:-10px -319px}
#nav.nav2 li#step2:before{background-position:-74px -319px}
#nav.nav2 li#step3:before{background-position:-133px -319px}
#nav.nav2 li#step1.not:before{background-position:-10px -361px}
#nav.nav2 li#step2.not:before{background-position:-74px -361px}
#nav.nav2 li#step3.not:before{background-position:-133px -361px}
#nav.nav2 li#step1.checked:before{background-position:-10px -361px#nav.nav2 li#step2.checked:before{background-position:-74px -361px}