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}