* { margin: 0; padding: 0; }
html {
background-color:#fff; 
}

body {
font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif; 
position:relative;
margin: 0;
min-width: 1000px;
padding: 0;
width:100%;
}


/* links */
a {
color:#444;
text-decoration: underline;
}
a:hover, a:focus {
color:#df8400; text-decoration:none; 
cursor:pointer;
}
a:active {
color: #f00; 
}

span.t6 {
display:block;
font-size:10px;
}
p {
padding:10px 0px;
}
strong { 
color:#000;
font-weight:normal;
}
h2 strong a{ 
color:#000;
font-weight:normal;
font-size:12px;
}

.aleft {
float:left;
color: #808080;
background-color:#eee;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
}
.aright {
float:right;
color: #808080;
background-color:#eee;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
padding:5px 10px;
}
div.spacer{clear:both;margin:0px;padding:0px;}

.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 {
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:130px;
background: #fff; 
margin:2px 0px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border:1px solid #df8400;
font-size: 12px;
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;
}

#ads_home_left {
position: absolute;    /*  position: fixed;  */
display: block;
height: 600px;
width: 180px;
left: 50%;
margin-left: -661px;
right: 0;
top: 300px;
z-index: 1000;
}

#ads_home_right{
position: absolute;         /* position: fixed; */
display: block;
height: 480px;
width: 130px;
left: 50%;
margin-left: 470px;
right: 0;
top: 250px;
z-index: 1000;
}

#fotos_anim {
float:left;
width:730px;
height:407px;
position:relative;
margin:0px 10px;
}

.cajashome, .cajashome2{
float:left;
margin:0px;
padding:5px;
width:240px;
height:143px;
position:relative;
text-align:justify;
}

.cajashome2{
height:380px;
}

.cajashome img, .cajashome2 img {
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
box-shadow: 0px 0px 8px #000; /* Sombra */
padding:8px; /* Espacio entre la imagen y el borde */
background:#fff; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
text-align:center;
width:224px;
height:126px;
}

.cajashome2 img {
height:374px;
}

.cajashome img:hover, .cajashome2 img:hover {
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; /* radio del submenu firefox */
border-radius: 3px; /* radio del submenu IE9, etc*/
box-shadow: 0px 0px 3px #000; /* Sombra */
padding:3px; /* Espacio entre la imagen y el borde */
background:#fff; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
width:234px;
height:136px;
}
.cajashome2 img:hover {
height:384px;
background:#fff; /* Color de fondo que se ve entre el espacio */
}

.cajashome p {
position:absolute; top: 18px; left:18px; 
color:#222;
width:199px;
font-size:11px; 
font-weight:bolder;
margin:0; z-index:1; background-color:#FFF; 
padding:3px 8px;
opacity:0.5;
text-align:center;
/* filter:alpha(opacity=0.4);  For IE8 and earlier */
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
}

.cajashome p a{
font-size:11px;
}
.cajashome p a:hover{
font-weight:bolder;
font-size:12px;
}

/*   ------------------------------------- BOXHOMENEW -------------------------------------------- */
/*   ------------------------------------- BOXHOMENEW -------------------------------------------- */
.boxhomenew{
float:left;
width:180px;
height:466px;
position:relative;
margin:10px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;
box-shadow: 0px 0px 4px #000; /* Sombra */
background-color:#fff; 
}
.boxhomenew img{
position: absolute;
top:0px;
left:0px;
width:180px;
height:280px;
-webkit-border-radius: 5px 5px 0px 0px;  
-moz-border-radius: 5px 5px 0px 0px;  
border-radius: 5px 5px 0px 0px;  
-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:0;
}
.boxhomenew div.ofertaB {
background: url("gifs/ofertaB.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-3px;
height: 30px;
width: 44px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew div.ofertaC {
background: url("gifs/ofertaC.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-3px;
height: 30px;
width: 56px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew div.ofertaD {
background: url("gifs/ofertaD.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: -5px;
right:-3px;
height: 30px;
width: 69px;
z-index: 4;
margin:0px;
padding:0px;
display:block;
}
.boxhomenew div.hace {
position: absolute;
background-color:#fff;
color:#444;
top: 0px;
left:0px;
z-index: 4;
margin:0px;
display:block;
cursor:help;
font-size:11px;
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 div.certi {
position: absolute;
background-color:#DF8400;
color:#fff;
top: 256px;
left:0px;
z-index: 4;
margin:0px;
font-weight:bolder;
display:block;
cursor:help;
font-size:14px;
padding:4px 8px;
-webkit-border-radius: 0px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
border-radius: 0px 5px 0px 0px;
}

.boxhomenew div.dtoga {
position: absolute;
background-color:#DF8400;
color:#fff;
top: 256px;
right:0px;
z-index: 4;
margin:0px;
font-weight:bolder;
display:block;
cursor:help;
font-size:14px;
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 {
position: absolute;
text-align:left;
top: 386px;
height:58px;
padding:10px;
left:0px;
width:160px;
overflow: hidden;
font-size:10px;
color:#444;
-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{
-webkit-border-radius:0px; 
-moz-border-radius:0px; 
border-radius:0px; 
top: 316px;
height: 50px;
line-height: 18px;
padding:10px;
}
.boxhomenew div.comen p{
padding:0px;
margin:2px 0px 0px 0px;
}
.boxhomenew div.comen:hover, .boxhomenew div.urls:hover  { 
overflow: visible;
padding:10px;
height:auto;
box-shadow: 0px 0px 4px #000; /* Sombra */
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 {
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;
line-height: 17px;
max-width: 150px;
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;
height: 18px;
line-height: 17px;
max-width: 150px;
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;
height: 18px;
line-height: 17px;
max-width: 150px;
padding: 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;
line-height: 17px;
max-width: 150px;
padding: 0px;
vertical-align: top;
white-space: nowrap;
text-decoration:none;
}

.boxhomenew a span.name{
position: absolute;
top: 283px;
left:0px;
overflow:hidden;
font-size:12px;
font-weight:bolder;
color:#000;
line-height:120%;
padding:5px 10px;
white-space: nowrap;
width:150px;
}
.boxhomenew a span.jobTitle{
position: absolute;
height: 17px;
top: 301px;
font-size:10px;
left:0px;
color:#000;
padding:5px 10px;
white-space: nowrap;
width:150px;
}

.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; /* Sombra */
}
/*      ----------------------------------   new  table  ----------------------------------------- */

#homelinks {
clear:both;
padding:10px;
}

#homelinks h5{
padding:10px;
display:block;
font-size:15px;
}
.cajaslinks{
float:left;
padding:8px;
background-color:#fff;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
border:1px solid #999;
}

/* ———–-------------------------------- LOGO --------------------------------------- */

header {
width:1000px;
margin:4px auto 0px auto;
}

#breadcrumb {
width:1000px;
display:block;
color:#666;
font-size:11px;
margin:5px auto;
}

#breadcrumb div{
display:inline;
}

#breadcrumb div a{
color:#666;
}
#breadcrumb div a strong{
font-weight:bolder;
color:#df8400;
}

#logo {
width: 210px;
padding: 0px;
color:#000;
float:left;
}

#logo a.logo{
margin:0px;
text-decoration:none;
font-size: 48px;
font-family:Kunstler Script;
font-weight:normal;
color:#000;
}
#logo a.logo:hover{
color:#df8400;
}

#searchwrapper {
float:right;
width:200px; /*follow your image's size*/
height:26px;/*follow your image's size*/
background-image:url(img/search2.gif);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:4px 0px 2px 25px;
position:relative; /*important*/
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:-1px;
left:15px;
width:155px;
height:23px;
padding:2px 0px;
color:#222;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:170px;
width:22px;
height:24px;
}
header > span.blinkp {
float:right;
border:0;
margin:5px 0px 2px 15px;
height:24px;
}
header > span.blinkp a {
font-size: 11px;
font-family:Verdana;
padding:0px 10px;
margin:0px;
line-height:24px;
color:#df8400; 
}

span.anunciate {
float:right;
border:0;
margin:4px 25px 2px 0px;
height:24px;
background: #df8400; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
border:1px solid white;
animation-duration: 1s;
animation-name: blinkp;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}

span.anunciate a {
font-size: 12px;
padding:1px 11px 3px 11px;
margin:0px;
line-height:24px;
color:#fff;
text-decoration: none;
font-weight:bolder;
}

span.anunciate:hover {
text-decoration:underline; 
background: #fff; 
color: #df8400;
border:1px solid #df8400;
}
span.anunciate:hover a{
color: #df8400;
}

#logo p{
margin: 0px 10px;
padding:5px 0px;
font-size: 10px;
font-family:Verdana;
font-weight:normal;
text-align:center;
}

#logo p a {
color:#df8400;
}

#logo p a:hover {
color:#444;
}


/* ----------- MENU DESPLEGABLE CSS3  HAMBURGUESA ------------------------------------- --------------------- ---------------------   */

#menu_burger {
float:right;
width:220px; /*follow your image's size*/
padding:0px;
margin:9px 0px 0px 25px;
border: none;
outline: none;
font-size: 12px; 
}

#menu_burger li {
text-align:right;
display: block;
position: relative;
padding:0;
border:0;
cursor:pointer;
}

#menu_burger li a {
text-decoration: none;
}
#menu_burger > li > a {
display: inline;
font-weight:bolder;
background-color:#DF8400;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 5px 4px 5px;
margin:0px;
}

#menu_burger > li > a:hover {
background-color:#DF8400;
color:#fff;
}

#menu_burger li > ul {			/* submenu  */
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index:9999;
-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; 
background-color:#fff;
border: 1px solid #999;
padding:2px 0px;
}

#menu_burger li:hover > ul { 
opacity: 1; top: 20px;
}

#menu_burger li:hover > ul li {
height: 24px;
overflow: visible;
}

#menu_burger ul li {			/* sub menu */
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_burger ul li a {		/* sub menu */
width:208px;
line-height:24px;
padding: 0px 5px;
margin: 0;
display: block;
}

#menu_burger > li > ul > li[class=activa] > a {	/* SUB MENU opción ACTIVA */ 
color: #df8400;
}
#menu_burger > li > ul > li:hover > a {	/* SUB MENU opción ACTIVA */ 
color: #df8400;
}
/*  #menu_burger li:last-child a { border-right: 2px solid #777; }	ultima opció menu principal */
/* ----------------     fin  menu    desplegable  CSS3   ------------------------------------- */
/* ----------- MENU DESPLEGABLE CSS3  ------------------------------------------ --------------------- ---------------------   */

.menu-a {
margin:0 auto;
width:1000px;
font-size: 12px; 
color:#222;
background-color:#fff;
display:block;
text-align:center;
}

.menu-a ul, .menu-a li, .menu-a a {
margin: 0;
padding: 0;
border: none;
outline: none;
}

.menu-a li {
position: relative;
display: inline;
padding:0;
border:0;
margin-right:14px;
}

.menu-a > li[class=activa] > a {
margin:0px;
text-decoration: none;
background-color:#DF8400;
font-weight:bolder;
color:#fff;
box-shadow: 0px 0px 0px #000; 
padding: 4px 7px 5px 7px;
}

.menu-a > li:hover > a { 
background-color:#ddd;
color:#DF8400;
}

.menu-a li a {
box-shadow: 0px 0px 4px #000; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
display: inline;
padding: 3px 7px;
text-decoration: none;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}

.menu-a li:hover > ul { 
opacity: 1; top: 35px;
}

.menu-a li:hover > ul li {
height: 24px;
overflow: visible;
}


.menu-a li > ul {			/* submenu  */
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 {			/* sub menu */
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 {			/* sub menu */
border-bottom: 1px solid #999;
}
.menu-a ul li a {		/* sub menu */
width: 350px; 
padding: 2px 0 2px 14px;
margin: 0;
}

.menu-a > li > ul > li[class=activa] > a {	/* SUB MENU opción ACTIVA */ 
color: #df8400;
}
.menu-a > li > ul > li:hover > a {	/* SUB MENU opción ACTIVA */ 
color: #df8400;
}
/*  .menu-a li:last-child a { border-right: 2px solid #777; }	ultima opció menu principal */
/* ----------------     fin  menu    desplegable  CSS3   ------------------------------------- */

#sesion{
padding:4px 8px 4px 8px;
margin:8px 0px 0px 0px;
float:right;
width:760px;
text-align:left;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
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:16px;
font-weight:bolder;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
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:12px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
text-align:center;
height:25px;
line-height:25px;
overflow:hidden;
color:#333;
background:#fff;
cursor:pointer;
}

#caducado{
padding:0px 20px;
border:3px solid #DDD;
background-color:#fff;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
font-size:12px;
text-align:left;
color:#777;

width:954px;margin:10px auto;overflow:hidden;display:block;clear:both;
}

#sesion h5{
padding:2px 10px;
font-weight:bolder;
color:#444;
display:inline;
width:150px;
font-size:12px;
}

#sesion span.tanca a {
background: url("img/cerrarConexion.png") no-repeat scroll left top transparent;
display: block;
padding:2px 3px 3px 30px;
height:17px;
text-decoration: none;
float:right;
margin:0px;
width:97px;
font-weight:bolder;
}

#sesion span.ultim  {
padding:2px 12px 3px 15px;
height:17px;
float:right;
margin:0px;
font-size:11px;
font-weight:normal;
}

nav {
clear:both;
width:1000px;
margin:0 auto;
}

#activo {
width:1000px;
margin:1px auto;

float:left;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
display:block;
color: #222;
font-size: 18px;
text-align: justify;
overflow:hidden;
background-color:#ffd;
border:1px solid #ddd;
padding:4px 0px;
cursor:pointer;
height:50px;

}
#activo:hover {
height:100%;
}
#operaciones {
width:1000px;
margin:1px auto;

float:left;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
display:block;
color: #222;
font-size: 18px;
text-align: justify;

background-color:#ffd;
border:1px solid #ddd;

height:100%;
}


#activo h5, #operaciones h5{
display:inline;
float:left;
font-weight: bolder;
width:132px;
padding:10px 0px 10px 10px;
}

#activo .cadacli, #activo .cadacliact {
float:left;
display:inline;
font-size:11px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
color:#777;
margin:2px 0px 2px 4px;
border:1px solid #ddd;
height:44px;
width:136px;
}

#activo .cadacliact {
color:#333;
border:1px solid #000;
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%);
}

#activo .cadacli input, #activo .cadacliact input{  
height:100%;
width:15%;
float:left;
}  

#activo .cadacli span, #activo .cadacliact span{
width:85%;
margin:5px 0px 0px 0px;
float:left;
overflow:hidden;
}
#activo .cadacliact span{
font-weight:bolder;
}

#activo .cadacli span.blinkp, #activo .cadacliact span.blinkp {
margin:3px 0px 0px 0px;
color:#DF8400;
}

.ops{
float:left;
display:inline;
font-size:11px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
margin:2px 0px 2px 4px;
border-right:1px solid #666;
border-bottom:1px solid #666;
padding:10px;
width:117px;
cursor:pointer;
text-decoration: none;
text-align:center;
color:#777;
}

.activ {
float:left;
display:inline;
font-size:11px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
margin:2px 0px 2px 4px;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding:10px;
width:117px;
cursor:pointer;
text-decoration: none;
text-align:center;
font-weight:bolder;
color:#333;
}

#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;
padding:0px 0px 0px 155px;
font-size:11px;
display:block;
}
#operaciones p strong{
font-size:11px;
}

.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:11px;
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 --------------------------------------- */

.tabla_tarifas {
text-align:center;
border:0px solid transparent;
border-collapse:collapse;
border-spacing:0px;
font-size:12px;
}

.tabla_tarifas tbody td {
    padding: 5px;
    text-align: center;
}

.tabla_tarifas tbody tr td, .tabla_tarifas tbody tr th {
    border-bottom: 1px solid #222;
    border-right: 1px solid #333;
    vertical-align: middle;
}
.tabla_tarifas tbody tr:nth-child(2n+1) {
    background-color:#FFF;
	color:#004495;
}
.tabla_tarifas tbody tr:nth-child(2n) {
    background-color: #EEE;
	color:#004495;
}

.tabla_tarifas tbody tr.neg {
font-weight:bolder;
font-size:14px;
}

.tabla_tarifas tbody tr td.tcol-highlight-arrow {
    background-image: url("img/header-default-small-arrow2.png");
    background-position: 0 -2px;
    background-repeat: no-repeat;
	height:38px;
}

.tabla_tarifas tbody tr td.tcol-standard-arrow {
    background-image: url("img/header-highlight-small-arrow.png");
    background-position: 0 -2px;
    background-repeat: no-repeat;

}
.tabla_tarifas thead tr th.tdcoldesc {
width:236px;
text-align:left;
}

.tabla_tarifas thead tr th.tdcolofer-highlight {
background-image: url("img/header-highlight-small.png");
border-top: 1px solid #333;
border-right: 1px solid #333;
padding:9px 9px 10px 10px;
width:156px;
/*  color:#004495;   */
color:#fff; 
background-color:#df8400;
height:270px;
}

.tabla_tarifas thead tr th.tdcolofer-standard {
background-color:#DCE4E9;
border-top: 1px solid #333;
border-right: 1px solid #333;
padding:9px 9px 10px 10px;
width:156px;
color:#004495;
height:270px;
}

.recofloat{
    height: 0;
    position: relative;
}

.recofloat .imgrecomendado {
    position: absolute;
    right: -13px;
    top: -14px;
    z-index: 10;
}

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; /* radio del submenu firefox */
	border-radius: 5px; /* radio del submenu IE9, etc*/
    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: 16px;
    font-weight: bold;
    line-height: 32px;
    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);}

div.titol {
padding:10px 0px 0px 0px;
margin:10px 0px 0px 0px;
height:60px;
font-size:15px;
}
div.desc {
height:65px;
font-size:11px;
padding:10px 0px 0px 0px;
margin:10px 0px 0px 0px;
font-weight:normal;
}
div.titgran {
height:70px;
font-size:20px;
padding:10px 0px 0px 0px;
}
div.titgran span{
font-size:12px;
}

div.titol h5 {
font-size:16px;
}
div.desc h5 {
font-size:12px;
font-weight:normal;
}
div.titgran h5{
font-size:24px;
}
div.titgran h5 span{
font-size:13px;
}

div.titol span {
font-size:11px;
font-weight:normal;
}
div.titol h5 span {
font-size:11px;
font-weight:normal;
}

.tabla_tarifas thead .tdcolofer-standard .divider {
margin:0px 20px;
border-bottom: 1px solid #76ACCE;
border-top: 1px solid #00438E;
}
.tabla_tarifas thead .tdcolofer-highlight .divider {
margin:0px 20px;
border-bottom: 1px solid #76ACCE;
border-top: 1px solid #fff;
}
.tabla_tarifas tbody tr td a {
   cursor: pointer;
}

/* ———–-------------------------------- CUERPO --------------------------------------- */

#cuerpoin {
clear:both;
width:1000px;
position: relative;
margin: 4px auto;
padding:0px;
}

#cuerpo {
clear:both;
width:1000px;
position: relative;
margin: 4px auto;
padding:0px;
}

#BotonesFlotantes {
position: absolute;
left: -60px; 
padding: 10px;
margin:10px 0px;
background-color: #fff; 
box-shadow: 0px 0px 4px #000; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
z-index:9;
}
#BotonesFlotantes div {
margin: 10px 0;
text-align:center;
}

#bannerprincipal {
margin:0px;
padding:0px;
width:1020px;
}
#bannerprincipal  div img{
float:right;
padding: 0px;
margin-right: 10px;
width:330px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
box-shadow: 0px 0px 4px #000; /* Sombra */
cursor:pointer;
}

.bannervacio {
    background-color: #eee;
    border-radius: 5px;
    color: #333;
    float: left;
    font-weight: bolder;
    height: 40px;
    margin-right: 10px;
    padding: 30px 0;
    text-align: center;
    width:330px;
}
/* ———–-------------------------------- CUERPO - PRINCIPAL  --------------------------------------- */

#principal {
float:left;
width: 1000px;
padding: 0px;
margin: 0px 0px 10px 0px;
}

#formcomu {
margin:10px 20px;
padding:0px 10px;
}
#formcomu label select {
background:#EEE;
color: #555;
width:200px;
border:1px solid #808080;
}

#formcomu span.t5 {
text-align:right;
width:195px;
height:18px;
color:#444;
font-size:12px;
font-weight:bolder;
}

h1.normal,h1.clipropi {
padding: 6px 10px;
font-size:13px;
font-weight:bolder;
color:#000;
line-height:90%;
}

span.principal {
clear:both;
display:block;
padding: 0px 20px;
margin: 6px 2px;
font-size:16px;
font-weight:bolder;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
text-align:justify;
line-height:200%;
overflow:hidden;
color:#df8400;
background:#ededed;
cursor:pointer;
}
h1.normal span, h1.clipropi span {
float:right;
font-size:16px;
cursor:help;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
background-color:#DF8400;
color:#fff;
text-align:center;
padding:7px 20px 7px 20px;
}

.normalneg {
font-size: 15px;
font-weight: bolder;	
color:#444;
}
#principaltexto, #principaltexto2 {
	padding:10px 30px 20px 30px;
	font-family:verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;	color:#444;
}

#principaltexto a {
	margin: 3px auto;
	display:block; 
}
#principaltexto a.banner {
text-align:center;
}
#principaltexto a  img{
	margin: 0 auto;
	display:block; 
}
	
#principaltexto table, #principaltexto2 table{
	padding:10px 0 10px 0;
	font-family:verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;	color:#444;
}
#principaltexto table tr.cab, #principaltexto2 table tr.cab{
background-color:#EEE;
}
#principaltexto form, #principaltexto2 form{  /* PARA TEXTOS AYUDA, CONTACTANOS (FORMS), ETC... */
clear:both;
margin:20px 0px 0px 35px;
background:#eee;
color:#111;
font-size:12px;
}

/*-------------------------------- FORMULARIO ALTA ------------------------------------------- */

#principal #anunciate {
width:1000px;
margin:0px;
padding:0px;
}
iframe {
border:0px;
margin:0px;
padding:0px;
width:0px;
height:0px;
}

iframe.fotos {
width:496px;
color:#FFF;
float:left;
height:330px;
margin:0px;
background-color:#eee;
border:2px solid #ccc;
}

.pobla{
float:left;
width:170px;
position:relative;
font-size:10px;
color:#333;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
margin: 6px 5px 6px 0px;
padding:0px 10px 10px 15px;
box-shadow: 0px 0px 4px #000; /* Sombra */
}
.pobla h3, .pobla h2{
display:block;
font-size:12px;
font-weight:bolder;
color:#000;
line-height:125%;
padding:10px 0px 5px 0px;
}

.pobla h3.fosc{
font-size:13px;
}
.pobla ul{padding:0px;}
.pobla ul li{list-style:none; overflow: hidden;white-space: nowrap;}
.pobla ul li:hover{overflow: visible; width:auto;background-color:#FFF; }

.pobla ul li a.fosc{font-size:11px;line-height:150%;}
.pobla p {padding:20px 0px 10px 0px;}
.anunizq, .anunder, .pagament, .anuntot {
float:left;
width:481px;
line-height:150%;
margin:9px;
text-align:justify;
font-size:12px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
}

.anuntot {
width:980px;
}

.anunder, .pagament{
margin:9px 259px;
}

.anunizq h5, .anunder h5, .pagament h5, .anuntot h5{
color:#fff;
padding:10px;
font-size:14px;
}

.in{
margin:6px;
background-color:#fff; 
border:2px solid #777;
padding:8px;
width:449px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
}
.anuntot > .in{
width:950px;
}

.in span{
display:block;
width:297px;
margin:0px 0px 0px 150px;
border:1px solid transparent;
color:#f00;
}

.in div.lineal{
clear:both;
display:block;
width:449px;
margin:0px;
padding:0px;
border:0px none; 
}

.in label, 
.in input, 
.in p, 
.in textarea, 
.in abbr, 
.in span, 
.in select {
float:left;
margin:3px 0px; padding:0px;	/* tots 0 */
height:22px;				/* tots 23 alçada */
color:#444;					/* tots 0  color */
}

.in textarea {
height:94px;
width:208px;
border:1px solid #555;
resize:none;
}

.in textarea.textgran {
height:200px;
width:100%;
resize:vertical;
}

.in span.error {
display:none;
font-weight:bolder;
color:#f00;
}

.oculto {
clear:both;
display:none;
width:449px;
margin:0px;
padding:0px;
border:0px none; 
}

.in abbr{
margin:0px 0px 0px 10px;
width:18px;
border:1px solid transparent;
text-align:center;
text-decoration:none;
background-color:#efefef;
color:#888;					
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
cursor:help;
}

.in abbr.serv{
cursor:pointer;
font-weight:bolder;
color:#444;	
background-color:#efefef;
}

.in label {
width:148px;
border:1px solid transparent;
}
/*  .anunizq  .in label[for], .anunder .in label[for]{ width:180px; border:1px solid transparent; }   */

.pagament .in p {
width:280px;
border:1px solid transparent;
float:left;
margin:3px 0px; padding:0px;	/* tots 0 */
height:22px;				/* tots 23 alçada */
color:#444;		
}

.in input{
width:208px;
border:1px solid #555;
}

.in input.lineal{
width:447px;
}
.in label.res{
width:210px;
border:none;
}

.in input[type=button], .in input[type=submit], .in select{
width:210px;
border:1px solid #555;
height:24px; padding:1px;
}

.in select.dia{width:40px; height:24px; padding:1px;}
.in select.mes{width:90px; height:24px; padding:1px;}
.in select.me3{width:70px; height:24px; padding:1px; text-align:center;} 
.in select.any{width:80px; height:24px; padding:1px;}
.in select.mig{width:105px; height:24px; padding:1px;}

.in input.mig, .in label.mig{width:103px;}
.in input.med, .in label.med{width:68px;}

.in input.chpeq {width:18px;}
.in label.diasem{width:56px;}
.in label.de{width:22px; text-align:center;}
.in label.a{width:16px; text-align:center;}
.in label.ample{width:188px;}
.in select.hora {width:45px; height:22px; padding:1px;}

.in label.mismo{width:140px; font-size:10px;}
.in label.sn{width:14px; font-size:10px; text-align:center;}

.in input:focus, .in select:focus, .in textarea:focus  {
border:1px solid #df8400;
box-shadow: 0 0 4px #df8400;
}
.in input[type=button], .in input[type=submit] {
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
height:24px;				
background-color:#ddd;
}

.in input[type=button]:hover, .in input[type=submit]:hover {
cursor:pointer;
}

.blqpagizq {
width:447px;
float:left;
color:#000;
font-weight:bolder;
}

.blqpagder {
width:447px;
float:right;
color:#000;
font-weight:bolder;
}
.in .blqpagder .import, .in .blqpagder .pagar {
text-align:right;
padding:4px 10px 4px 0px;
font-weight:bolder;
font-size:20px;
}

.in .blqpagder .pagar {
font-size:16px;
text-align:left;
}


.pagament .in input[type=image] {
float:left;
margin:20px 0px 20px 148px;
width:150px;
height:60px;
}

.in p.t4{
width:449px;
height:auto;				/* tots 23 alçada */
display:block;
line-height:22px;
border:1px solid transparent;
}
.in p.t4 a{
color:#444;
cursor:pointer;
text-decoration:underline;
}
.in p.t4 a:hover{
color:#F00;
}

#comprobarmail {padding:0px; margin:0px;}

input.botonserv[type=button]{
display:block;
width:210px;
margin:0px 87px 12px 150px;
padding:0px;
text-align:left;
border:0px;
color:#FFF;
height:18px;
text-decoration:underline;
background-color:#444;
font-size:12px;
line-height:0%;
}
input.botonserv[type=button]:hover, input.botonserv[type=button]:link{
box-shadow: none;
}

.in div.custom-input-file {
    background-color: #FFF;
    border: 1px solid #000;
    -webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
    color:#444;
    cursor: pointer;
    font-family: verdana;
    font-size: 12pt;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
	width: 208px;
	float:left;
}
.in div.custom-input-file:hover {
    background-color:#444;
    color:#fff;
}
.in div.custom-input-file input.input-file {
    cursor: pointer;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    /*  right: -1000px;   top: -1000px;   */
	right: -10px;   top: -10px; 
	border: 10px solid transparent;
	font-size: 10px;
}
.in div.custom-input-file div.archivo {
    background-color:#444;
    color:#fff;
    font-size: 7pt;
    overflow: hidden;
}
.in div.custom-input-file:hover div.archivo {
    background-color:#fff;
    color:#444;   
}


input.finalizar {
clear:both;
float:right;
margin:10px;
color:#fff;
font-size:14px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
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;
}


/* ------------------------------------ SERVEIS AMB PESTAÑES ---------------------------------  */
#id_servicios {
width:958px;
float:left;
line-height:150%;
margin:9px;
text-align:justify;
font-size:12px;
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; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
padding:10px;
}
#id_servicios h5{
color:#fff;
font-size:14px;
line-height:30px;
}

#id_servicios input[type=radio] {
height:25px;
visibility: hidden;
}
#id_servicios label.pes {
 background: #ddd;
 border-radius: 5px 5px 0px 0px;
 color: #666; 
 cursor: pointer;
 display: block;
 float: left;
 font-size: 12px;
 height:30px;
 line-height: 30px;
 margin-right: 6px;
 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: #444; /* 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: #222; /* Color de las pestañas al presionar */
 position: relative;
 font-weight:bolder;
 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: 415px;
padding:0px 10px 10px 10px;
position: relative;
width: 940px;
z-index: 5;
}
#otros_servicios {
margin-top:10px;
background-color:#fff; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
padding:10px;
position: relative;
width: 940px;
z-index: 5;
}

#otros_servicios > textarea {
width:710px;
resize:vertical;
}

#servicios_total div {
 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; line-height:24px;}
.grup_ser > label.desser:hover{padding:0px;overflow:visible;background-color:#fff;box-shadow: 0px 0px 1px #000; z-index:1500;}
*/

input.ch_ser[type=checkbox]{visibility: hidden;float:left;} 
input.ch_ser[type=checkbox] + label {
float: left;
margin:2px;
padding:1px 5px 1px 10px;
opacity:0.6;
color: #000;
cursor:pointer;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
background-color:#eee;
width: 200px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
font-size:12px;
z-index:1;
} 
input.ch_ser[type=checkbox]:checked + label {color: #222;opacity:1;background-color:#ccc;cursor:pointer;}
input.ch_ser[type=checkbox] + label:hover {overflow:visible;opacity:1;z-index:1500;} 
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:12px;
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; /* Sombra */
}

.links span, .links strong {
background-color:#ddd;
}


#principal p.t6 {
color: #666;
font-size:10px;
padding:0px;
text-align:left;
}

/*--------------- MOSTRAR ANUNCIO ---------------------------- */
.mostrartot{
padding:9px;
width:981px;
position:relative;
float:left;
}
.mostrarizq, .mostrarinv {
position:relative;
float:left;
width:481px;
line-height:150%;
text-align:left;
padding:9px;
text-align:justify;
font-size:14px;
font-weight:normal;
color:#444;
}
.mostrarder{
position:relative;
float:right;
width:481px;
line-height:150%;
text-align:left;
padding:9px;
text-align:justify;
font-size:14px;
font-weight:normal;
color:#444;
}

.mostrarizq span.t2{
display:block;
width:432px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
text-align:justify;
line-height:200%;
font-size:16px;
font-weight:bolder;
padding:0px 15px;
margin:0px 10px;
color:#fff;
background:#999;
}

.mostrarizq span.t1{
display:block;
width:432px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
text-align:justify;
line-height:200%;
font-size:16px;
font-weight:bolder;
padding:0px 15px;
margin:0px 10px;
color:#FFF;
background:#df8400;
}

.mostrarizq span.t3, .mostrarder span.t3{
padding:10px;
text-align:justify;
font-size:14px;
font-weight:normal;
color:#df8400;
width:60px;
}
.mostrarizq span.t4, .mostrarder span.t4{
padding:10px;
display:inline;
}
.mostrarizq p, .mostrarder p{
padding:10px;
color:#222;
}

.mostrarizq a.dtogamos {
background: url("gifs/dtoga.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: 0px;
right:-40px;
height: 100px;
width: 100px;
z-index: 8;
margin:0px;
padding:0px;
display:block;
cursor:pointer;
opacity:0.9;
}

.mostrarizq a.dtogamos:hover {
opacity:1;
}

.mostrarder div.certimos, .mostrarizq div.certimos, .mostrartot div.certimos {
background: url("gifs/certificada.gif") no-repeat scroll 0 0 transparent !important;
position: absolute;
top: 8px;
right:8px;
height: 80px;
width: 80px;
z-index: 8;
margin:0px;
padding:0px;
display:block;
cursor:pointer;
}

table.servis {
padding:5px 10px;
font-size:12px;
width:100%;
border-collapse:separate;
}

table.servis tbody td.a, table.servis tbody td.b, table.servis tbody td.c{
padding:2px 5px;
background-color:#eee;
border: 1px solid #999;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; /* radio del submenu firefox */
border-radius: 3px; /* radio del submenu IE9, etc*/
width:25%;
color:#444;
}
table.servis tbody td.b, table.servis tbody td.c{
width:55%;
}
table.servis tbody td.c{
text-align:center;
}
table.servis tbody td.a{
color:#df8400;
}

table.servis tbody td.b a {
margin:3px 0px 2px 0px;
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
border-radius:3px; 
background: #ffc;
overflow: hidden;
display:inline-block;
height: 18px;
line-height: 17px;
padding: 0 5px;
vertical-align: top;
white-space: nowrap;
text-decoration:underline;
}

footer {
clear: both;
font: normal 100% Verdana, Tahoma, sans-serif;
font-size:9px;
margin:10px auto 0 auto;
text-align:center;
color:#fff;
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%);
}

#piescolums {
clear:both;
width:1000px;
margin:0px auto;
text-align:left;
position:relative;
background-color: #000;
}
#piescolums ul li{
list-style:none;
}
.colfoot1, .colfoot2, .colfoot3, .colfoot4 {
float:left;
height:210px;
width:208px;
padding:20px;
border-bottom:0px;
font-weight:bolder;
}

.colfoot1 h5, .colfoot2 h5, .colfoot3 h5, .colfoot4 h5 {
font-size:16px;
cursor:default;
padding:5px 0px;
}

.colfoot1 ul li a, .colfoot2 ul li a, .colfoot3 ul li a {font-size:12px;text-decoration:none; color:#fff; line-height:22px;}
.colfoot1 ul li a:hover, .colfoot2 ul li a:hover, .colfoot3 ul li a:hover {color:#df8400; text-decoration:underline; }

#face{background:url(img/face.png) no-repeat;width:45px;height:45px; display:block;}
#twit{background:url(img/twit.png) no-repeat;width:45px;height:45px; display:block;}
#gplu{background:url(img/gplu.png) no-repeat;width:45px;height:45px; display:block;}

.colfoot1 table {
margin:15px 0px 0px 0px;
color:#ddd;
padding:2px 0px;
width:100%;
border:1px solid #ddd;
font-size:9px;
text-align:center;
}
.colfoot1 table tr td{
margin:0px;
padding:0px;
width:25%;
}

.colfoot1 table strong{
color:#fff;
}

#piespies, #pieslogo {
clear:both;
width:1000px;
margin:0 auto;
padding:10px 0;
text-align:center;
position:relative;
}

#piespies  a {font-size:10px;text-decoration:none; color:#FFF; line-height:18px;}
#piespies  a:hover {color:#df8400; text-decoration:underline; font-weight:bold;}

#pieslogo a.logopeu{
margin:0px;
text-decoration:none;
font-size: 32px;
font-family:Kunstler Script;
font-weight:normal;
color:#fff;
}
#pieslogo a.logopeu:hover {color:#df8400;}

.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; 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: 9px; 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: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; 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{border:3px solid #DDD;-webkit-border-radius: 5px; 
-moz-border-radius: 5px; /* radio del submenu firefox */
border-radius: 5px; /* radio del submenu IE9, etc*/
color:#bbb;height:34px;position:relative;width:994px;margin:10px auto;overflow:hidden;display:block;clear:both;}
#nav ul{position:relative;height:34px}
#nav li{position:relative;float:left;height:24px;font:normal 1.27em/1.2 DTLProkyonTMediumRegular,Verdana;padding:9px 0 0 49px;list-style: none}
#nav li:before{background:url(img/global_sprite.png) no-repeat;position:absolute;content:"";width:44px;height:34px;top:0;left:0}
#nav li#step1{width:266px}
#nav li#step2{width:266px}
#nav li#step3{width:266px}
#nav li.selected{color:#000}
#nav li.checked{text-indent:12px}
#nav li.checked:before{width:57px}
#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:59px;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}