@charset "utf-8";
/*Estructura, Boilerplate, pussy, colorbox y Footer*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Cuprum|Montserrat+Alternates|Philosopher&display=swap);
/*
@font-face{font-weight:normal;font-style:normal;font-family:'codropsicons';src:url('../fonts/codropsicons/codropsicons.eot');src:url('../fonts/codropsicons/codropsicons.eot?#iefix')format('embedded-opentype'),url('../fonts/codropsicons/codropsicons.woff')format('woff'),url('../fonts/codropsicons/codropsicons.ttf')format('truetype'),url('../fonts/codropsicons/codropsicons.svg#codropsicons')format('svg')}
*/
/*Definiciones de pantalla de HTML5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display:none}
[hidden] {display:none}
/*Base*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-size:13px;line-height:1.231}
body,button,input,select,textarea{font-family:"Montserrat",Arial,Helvetica,sans-serif;color:#222}
/*Vínculos*/
a{color:#f60}a:visited{color:#c96}a:hover{color:#f60}a:focus{outline:thin dotted}a:hover,a:active{outline:0}
/*Tipografía*/
p{line-height:1.1}
abbr[title] {border-bottom:1px dotted}
b,strong{font-weight:700;color:#6C3}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #F60;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}
pre,code,kbd,samp{font-family:monospace,monospace; _font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:""; content:none}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}

/*menu*/
#navbar{overflow:hidden;background:url(../img/nav/puntoG.png)repeat;padding: 50px 10px;transition:0.4s;position:fixed;width:100%; max-width:1920px;top:0;z-index:99}
#navbar a{float:left;color:white;text-align:center;padding:12px;text-decoration:none;font-size:14px;line-height:16px;border-radius:4px}
#logo{height:80px;transition:0.4s;margin-left:3%}
#navbar a:hover{background-color:#f60;color:#eee}
#navbar a.active{background-color:dodgerblue;color:white}
#navbar-right{float:right; margin-right:3%}
/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
#navbar{padding:5px 5px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */}
#navbar a{float:none;display:block;text-align:left;font-size:12px}
#navbar-right{float:none}
}
#menu{display:block;list-style-type:none;margin:0;padding:0;overflow:hidden}
#menu li{float: left}#menu li a{display:block;color:white;text-align:center;padding:16px;text-decoration:none}/*#menu li a:hover {background-color:#111111}*/
/*codigo dropdown menu*/
.dropbtn{color:white;font-size:36px;cursor:pointer;display:none}
.dropbtn:hover,.dropbtn:focus{color:#F60}
.dropdown{position:fixed;right:70px;top:15px;display:inline-block;z-index:998}
.dropdown-content{display:none;position:absolute;background:url(../img/nav/puntoG.png)repeat;min-width:160px;overflow:auto;z-index:998}
.dropdown-content p{clear:both}
/*.dropdown-content a:hover{background-color: #f1f1f1}*/.show{display:block}
#close-nav i{font-size:24px;color:#F60;cursor:pointer;padding:5px 5px}#close-nav i:hover{color:#FFF}
#idioma{position:absolute;top:200px;left:0;z-index:9}#idioma div{float:left}#idioma a{color:#FFF;text-decoration:none}#idioma a:hover{color:#F60}
#selector-idioma{background:url(../img/nav/puntoG.png)repeat;height:90px;width:40px;cursor:pointer}#selector-idioma div{clear:both; margin-top:8px; margin-left:3px}
#menu-idioma{clear:none;height:90px;background:url(../img/nav/puntoG.png)repeat;display:none;border-top-right-radius:10px;border-bottom-right-radius:10px}#menu-idioma div{clear:none}#lang-text div{clear:both}#lang-close i{font-size:24px;color:#F60;cursor:pointer;margin-top:48px;margin-left:30px;margin-right:5px}#lang-close i:hover{color:#FFF}#idioma-select p{color:#FFF}
/*Textos*/
#texto-vertical{color:#FFF;writing-mode:vertical-rl;text-orientation:upright;text-transform:uppercase;font-weight:bold;padding-top:5px;padding-bottom:5px;padding-left:5px;cursor:pointer}#lang-text p{padding-left:30px;color:#F60;font-weight:bold}#lang-text a{color:#FFF}#lang-text a:hover{color:#F60}
h1,h2,h3{color:#F60;line-height:normal;text-transform:uppercase}
h4,.service-link i{color:#F60;line-height:normal;text-transform:uppercase;text-align:center;-webkit-filter:drop-shadow(1px 1px 1px black);filter:drop-shadow(1px 1px 1px black)}
h1{font-size:4em;text-align:right}.intro-content h1{font-size:6em}.intro-baja h1{font-size:4em}
h2{font-size:4.5em}.article{font-size:3em;text-align:left}h2 span{color:#FFF;font-size:.7em;text-transform:none}
h3{font-size:3em}.intro-content h3{text-align:right}.article-cap{font-size:2em;text-transform:none}
h4{font-size:1em}.bloque3 h4,.bloque4 h4,#nav-articulos-header h4{font-size:2em}#texto-articulo h4{font-size:2em;text-transform:none;text-align:left;-webkit-filter:none;filter:none}
#transition-header h2{text-transform:none;margin-top:2%}
.ptda{font-size:2em;text-align:right; font-weight:600}.ptdaC{font-size:2em;text-align:center; font-weight:600}#error404{color:#FFF}
.intro-text i{font-size:4em;-webkit-filter:drop-shadow(2px 2px 2px black);filter:drop-shadow(2px 2px 2px black)}
.dcha{text-align:right;-webkit-filter:drop-shadow(2px 2px 2px black);filter:drop-shadow(2px 2px 2px black)}
.center{text-align:center;-webkit-filter:drop-shadow(2px 2px 2px black);filter:drop-shadow(2px 2px 2px black)}
.izda{text-align:left}.verde{color:#6C3}.white{color:#FFF;text-align:center}.azul{color:#00C;text-align:center}
.content-dcha h2,.content-dcha h3{text-align:right}
.textS-bloque h4,.textS-bloqueG h4,.textS-bloqueM h4{height:60px;color:#f60}
.content p{font-size:1.5em;text-align:center}.content-dcha p{font-size:1.5em;text-align:right}
.intro-content p{font-size:1.5em;text-align:right}
.bloque-articulo p{font-size:16px; line-height:1.1em}
.cita{font-size:1.8em; font-style:italic;font-weight:500}.cita2{font-size:1.5em;font-style:italic;font-weight:500}
#text-uno h4{color:#36c}#text-dos h4{color:#85b599}#text-tres h4{color:#ebbb70}#text-cuatro h4{color:#903}
/*Sections*/
main{clear:both;float:left;position:relative;width:100%;display:block}
section{clear:both;float:left;position:relative;width:100%;background-color:#fff}
section a:link,section a:visited{text-decoration:none;color:#f60;}
section a:hover{font-weight:bold}
/*sections portada (tamaños y bkg)*/
#intro{width:100%;background:url(../img/bkg/mano-left.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#service{width:100%;background:url(../img/bkg/sombrilla.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#work{width:100%;background-color:#333;background:url(../img/bkg/bk-old-factory.jpg) center center no-repeat #000; background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#planes{width:100%;background:url(../img/bkg/bici-clara.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#articles{width:100%;background:url(../img/bkg/bk-curric.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#contact{width:100%;background:url(../img/bkg/caseta.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#popupForm{width:100%;background:url(../img/bkg/closeddoor-clear.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#download-captcha{width:100%;background:url(../img/bkg/cohete.jpg) top right no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
/*pastillas*/
#pequeno-marketing{width:100%;background:url(../img/bkg/pequeno-marketing-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#vender-marca{width:100%;background:url(../img/bkg/vender-marca-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#fuerza-ilustracion{width:100%;background:url(../img/bkg/fuerza-ilustracion-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#resto-resta{width:100%;background:url(../img/bkg/resto-resta-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#caza-cliente{width:100%;background:url(../img/bkg/caza-cliente-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#negocio-web{width:100%;background:url(../img/bkg/negocio-web-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-comprador{width:100%;background:url(../img/bkg/cliente-comprador-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#piensa-piensa{width:100%;background:url(../img/bkg/piensa-piensa-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#zapatero-zapatos{width:100%;background:url(../img/bkg/zapatero-zapatos-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#uso-necesidad{width:100%;background:url(../img/bkg/uso-necesidad-banner.jpg) top left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#area{display:none;width:100%;background-color:#F00}
#error{width:100%;background:url(../img/bkg/velero.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.transition,.transitionG,.transitionNav,.transitionGNav,.transitionNadal,.transitionBKG{width:100%}.transition{height:200px}.transitionNav{height:250px}.transitionG{height:220px}.transitionGNav,.transitionBKG{height:270px}
#transition1{color:#FFF;background-color:#000}#transition2{color:#000;background-color:#fc6}#transitionEEE{color:#000;background-color:#eee}#transitionBlue{color:#000;background-color:#0282a7}#transitionGray{color:#000;background-color:#333}#transitionGreen{color:#000;background-color:#9c6}#transitionRed{color:#fff;background-color:#c00}
/*sections landing*/
#doble{width:100%;background-color:#FFF}#doble img{width:90%; margin-left:5%}
#ciego{width:100%;background:url(../img/bkg/lrcaptcha-robot-ciego.jpg) left top no-repeat #000; -webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#planes{width:100%;background:url(../img/bkg/bici-clara.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#mk{width:100%;background:url(../img/bkg/bkg-lrcaptcha-mk.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#seguro{width:100%;background:url(../img/bkg/policemen.png) left top no-repeat #fff}
#download{width:100%;background:url(../img/bkg/bkg-orange-sky.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#link-test1{clear:both;width:30%;margin-left:35%}#link-test{clear:both;width:60%;margin-left:20%}#link-test1 div,#link-test div{float:left;width:290px;margin-bottom:10px; margin-left:auto; margin-right:auto}#link-test1 img,#link-test img{-webkit-filter:drop-shadow(3px 3px 3px black);filter:drop-shadow(3px 3px 3px black);width:90%;margin-left:5%}#link-test p{clear:both; width:90%}
#landing strong{color:#F60}#pack li{color:#FFF; width:70%; margin-left:15%}
#selector-idiomaL{background:url(../img/nav/puntoG.png)repeat;height:180px;width:40px;cursor:pointer}#selector-idiomaL div{clear:both; margin-top:8px; margin-left:3px}
#menu-idiomaL{clear:none;height:180px;background:url(../img/nav/puntoG.png)repeat;display:none;border-top-right-radius:10px;border-bottom-right-radius:10px}#menu-idiomaL div{clear:none}#lang-text div{clear:both}#lang-closeL i{font-size:24px;color:#F60;cursor:pointer;margin-top:128px;margin-left:30px;margin-right:5px}#lang-closeL i:hover{color:#FFF}#idioma-select p{color:#FFF}
/*clases contenedores*/
.intro-content,.content-dcha,.intro-baja{float:left;width:60%;margin-left:35%}.intro-content,.intro-baja{margin-top:15%}.content{float:left;width:60%;margin-left:20%}
/*consultoria*/
#intro-consultoria{width:100%;background:url(../img/bkg/ajedrez.jpg) left center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#consultoria{width:100%;height:auto;z-index:2;background:url(../img/bkg/bici-old.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#consultoriaM{width:100%;height:auto;z-index:2;background:url(../img/bkg/bici-old.jpg) center bottom no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}#consultoriaM2{width:100%;height:auto;z-index:2;background-color:#eff0ce}
/*Diseño gráfico*/
#intro-design{width:100%;height:auto;z-index:2;background:url(../img/bkg/design-bkg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#design{width:100%;height:auto;z-index:2;background:url(../img/bkg/petroglifos.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#designM{width:100%;height:auto;z-index:2;background:url(../img/bkg/petroglifos1.jpg) center bottom no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}#designM2{width:100%;height:auto;z-index:2;background:url(../img/bkg/petroglifos2.jpg) center top no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
/*web*/
#intro-web{width:100%;height:auto;z-index:2;background:url(../img/bkg/web-bkg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#web{width:100%;height:auto;z-index:2;background:url(../img/bkg/teclado-bkg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#webM{width:100%;height:auto;z-index:2;background:url(../img/bkg/teclado-bkg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}#webM2{width:100%;height:auto;z-index:2;background-color:#39375e}
/*contenidos*/
#intro-contenidos{width:100%;height:auto;z-index:2;background:url(../img/bkg/bkg-comunicacion.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#contenidos{width:100%;height:auto;z-index:2;background:url(../img/bkg/bkg-movil.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#contenidosM{}
/*Bloques*/
.scroll-reference{margin-top:50px}#area-reference{margin-top:10px}
.bloques{position:relative;float:left;width:90%; margin-left:5%;margin-bottom:0}
.bloque4{float:left;clear:none;width:25%}.bloque3{float:left;clear:none;width:25%;margin-right:6%}.bloque3:first-child{margin-left:6%}.bloque3 p{font-size:1.3em; text-align:center}.bloque1{float:left;clear:none;width:25%;margin-left:37%}.bloquearea{width:100%}.icon-bloquearea{float:left;clear:both;width:14%;margin-left:43%}.icon-bloquearea img{width:80%;margin-left:10%;margin-top:20px;margin-bottom:-3px;cursor:pointer}.icon-bloquearea img:hover{opacity:.7}
.icon-bloque,.text-bloque,.icon1-bloque,.text1-bloque,.iconS-bloque,.textS-bloque{width:70%;margin-left:15%}.icon-bloque,.iconS-bloque{border-bottom:8px solid #F60}.icon-bloque:hover,.iconS-bloque:hover{border-bottom:8px solid #6C3}.icon-bloque img,.iconS-bloque img{width:90%;margin-left:5%}.icon1-bloque img,.iconS-bloque img{width:70%;margin-left:15%;margin-top:20px;margin-bottom:-3px;cursor:pointer}.icon-bloque img:hover,.icon1-bloque img:hover,.iconS-bloque img:hover{opacity:.7}
#area-content{width:90%;margin-left:5%;margin-top:2%;margin-bottom:2%}
#area p{font-size:1.1em;text-align:center;color:#FFF}#formclave{width:30%;margin-left:35%;margin-bottom:5%; background-color:#0F3}
#work-content p{color:#FFF}#mk-content p{text-align:center}
.textS-bloqueG{display:block}.textS-bloqueM{display:none}
.text-bloque{clear:both}.text-bloque h4{height:60px}.service-link{width:20%;margin-left:auto;margin-right:auto;margin-bottom:10%}.service-link i{font-size:36px;color:#F60}.service-link i:hover{color:#666}
.textS-bloque,.textS-bloqueB,.textS-bloqueG,.textS-bloqueM{clear:both}.textS-bloqueB h4{height:30px}.textS-bloque p{color:#fff}.info-service{position:relative;float:left;width:90%;margin-left:5%; margin-top:5%}.info-text{clear:both; float:left;width:65%;margin-left:5%}.info-text p{color:#FFF; font-size:1.8em; line-height:1; text-align:center}#textual{padding:5px 30px 5px 30px; background-color:#FC9; border-radius:20px}a#textual{font-size:.7em}.info-img{float:left;clear:none;width:25%;float:left;margin-left:5%;margin-top:2%}.link-close{clear:both;width:100%}
#transition-padding{width:100%;height:250px;color:#000;background-color:#fc6}#desplazador{width:100%;padding-top:50px}.transition-text,#transition-header{clear:none;width:90%;margin-left:5%}.transition-text{font-size:1.3em;font-weight:500;font-style:italic;line-height:1.0em;text-align:left}.transition-img,.transitionG-img{clear:none;width:30%;float:left;margin-left:5%}.transitionG-img{margin-top:20px}.transitionBKG-text{float:right;width:60%;margin-right:5%;text-align:right}.transitionBKG-text p{font-size:1.3em;font-weight:500;font-style:italic;line-height:1.0em}.blanco{color:#FFF}.transitionBKG-text h2{text-transform:none}
.transitionNadal-img{clear:none;width:40%;float:left;margin-left:5%}.transitionNadal-img img{width:90%}.transitionNadal-text{clear:none;float:right;margin-right:5%;margin-top:5%;width:40%;font-size:1.3em;font-weight:500;font-style:italic;line-height:1.0em;text-align:left}.normal{display:block}.mini{display:none}
.servicios{display:block}.serviciosM{display:none}
#ablq,#ablqM{display:none;width:100%;background-color:#36C}#ablq,#bblq,#cblq,#dblq{height:350px}#ablqM,#bblqM,#cblqM,#dblqM{height:350px}#ablqM p,#bblqM p,#cblqM p,#dblqM p{font-size:1.4em}#bblq,#bblqM{display:none;width:100%;background-color:#85b599}#bblq strong,#bblqM strong{color:#060}#cblq,#cblqM{display:none;width:100%;background-color:#ebbb70}#cblq p,#cblqM p{color:#666}#cblq strong,#cblqM strong{color:#f60}#dblq,#dblqM{display:none;width:100%;background-color:#903}
.close-block{width:100%;text-align:center;color:#FFF;font-size:3em}.close-block i,#uno-block i{cursor:pointer;font-size:36px}#a-block i:hover{color:#6C3}#b-block i:hover{color:#060}#c-block i:hover{color:#f60}#d-block i:hover{color:#6C3}
/*Elementos*/
#answer-container{margin-top:20%;width:50%;margin-left:25%}
.90{width:80%; margin-left:10%; opacity:0}
/*jssor inicio*/
#jssor1{display:none}#jssor2{display:none}#jssor3{display:block}
#slider1_container,#slider2_container,#slider3_container{margin-left:auto; margin-right:auto;position:relative;width:100%;overflow:hidden}
#slider1_container{height:500px}#slider2_container{height:600px}#slider3_container{height:700px}
#slider5_container{position:relative;top:100px;left:20px;width:300px;height:300px;margin-bottom:350px}#slider6_container{position:relative;top:60px;left:0px;width:220px;height:220px}
.jssor-contenedor{cursor:move;position:absolute;left:0px;top:0px;overflow:hidden;width:100%}.jssor-loading{position:absolute;top:0px;left:0px}
#slider1_container .jssor-contenedor{height:500px}#slider2_container .jssor-contenedor{height:600px}#slider3_container .jssor-contenedor{height:700px}
#jssor-contenedor5{cursor:move;position:absolute;left:0px;top:0px;width:300px;height:300px;overflow:hidden}#jssor-contenedor6{cursor:move;position:absolute;left:0px;top:0px;width:220px;height:220px;overflow:hidden}
#cargaBanner{filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;background-color:#000;top:0px; left:0px;width:100%;height:auto}
#jssor-marco{position:absolute;display:block;background:url(../img/loading.gif) no-repeat center center;top:0px; left:0px;width:100%;height:auto}
.captionArticle{font-size:28px;line-height:32px;text-align:center}.captionArticle div{margin-top:10px;border-top:10px solid #6C3}
.captionArticle1{font-size:20px;line-height:22px;text-align:center}.captionArticle1 div{margin-top:10px;border-top:10px solid #6C3}
#Izda{position:absolute;left:1%;top:5%;width:30%;height:60%}#Izda img{width:70%;marging-left:15%}
#Cent{position:absolute;left:35%;top:5%;width:30%;height:60%}#Cent img{width:70%;marging-left:15%}
#Dcha{position:absolute;left:69%;top:5%;width:30%;height:60%}#Dcha img{width:70%;marging-left:15%}
#Izda2{position:absolute;left:1%;top:5%;width:40%;height:60%}#Izda2 img{width:70%;marging-left:15%}
#Dcha2{position:absolute;left:51%;top:5%;width:40%;height:60%}#Dcha2 img{width:70%;marging-left:15%}
.captionArticle1{position:absolute;left:20%;top:5%;width:60%}.captionArticle1 img{width:70%;marging-left:15%}
.jssorb18 div, .jssorb18 div:hover, .jssorb18 .av{background: url(../img/nav/b18.png) no-repeat;overflow:hidden;cursor: pointer}
.jssorb18 div {background-position: -3px -3px; }.jssorb18 div:hover, .jssorb18 .av:hover {background-position: -33px -3px; }
.jssorb18 .av {background-position: -63px -3px; }.jssorb18 .dn, .jssorb18 .dn:hover {background-position: -93px -3px; }
.jssorb18 .n{display: none;color: #000}.jssorb18 div:hover .n, .jssorb18 .av .n, .jssorb18 .av:hover .n, .jssorb18 .dn .n {display: block; }
/*Articulos*/
#PC,#P,#T,#M{clear:both;z-index:1;position:relative}#M{height:300px}#T{height:400px}#P{height:500px}#PC{height:600px}#PC,#P,#T,#M{width:100%}
#PC{display:block}#P{display:none}#T{display:none}#M{display:none}
.banner{margin-top:80px;width:100%}.banner img{width:100%}#cuerpo-articulo{float:left;width:75%}#texto-articulo{width:80%; margin-left:10%}#texto-articulo p,#texto-articulo li{font-size:1.2em; line-height:1.4em; text-align:justify}
#nav-articulos{float:left;clear:none;width:25%;background-color:#eee;display:block}#nav-articulosM{display:none}
#nav-articulos-header{margin-top:100px}	#nav-articulos-header h3{margin-left:5%}
.ilustracion{width:100%}.pie-ilustracion{font-style:italic}#pie-header{font-style:italic;padding-left:5px}
/* Firma articulos*/
#Hsignature,#Vsignature{margin-left:5%;width:70%}#Hsignature div,#Vsignature div{float:left}#retrato{width:10%;padding-top:5%;margin-right:10px}#retrato img{width:100%}#datos{marging-left:5%;text-align:left;clear:none;width:60%;font-size:.8em;line-height:.8}
#rrss{float:left;clear:none;margin-left:5%;margin-bottom:1em}.subnav{list-style:none;margin:0;padding:0}.subnav p{text-align:center}.subnav i{font-size:36px}.subnav i:hover{color:#666}
#rrss-gral{float:left;clear:both;width:100px;margin-left:45%;margin-right:auto;margin-bottom:1em}#rrss-container{margin-top:10px;margin-bottom:10px}.fb-share-button{clear:both; margin-top:10px; margin-bottom:10px}
#Hmedia5,#Vmedia5,#media5{width:90%;margin-left:auto;margin-right:auto;text-align:center;border:1px solid #FFF;border-radius:10px}
.Hmedia,#Hmedia,#Hmedia5,#Hsignature{display:block;clear:both}#formgral{display:block}#formmov{display:none}
.Vmedia,#Vmedia,#Vmedia5,#Vsignature{display:none;clear:both}#Vsignature{width:100%}
/*Navegador articulos*/
.opendoor{position:fixed;top:170px;right:0;width:70px;height:140px;cursor:pointer;z-index:4}.opendoor:hover{opacity:.8}
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:170px;right:0;background-color:#333;overflow-x:hidden;transition:0.5s;padding-top:60px}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s}
.sidenav a:hover{color:#f1f1f1}
.sidenav .closebtn{position:absolute;top:0;left:5px;font-size:36px;margin-left:5px}
#recibir-info{float:left;width:300px;margin-left:20px; margin-bottom:20px;background-color:#6C3;border-radius:20px}#recibir-info div{float:left}#recibir-info:hover{opacity:.9;border:1px solid #093;cursor:pointer}
#recibir-info-icon{float:left;height:120px;width:120px;padding-left:5px;padding-top:5px}#recibir-info-icon img{width:90%}
#recibir-info-text{float:left;height:120px;width:140px;margin-left:10px;clear:none}#recibir-info-text a{font-size:18px;color:#FFF}
#recibir{display:none}
#alta-info-icon{float:left;clear:both;height:120px;width:120px;padding-left:10px;padding-bottom:5%; padding-top:5%}#alta-info-icon img{width:90%}
.openwindow{position:absolute;bottom:170px;right:0;width:70px;height:140px;cursor:pointer;z-index:90}
.sideRecibir{height:120px;width:0;position:absolute;z-index:40;bottom:180px;right:0;background-color:#093;overflow-x:hidden;transition:0.5s;padding-top:5px}
.sideRecibir p{font-size:18px;color:#FFF;padding-top:20px;padding-left:20px;width:70%}.sideRecibir p a{color:#FFF}
.sideRecibir .closebtn{position:absolute;top:0;left:5px;font-size:36px;margin-left:5px}
#recibir-icon{clear:none;height:140px;width:70px; z-index:92;cursor:pointer}
@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}
/*jssor Navegador artículos*/
.jssorb08l, .jssorb08r, .jssorb08ldn, .jssorb08rdn{position:absolute;cursor:pointer;display:block;background:url(../img/nav/a08.png) no-repeat;overflow:hidden;opacity: .4;filter:alpha(opacity=40)}
.jssorb08l{background-position:-5px -35px}.jssorb08r{background-position:-65px -35px}
.jssorb08l:hover{background-position:-5px -35px; opacity: .8;filter:alpha(opacity=80)}
.jssorb08r:hover{background-position:-65px -35px; opacity: .8;filter:alpha(opacity=80)}
.jssorb08ldn{background-position:-5px -35px; opacity: .3;filter:alpha(opacity=30)}
.jssorb08rdn{background-position:-65px -35px; opacity: .3;filter:alpha(opacity=30)}
#arrowlB{width:50px;height:50px;top:-58px;left:8px}#arrowrB{width:50px;height:50px;bottom:-358px;left:8px}#arrowlS{width:50px;height:50px;top:-104px;left:8px}#arrowrS{width:50px;height:50px;top:-50px;left:8px}
/*Contacto - principal*/
#contact-content{background:url(../img/nav/puntoG.png)repeat; border:1px solid #F60; border-radius:30px; margin-bottom:5%}#contact-content p{color:#FFF}
#social{clear:both;width:100%}
.redes-sociales{width:270px;margin-left:auto;margin-right:auto;list-style:none}
.redes-sociales a{width:30px;height:30px;border-radius:30px;float:left;text-align:center;padding:12px;text-decoration:none}.redes-sociales a:hover{background-color:#f60;color:#fff}
.redes-sociales img{padding-bottom:4px}
#address{clear:both; width:80%;margin-left:10%;text-align:center}
#map{width:90%; margin-left:5%; margin-bottom:3%;height:250px}
#acceso-clave{width:40%;margin-left:30%}
/*Button*/
#boton-contacto{width:86%;margin-left:auto; margin-right:auto}#boton-contacto img{width:30%;margin-left:35%}
#boton-download{width:86%;margin-left:auto; margin-right:auto; margin-bottom:10px}#boton-download img{width:30%;margin-left:35%}
.boton{width:25%;margin-left:auto;margin-right:auto}.botonC,.botonCto{background-color:#F60;height:3em;border-radius:5px}.botonGo,.botonRes{width:40%;margin-left:4%;margin-right:4%;height:2em;border-radius:5px}.botonGo{background-color:#6C3}.botonRes{background-color:#C00;}.botonC{width:40%;margin-left:4%;margin-right:4%}.botonCto{width:90%;margin-left:5%}.botonC:hover,.botonCto:hover,.botonGo:hover,.botonRes:hover{background-color:#CCC}.botonC:last-child{clear:none}
#nadal{background-color:#ff9;border:1px solid #fff;border-radius:10px;height:40px;width:100%;margin-bottom:10px}#nadal p{font-weight:bold;margin-top:10px;margin-left:10px}#nadal:hover{background-color:#fc6;border:1px solid #963}
/*Colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxOverlay{background:#000;opacity:0.9;filter:alpha(opacity = 90)}
#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center}
/* colorbox buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}
/* colorbox - avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../img/colorbox/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}
#cboxPrevious:hover{background-position:bottom left}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../img/colorbox/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}
#cboxNext:hover{background-position:bottom right}
#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../img/colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}
#cboxClose:hover{background-position:bottom center}
/*Cercle+Normalize*/
#transition-nav{position:relative;clear:both;width:100%}
.cercle{top:-50px;left:47%;cursor:pointer}
.cercle{position:absolute;display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:98}
.trigger{background:none;width:100px;height:100px;padding:0;margin:0;border:none;outline:none;text-align:center;font-size:1em;color:#fff;position:relative;z-index:1000;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;cursor:pointer}.trigger span{opacity:0;position:absolute}
.cercle__items{position:absolute;width:100%;height:100%;top:0;padding:0;margin:0;list-style-type:none;z-index:5}
.cercle__items li{width:80%;height:80%;top:10%;left:10%;line-height:80px;font-size:1em;position:absolute;z-index:-1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);-webkit-transition:-webkit-transform 0.25s ease-out;transition:transform 0.25s ease-out}
#tecnoactive a{background-color:#666}
.cercle.cercle--open .cercle__items li:first-child{-webkit-transform:scale3d(1,1,1) translate3d(-160px,0,0);transform:scale3d(1,1,1) translate3d(-160px,0,0)}
.cercle.cercle--open .cercle__items li:nth-child(2){-webkit-transform:scale3d(1,1,1) translate3d(-77px,-135px,0);transform:scale3d(1,1,1) translate3d(-77px,-135px,0)}
.cercle.cercle--open .cercle__items li:nth-child(3){-webkit-transform:scale3d(1,1,1)translate3d(77px,-135px,0);transform:scale3d(1,1,1)translate3d(77px,-135px,0)}
.cercle.cercle--open .cercle__items li:nth-child(4){-webkit-transform:scale3d(1,1,1) translate3d(160px,0,0);transform:scale3d(1,1,1) translate3d(160px,0,0)}
.cercle__items li a{display:block;background:#f60;color:#fff;text-align:center;border-radius:50%;outline:none;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.cercle__items li a:hover,.cercle__items li a:focus{background:#6c3;color:#ccc}.cercle__items li a span{position:absolute;color:transparent;top:100%;pointer-events:none}
.morph-shape{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.morph-shape svg path{fill:#F60;-webkit-transition:fill 0.3s;transition:fill 0.3s}.cercle--open .morph-shape svg path{fill:#777}
@media screen and (max-width: 40em){.cercle__items{-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}}
#link-test1{width:40%;margin-left:35%}#link-test{width:80%;margin-left:20%}
footer{clear:both;float:left;margin-left:0;width:100%; background-color:#fc9}
footer p{color:#FFF;font-size:14px}footer a{color:#fff;text-decoration:none}footer a:hover{color:#f60}/*footer a:visited{color:#ccc}*/
#footer1{float:left;font-size:14px;color:#fff;width:100%;height:auto;background:url(../img/nav/puntoG.png)repeat}
.bloque-footer{float:left;width:30%; margin-left:3%; clear:none}
.widget-body h3{font-size:18px;font-weight:bold;color:#f60;margin-top:20px;margin-bottom:20px; text-align:left}
.simplenav p,.Vsimplenav p,.Hsimplenav p{margin-top:5%; marging-bottom:5%;text-align:center}.Vsimplenav{display:block}.Hsimplenav{display:none}
.follow-me-icons img{margin-right:15px; margin-bottom:15px}.follow-me-icons img:hover{opacity:.5}		
#footer2 {background-color:#010;height:70px;width:100%;clear:both}
#firma{padding-top:25px; marging-bottom:15px;text-align:center}
@media screen and (max-width: 1250px){.text-bloque h4{height:90px}#PC{display:none}#P{display:block}#T{display:none}#M{display:none}#link-test1{width:42%;margin-left:29%}#link-test{width:90%;margin-left:10%}}
@media screen and (max-width: 1100px) {#jssor1{display:none}#jssor2{display:block}#jssor3{display:none}.intro-content{width:50%;margin-left:45%;margin-top:20%}.text-bloque h4{height:100px}
h1{font-size:3.5em}.intro-content h1{font-size:5em}h2{font-size:3.5em}h4{font-size:1em}.bloque4 h4{font-size:1.5em}
.intro-content,.content-dcha{width:80%;margin-left:15%}.intro-content{margin-top:15%}.content{float:left;width:74%;margin-left:13%}
#link-test1{width:50%;margin-left:25%}#link-test{width:100%;margin-left:0}
#rrss-gral{margin-left:43%}
.bloque3{width:30%;margin-right:2%}.bloque3:first-child{margin-left:2%}.icon-bloquearea{width:20%;margin-left:40%}
.transition{height:210px}.transitionNav{height:260px}.transitionG{height:230px}.transitionGNav{height:280px}
.transition-img,.transitionG-img,.transitionNav-img,.transitionGNav-img{width:25%;margin-left:4%}.transitionNadal-img{width:45%;margin-left:4%;margin-top:20px}
.transition-img{margin-top:10px}.transitionG-img{margin-top:30px}.transitionNav-img{margin-top:60px}.transitionGNav-img{margin-top:80px}
.cita{font-size:1.5em;font-weight:700}.cita2{font-size:1.1em;font-weight:700}
#cuerpo-articulo{width:70%}#texto-articulo{width:90%; margin-left:5%}#nav-articulos{width:30%}}
@media screen and (max-width: 800px) {#jssor1{display:block}#jssor2{display:none}#jssor3{display:none}#intro-content{width:60%;margin-left:35%;margin-top:25%}.text-bloque h4{height:40px}
.Hmedia,#Hmedia,#Hmedia5,#Hsignature,#formgral{display:none}.Vmedia,#Vmedia,#Vmedia5,#Vsignature,#formmov{display:block}.info-text{width:90%}
.Vsimplenav{display:none}.Hsimplenav{display:block}
#menu{display:none}.dropbtn,.dropbtnI{display:block}.textS-bloque h4,.textS-bloqueG h4,.textS-bloqueM h4{height:40px}.textS-bloqueG{display:none}.textS-bloqueM{display:block}
#boton-contacto,#boton-download{width:98%}#boton-contacto img,#boton-download img{width:40%;margin-left:30%}.cercle{left:42%}
#rrss-gral{margin-left:40%}h2.article{font-size:2.2em}h3{font-size:2em}
.icon-bloquearea{width:30%;margin-left:35%}.bloque3 img{width:100%;margin-left:0}.info-img{display:none}.icon1-bloque{width:80%;margin-left:10%}
.cita{font-size:1.2em}.cita2{font-size:1em}
.transition-text{width:60%;margin-left:38%}#transition-header{width:50%;margin-left:45%}#transition-header h2{font-size:3em; margin-top:5%}.transition-img,.transitionG-img,.transitionNav-img,.transitionGNav-img{margin-left:0}.transitionNadal-img{width:50%;margin-left:0;margin-top:10px}.normal{display:none}.mini{display:block}
.servicios{display:none}.serviciosM{display:block}.bloque4{width:50%}.intro-content{margin-top:25%;width:80%;margin-left:15%}.content,.content-dcha{width:90%;margin-left:5%}
#link-test1{width:50%;margin-left:25%}#link-test{width:100%;margin-left:0}
#nav-articulos{display:none}#nav-articulosM{display:block}#cuerpo-articulo{width:90%}#recibir{display:block}#textual a{font-size:0.6em}
#PC{display:bnone}#P{display:none}#T{display:block}#M{display:none}#nadal{height:50px}#nadal p{margin-top:5px;margin-left:5px}}
@media screen and (max-width: 700px) {#link-test1{width:70%;margin-left:15%}#link-test{width:70%;margin-left:15%}}
@media screen and (max-width: 600px) {h1{font-size:3em}.intro-content h1{font-size:3.5em}h2{font-size:2.6em}#work{height:1600px}#PC{display:none}#P{display:none}#T{display:none}#M{display:block}.opendoor{top:170px}.sidenav{top:170px}
#rrss-gral{margin-left:37%}.cita{font-size:1.1em}.cita2{font-size:.9em}.transition-text p,.transitionNadal-text p{font-size:.9em}.icon1-bloque img{width:90%;margin-left:5%}}