@charset "UTF-8"; /* CSS Document */body { opacity: 0; margin: 0px; padding:0;overflow: hidden;overflow-y:hidden;background-color:rgba(255,255,255,0.96);display: table;vertical-align: middle;width: 100%;height: 100%; } html, body, section, .slide #up section1{scroll-behavior: smooth; overflow-y:hidden;margin: 0px; padding: 0; width: 100%;height: 100%;max-width:100%;max-height:100%; overflow: hidden;font-family: 'Raleway', sans-serif; }.section{ vertical-align: central; text-align: center} ol,ul {list-style: none; margin:0; padding:0; } .logo {width: 60px;height: auto;right: 30px;top: 30px;position: fixed;z-index: 9;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer; }a {color: rgba(255,60,0,0.66); font-weight: 600}a:hover {color: rgba(255,60,0,1.00)}
.proy {z-index: 1; position: absolute; bottom: 80px; right: 1px; cursor: pointer}
.proy li {display: block;}
.boli {width: 10px; height: 10px; background-color: rgba(128,128,128,0.30); border-radius: 15px; margin: 16px; padding: 1px}

nav li a:hover .boli {background-color: rgba(128,128,128,0.5)}
.naranja {width: 10px; height: 10px; background-color: rgba(247,58,0,1.00); cursor: none; border-radius: 15px; margin: 16px; padding: 1px}
.naranja:hover {background-color: rgba(247,58,0,1.00); cursor: none; }
.alfa {opacity: 0; cursor: none}.paqueto img {opacity: 0.8} .paqueto:hover img {opacity: 1}
.flotador {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    top: 0;
    left: 0;
    background-color: #000000
}canvas {z-index: 0; }.sectionup{width: 100%;height: auto;max-width:100%;background: none transparent;border: none 0;position: absolute;z-index: 3;top: -10px;left: 0; }.section{
	overflow: hidden;}
a{ margin: 0px; pading: 0px; text-decoration: none;}
.sectionbajo {width: 100%;height: auto;max-width:100%;background: none transparent;border: none 0;position: absolute;z-index: 1;bottom: -5px;left: 0; }
.sectionbajo img{width: 100%;height: auto;max-width:100%; }
iframe{width: 100%;height: 100%;max-width:100%;max-height:100%;background: none transparent ;border: none 0;position: relative;z-index: 1; }
.logo:hover {width: 66px;right: 27px;top: 27px; }
.logo img {width: 100%;height: auto;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }
.planes {width: auto;height: auto;left: -136px;top: 40%;padding: 6px 10px 6px 50px;border-radius: 8px;background-color: rgba(255,255,255,0.98);position: fixed;z-index: 99;overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer; }.planes img {width: auto;height: 25px;position: relative;left: 94px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.planes:hover {left: -40px; }.planes:hover img {left: 0; }.equipo{width: auto;height: auto;left: -137px;top: 54%;padding: 6px 10px 6px 50px;border-radius: 8px;background-color: #000000;position: fixed;z-index: 99;overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer; }.equipo img {width: auto;height: 25px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.equipo:hover {left: -40px; }.encuentranos {width: auto;height: auto;right: -223px;bottom: 35px; padding: 6px 50px 6px 10px; border-radius: 8px; background-color: #060606; position: fixed; z-index: 99999; overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer; }.encuentranos img {width: auto;height: 18px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.encuentranos:hover {right: -40px; }.up {width: auto;height: auto;right: -155px;bottom: 75px;padding: 6px 50px 6px 10px;border-radius: 8px;background-color: #F1F1F1;position: fixed;z-index: 9999;overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer; }.up img {width: auto;height: 24px;margin-left:  -94px;margin-bottom: -4px;position: relative;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.up:hover img {margin-left:  0px; }.up:hover {right: -40px; }.pata {width: auto;height: auto;right: -22px;bottom: -5px;padding: 0;position: fixed;z-index: 99;overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out}.pata img {width: auto;height: 18px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.pata:hover {bottom: -2px; }.logtr  { width: auto; height: 66; max-height: 66px; position: fixed; overflow: hidden; top: 28px; left: -38px; z-index: 99; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.logtr:hover{left: -22px;} .cajabooks{ margin-bottom: 11px;margin-top: 6px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; width: 100%; text-align: center; } .cajagen a { color: #FFFFFF; text-decoration: none; line-height:17px; } .cajaphoto a{ color: #FFFFFF; text-decoration: none; line-height:17px; }  .cajaphoto { display: inline-block; width: 99px; color: rgba(255,255,255,0.94); text-align: center; font-size: 16px; margin-right: 6px; margin-left: auto; background: no-repeat url(../img/pic_2r.png); background-size: 99px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; } .cajaphoto img { width: 99px; cursor: pointer; opacity: 1; padding: 0px; margin: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; display: block; margin-bottom: 3px; } .cajaphoto img:hover { opacity: 0; } .cajaphoto img:active { opacity: 0; } .cajagen { display: inline-block; width: 99px; color: rgba(255,255,255,0.94); text-align: center; font-size: 16px; margin-left: 6px; margin-right: auto; background: no-repeat url(../img/pic_1r.png); background-size: 99px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; } .cajagen img{ display: inline-block; width: 99px; padding: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; cursor: pointer; opacity: 1; margin-bottom: 3px; margin: 0px; } .cajagen img:hover{ opacity: 0; }
.cajagen img:active { opacity: 0; }  .cerrar  {width: 0px;height: 0px;position: absolute;top: 28px;left: 30px;z-index: 5;cursor: pointer;transition: 2s all ease-in-out; -webkit-transition: 2s all ease-in-out; -moz-osx-transition: 2s all ease-in-out;opacity: 0; }.cex {position: absolute;left:auto;right: 30px;z-index: 5;cursor: pointer;transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; -moz-osx-transition: 1s all ease-in-out;opacity: 0; }.cerrare  {width: 0px;height: 0px;position: absolute;top: 28px;left: 30px;z-index: 7;cursor: pointer;transition: 2s all ease-in-out; -webkit-transition: 2s all ease-in-out; -moz-osx-transition: 2s all ease-in-out;opacity: 0; }.cexe {position: absolute;left:auto;right: 30px;z-index: 7;cursor: pointer;transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; -moz-osx-transition: 1s all ease-in-out;opacity: 0; }.capaloca  {width: 0%;height: 0%;position: relative;z-index: 1;margin: auto;transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; -moz-osx-transition: 1s all ease-in-out;opacity: 0;display: none; }.capalocas  {width: 100%;height: 0%;position: absolute;z-index: 5;margin: auto;transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; -moz-osx-transition: 1s all ease-in-out;opacity: 0;background-color: rgba(255,255,255,0.98); }.logtr img  {width: 100%; height: auto; transition: 1.1s all ease-in-out; -webkit-transition: 1.1s all ease-in-out; -moz-osx-transition: 1.1s all ease-in-out; }
.logtr:hover img{}
.cerrar img{width: 70%;height: auto;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.cerrar img:hover  {opacity: 0.5; }.cerrare img{width: 70%;height: auto;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.cerrare img:hover  {opacity: 0.5; }.flb  {width: 10%;height: auto;text-align: center;position: absolute;bottom: -18px;left: 45%;right: 45%;z-index: 999999999;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer}.flb img  {width: auto;height: 40px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.flb:hover  {bottom: -8px; }.fla  {width: 10%;height: auto;text-align: center;position: absolute;top: -10px;left: 45%;right: 45%;z-index: 999999999;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;cursor: pointer}.fla img  {width: auto;height: 40px;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.fla:hover  {top: 0px; }.proyecto  {width: 75%;height: auto;overflow: hidden;border-radius: 30px; }.proyecto img  {width: 100%;height: auto; }.descrip {width: 75%;height: auto;text-align: right;font-size: 16px;font-weight: 400;margin: auto;padding: 4px;color: rgba(255,255,255,0.68); }.marquita {display: inline-block;width: 50px;height: auto; }.marquita img {width: 100%;height: auto; }strong {
    color:rgba(58,58,58,.65); font-weight: 600
}.strongs {color:#1eade6}.stronges {color:#fd8524}.strongest {color:#9fca46}.iconos{width: auto;height: auto;margin: 0;text-align: center;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.iconos img{width: 44px;height: auto;display: inline-block;cursor: pointer;opacity: 1; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;margin: 0px 5px; }.pqtext img{width: 200px;height: auto;display: inline-block;}.pqtext {margin-bottom: 0px;display: inline-block;color: rgba(253,253,253,0.63);font-size: 16px;font-weight: 400;font-family: 'Josefin Sans', sans-serif; }.iconos img:hover{opacity: 0.6; }h4 {color: rgba(255,255,255,0.92);font-size: 32px;font-weight: 400;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;text-align: center;margin: 0; }/* contacto =========== */figure  {width: auto;text-align: center;margin: 0, auto; }figure img {width: 131px;height: auto; }#pqcontactar {font-family: 'icomoon';height: 0px;background: rgba(0,0,0,1);text-align: left;opacity: 0;overflow: hidden;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;position: absolute;bottom: 30px;right: 0;padding: 15px 30px 20px 20px;border-left-color: rgba(255,60,0,0.3);border-top-color: rgba(255,60,0,0.3);border-left-style: solid;border-top-style: solid;border-left-width: thin;border-top-width: thin;z-index: 999999999999999999999999;border-top-left-radius: 3px; }
#nombre {max-width: 221px;width: 32.5%;border-radius: 4px;height:20px;background:rgba(255,255,255,0.1);border: thin solid rgba(255,60,0,0.3);padding:1px;font-size:0.8em;color: rgba(255,255,255,0.7);margin: 2px 2px 2px 15%; }
#email{max-width: 220px;width: 32.5%;border-radius: 4px;height:20px;background:rgba(255,255,255,0.1);border: thin solid rgba(255,60,0,0.3);padding:1px;font-size:0.8em;color: rgba(255,255,255,0.7);margin: 2px 15% 2px 2px; }
#mensaje {width: 70%;max-width: 450px;border-radius: 4px;background:rgba(255,255,255,0.1);border: thin solid rgba(255,60,0,1.00);padding:1px;font-size:0.8em;color: rgba(255,255,255,0.6);margin:3px auto;display: block; }.datos {width: 70%;max-width: 450px;margin: 0 auto 0 auto; }.cnp {color: rgba(255,255,255,0.6);margin: auto;width: 100%;position: absolute;bottom: 30px;font-size: 1.5em;text-align: center;font-weight: 400;opacity: 1; }.resaltado2 {display: inline-block;font-weight: 500;color: rgba(255,255,255,0.8); }.logotex {position: absolute;top: 05px;right: 10px;z-index: 999999999999999999999999;margin:  0 4px;opacity: 0.6;width: 80px;height: auto; }.logotex img {width: 100%;height: auto; }.titulo {font-weight: 400;width: 100%;text-align: center;padding-top: 20px;color: rgba(255,60,0,0.6);font-size: 1.4em; }.titulo img {width: 150px;opacity: 0.4}#submit:hover {transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;letter-spacing:1px;background:rgba(51,51,51,0.6);color:  rgba(255,60,0,1.00);border: thin solid rgba(51,51,51,1); }#submit {width: 70%;max-width: 450px;display: block;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;letter-spacing: 2px;border-radius: 4px;font-size:19px;font-weight: 300;text-align:center;cursor:pointer;background: rgba(255,60,0,1.00) ;color:rgba(250,250,250,1);margin:4px auto;border: thin solid rgba(255,60,0,1.00);padding-bottom: -6px; }.logsbg{display: block; margin-top: -20px; }.logssm{display: none; }.tlbig{margin: 30px auto 0; }.tlbig img {width: 222px}

.pape {margin-top: 90px; margin-bottom: -30px; opacity: 0.7; font-weight: 800}
.cjslog-1{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px; padding: 0px;text-align: center; display: inline-block; background: url("../img/1r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-1 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out; margin: 0px; padding: 0px; }
.cjslog-1:hover img{opacity: 0}
.cjslog-2{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/16r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-2 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-2:hover img{opacity: 0}
.cjslog-3{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/3r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-3 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-3:hover img{opacity: 0}
.cjslog-4{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/2r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-4 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-4:hover img{opacity: 0}
.cjslog-5{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/5r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-5 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-5:hover img{opacity: 0}
.cjslog-6{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/6r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-6 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-6:hover img{opacity: 0}
.cjslog-7{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/7r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-7 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-7:hover img{opacity: 0}
.cjslog-8{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/8r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-8 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-8:hover img{opacity: 0}
.cjslog-9{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/9r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-9 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-9:hover img{opacity: 0}
.cjslog-10{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/10r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-10 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-10:hover img{opacity: 0}
.cjslog-11{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/11r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-11 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-11:hover img{opacity: 0}
.cjslog-12{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/12r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-12 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-12:hover img{opacity: 0}
.cjslog-13{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/13r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-13 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-13:hover img{opacity: 0}
.cjslog-14{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/14r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-14 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-14:hover img{opacity: 0}
.cjslog-15{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/15r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-15 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-15:hover img{opacity: 0}
.cjslog-16{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/4r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-16 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-16:hover img{opacity: 0}
.cjslog-17{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/17r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-17 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-17:hover img{opacity: 0}
.cjslog-18{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/18r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-18 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-18:hover img{opacity: 0}
.cjslog-19{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/19r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-19 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslog-19:hover img{opacity: 0}
.cjslog-20{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/20r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-20 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslog-20:hover img{opacity: 0}
.cjslog-21{width: 12.44%; max-width: 234; height: auto; max-height: 234; margin: 3px;padding: 0px;text-align: center; display: inline-block; background: url("../img/21r-pyts.jpg") top center no-repeat; background-size: 100% auto; cursor: pointer}
.cjslog-21 img{width: 100%; height:auto; max-width: 234; max-height: 234; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslog-21:hover img{opacity: 0}


.cjsloga{width: 32.2%; max-width: 500px; height: auto; max-height: 500px; margin: 2px;padding: 0px; text-align: center; display: inline-block; background: url("../img/pyts044r.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjsloga img{width: 100%; height:auto; max-width: 500px; max-height: 500px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjsloga:hover img{opacity: 0}

.cjslogb{width: 32.2%; max-width: 500px; height: auto; max-height: 500px; margin: 2px;padding: 0px; text-align: center; display: inline-block; background: url("../img/pyts022r.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslogb img{width: 100%; height:auto; max-width: 500px; max-height: 500px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslogb:hover img{opacity: 0}

.cjslogc{width: 32.2%; max-width: 500px; height: auto; max-height: 500px; margin: 2px;padding: 0px; text-align: center; display: inline-block; background: url("../img/pyts033r.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslogc img{width: 100%; height:auto; max-width: 500px; max-height: 500px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslogc:hover img{opacity: 0}

.cjtlog{width:  100%; margin: 125px auto 0px }.cjbig{width: 83%;margin-left: auto;margin-right: auto;text-align: center; margin-bottom: 80px; padding-bottom: 60px; margin-top: -125px; }.cjbig2{width: 83%;margin-left: auto;margin-right: auto;text-align: center; margin-bottom: 0px; padding-bottom: 0px; margin-top: -125px; }

.cjimg0{width: 100%; max-width: 1500px;display: block;margin: 125px auto 0px;padding: 0px;border: none;background: url("../img/pyt0.jpg") center center no-repeat; background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
.cjimg0:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg0 img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }

.cjimg1{width: 100%; max-width: 1500px;display: block;margin: 125px auto 0px;padding:  0px;border: none;background: url(../img/pyt1.jpg) center center no-repeat;background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
.cjimg1:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg1 img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }

.cjimg2{width: 100%; max-width: 1500px;display: block;margin: 125px auto 0px;padding:  0px;border: none;background: url(../img/pyt2.jpg) center center no-repeat;background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
.cjimg2:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg2 img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }

.cjimg3{width: 100%;max-width: 1500px;display: block;cursor: pointer;margin: 125px auto 0px;background: url(../img/pyt3.jpg) center center no-repeat;background-size: auto 100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out; }
.cjimg3:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg3 img{width: 100%;opacity: 0; }

.cjimg4{width: 100%;max-width: 1500px;display: block;margin: 125px auto 0px;background: url(../img/pyt4.jpg) center center no-repeat;background-size: auto 100% ; }
.cjimg4:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg4 img{width: 100%;opacity: 0; }

.cjimg5{width: 100%;max-width: 1500px;display: block;margin: 125px auto 0px;background: url(../img/pyt5.jpg) center center no-repeat;background-size: auto 100% ; }
.cjimg5:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg5 img{width: 100%;opacity: 0; }

.cjimg6{width: 100%;max-width: 1500px;display: block;margin: 125px auto 0px;background: url(../img/pyt6.jpg) center center no-repeat;background-size: auto 100% ; }
.cjimg6:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
.cjimg6 img{width: 100%;opacity: 0; }

.cjtl{position: relative;display: inline-block;width: auto;text-align: center;font-size: 21px;font-weight: 400;margin: 33px 33px 10px;color: rgba(67,67,67,0.8); }.cjtl p{font-size: 27px;font-weight: 900;color: rgba(62,62,62,0.44);margin-bottom: 0; text-align: left}.cjtls{position: relative;display: inline-block;width: 90%;max-width: 333px;text-align:center;font-size: 21px;font-weight: 400;margin: 15px 15px 0px;color: rgba(67,67,67,0.8); }.cjtls p{font-size: 18px;font-weight: 400;color: rgba(67,67,67,0.91);margin-bottom: 0; }.cjtl h5{font-size: 15px;font-weight: 400;color: rgba(67,67,67,0.8);margin-top: 0; }.cjdescrip{display: inline-block;width: 100%;max-width: 800px;margin: 15px 15px 0px;text-align: center;font-size: 17px;font-weight: 400;letter-spacing: 1px;color: rgba(67,67,67,0.8); }.cjdescrips{display: inline-block;width: 95%;max-width: 234px;margin: 15px 15px 0px;text-align: left;font-size: 17px;font-weight: 400;letter-spacing: 1px;color: rgba(67,67,67,0.8); }

.btver0, .btver1, .btver2, .btver3, .btver4, .btver5, .btver6, .btver7, .btver8, .btver9  {
    color: rgba(255,60,0,1.00);
    text-align: right;
    letter-spacing: 0px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-osx-transition: 0.3s all ease-in-out;
    cursor: pointer;
}
nav{
    transition: 0.6s all ease-in-out;
    -webkit-transition: 0.6s all ease-in-out;
    -moz-osx-transition: 0.6s all ease-in-out;
}
.btver0:hover, .btver1:hover, .btver2:hover, .btver3:hover, .btver4:hover, .btver5:hover, .btver6:hover {letter-spacing: 3px; }.logsqs {display: inline-block;transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -moz-osx-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out;opacity: 1; }.logsqs img{width: 110px;height: auto;cursor: pointer;display: inline-block;transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -moz-osx-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out;margin: 10px; }.logsqs img:hover{width: 130px;margin: 0px; -webkit-filter: brightness(200%) saturate(130%);filter: brightness(200%) saturate(130%); }#sectionM{display: none; }#section1{display: block; } 

 .cjimg0m{display: none;}   .cjimg1m{display: none;}  .cjimg2m{display: none;} .cjimg3m{display: none;} .cjimg4m{display: none;} .cjimg5m{display: none;} .cjimg6m{display: none;}
 

@media screen and (max-width: 920px) 
{.logtr  { width: auto; height: 55; max-height: 55px;}
	.cjtl{ width: 100%; width: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 5px}
	
 .cjimg0, .cjimg1, .cjimg2, .cjimg3, .cjimg4, .cjimg5, .cjimg6{display: none;} 
 .cjimg0m{width: 100%;max-width: 850px;display: block; margin: 22px auto 0px; padding:  0px; border: none; background: url(../img/pyt0m.jpg) center center no-repeat;background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
 .cjimg0m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg0m img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }
	 
 .cjimg1m{width: 100%;max-width: 850px;display: block; margin: 22px auto 0px; padding:  0px; border: none; background: url(../img/pyt1m.jpg) center center no-repeat;background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
 .cjimg1m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg1m img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }
	
 .cjimg2m{width: 100%;max-width: 850px;display: block; margin: 22px auto 0px; padding:  0px; border: none; background: url(../img/pyt2m.jpg) center center no-repeat;background-size: auto  100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;cursor: pointer; }
 .cjimg2m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg2m img{width: 100%;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }
	
 .cjimg3m{width: 100%;max-width: 850px;display: block;cursor: pointer;margin: 22px auto 0px;background: url(../img/pyt3m.jpg) center center no-repeat;background-size: auto 100% ;transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out; }
 .cjimg3m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg3m img{width: 100%;opacity: 1; }
	
 .cjimg4m{width: 100%;max-width: 850px;display: block;margin: 22px auto 0px;background: url(../img/pyt4m.jpg) center center no-repeat;background-size: auto 100% ; }
 .cjimg4m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg4m img{width: 100%;opacity: 1; }
	
 .cjimg5m{width: 100%;max-width: 850px;display: block;margin: 22px auto 0px;background: url(../img/pyt5m.jpg) center center no-repeat;background-size: auto 100% ; }
 .cjimg5m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg5m img{width: 100%;opacity: 1; }

.cjtlog{width:  100%; margin: 11px auto}
	
	.cjimg6m{width: 100%;max-width: 850px;display: block;margin: 22px auto 0px;background: url(../img/pyt6m.jpg) center center no-repeat;background-size: auto 100% ; }
 .cjimg6m:hover{-webkit-filter: saturate(1.1) brightness(105%);filter: saturate(1.1) brightness(105%);}
 .cjimg6m img{width: 100%;opacity: 1; }
 .cerrare  {top: 9px; right: 10px; }
 
 .cjslog{width: 95%; padding: 0.1%; overflow: hidden; }

 .cjslog img{max-width: 430px;}
.cjsloga, .cjslogb, .cjslogc {width: 50.05%;}

 .cjsloga img, .cjslogb img, .cjslogc img {max-width: 330px;}
 .cjdescrip{width: 95%;max-width: 95% ;margin-left: auto; margin-right: auto; text-align: center; font-size: 19px; margin-top: 22px;}
	.cjdescrip img {width: 111px; margin-left: auto; margin-right: auto; text-align: center;}
	.cjtl p {font-size: 22px;}
 .vermasito {display: block; width: 88px; margin-left: auto;}
 .vermasito img {width: 0%}
.pape {margin-top:20px; margin-bottom: 0px; }	
.cjslog-1{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/1r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-1 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-1:hover img{opacity: 0}
.cjslog-2{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/2r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-2 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-2:hover img{opacity: 0}
.cjslog-3{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/3r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-3 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-3:hover img{opacity: 0}
.cjslog-4{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/4r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-4 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-4:hover img{opacity: 0}
.cjslog-5{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/5r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-5 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-5:hover img{opacity: 0}
.cjslog-6{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/6r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-6 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-6:hover img{opacity: 0}
.cjslog-7{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/7r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-7 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-7:hover img{opacity: 0}
.cjslog-8{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/8r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-8 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-8:hover img{opacity: 0}
.cjslog-9{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/9r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-9 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-9:hover img{opacity: 0}
.cjslog-10{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/10r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-10 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-10:hover img{opacity: 0}
.cjslog-11{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/11r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-11 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-11:hover img{opacity: 0}
.cjslog-12{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/12r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-12 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-12:hover img{opacity: 0}
.cjslog-13{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/13r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-13 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-13:hover img{opacity: 0}
.cjslog-14{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/14r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-14 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-14:hover img{opacity: 0}
.cjslog-15{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/15r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-15 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-15:hover img{opacity: 0}
.cjslog-16{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/16r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-16 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-16:hover img{opacity: 0}
.cjslog-17{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/17r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-17 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-17:hover img{opacity: 0}
.cjslog-18{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/18r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-18 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px; }
.cjslog-18:hover img{opacity: 0}
.cjslog-19{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/19r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-19 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslog-19:hover img{opacity: 0}
.cjslog-20{width: 23.45%; max-width: 250px; height: auto; max-height: 250px; margin: 2px;padding: 0px;text-align: center; display: inline-block; background: url("../img/20r-pyts.jpg") top center no-repeat;background-size: 100% auto;cursor: pointer}
.cjslog-20 img{width: 100%; height:auto; max-width: 250px; max-height: 250px; transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; -moz-osx-transition: 0.7s all ease-in-out;margin: 0px; padding: 0px;}
.cjslog-20:hover img{opacity: 0}
.cjslog-21{display: none}

.cjbig {margin-top: 0; padding: 0; margin-bottom: 10px; }
	
} 
.cjtodo{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    display: table;
    background: url(../images/preloader.gif) no-repeat center center;
    background-size: auto;
} .cajauno{
    vertical-align: bottom;
    text-align: right;
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 50%;
    top: 0%;
    left: 0%;
    margin: 0px auto auto 0px;
    overflow: hidden;
    background-color: #ff3c00;
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-osx-transition: 0.8s all ease-in-out;
    opacity: 0;
} .cajados{width: 50%; height: 50%; position:absolute; z-index: 0; top: 0%; right: 0%; margin: 0px auto auto 0px; overflow: hidden; background-color: rgba(255,255,255,1.00); transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; opacity: 0; } .cajatres{width: 50%; height: 50%; position:absolute; z-index: 0; bottom: 0%; left: 0%; margin: 0px auto auto 0px; overflow: hidden; background-color: rgba(255,255,255,1.00); transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; opacity: 0; } .cajacuatro{
    width: 50%;
    height: 50%;
    position: absolute;
    z-index: 0;
    bottom: 0%;
    right: 0%;
    margin: 0px auto auto 0px;
    overflow: hidden;
    background-color: #ff3c00;
    transition: 0.9s all ease-in-out;
    -webkit-transition: 0.9s all ease-in-out;
    -moz-osx-transition: 0.9s all ease-in-out;
    opacity: 0;
} .texpym, .texcyc, .texiym{width: 300px; height: auto; position:absolute; z-index: 1; top: 50%; left: 50%; overflow: hidden; transition: 0.9s all ease-in-out; -webkit-transition: 0.9s all ease-in-out; -moz-osx-transition: 0.9s all ease-in-out; font-size: 22px; color: rgba(147,147,147,1.00); font-weight: 100; letter-spacing: 1px; opacity: 0; } .texpym{margin: -40px auto auto -150px; text-align: right; color: rgba(147,147,147,1.00); } .texiym{margin: -60px auto auto -140px; text-align: left; color: rgba(147,147,147,1.00); } .texcyc{margin: -90px auto auto -150px; text-align: right; color: rgba(255,255,255,0.7); } .texpym strong, .texiym strong{font-size: 27px; color: rgba(62,62,62,0.8); } .texcyc strong{color: rgba(255,255,255,1); } .cajaunos{ position:absolute; z-index: 7; width: 50%; height: 50%; top: 0px; left: 0px; cursor: pointer; margin: 0px auto auto 0px; overflow: hidden; background-color: transparent; background-image: url(../images/cycr.svg); background-size: 0px auto; background-position: bottom right; background-repeat: no-repeat; transition: 1.1s all ease-in-out; -webkit-transition: 1.1s all ease-in-out; -moz-osx-transition: 1.1s all ease-in-out; } .cajaunos:hover ~ .bolados{transform: rotate(-45deg)} .cajaunos:hover ~ .bolatres{transform: rotate(-45deg)} .cajaunos:hover ~ .bolauno{width: 350px; height: 350px; margin: -175px auto auto -175px; background-color: rgba(0,0,0,0.2); } .cajadose {
	position: absolute;
	z-index: 7;
	width: 50%;
	height: 50%;
	top: 0px;
	right: 1px;
	cursor: pointer;
	margin: 0px auto auto 0px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../images/iymr.svg);
	background-size: 0px auto;
	background-position: bottom left;
	background-repeat: no-repeat;
	transition: 1.1s all ease-in-out;
	-webkit-transition: 1.1s all ease-in-out;
	-moz-osx-transition: 1.1s all ease-in-out;
} .cajadose:hover ~ .bolados{transform: rotate(45deg)} .cajadose:hover ~ .bolatres{transform: rotate(45deg)}.cajadose:hover ~ .bolauno{width: 350px; height: 350px; margin: -175px auto auto -175px; background-color: rgba(0,0,0,0.4); } .cajatrese{position:absolute; z-index: 7; width: 50%; height: 50%; bottom: 0px; left: 0px; cursor: pointer; margin: 0px auto auto 0px; overflow: hidden; background-color: transparent; background-image: url(../images/pymr.svg); background-size: 0px auto; background-position: top right; background-repeat: no-repeat; transition: 1.1s all ease-in-out; -webkit-transition: 1.1s all ease-in-out; -moz-osx-transition: 1.1s all ease-in-out; } .cajatrese:hover ~ .bolatres{transform: rotate(-135deg)} .cajatrese:hover ~ .bolados{transform: rotate(-135deg)}.cajatrese:hover ~ .bolauno{width: 350px; height: 350px; margin: -175px auto auto -175px; background-color: rgba(0,0,0,0.3); } .cajacuatros{position: absolute; z-index: 7; width: 50%; height: 50%; bottom: 0px; right: -9px; cursor: pointer; margin: 0px auto auto 0px; overflow: hidden; background-color: transparent; background-image: url(../images/proyectos.svg); background-size: 0px auto; background-position: top left; background-repeat: no-repeat; transition: 1.1s all ease-in-out; -webkit-transition: 1.1s all ease-in-out; -moz-osx-transition: 1.1s all ease-in-out; } .cajacuatros:hover{
    background-image: url(../images/proyectosr.svg);
    background-size: 0px auto;
    background-position: top left;
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-osx-transition: 0.4s all ease-in-out;
} .cajacuatros:hover ~ .bolados{transform: rotate(135deg)} .cajacuatros:hover ~ .bolatres{transform: rotate(135deg)} .cajacuatros:hover ~ .bolauno{width: 350px; height: 350px; margin: -175px auto auto -175px; background-color: rgba(0,0,0,0.2); } .bolappd{
    position: absolute;
    z-index: 1;
    width: 1500px;
    height: 1500px;
    bottom: -1342px;
    left: 546px;
    border-radius: 2500px;
    margin: auto auto -220px -750px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.03);
    background-size: 110%;
    transition: 1.5s all ease-in-out;
    -webkit-transition: 1.5s all ease-in-out;
    -moz-osx-transition: 1.5s all ease-in-out;
} .bolappdbisca{position:absolute; z-index: 1; width: 1500px; height: 1500px; bottom: 50%; right: -300%; border-radius: 2500px; margin: auto -220px -750px auto; overflow: hidden; background-color: rgba(0,0,0,0.03); background-size: 110%; transition: 2s all ease-in-out; -webkit-transition: 2s all ease-in-out; -moz-osx-transition: 2s all ease-in-out; } .bolappdbis{position:absolute; z-index: 1; width: 1500px; height: 1500px; top: -300%; left: 50%; border-radius: 2500px; margin: -220px auto auto -750px; overflow: hidden; background-color: rgba(0,0,0,0.03); background-size: 110%; transition: 1.5s all ease-in-out; -webkit-transition: 1.5s all ease-in-out; -moz-osx-transition: 1.5s all ease-in-out; } .bolappdbisco{position:absolute; z-index: 1; width: 1500px; height: 1500px; top: 50%; left: -300%; border-radius: 2500px; margin: -750px auto auto -220px ; overflow: hidden; background-color: rgba(0,0,0,0.03); background-size: 110%; transition: 2s all ease-in-out; -webkit-transition: 2s all ease-in-out; -moz-osx-transition: 2s all ease-in-out; } .bolauno{position:absolute; z-index: 10; width: 0; height: 0; top: 50%; left: 50%; border-radius: 300px; margin: 0px auto auto 0px; overflow: hidden; background-color: rgba(0,0,0,0.1); transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; } .bolados{position:absolute; z-index: 11; width: 0px; height: 0px; top: 50%; left: 50%; border-radius: 300px; margin: 0px auto auto 0px; overflow: hidden; background-color: rgba(255,0,61,0); background: url(../images/fondo03.svg) center; background-size: 100%; transform: rotate(-180deg); transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; } .bolatres{position:absolute; z-index: 12; width: 0px; height: 0px; top: 50%; left: 50%; border-radius: 300px; margin: 0px auto auto 0px; overflow: hidden; background-color: rgba(6,6,6,1); background: url(../images/fondo04.svg) center; background-size: 100%; transform: rotate(-180deg); transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; -moz-osx-transition: 1s all ease-in-out; } .bolamarca{position:absolute; z-index: 13; width: 0px; height: 0px; top: 50%; left: 50%; border-radius: 300px; margin: 0px auto auto 0px; overflow: hidden; cursor: pointer; background-color: rgba(6,6,6,0); background: url(../images/fondo05.svg) center; background-size: 100%; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; } .bolamarca:hover{background-size: 110%; } .bolamarca:hover ~ .bolados{width: 100px; height: 100px; margin: -165px auto auto -165px; } 

.cjtodox{ position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; max-width:100%; max-height:100%; background:url(../images/preloader.gif) no-repeat center center; background-size: auto; display: none; vertical-align: bottom; transition: 0.9s all ease-in-out; -webkit-transition: 0.9s all ease-in-out; -moz-osx-transition: 0.9s all ease-in-out;}  .cajauno img { cursor: pointer; position: absolute; width: 144px; height: auto; bottom: 0px; top: auto; right: 0px; left: auto; padding: 0; margin-top: auto; margin-bottom: 0px; margin-left: auto; margin-right: 0px; vertical-align: bottom} 
.cajados img { cursor: pointer; position: absolute; width: 144px; height: auto; bottom: 0px; top: auto; right: auto; left: 0px; padding: 0; margin-top: auto; margin-bottom: 0px; margin-left: auto; margin-right: 0px; vertical-align: bottom} .cajatres img { cursor: pointer; position: absolute; width: 144px; height: auto; bottom: auto; top: 0px; right: 0px; left: auto; padding: 0; margin-top: 0px; margin-bottom: auto; margin-left: auto; margin-right: 0px; vertical-align: bottom}   .cajacuatro img { cursor: pointer; position: absolute; width: 144px; height: auto; bottom: auto; top: 0px; right: auto; left: 0px; padding: 0; margin-top: 0px; margin-bottom: auto; margin-left: 0px; margin-right: auto; vertical-align: bottom} 

.boladosx{
    position: absolute;
    z-index: 11;
    background-color: rgba(255,255,255,1.00);
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    border-radius: 222px;
    margin: -100px auto auto -100px;
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-osx-transition: 0.8s all ease-in-out;
    cursor: default;
} .bolamarcax{position:absolute; z-index: 13; width: 222px; top: 50%; left: 50%; border-radius: 500px; margin: -111px auto auto -111px; overflow: hidden; cursor: pointer; transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; } .bolamarcax img{ width: 222px;  transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; }
 .bolamarcax img{ width: 222px;  transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -moz-osx-transition: 0.8s all ease-in-out; }
.ka01 { z-index: 16; position: absolute; background-color:rgba(255,255,255,1.00); top: 100%; left:100%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; margin: 0px;  padding: 0px; text-align: center; transition: 0.9s all ease-in-out; -webkit-transition: 0.9s all ease-in-out; -moz-osx-transition: 0.9s all ease-in-out;} .ka01 img { position: relative; height: 234px; margin: -157px auto auto auto; top: 50%; cursor: pointer;} 
.kb02 {
    z-index: 16;
    position: absolute;
    background-color: #000000;
    top: -100%;
    left: 100%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    text-align: center;
    transition: 0.9s all ease-in-out;
    -webkit-transition: 0.9s all ease-in-out;
    -moz-osx-transition: 0.9s all ease-in-out;
} .kb02 img { position: relative; height: 234px; margin: -157px auto auto auto; top: 50%; cursor: pointer;} 
.kc03 { z-index: 16; position: absolute; background-color:rgba(255,255,255,1.00); top: -100%; left: -100%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; margin: 0px;  padding: 0px; text-align: center; transition: 0.9s all ease-in-out; -webkit-transition: 0.9s all ease-in-out; -moz-osx-transition: 0.9s all ease-in-out;} .kc03 img { position: relative; height: 234px; margin: -157px auto auto auto; top: 50%; cursor: pointer;} 
 @media screen and (max-width: 920px) { 
 .cjtodo{display: none; }  .cjtodox{display: table; }  
 .cajauno{
    background-color: #000000
} 
  .cajacuatro{
    background-color: #000000
}  
  .bolados{ width: 50%}
   }