/* GLOBAL */
* { margin:0; padding:0; }
html {}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul {
list-style-type:none;
}
body {
background:none;
color:#555;
text-align:center;
font:.75em/1.6em Arial, Helvetica, sans-serif;
overflow-x:hidden;
}
h1, h2, h3, h4 {
margin-bottom:.7em;
/*line-height:1.4em;*/
/*padding-top: 0.5em;*/
}
h1 {
margin-bottom:.5em;
color:#5c883c;
font-weight:normal;
font-size:2em;
}
h2 { margin-bottom:.5em; font-size:1.6em; color:#5c883c; }
h3 { margin-bottom:.5em; font-size:1.4em; }
h4 { font-size:1.30em; }
h5 { font-size:1.20em; }
h6 { font-size:1.1em; }
/* HYPERLINKS */
a img, a:hover img{
border:0;
}
a, a:visited {
color:#5c883c;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a:focus { outline: none; }
a.blank {
padding-right:13px;
background:url(../art/icons/external.gif) center right no-repeat;
}
/* HYPERLINKS */
/* GLOBAL */
/* BODY */
html, body {}
body {
background:#fff;
text-align:left;
}
/* BODY */
/* LAYOUT */
#container {
margin:0;
/*border-top:2px solid #eee;*/
}
/* HEADER */
#header {
width:980px;
margin:0 auto 0 auto;
/*height:150px;*/
text-align:right;
overflow:hidden;
}
#header .logo {
float:left;
margin:16px 0 0 10px;
padding:0;
}
#links ul {
margin-top:4px!important;
}
#links ul, #links ul li, #links ul li a {
margin:0;
padding:0;
}
#links ul li, #links ul li a, #links ul li span {
height:20px;
line-height:20px;
display:block;
}
#links ul li {
float:right;
padding:0 7px;
margin:0 0 0 0;
}
#links ul li.first {
padding-left:14px;
}
#links ul li.last {
padding-right:0;
}
#menu {
clear:right;
}
#menu li {
float:right;
margin-top:5px;
margin-left:10px;
}
#menu li, #menu li a {
/*height:50px;
line-height:50px;*/
display:block;
}
/* HEADER */
/* CONTENT */
#content {
clear:both;
/*overflow:auto;*/
width:980px;
margin:20px auto 0 auto;
font-size:1.2em;
line-height: 1.6em;
}
#content .layout {} /* Todas las columnas del contenido*/
#content .col {} /* Todas las columnas del contenido*/
/* BLOCKS */
#content .block {}
/* BLOCKS */
/* CONTENT */
/* FOOTER */
#footer {
overflow:auto;
clear:both;
width:980px;
margin:0 auto 0 auto;
}
#footer .col {} /* Todas las columnas del footer */
#footer .col-left, #footer .col-center {
/* Reducción de margen */
margin-right:15px;
}
#footer .col-center, #footer .col-right {
/* Ampliación de padding para poder añadir un borde o un fondo en el centro de la separación de las columnas*/
padding-left:15px;
}
/* LINKS */
#footer-links {
overflow:auto;
}
#footer-links .block {}
/* LINKS */
/* COPYRIGHT */
#footer-copyright {
overflow:auto;
}
#footer-copyright .block {}
/* COPYRIGHT */
/* FOOTER */
/* LAYOUT */
/* DESIGN */
.skip-to-content {
display:none;
}
/* HEADER */
#header {
/*background:#fff url(../art/bg_header.gif) repeat-x;*/
}
/* IDIOMAS */
#links #langs li {
background-color:#eee;
}
#links #langs li.first {
background:#eee url(../art/bg_langs_first.gif) no-repeat 0 100%;
}
#links #langs li.last{
background:#eee url(../art/bg_langs_last.gif) no-repeat 100% 100%;
}
#links #langs a {
color:#555;
}
#links #langs .active a {
font-weight:bold;
text-decoration:none;
color:#000;
}
#links #langs a {
padding-left:20px;
}
#links #langs .es {
background:url(../art/flags/es_off.gif) no-repeat 0 50%;
}
#links #langs .active .es {
background:url(../art/flags/es.gif) no-repeat 0 50%;
}
#links #langs .en {
background:url(../art/flags/en_off.gif) no-repeat 0 50%;
}
#links #langs .active .en {
background:url(../art/flags/en.gif) no-repeat 0 50%;
}
#links #langs .fr {
background:url(../art/flags/fr_off.gif) no-repeat 0 50%;
}
#links #langs .active .fr {
background:url(../art/flags/fr.gif) no-repeat 0 50%;
}
/* IDIOMAS */
/* UTILIDADES */
#links #tools a, #links #tools span {
padding-left:25px;
}
#links #tools .access {
background:url(../art/new-icons/login.svg) no-repeat 0 50%;
background-size: contain;
}
#links #tools .support {
background:url(../art/new-icons/message.svg) no-repeat 0 50%;
background-size: contain;
}
#links #tools .tel {
background:url(../art/new-icons/message.svg) no-repeat 0 50%;
background-size: contain;
}
#links #tools .loggedin {
background:url(../art/new-icons/login.svg) no-repeat 0 50%;
background-size: contain;
}
#links #tools .help {
background:url(../art/new-icons/message.svg) no-repeat 0 50%;
background-size: contain;
}
#links #tools span a {
display:inline;
padding:0;
}
#links #tools .servidor-seguro {
border:0;
text-decoration:underline;
padding-left:30px;
padding-right:10px;
color:#555;
background:#eee url(../art/icons/lock.gif) no-repeat 9px 50%;
}
/* tarifa plana */
@keyframes tarifaplana-fly {
0% {bottom:120px;}
40% {bottom:120px;}
50% {bottom:140px;}
55% {bottom:140px;}
65% {bottom:120px;}
}
#links #tools #icono-tarifaplana {
position:fixed;
bottom:120px;
right:15px;
width:204px;
height:204px;
padding:1px;
margin:0px;
display:block;
border:3px solid #343434;
animation-name: tarifaplana-fly;
animation-duration: 3s;
animation-iteration-count: infinite;
z-index: 9999999;
}
#links #tools #icono-tarifaplana:hover {
border:3px solid #999999;
}
#links #tools #icono-tarifaplana .close {
text-align:center;
position: absolute;
margin:0px !important;
padding:5px 10px !important;
display:block;
top:-15px;
right:-15px;
background-color:rgba(50,50,50,0.8) !important;
font-size:12pt;
border-radius:50px;
text-decoration:none;
color:#ffffff;
border:1px solid #ffffff;
height:auto !important;;
width: auto !important;
line-height:20px !important;
}
#links #tools #icono-tarifaplana .close:hover {
background-color:rgba(100,100,100,0.9);
}
#links #tools #icono-tarifaplana .tarifa-plana {
width:100%;
height:100%;
display:block;
padding:0;
margin:0;
background: url(../art/floatingweb.jpg) no-repeat !important;
}
#links #tools #icono-tarifaplana .tarifa-plana span {display:none}
/* LIVEHELP */
#links #tools #icono-livehelp {
position: fixed;
bottom:25px;
right:15px;
height:45px;
line-height:45px;
overflow:hidden;
padding:5px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
background-color:#ddd;
border-radius:3px;
}
#links #tools #icono-livehelp a {
height:45px;
line-height:45px;
padding:0;
margin:0;
border:0;
}
#links #tools #icono-livehelp img {
padding:0;
margin:0;
float:none;
}
/* AYUDA EN LINEA ------------------ */
#links #tools #icono-ayuda-en-linea {
position: fixed;
bottom: 25px;
right: 15px;
height: 70px;
line-height: 70px;
overflow: hidden;
padding: 5px;
box-shadow: 0px 0px 0px 1px rgb(250,250,250), 0px 0px 0px 3px rgb(150,150,150), 3px 3px 8px 0px rgba(0,0,0,0.5);
background-color: #ddd;
border-radius: 10px;
}
#links #tools #icono-ayuda-en-linea span, #links #tools #icono-ayuda-en-linea a {
padding:0;
text-decoration: none;
color: #555;
}
#links #tools #icono-ayuda-en-linea a {
height:100%;
/*border:1px solid #c00;*/
margin-left:70px;
text-align:center;
margin-right:10px;
}
#links #tools #icono-ayuda-en-linea a:hover .title {
text-decoration: underline;
}
#links #tools #icono-ayuda-en-linea .icon-usuario {
display: block;
width: 85px;
height: 85px;
background: url(../art/new-icons/customer-service.svg) no-repeat 50% 50%;
position: absolute;
left: -5px;
top: 5px;
}
#links #tools #icono-ayuda-en-linea .title {
font-size:20px;
margin-bottom:5px;
margin-top:5px;
}
#links #tools #icono-ayuda-en-linea .subtitle {
font-size:13px;
max-width:180px;
}
@keyframes bubble-floating {
0% { transform: translate(0, 0px); }
40% { transform: translate(0, 0px);
border: 1px solid #fff; }
50% { transform: translate(-1px, -5px);
border: 3px solid #fff; }
60% { transform: translate(0, -0px);
border: 1px solid #fff; }
100% { transform: translate(0, -0px); }
}
#links #tools #icono-ayuda-en-linea .bubble {
position: absolute;
width: 15px;
height: 15px;
background: #00aa00;
border-radius: 100%;
z-index: 10;
bottom: 5px;
left: 55px;
border: 1px solid #fff;
animation-name: bubble-floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
/* UTILIDADES */
/* MENU */
#menu {
font-size:1.2em;
}
#menu h2 {
margin:0;
padding:0;
font-size:1.25em;
}
#menu li {
padding:0;
/* background: url(../art/bg_menu.gif) repeat-x; */
/*border-bottom: 2px solid transparent;*/
/*border-radius: 120px;*/
}
#menu li a {
padding:0.5em 0.5em;
font-size:1.2em;
font-weight:normal;
color:#555;
text-decoration:none;
/*border-radius: 120px;*/
}
#menu li a:hover {
background-color:#f5f5f5;
/*background:url(../art/bg_menu_hover.gif) repeat-x;*/
}
#menu li.active {
border-bottom: 8px solid #666;
}
#menu li.active a, #menu li.active a:hover {
/*background-color:#666;
color:#fff;*/
font-weight:bold;
}
/* MENU */
/* HEADER */
/* CONTENT */
#content {}
#content .layout {}
#content .col {}
/* CONTENT */
/* MIME TYPES */
.mime-pdf {
background:url('../art/icons/mime-pdf.gif') no-repeat 0 50%;
padding-left:20px;
}
.mime-xls {
background:url('../art/icons/mime-xls.gif') no-repeat 0 50%;
padding-left:20px;
}
.mime-pps {
background:url('../art/icons/mime-pps.gif') no-repeat 0 50%;
padding-left:20px;
}
/* FOOTER */
#footer {
margin-top:60px;
}
#footer .col {} /* Todas las columnas del footer */
#footer .col-left .block {
/* Separación de la columna izquierda del borde */
margin-left:15px;
}
#footer .col-right .block {
/* Separación de la columna derecha del borde */
margin-right:15px;
}
/* BUSCADOR */
#footer-buscador {
border-top:4px solid #555;
padding:2px;
background-color:#eee;
overflow:auto;
}
#footer-buscador .link {
float:left;
margin-left:10px;
padding-top:2px;
}
#footer-buscador div a {
color:#555;
font-size:8pt;
}
#footer-buscador .buscador {
float:right;
}
#footer-buscador .buscador .query {
border:1px solid #888;
padding:0 2px;
background-color:#ddd;
color:#555;
font-size:10pt;
}
#footer-buscador .buscador .query:hover {
border:1px solid #555;
}
#footer-buscador .buscador .query:focus {
border:1px solid #555;
background-color:#fff;
color:#333;
}
/* BUSCADOR */
/* LINKS */
#footer-links {
padding:15px 0 5px 0;
background:#555 url('../art/bg_footer_links.gif') repeat-x;
color:#fff;
clear:both;
}
#footer-links a {
color:#fff;
border-color:#fff;
}
#footer-links .col-center, #footer-links .col-right {
/* Añadimos un fondo para separar las columnas */
background: url('../art/bg_footer_links_separator.gif') repeat-y;
height:150px;
}
/* BLOCKS */
#footer-links .block {
margin-bottom:15px;
}
#footer-links .block .header {
line-height:14px;
}
#footer-links .block .header h4 {
font-size:1.2em;
letter-spacing:0.15em;
line-height:14px;
}
#footer-links .block .header .tools {
float:right;
margin-left:10px;
padding-top:6px;
display:block;
}
#footer-links .block .content {
padding:0 10px 0 30px;
font-size:0.9em;
}
#footer-links .block .content p {
margin-bottom:1.2em;
}
#footer-links .block .links a {
/* Bullet */
background:url('../art/bullet_footer_links.gif') no-repeat 0 50%;
padding-left:10px;
}
/* BLOCKS */
/* LINKS */
/* COPYRIGHT */
#footer-copyright {
margin-top:1px;
padding:15px 0;
background:#fff url('../art/bg_footer_copyright.gif') repeat-x;
color:#777;
}
#footer-copyright .block {
line-height:45px;
}
#footer-copyright .logos {
padding-top:10px;
}
#footer-copyright .logos img {
margin-right:10px;
}
#footer-copyright .col-right {
text-align:right;
}
#footer-copyright a {
color:#777;
border-color:#777;
}
/* COPYRIGHT */
/* FOOTER */
/* DESIGN */
/* DESARROLLO */
#page-layouts #content .col .block {
background:#eee;
}
#page-layouts #content .col-left .block {
background:#fee;
}
#page-layouts #content .col-center .block {
background:#efe;
}
#page-layouts #content .col-right .block {
background:#eef;
}
/* DESARROLLO */
/* REFERER */
#referer {
padding:0;
margin:0;
background-color:#525252;
border-bottom:1px solid #fff;
color:#fff;
}
#referer-inner {
margin:0 auto 0 auto;
/*overflow:none;*/
}
#referer-content {
width:980px;
margin:0 auto 0 auto;
}
#referer div {
padding:0;
}
#referer .main {
float:left;
font-size:9pt;
}
#referer .contact {
text-align:right;
font-size:7pt;
}
#referer .contact span {
padding-left:10px;
}
#referer a {
color:#fff;
}
#referer .contact span.dto {
margin-left:10px;
/*border-left:1px dotted #fff;*/
}
/* TIPO A */
#referer.a {
background:#525252 url(../art/partners_bg_a.gif) repeat-x;
}
#referer.a #referer-content {
height:34px;
}
#referer.a .main {
font-size:14pt;
line-height:34px;
padding-left:10px;
letter-spacing:0.05em;
}
#referer.a .contact {
font-size:12pt;
line-height:34px;
}
/* TIPO A */
/* TIPO B */
#referer.b {}
#referer.b .contact {
font-size:9pt;
}
/* TIPO B */
/* TIPO C */
#referer.c {
background-color:#fff;
color:#555;
border:0;
}
#referer.c .main {
font-size:8pt;
color:#888;
}
#referer.c .contact {
font-size:9pt;
}
#referer.c a {
color:#555;
}
/* TIPO C */
/* REFERER */
/* DEVEL */
#devel {
padding:10px;
color:#fff;
background-color:#a00;
font-size:10pt;
margin:0;
right:0;
top:0;
position:absolute;
}
/* DEVEL */
#print-container {}
#print-container div.watermark{
display:block;
position:absolute;
z-index:-1;
width:900px;
height:100%;
}
#print-container div.content > *:first-child,x:-moz-any-link{margin-top:0;}/* ff only */
#print-container div.watermark,x:-moz-any-link{z-index:auto;}/* ff only */
#print-container div.watermark,x:-moz-any-link,x:default{z-index:-1;}/* ff3 only */
@media all and (min-width: 0px){#print-container div.watermark{width:8.5in;}} /* opera only */
#print-container div.watermark div{
position:absolute;
left:0;
width:99%;
}
/* watermark position */
/* horizontal */
#print-container div.left{text-align:left;}
#print-container div.center{text-align:center;}
#print-container div.right{text-align:right;}
body:last-child:not(:root:root) #print-container div.right div{left:-160px;}/* safari only */
/* vertical */
#print-container div.top div{top:2em;}
#print-container div.middle div{top:50%;margin-top:-350px;}
#print-container div.bottom div{bottom:2px;}
.fb-like.fb_iframe_widget.fb_iframe_widget_fluid {
display:inline-block!important;
}