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}