@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url(https://fonts.googleapis.com/css?family=Oswald&display=swap);  @import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');  @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');   *{ margin:0; padding:0; border:0; } body { font-family: 'Quicksand', sans-serif; font-size:16px;  line-height:20px; font-weight: normal; letter-spacing:1px; color:#000000; background-color:#333333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow-x: hidden; } html, body {  overflow-x:hidden } a { outline: none; text-decoration:none; */ } a:hover { } .Clear { clear:both; } .overflow{ overflow:hidden; } .container { width: 100%; position: relative; padding-top:170px; padding-bottom:10px; } .container2 { width: 100%; position: relative; padding-top:60px; } .containerLanding { width: 100%; position: relative; padding-top:0px; padding-bottom:0px; } .containerLandingNos{ width: 100%; position: relative; padding-top:0px; padding-bottom:0px; background-color:#333333; padding-bottom:100px; background-image:url(/varios/imagenes_sis/template/NosotrosFondo.jpg); background-repeat: no-repeat; background-position:right top } .containerLandingAlecop{ width: 100%; position: relative; padding-top:0px; padding-bottom:0px; background-color:#333333; padding-bottom:100px; background-image:url(/varios/imagenes_sis/template/alecopfondo.jpg); background-repeat: no-repeat; background-position: right top; } .main,.mainTot { width: 1099px; margin: 0 auto; position: relative; height:auto; } .Cartel { font-family: 'Roboto Condensed', sans-serif; font-size:16px; width: 100%; margin: 0 auto; height:auto; padding:40px 0px 400px 0px; text-align:center; } .Cartel img { width: 30%; margin:auto; display:inline; } .MLCartel { width: 100%; margin: 0px auto; background-color:#FEE600; } .MLCartel img { width: 100%; margin:0px auto; display:inline; } #column1 { float:left; width: 69.5%; margin-right:0.5%; } #column2 { float:left; width: 30%; } .Separador_10 {width:auto; margin: 0px auto; height:10px;} .Separador_20 {width:auto; margin: 0px auto; height:20px;} .Separador_30 {width:auto; margin: 0px auto; height:30px;} .Separador_50 {width:auto; margin: 0px auto; height:50px;} .Separador_60 {width:auto; margin: 0px auto; height:60px;} .Separador_70 {width:auto; margin: 0px auto; height:70px;} .Separador_80 {width:auto; margin: 0px auto; height:80px;} .Separador_90 {width:auto; margin: 0px auto; height:90px;} .Separador_100 {width:auto; margin: 0px auto; height:100px;} .scrollTop{ background:#333333;border:1px #ffffff solid;background-image:url(/varios/imagenes_sis/template/scrollTop_blanco.png); display:none; position:fixed; bottom:0; right:0; width:50px; height: 50px; text-align:center; line-height:50px; color:#000000; cursor:pointer; margin-right:20px; margin-bottom:22px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -moz-border-radius: 50%; border-radius: 50%; z-index:600; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); }   .headerContent { width: 100%; height: 150px; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; z-index:100; background-image:url(/varios/imagenes_sis/template/header_background.jpg); -webkit-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); background-color:#000000; } .header { width: 1100px; margin:0 auto; height: 150px; top: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; } .header LogoTxt, .header LogoTxtPop { display: inline=block; line-height:150px; float: left; margin-left:0px; font-family: 'Open Sans', sans-serif; letter-spacing:1px; color:#000000; font-size:60px; margin-right:5px; font-weight: 400; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #menuSwipe { display:none; } .header BotLeft, .header BotRight { margin-left:0px; height:150px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header BotLeft { float: left; } .header BotRight { float: right; } .BotonL, .BotonR{ float:left; position: relative; transform: translateY(-50%); top: 50%; width:25px; height:25px; padding: 6px 6px 6px 6px; cursor:pointer; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; } .BotonRTxt{ font-family: 'Roboto Condensed', sans-serif; font-size:18px; letter-spacing:1px; text-align:center; color:#D3EDF8; line-height:30px; float:left; position: relative; transform: translateY(-50%); top: 50%; min-width:100px; height:30px; padding: 0px 6px 0px 6px; cursor:pointer; margin-right:11px; } .BotonRTxt:hover{ color:#ffffff; } .BotonR{ margin-left:5px; } .BotonL:hover, .BotonR:hover{ background-color:#34A0DF; } .BotonL img, .BotonR img{ display: inline=block; width:100%; display:inline; } .header Logotipo{ display: inline=block; float: left; margin-right:5px; } .header.smaller Logotipo{ height: 56px; } .header Logotipo img{ height:130px; margin-top:10px; display:inline; max-width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header.smaller Logotipo img { margin-top:-13px; height:85px; transform: translateY(0%); } .header BuscaHeader { display: inline=block; width:80%; height:150px; line-height:150px; float: left; margin: 0; margin-left:0px; left:0px; right:0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header input{ font-family: 'Roboto Condensed', sans-serif; padding-top:0px; font-size:60px; height:70px; transform: translateY(+25%); top: 50%; width:100%; border-bottom: 1px #333333 solid; background-color:#383F42; color:#FA4105; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:0px; background: inherit; background-color:transparent; } .BuscCampo{ border:none; } #BusPad{ width: 100%; position: relative; margin-top:150px; padding-bottom:0px; position:fixed; z-index:2; z-index:888; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height:100%; display:none; } #BusPad2{ height:auto; max-height:200px; padding-bottom:200px; overflow: auto; overflow-x: hidden; background-color:#FA4105; -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); } #BusPad.smaller{ margin-top:56px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .BusPadRen01{ width:100%; border-bottom:1px #D33300 solid;  height:auto; padding-top:10px; padding-bottom:10px; } .BusPadRen01:hover{ background-color:#D33300; cursor:pointer; } .BusPadRen02{ width:auto; margin-left:3%; margin-right:3%; } .BusPadRenNom,.BusPadRenPrecioFin,.BusPadRenDato { float:left; font-family: 'Roboto Condensed', sans-serif; color:#ffffff; letter-spacing:1px; margin:0px; margin:0px; } .BusPadRenNom { width:322px; text-align:left; font-size:16px; } .BusPadRenPrecioFin { width:126px; text-align: right; font-size:14px; margin-top:3px; } .BusPadRenDato { width: autopx; text-align: left; font-size:11px; margin-top:6px; }  .header input::-webkit-input-placeholder { font-family: 'Roboto Condensed', sans-serif; color:#cccccc; font-size:40px; line-height:90px; } .header.smaller BuscaHeader { display: inline=block; height: auto; line-height:0px; } .header.smaller BotonL{ width:24px; height:24px; }  .header.smaller input{ font-size:30px; height:45px; transform: translateY(0%); top: 0%; } .header.smaller input::-webkit-input-placeholder { font-size:25px; line-height:40px; } .header.smaller { height: 56px; } .headerContent.smaller { background-image:none; height: 56px; -webkit-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75) } .headerContent.Opaco { background-image:none; background-color:#F5F5F5; }  .header.smaller h1#logo { width: 150px; height: 56px; font-size: 30px; } .header.smaller LogoTxt, .header.smaller LogoTxtPop { line-height:56px; font-size:18px; } .header.smaller BotLeft { height:56px; } .header.smaller BotRight { height:56px; } .header Nav_Menu { display: inline=block; float: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height:150px; } .Nav { list-style:none; margin:0 0 0 0; padding:0 0 0 0; float: left; position: relative; transform: translateY(-50%); top: 50%; height:24px; }  .Nav_1 { font-family: 'Quicksand', sans-serif; font-size:14px;  color:#FFFFFF; cursor:pointer; padding: 3px 7px 10px 7px;  font-weight:bold;   transition: all 0.5s ease; } h1{ font-size:16px; } .Nav_1.scrool,.Nav_1 a.scrool {   transition: none; color:#61C5FF; background-image:url(/varios/imagenes_sis/template/bajomenu.png); background-position: top 33px center; background-color:transparent; background-repeat:no-repeat; padding-bottom:30px; } .Nav_1 a{ color:#FFFFFF; font-size:16px; border-bottom:none; } .Nav_1:hover, .Nav_1 a:hover { color:#61C5FF; transform: translate(0px,-3px); } .Nav_Sub { height:40px; line-height:40px; left:0px; font-family: 'Quicksand', sans-serif; font-size:14px;  color:#ffffff;   padding: 0px 12px 0px 12px; border-bottom:1px #468EB8 solid; } .Nav_Sub:hover { -webkit-transition: all 0.5s ease; transition: all 1s ease; background-color:#0F7AB8; } .Nav_1ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0; background-color:#34A0DF; -webkit-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.75); margin-top:10px; } .Nav_1ul a{ outline: none; text-decoration:none; } .Nav > li { float: left; } .Nav li ul { display:none; position:absolute; min-width:200px; } .Nav li:hover > ul { display:block; } .Nav li ul li { position:relative; } .Nav li ul li ul { right:-200px; top:0px; } .header.smaller Nav_Menu{ height:56px; } .header.smaller SocialDivHeader{ display:none; }  .NoCel{display:block;} #SoloCel{display:none;}  .Loader,.LoaderCall{display:none;z-index:10000}.LoaderFondo,.LoaderCallFondo{position:fixed;top:0;left:0;width:100%;height:100%;padding:16px;color:#333;overflow:auto;z-index:10000}.Loading51{float:left;height:60px;width:60px;padding:10px}.Loading51 img{width:100%}.LoaderFondo{background-color:#000;opacity:.3;filter:alpha(opacity=30)}.spinner{margin:100px auto;width:50px;height:30px;text-align:center;font-size:10px;width:80px;height:80px;position:relative;position:fixed;margin:-40px 0 0 -40px;left:50%;top:50%;z-index:10001}.spinner > div{background-color:#FFF;height:100%;width:8px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}   .puntillas { width:auto 0px; height:55px; background-image:url(/varios/imagenes_sis/template/Puntillas.png); background-repeat:repeat-x;  } .footer { background-color:#000000; background-image:url(/varios/imagenes_sis/template/header_background.jpg); width:auto; margin:0 auto; overflow:hidden; height:2000px; height:auto; } .footerTot { background-color:#F2F2F2; Padding-bottom:0px; padding:10px 0px 30px 0px; overflow:hidden; } .footerHeader { background-color:#F2F2F2; Padding-bottom:0px; background-image:url(/varios/imagenes_sis/template/footerHeader.jpg); background-repeat:no-repeat; background-position:right; padding:0px; overflow:hidden; height:59px; } .footerDatos { padding:10px 0px 100px 0px; text-align:center; overflow:hidden; } .footer00{ width: auto; margin: 0px 1.6% 0px 1.6%; } .footerTot a{ color:#000000; border-bottom:#000000 1px dotted; } .footerTot a:hover{ color: #F94105; border-bottom:#F94105 1px dotted; } #footerLinks{ font-size:16px; color:#ffffff; padding-bottom:30px; } #footerLinks a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-bottom:#ffffff 1px dotted; } #footerLinks a:hover{ color: #ffffff; border-bottom:#ffffff 1px dotted; } .footer01{ float:left; width:79%; margin-right:1%; } .footer02{ float:left; width:20%; }  .ImgSupHeader{ width:100%; margin:auto 0px; height:auto; padding-top:90px; margin-bottom:30px; background-color:#000; } .ImgSupHeader img{ width:100%; display:block; margin:auto; height:auto; } .BotMas { width:100px; margin:auto; height:45px; line-height:45px; text-align:center; color:#ffffff; background-color:#34A0DF; font-size:14px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; position:relative; bottom:-5px; cursor:pointer; } .BotMas:hover { color:#ffffff; background-color:#999999; } .c02Tit{ width:auto; margin: 0% 2% 0% 2%; font-family: 'Quicksand', sans-serif;  font-size:36px; color:#000000; text-align:center; padding-bottom:5px; padding-top:5px; line-height:45px; } .separLanding { width:100px; margin:auto; background-color:#F00; max-height:4px; } .c02TitBajoTxt{ width: auto; margin: 0px 1% 0px 1%; text-align:justify; height:auto; padding-bottom:60px; }  .BadgetAnuncioLista{ width: auto; margin: 0px 1% 0px 1%; text-align:justify; height:auto; background-color:#DFF2FE; border: 1px #CFEBFE solid; padding:30px 20px 30px 20px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } .BadgetAnuncioListaTxt { width: auto; margin:auto; text-align:justify; } .BadgetAnuncioLista li{ margin-left:15px; padding-bottom:5px; } .BadgetAnuncioInf{ position: relative; z-index:10; } .BadgetAnuncioInf img{ display:inline; position: absolute; top: -60px; left:-15px; width:55px; } .BadgetAnuncioInf02{ position: relative; cursor:pointer;  } .BadgetAnuncioInf02 img{ display:inline; position: absolute; top: -25px; right:25px; width:40px; transition: all 1s ease; } .BadgetAnuncioInf02 img:hover{ transform: translate(0px, -10px); }  .cajaTit{ background-image:url(/varios/imagenes_sis/template/LineaCaja.png); background-repeat: repeat-x; background-position: 0% 50%; width: auto; margin:0 auto; height:auto; align-items: center; display: flex; justify-content: center; } .cajaTitTxt{ max-width:70%; padding:8px; text-align:center; background-color:#ffffff; font-weight:bold; } @media screen and (max-width: 1050px) { .BadgetAnuncioInf img{ left:-5px; } .BadgetAnuncioInf02 img{ right:30px; } .BadgetAnuncioInf02 img:hover{ transform: translate(0px, 0px); } } @media screen and (max-width: 980px) { .footer { } } @media screen and (max-width: 768px) { body { font-size:18px; } .footer00{ margin: 0px 3% 0px 3%; } .footer01{ float:none; width:100%; margin-right:0px; } .footer02{ float: none; width:100%; } .BadgetAnuncio{ margin: 0px 3% 60px 3%; } .c02TitBajoTxt{ margin: 0px 3% 0px 3%; } } @media screen and (max-width: 400px) { .footerHeader { background-image:url(/varios/imagenes_sis/template/footerHeader320.jpg); background-repeat:no-repeat; background-position: left; } }   .Cartel2 { font-family: 'Roboto Condensed', sans-serif; font-size:16px; width: 100%; margin: 0 auto; height:auto; padding:0px 0px 0px 0px; text-align:center; } .Cartel2 img { width: 80%; margin:auto; display:inline; }  @media screen and (max-width: 1330px) { .Nav li ul li ul { right:215px; top:0px; } } @media screen and (max-width: 1150px) { .header { width: auto; margin-left:1.6%; margin-right:1.6%; } .header Nav_Menu{ display:none; } #menuSwipe { display:block; } }  @media screen and (max-width: 1024px) { .mainTot { width:auto; } } @media screen and (max-width: 980px) { body { } .menu{display:none;} #Submenu{display:block;} .header01, .header01X {height:66px;width:100%;padding-left:1.6%;padding-right:1.6%;} .headerCel01 { width:auto;padding-left:1.6%;padding-right:1.6%;} .logo { float:left; width: 89px; height:56px; cursor:pointer; background-image:url(../imagenes_sis/template/logo_b.png); top: 0px; }  .banner { margin-top:66px;}  #con02 { padding-top:70px; } #con04 {  min-height:900px; } .botonCelX{ margin-right:25px; } .insec02, .insec02Cerrar { width: 20%; }   a { font-size:20px; } .main { width:auto; padding: 0% 1.6% 0% 1.6%; } .mainTot { width:auto; }   .header BuscaHeader { width:82%; } .BotonL:hover, .BotonR:hover{ background-color: transparent; }   }  @media screen and (max-width: 768px) { .containerLandingNos{ width: 100%; position: relative; padding-top:0px; padding-bottom:0px; background-color:#333333; padding-bottom:100px; background-image:url(/varios/imagenes_sis/template/NosotrosFondo.jpg); background-repeat: no-repeat; background-position: left top } .insec02, .insec02Cerrar { width: 25%; } .ser02 { width: 50%; } .col01,.col0102{ width:100%; } .col0102{ text-align:left; } .colSep01-02{ display:none; }  .col02,.col0202{ width:100%; } .col0202{ padding-bottom: 0px; }  .logoHabi00{ width:100%; padding-top:0px; }  .tablita01{ float:left; width: 50%; } .contact01{ float:none; width:100%; } .contact02{ float: none; width:100%; } #con05 { min-height:1000px;}  .FooterIma02{ margin-left:5%; margin-right:5%; } .BannerIma02{ margin-left:5%; margin-right:5%; }  .tituloleyenda { text-align: center; } #con02 { background-position: left bottom; }  .Cartel img { width: 100%; } .header BuscaHeader { width:80%; }  .main { width:auto; padding: 0% 3% 0% 3%; }   } @media screen and (max-width: 736px) {   .header { height: 56px; } .BotonL, .BotonR{ width:24px; height:24px; }  .container { padding-top:56px; } .headerContent { background-image:none; background-color:#00000; height: 56px; } .header Logotipo{ height: 56px; } .header Nav_Menu{ height: 56px; } .ImgSupHeader{ padding-top:56px } .header Logotipo img { margin-top:4px; height:48px; margin-top:-13px; height:85px; transform: translateY(0%); } .header LogoTxt, .header LogoTxtPop { line-height:56px; font-size:18px; } .header BotLeft { height:56px; } .header BotCloseTxt { height:56px; } .header BotRight { height:56px; }  .header input{ font-family:Arial, Helvetica, sans-serif; font-size:30px; height:45px; transform: translateY(0%); top: 0%; width:100%; }  .header BuscaHeader { height: auto; line-height:0px; } .header input::-webkit-input-placeholder { font-size:25px; line-height:40px; } #BusPad{ margin-top:56px; }  #column1 { margin-right:0%; } #column1,#column2 { width: 100%; min-height:100px; } .NoCel{display:none;} #NoCel{display:none;} #SoloCel{display:block;}  } @media screen and (max-width: 700px) { .cursoImg { width:100%; }  } @media screen and (max-width: 650px) { .header01 {padding-right:3%;padding-left:3%;} .header01X {padding-right:3%;padding-left:3%;} .SubmenuBot{font-size:14px;height:35px;line-height:35px;} .WidgetImg li{ width: 25%; } .WidgetImg li01{ width: 33.333333%; } .WidgetImg li02{ width: 50%; } #Solocel{ display: block; } .leyenda2{ font-size:23px; color:#000000; } #con04 {  min-height:1000px; } .insec02, .insec02Cerrar { width: 33.3333333%; }   .header BuscaHeader { width:70%; }  } @media screen and (max-width: 660px) { .container2 { padding-top:0px; } } @media screen and (max-width: 480px) { .WidgetImg li02{ width: 100%; } .ser02 { width: 100%; } .ser03 img{ border-radius: 200px; -moz-border-radius:200px; } .ser04 { font-size:18px } .SubmenuBot{font-size:18px;height:40px;line-height:40px;} .titulo, .titulo2 { background:none; padding-left:0px; padding-right:0px; font-size:40px; } .tituloleyenda { float:none; font-size:24px;  width:auto; padding-top:0px; margin-top: -3px;  } .tablita01{ float:left; width: 100%; } .tablita02{ padding-left:0px; padding-right:0px; } .banner{ display:none } .BannerIma01{ display: block; } .col02 img{ width:100%; }  .logoHabi01{ width:100%; padding-top:20px; } .botonCelX{ margin-right:20px; } .insec02, .insec02Cerrar { width: 50%; } .header Logotipo{ } .BotonRTxt{ font-size:16px; color:#ffffff; border:0px #ffffff solid; min-width:70px; } .header LogoTxtPop{ display:none; } .header BuscaHeader { width:62%; }  } @media screen and (max-width: 330px) { .header BuscaHeader { width:50%; } .c02Tex,.c02Texb{ height:160px; } } nav { height: 100%; width: 290px; background-color: #ffffff; left: 0; top: 0; z-index: 2; position: fixed; overflow-y: auto; overflow-x: visible; transform: translate(-290px,0); z-index: 10000; -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.40); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.40); } .ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); display: none; z-index: 9000; } .SwipeMenuM00,.SwipeMenuLogin { width: auto; margin:auto 0px; height: auto; } .SwipeMenuM00{ width: auto; margin:auto 0px; height: auto; } .SwipeMenuLogin { width: auto; padding: 0px 0px 10px 10px; font-size:12px; height: auto; color:#666666; } .SwipeMenuSep{ height:2000px; display:none; } .SwipeMenuM00 span{ font-family: 'Open Sans', sans-serif; padding:0px 10px 0px 2px; font-weight:bold; float:right; font-size:18px; width:20px; } .SwipeMenuM00 span img{ width:100%; vertical-align: middle; } .SwipeMenuM02,.SwipeMenuM03,.SwipeMenuM04,.SwipeMenuM05,.SwipeMenuM06{ padding-left:5px; } .SwipeMenuM01{ padding-left: 10px; } .SwipeMenuM01,.SwipeMenuM02,.SwipeMenuM03,.SwipeMenuM04,.SwipeMenuM05,.SwipeMenuM06{ font-family: 'Open Sans', sans-serif; font-family: 'Roboto Condensed', sans-serif; cursor:pointer; color:#161616; font-size:16px; width: auto; margin:auto 0px; height:50px; line-height:50px; border-bottom:1px solid #D7D7D7; text-shadow:none; background-color:#ffffff; } .SwipeMenuSelec {  border-left: 4px #FF2020 solid; } .SwipeMenuM02{ margin-left:20px; } .SwipeMenuM03{ margin-left:40px; } .SwipeMenuM04{ margin-left:60px; } .SwipeMenuM05{ margin-left:80px; } .SwipeMenuM06{ margin-left:100px; } .SwipeMenuLogoCont { width: autopx; margin:0 auto; background-color:#000000; cursor:pointer; } #navClose{ position:absolute; cursor:pointer; } .SwipeMenuLogo { width: 250px; margin-left:20px; padding: 40px 0px 40px 0px; } .SwipeMenuLogo img { width: 100%; display: block; } .SwipeMenuM01:hover,.SwipeMenuM02:hover,.SwipeMenuM03:hover,.SwipeMenuM04:hover,.SwipeMenuM05:hover,.SwipeMenuM06:hover{ background-color:#F5F5F5; }.menuMas01{ position: absolute; margin-top:-6px; margin-top:2px; width:200px; height:300px;  background-color:#FEF037; display:none; -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); z-index:10000; } .window{ width:100%; position:absolute; top:0px; overflow:auto; height:100%; background-color:#F20000 -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.75); overflow-x: hidden; } .window img { float:left; width:20px; height:20px; margin-top:13px; margin-right:3px; } p,p.disabled{ font-family: 'Roboto Condensed', sans-serif; font-size:16px;  color:#212121; width:200px; margin: 0px auto; height:47px; line-height:47px; padding-left:15px; text-align:left; } p:hover { background-color:#D7C90E; color:#000000; }  p.divisor { background: #535152; height:1px; }   p.disabled { color:#C9C9C7; cursor:default; }  p.MenuMastitulo { cursor:default; }   p.disabled:hover, p.MenuMastitulo:hover { background-color: #FEF037; } .menuMasShare,.menuMasShareLang{ position: absolute; margin-top:20px; right:0px; width:40px; height:auto; display:none; z-index:10000; } .menuMasShare,.menuMasShareLang a{ border: none; }  .menuMasShare img{ position:relative; width:100%; height:auto; display:inline; margin: 5px 0px 0px 0px; -webkit-filter: grayscale(100%);filter: grayscale(100%); } .menuMasShare img:hover{ -webkit-filter:-webkit-filter: grayscale(0%);filter: grayscale(0%); } .menuMasShareLang img{ position:relative; width:100%; height:auto; display:inline; margin: 5px 0px 0px 0px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 2px solid #ffffff; background-color:#ffffff; }   @media screen and (max-width: 1330px) { .menuMas01{ right:0px; } }.ModNotiContent{ width:auto; margin-left:1%; margin-right:1%; } .ModNoti_2, .ModNoti_Active { width:100%; border-bottom: 1px #999999 dotted; padding-bottom:5px; height: auto; padding-top: 5px; padding-right:5px; } .ModNotiVer{ width:100%; height: auto; padding-top: 15px; padding-right:5px; } .ModNotiBanner{ width:100%; margin:0 auto; padding:0px; background-color:#333333; margin-top:8px; } .ModNotiBanner img{ width:100%; display:block; }  .ModNoti:hover, .ModNoti_2:hover, .ModNoti_Active:hover { background-color: #E1E1E1; background-color:#F2F2F2; cursor:pointer; } .ModNoti_2 { background-color: rgba(255,255,255,0.1); } .ModNoti_Active { background-color: rgba(255,204,127,0.4); } .ModNotiAvatar { float:left; width:17%; padding-right: 12px; } .ModNotiAvatar img{ width:100%; background-color:#e1e1e1; padding: 5px; } .ModNotiTexPrima{ width: 0 auto; height: auto; text-align:justify; } .ModNotiTexPrima p{ width: 100%; margin:0 auto; line-height:normal; height:inherit; padding:0px; text-align:justify; } .ModNotiTexPrima p:hover{ background-color:#FFFFFF; } .ModNotiTexPrima ol{ padding-left:25px; } .ModNotiTexPrima ul{ padding-left:25px; } .ModNotiTexPrima img{ width:25%; float:left; padding-right: 10px; padding-bottom: 10px; } .ModNoti { float:left; width:46%; border-bottom: 1px #999999 dotted; padding-bottom:5px; min-height:300px; padding-top: 5px; margin: 0 1% 0 1%; padding: 20px 1% 0 1%; position: relative; } .NotiBot { position: absolute; bottom:15px; left: 0; right: 0; margin: auto; } .ModNotiTex, .ModNotiTexVer { float:left; width:100%;  height: auto; } .ModNotiTex img{ float:left; width:30%; margin: 0 10px 10px 0; } .ModNotiTexVer img{ float:left; width:20%; margin: 0 10px 10px 0; } .ModNotiTexTit { font-size:20px; font-weight:normal; font-weight:bold;  color:#34A0DF; padding-bottom:3px; }  .ModNotiTexTit2 { font-size: 22px; font-weight: bold; line-height:25px; } .ModNotiTexBy { font-size: 13px; color: #452874; text-align:left; font-style:italic; padding-bottom:5px; } .ModNotiTexIntro { font-size: 16px; text-align:left; font-style:italic; } .ModNotiTexTit2,.ModNotiTexIntro{ color: #333333; text-align : justify; } .ModNotiTexTit,.ModNotiTexTit2,.ModNotiTexBy,.ModNotiTexIntro{ width:100%; } @media screen and (max-width: 1050px) { .ModNoti{ width:96%; min-height:250px; } .ModNotiTex img, .ModNotiTexVer img{ width:20%; margin: 0 10px 10px 0; } .ModNotiContent{ width:auto; margin-left:3%; margin-right:3%; } } @media screen and (max-width: 980px) { .ModNotiAvatar { width:15%; } .ModNotiTexPrima img{ width:30%; } } @media screen and (max-width: 768px) { .ModNoti, .ModNoti_2, .ModNotiVer { padding-right:0px; padding-left:0px; } .ModNotiAvatar { display:none; } .ModNotiTexIntro,.ModNotiTexPrima ,.ModNotiTexPrima p { font-size: 18px; } .ModNotiTex, .ModNotiTexVer { float:left; width: auto; margin:0 auto;  padding-left:0%; padding-right:0%; } .ModNoti{ width:96%; min-height:270px; } .ModNoti:hover, .ModNoti_2:hover, .ModNoti_Active:hover { background-color: transparent; } } @media screen and (max-width: 600px) { .ModNoti{ width:96%; min-height:330px; margin-bottom:40px; } .NotiBot { bottom:25px; } .ModNotiTex img, .ModNotiTexVer img{ width:30%; margin: 0 10px 30px 0; } .ModNotiTexPrima img{ width:40%; } } @media screen and (max-width: 480px) { .ModNoti{  min-height:390px; margin-bottom:40px; } }  .TablaMed {margin: 0px auto;text-align:center; padding-top:8px; padding-bottom:8px;} .TablaMed ul {list-style: none;} .TablaMed li {padding-top: 8px;padding-bottom:8px;float: left;width: 25%;} .Tabla01Med {width:auto;margin:0px auto;padding-right: 8px;padding-left:8px;font-size:13px;} .Tabla02Med {width:auto;margin:0px auto;padding: 2px;height: auto; -webkit-transition: all 1s ease; transition: all 1s ease;} .Tabla02Med img{width:100%;display:block;cursor:pointer;} .Tabla02Med:hover{transform: translate(0px, -20px);}  .Audio00{margin:0 auto;padding-left:8px;padding-right:8px;border-bottom:#999999 1px dotted;padding-bottom:5px;padding-top:10px; } .Audio01{float:left;width: 100%;padding-bottom:5px;} .Audio02{float:left;width: 50px;background-color: rgba(255,255,255,0.2);border-radius: 5px;} .Audio02:hover{background-color: rgba(255,255,255,0.3);} .Audio03{float:left;width:80%;margin-left:8px;} .Audio04{width: auto; line-height:50px;color:#005E00; font-size:18px;} .Audio05{width: auto;padding-left:10px;padding-bottom:5px;}  #Videos { height:auto; text-align:left; margin:0px 0px 0px 0px; padding-bottom:30px; display:none; } .Videos01{ float:left; width: 33.33%; padding-top:10px; padding-bottom:10px; } .Videos02{ width:auto; margin:0 auto; padding-left:10px; padding-right:10px; } .Videos03{ width: auto; background-color:#E1E1E1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behaviour: url(border-radius.htc); padding-top:0px; padding-bottom:0px; height: auto; padding-bottom:1px; } .Videos04{ width: auto; margin:0 auto; margin-left:10px; margin-right:10px; }  .Videos01Max{ float:left; width: 50%; padding-top:10px; padding-bottom:10px; display:none; } .DisplayVideo { float:left; margin-bottom:15px; width:100%; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border:#000000 5px solid; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  #Bibli00 { width:100%; margin:0px auto; height:auto; padding-top:8px; padding-bottom:8px; } #Bibli01{ float:left; width:25%; margin:0px auto; padding-bottom:16px; }  #Bibli04{ cursor: context-menu; text-align:center; } #Bibli04 a{ border-bottom:none; } #Bibli04 img{ width:80%;  }  #Bibli04 img:hover{  }   #Bibli05{ cursor: context-menu; padding:4px; padding-top:4px; } #Bibli06{ cursor: context-menu; padding-right:8px; padding-left:8px; }  #Bibli03{ cursor: context-menu; padding-left:5px; padding-right:5px; padding-bottom:5px; font-size:12px; text-align:center; margin-left:8px; margin-right:8px; height:43px; max-height:43px; }  #BibliBotonera{ cursor: context-menu; padding-left:5px; padding-right:5px; padding-bottom:8px; padding-top:5px; background-color: #e1e1e1; margin-left:8px; margin-right:8px; height:43px; max-height:43px; }  #BibliBoton01, #BibliBoton02{ float:left; width:50%; height:48px; text-align:center; } #BibliBoton01 img, #BibliBoton02 img{ opacity: 0.6;  filter: alpha(opacity=60); cursor:pointer; } #BibliBoton01 img:hover, #BibliBoton02 img:hover{ opacity: 1;  filter: alpha(opacity=100); }  @media screen and (max-width: 1050px) { .Tabla02Med:hover{transform: translate(0px, 0px);} } @media screen and (max-width: 1024px) { #BibliBoton02{ display:none; } #BibliBoton01{ width:100%; } } @media screen and (max-width: 736px) { .Videos01{ display:none; float:left; width: 50%; } .Videos01Max{ display: block; } } @media screen and (max-width: 480px) { .TablaMed li {width: 50%;} #Bibli01{ width:50%;} } @media screen and (max-width: 414px) { .Videos01Max{ float:none; width:100%; padding-top:10px; padding-bottom:0px; } .Videos04{ margin-left:0px; margin-right:0px; } }.wid{width: auto;height: auto;} .wid a{ color:#CCCCCC} .widTit {width: auto; padding: 5px 0px 5px 0px; height:auto;} .widTitx { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; text-align:left; font-size:20px; width: auto; margin: 0 10px 0 10px; min-height:36px; line-height:36px; background-position: left; background-repeat:no-repeat; color:#000000; } .widTitx a{ border-bottom:none; } .widTitx span{ padding:0px 0px 0px 2px; float:right; width:20px; cursor:pointer; } .widTitx span img{ width:100%; vertical-align: middle; } .widTxT { letter-spacing:1px; text-align: justify; width: auto; margin: 10px 3% 10px 3%; } .ImgFlotante img{ display:block; margin:auto; float:left; width: 150px; padding-right:10px; padding-bottom:10px; } .contactBanner{ width: 100%; margin:auto 0px; height:auto; padding-bottom:30px; cursor:pointer; } .contactBanner img{ width: 100%; height:auto; } .Wid_No{display:none;}  .Wid_01{ Padding-bottom:0px; } .WidTitxStyle_01{ text-align:center;  ;} .WidNomStyle_01{} .WidPreStyle_01{} .WidVi01 { float:left; width:49%; height:90px; margin:auto 0px; margin-right:5px; margin-bottom:5px; border:#fff dotted 1px; } .WidVi02 { width: auto; margin: 5px 10px 5px 0; } .WidVi02 img{ display:block; margin:auto; float:left; width: 48px; padding: 5px 10px 10px 10px ;  }  .Img00Wid { margin: 0px auto; text-align:center; } .Img00Wid ul, .Img00Wid02 ul { list-style: none; padding-top:4px; } .Img00Wid li { padding-bottom:4px; padding-left:3%; padding-right:3%; float: left; width: 19%; overflow:hidden; color:#FFFFFF; } .Img00Wid2 li { padding-bottom:4px; padding-left:3%; padding-right:3%; float: left; width: 25%; overflow:hidden; color:#FFFFFF; }  .Img01Wid { width:auto; margin:0px auto; height: auto; overflow:hidden; } .Img01Wid img{ width:100%; display:block; cursor:pointer; cursor:default; } .ImgTituloWid { width:auto; margin-left:2px; margin-right:2px; padding:0px; min-height:40px; font-size:11px; cursor:default; } @media screen and (max-width: 981px) { .WidVi01 { float:none; width:99%; margin:auto 0px; margin-bottom:5px; } .WidVi02 img{ padding-bottom:30px; } } @media screen and (max-width: 768px) { .ImgFlotante img{ float: none; width: 230px; padding-right:0px; padding-bottom:20px; } .widTxT { } } @media screen and (max-width: 736px) { .Img00Wid li { padding-left:1.5%; padding-right:1.5%; width: 30.3333333333%; } } @media screen and (max-width: 576px) { .WidVi01 { height:120px; } .WidVi02 img{ padding-bottom:50px; } } @media screen and (max-width: 480px) { .Img00Wid li { padding-left:3%; padding-right:3%; width: 44%; } .Img00Wid2 li { padding-left:3%; padding-right:3%; width: 44%; } }.SocialDiv{ padding: 0px; max-width:980px; list-style: none; padding-bottom:3px; width:auto; margin:auto 0; } .SocialDivHeader{ width:100%; max-width:1100px; margin:auto; list-style: none; position: absolute; top:5px; float:right; } .SocialDivHeaderTxt{ float:left; font-size:12px; padding-right:20px; color:#fafafa;  } .SocialDivHeader.smaller{ display:none; } .SocialDivTit_left, .SocialDivTit_right{ font-size: 12px; width:auto; padding-bottom:3px; margin: 0px 1.3% 0px 1.3%; } .SocialDivTit_right{ text-align:right; } .SocialDivTit_left{ text-align:left; } .SocialDiv_left,.SocialDiv_right, .SocialDiv_rightHeader{ width:auto; height:auto; margin: 0px 1.3% 0px 1.3%; color:#FFF; } .SocialDiv_right, .SocialDiv_rightHeader{ float:right; } .SocialDiv_left{ float:left; } .SocialDiv li{ float: left; width:35px; padding: 2px 5px 2px 5px; cursor:pointer; } .SocialDivHeader li{ float: left; width:15px; padding: 2px 10px 2px 5px; cursor:pointer; } .SocialDiv li:hover{ } .SocialDivHeader li img{ display: block; width: 100%; height: auto; } .SocialDiv li img{ -webkit-filter: grayscale(100%) opacity(.8); filter: grayscale(100%) opacity(.8); display: block; width: 100%; height: auto; } .SocialDiv li img:hover{ -webkit-filter: grayscale(0%) opacity(1); filter: grayscale(0%) opacity(1); } @media screen and (max-width: 1150px) { .SocialDivHeader{ display:none; } } @media screen and (max-width: 650px) { .SocialDiv li{ width:45px; } .SocialDiv li img{ -webkit-filter: grayscale(0%) opacity(1); filter: grayscale(0%) opacity(1); display: block; width: 100%; height: auto; } .SocialDiv li img:hover{ -webkit-filter: grayscale(0%) opacity(1); filter: grayscale(0%) opacity(1); } .SocialDivTit_left, .SocialDivTit_right{ margin: 0px 3% 0px 3%; } .SocialDiv_left,.SocialDiv_right{ margin: 0px 3% 0px 3%; } }.btnWhatsApp,.btnSubir { display:block; width:50px; height:50px; color:#fff; position: fixed; border-radius:50%; line-height:50px; text-align:center; z-index:999; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); } .btnWhatsApp { left:10px; bottom:10px; } .btnSubir { right:10px; bottom:10px; display:none; cursor:pointer; opacity: 0.5; filter: alpha(opacity=50);   } .btnSubir:hover { opacity: 1; filter: alpha(opacity=100);   } .btnWhatsApp img, .btnSubir img{ width:100% }@charset "UTF-8"; .clored-enabled {  overflow: hidden; } .clored-enabled body {  overflow: visible;  height: 100%; } .clored-container {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 99993;  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }  .clored-container ~ .clored-container {  z-index: 99992; } .clored-bg {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  } .clored-container--ready .clored-bg { background-color: #333333; background-image:url(../../varios/imagevisor02/Fondo.png); opacity:0.8;  transition: opacity 2s linear;  } .clored-controls {  position: absolute;  top: 0;  left: 0;  right: 0;  text-align: center;  opacity: 0;  z-index: 99994;  transition: opacity .2s;  pointer-events: none;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  direction: ltr;  } .clored-show-controls .clored-controls {  opacity: 1; } .clored-infobar {  display: none; } .clored-show-infobar .clored-infobar {  display: inline-block;  pointer-events: all; } .clored-infobar__body {  display: inline-block;  width: 70px;  line-height: 44px;  font-size: 13px;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  text-align: center;  color: #ddd;  background-color: rgba(30, 30, 30, 0.7);  pointer-events: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-touch-callout: none;  -webkit-tap-highlight-color: transparent;  -webkit-font-smoothing: subpixel-antialiased; } .clored-buttons {  position: absolute;  top: 0;  right: 0;  display: none;  pointer-events: all; } .clored-show-buttons .clored-buttons {  display: block; } .clored-slider-wrap {  overflow: hidden;  direction: ltr; } .clored-slider-wrap, .clored-slider {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  padding: 0;  margin: 0;  z-index: 99993;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-tap-highlight-color: transparent; } .clored-slide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  overflow: auto;  outline: none;  white-space: normal;  box-sizing: border-box;  text-align: center;  z-index: 99994;  -webkit-overflow-scrolling: touch; } .clored-slide::before {  content: '';  display: inline-block;  vertical-align: middle;  height: 100%;  width: 0; } .clored-slide > * {  display: inline-block;  position: relative;  padding: 24px;  margin: 44px 0 44px;  border-width: 0;  vertical-align: middle;  text-align: left;  background-color: #fff;  overflow: auto;  box-sizing: border-box; } .clored-slide--image {  overflow: hidden; } .clored-slide--image::before {  display: none; } .clored-content {  display: inline-block;  position: relative;  margin: 44px auto;  padding: 0;  border: 0;  width: 80%;  height: calc(100% - 88px);  vertical-align: middle;  line-height: normal;  text-align: left;  white-space: normal;  outline: none;  font-size: 16px;  font-family: Arial, sans-serif;  box-sizing: border-box;  -webkit-tap-highlight-color: transparent;  -webkit-overflow-scrolling: touch; } .clored-iframe {  display: block;  margin: 0;  padding: 0;  border: 0;  width: 100%;  height: 100%;  background: #fff; } .clored-slide--video .clored-content, .clored-slide--video .clored-iframe {  background: transparent; } .clored-placeholder {  position: absolute;  top: 0;  left: 0;  margin: 0;  padding: 0;  border: 0;  z-index: 99995;  background: transparent;  cursor: default;  overflow: visible;  -webkit-transform-origin: top left;  -ms-transform-origin: top left;  transform-origin: top left;  background-size: 100% 100%;  background-repeat: no-repeat;  -webkit-backface-visibility: hidden;  backface-visibility: hidden; } .clored-image, .clored-spaceball {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  border: 0;  max-width: none;  max-height: none;  background: transparent;  background-size: 100% 100%; } .clored-controls--canzoomOut .clored-placeholder {  cursor: -webkit-zoom-out;  cursor: zoom-out; } .clored-controls--canzoomIn .clored-placeholder {  cursor: -webkit-zoom-in;  cursor: zoom-in; } .clored-controls--canGrab .clored-placeholder {  cursor: -webkit-grab;  cursor: grab; } .clored-controls--isGrabbing .clored-placeholder {  cursor: -webkit-grabbing;  cursor: grabbing; } .clored-spaceball {  z-index: 1; } .clored-tmp {  position: absolute;  top: -9999px;  left: -9999px;  visibility: hidden; } .clored-error {  position: absolute;  margin: 0;  padding: 40px;  top: 50%;  left: 50%;  width: 380px;  max-width: 100%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  background: #fff;  cursor: default; } .clored-error p {  margin: 0;  padding: 0;  color: #444;  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .clored-close-small {  position: absolute;  top: 0;  right: 0;  width: 44px;  height: 44px;  padding: 0;  margin: 0;  border: 0;  border-radius: 0;  outline: none;  background: transparent;  z-index: 10;  cursor: pointer; } .clored-close-small:after {  content: '×';  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;  color: #888;  font-weight: 300;  text-align: center;  border-radius: 50%;  border-width: 0;  background: #fff;  transition: background .2s;  box-sizing: border-box;  z-index: 2; } .clored-close-small:focus:after {  outline: 1px dotted #888; } .clored-slide--video .clored-close-small {  top: -36px;  right: -36px;  background: transparent; } .clored-close-small:hover:after {  color: #555;  background: #eee; }  .clored-caption-wrap {  position: absolute;  bottom: 0;  left: 0;  right: 0;  padding: 60px 30px 0 30px;  z-index: 99998;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  box-sizing: border-box;  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);  opacity: 0;  transition: opacity .2s;  pointer-events: none; } .clored-show-caption .clored-caption-wrap {  opacity: 1; } .clored-caption {  padding: 10px 0;  border-top: 1px dotted rgba(255, 255, 255, 0.4);  font-size: 14px;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  color: #fff;  line-height: 20px;  -webkit-text-size-adjust: none; text-shadow: 0px 0px 7px rgba(10, 10, 10, 1);   } .clored-caption a, .clored-caption button {  pointer-events: all; } .clored-caption a {  color: #fff;  text-decoration: underline; }  .clored-button {  display: inline-block;  position: relative;  width: 44px;  height: 44px;  line-height: 44px;  margin: 0;  padding: 0;  border: 0;  border-radius: 0;  cursor: pointer;  background: transparent;  color: #fff;  box-sizing: border-box;  vertical-align: top;  outline: none; } .BotCerrar {  position: absolute;  top: 10px;  right: 1%;  text-align: center;  opacity: 0;  z-index: 99999;  width: 50px;  height: 50px;  background-image:url(../../varios/imagevisor02/close.png); opacity:0.7;  cursor:pointer;   }  .BotAtras,.BotProx {  position: absolute;  top: 50%;  z-index: 99999;  transition: opacity .2s; width: 80px; height:170px; margin-top:-85px;  opacity:0.4;  cursor:pointer;   }  .BotAtras {  left: 1%; background-image:url(../../varios/imagevisor02/atras.png);  } .BotProx {  right: 1%; background-image:url(../../varios/imagevisor02/proxima.png);  }  .BotAtras:hover,.BotProx:hover,.BotCerrar:hover { opacity:0.9;   }   .clored-button--disabled {  cursor: default;  pointer-events: none; } .clored-infobar__body, .clored-button {  background: rgba(30, 30, 30, 0.6); } .clored-button:hover {  background: rgba(0, 0, 0, 0.8); } .clored-button::before, .clored-button::after {  content: '';  pointer-events: none;  position: absolute;  border-color: #fff;  background-color: currentColor;  color: currentColor;  opacity: 0.9;  box-sizing: border-box;  display: inline-block; } .clored-button--disabled::before, .clored-button--disabled::after {  opacity: 0.5; } .clored-button--left::after {  left: 20px;  top: 18px;  width: 6px;  height: 6px;  background: transparent;  border-top: solid 2px currentColor;  border-right: solid 2px currentColor;  -webkit-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  transform: rotate(-135deg); } .clored-button--right::after {  right: 20px;  top: 18px;  width: 6px;  height: 6px;  background: transparent;  border-top: solid 2px currentColor;  border-right: solid 2px currentColor;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg); } .clored-button--left {  border-bottom-left-radius: 5px; } .clored-button--right {  border-bottom-right-radius: 5px; } .clored-button--close {  float: right;  background-color:#FF0000;   background-image:url(close.png);  }   .clored-loading {  border: 6px solid rgba(100, 100, 100, 0.4);  border-top: 6px solid rgba(255, 255, 255, 0.6);  border-radius: 100%;  height: 50px;  width: 50px;  -webkit-animation: clored-rotate .8s infinite linear;  animation: clored-rotate .8s infinite linear;  background: transparent;  position: absolute;  top: 50%;  left: 50%;  margin-top: -25px;  margin-left: -25px;  z-index: 99999; } @-webkit-keyframes clored-rotate {  from {   -webkit-transform: rotate(0deg);   transform: rotate(0deg); }  to {   -webkit-transform: rotate(359deg);   transform: rotate(359deg); } } @keyframes clored-rotate {  from {   -webkit-transform: rotate(0deg);   transform: rotate(0deg); }  to {   -webkit-transform: rotate(359deg);   transform: rotate(359deg); } }  @media all and (max-width: 800px) { .BotAtras,.BotProx { display:none;  }  .clored-controls {   text-align: left; }  .clored-button--left,  .clored-button--right,  .clored-buttons button:not(.clored-button--close) {   display: none !important; }  .clored-caption {   padding: 20px 0;   margin: 0; } }  .clored-button--fullscreen::before {  width: 15px;  height: 11px;  left: 15px;  top: 16px;  border: 2px solid;  background: none; }  .clored-button--play::before {  top: 16px;  left: 18px;  width: 0;  height: 0;  border-top: 6px inset transparent;  border-bottom: 6px inset transparent;  border-left: 10px solid;  border-radius: 1px;  background: transparent; } .clored-button--pause::before {  top: 16px;  left: 18px;  width: 7px;  height: 11px;  border-style: solid;  border-width: 0 2px 0 2px;  background: transparent; }  .clored-button--thumbs span {  font-size: 23px; } .clored-button--thumbs::before {  top: 20px;  left: 21px;  width: 3px;  height: 3px;  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .clored-container--thumbs .clored-controls, .clored-container--thumbs .clored-slider-wrap, .clored-container--thumbs .clored-caption-wrap {  right: 220px; } .clored-thumbs {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: auto;  width: 220px;  margin: 0;  padding: 5px 5px 0 0;  background: #fff;  z-index: 99993;  word-break: normal;  -webkit-overflow-scrolling: touch;  -webkit-tap-highlight-color: transparent;  box-sizing: border-box; } .clored-thumbs > ul {  list-style: none;  position: absolute;  position: relative;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  overflow-x: hidden;  overflow-y: auto;  font-size: 0; } .clored-thumbs > ul > li {  float: left;  overflow: hidden;  max-width: 50%;  padding: 0;  margin: 0;  width: 105px;  height: 75px;  position: relative;  cursor: pointer;  outline: none;  border: 5px solid #fff;  border-top-width: 0;  border-right-width: 0;  -webkit-tap-highlight-color: transparent;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  box-sizing: border-box; } li.clored-thumbs-loading {  background: rgba(0, 0, 0, 0.1); } .clored-thumbs > ul > li > img {  position: absolute;  top: 0;  left: 0;  min-width: 100%;  min-height: 100%;  max-width: none;  max-height: none;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; } .clored-thumbs > ul > li:before {  content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  border-radius: 2px;  border: 4px solid #4ea7f9;  z-index: 99991;  opacity: 0;  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .clored-thumbs > ul > li.clored-thumbs-active:before {  opacity: 1; }  @media all and (max-width: 800px) {  .clored-thumbs {   display: none !important; }  .clored-container--thumbs .clored-controls,  .clored-container--thumbs .clored-slider-wrap,  .clored-container--thumbs .clored-caption-wrap {   right: 0; } } .accesoriogal{ width:100%; margin:0 auto; height:auto; } .accesoriopro{ float:left; width:48%; margin:0 1% 0 1%; min-height:500px; margin-bottom:20px; } .accesoriopro img{ width:100%; display:block; margin-bottom:10px; } .accesorioprotxt{ width:100%; height:auto; text-align:justify; } .accesorioprotxt img{ float:left; width:80px; height:auto; margin-right:10px; } .accesorioprotxtTit{ color:#34A0DF; width: auto; height:50px; font-size:16px; display: table-cell; vertical-align: middle; font-weight:bold; } @media screen and (max-width: 1150px) { .accesoriopro{ width:47%; margin:0 1.5% 0 1.5%; } } @media screen and (max-width: 870px) { } @media screen and (max-width: 768px) { .accesoriopro{ float:none; width:94%; margin:0 3% 0 3%; } } @media screen and (max-width: 600px) { }