@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');  @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); @import url('https://fonts.googleapis.com/css?family=Baskervville&display=swap');  @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');  *{ margin:0; padding:0; border:0; } body { font-family: 'Montserrat', sans-serif; font-size:16px; line-height:20px; font-weight: normal; letter-spacing:1px; color:#333333; background-color:#EDF2F5; 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; cursor:pointer; } a:hover { text-decoration:none; } a:visited { text-decoration:none; } .Clear { clear:both; } .overflow{ overflow:hidden; } .container { width: 100%; position: relative; padding-top:170px; padding-bottom:10px; } .containerLanding { width: 100%; position: relative; padding-top:0px; padding-bottom:0px; background-color:#EDF2F5; padding-bottom:80px; padding-top:80px; } .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%; } #column01 { float:left; width: 240px; width: 24%; } #column02 { float:left; width: 859px; width: 76%; } #columnDat01 {  } #columnDat02 { width:100%; margin-bottom:25px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; background-color:#FFF; min-height:150px; } .columnDat02DatTxt02Precios {  } .columnDat02DatTxt02Precios { width:100%; min-height:30px; padding-top:20px; margin:auto; border-bottom:1px #CCCCCC solid; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; } .columnDat02Dat { width:92%; margin-left:4%; margin-right:4%; margin-bottom:15px; margin-top:15px; } .columnDat02Dat.columnDat02DatAlto { max-height:500px; overflow: hidden; white-space: nowrap; } .columnDat02DatVerMas{ width:80px; margin:auto; font-size:14px; letter-spacing:1px; height:40px; line-height:40px; padding:0px 15px 0px 15px; cursor:pointer; color:#FFFFFF; background-color:#35A1E0; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; text-align:center; } .columnDat02DatVerMas:hover{ background-color:#107BB9; } .columnDat02DatTit { width:100%; height:35px; line-height:35px; margin:auto; border-bottom:1px #CCCCCC solid; font-weight:bold; margin-bottom:15px; padding-bottom:25px; } .columnDat02DatTit img { width:35px; padding-right:10px; float:left; } .columnDat02DatTxt { width:100%; margin:auto; padding-bottom:10px; height:auto; } .columnDat02DatTxt01 { float:left; width:16px; margin-left:6px; }  .columnDat02DatTxt01 img { width:100%; display:block;  } .columnDat02DatTxt02 { width:90%; float:left; margin-left:5px; font-size:15px; line-height:19px; min-height:20px; font-family: 'Roboto Condensed', sans-serif; overflow: auto;white-space: normal; } .columnDat02DatTxt02 a:link { color:#0F7BB9; font-size:15px; text-decoration:none;  } .columnDat02DatTxt02 a:hover { color:#34A1E0; border-bottom:1px #34A1E0 dotted;  } .columnDat02DatTxt02 a:visited { color:#0F7BB9; }  .colTit{ font-family: 'Open Sans Condensed', sans-serif; color:#666666; padding-bottom:50px; padding-top:5px; width:96%; margin-left:2%; margin-right:2%; font-size:65px; line-height:65px; text-align:left;  } .colTitbajo{ font-family: 'Open Sans Condensed', sans-serif; color:#666666; padding-bottom:50px; padding-top:5px; width:96%; margin-left:2%; margin-right:2%; font-size:24px; line-height:28px; text-align:left; } .colTitbajo a:link { color:#0F7BB9; text-decoration:none;  } .colTitbajo a:hover { color:#34A1E0; border-bottom:1px #34A1E0 dotted;  } .colTitbajo a:visited { color:#0F7BB9; }  .divFoto { float:left; width:50%; margin:0 auto; height:auto; margin-top:20px; } .divFoto01 { width:90%; margin:0 auto; height:auto;   transition: all 1s ease; opacity:.8; border:#FFF 5px solid; } .divFoto01 img { width:100%; display:block; height:auto;  } .divFoto01:hover { transform: translate(0px, -15px); opacity:1; -webkit-box-shadow: 0px 0px 23px -6px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 23px -6px rgba(0,0,0,1); box-shadow: 0px 0px 23px -6px rgba(0,0,0,1); background-color:#333333; color:#ffffff; } .widDoc { float:left; width:100%; height:auto; display:inline-block; } .widDoc1 { float:left; width:70%; height:auto; } .widDoc2 { float:left; width:30%; } .widDoc3 { width:380px; height:auto; margin:0 auto; }  @media screen and (max-width: 1150px) { #column01 { width: 24%; } #column02 { width: 76%; }  } @media screen and (max-width: 1019px) { #column01 { float: none; display:none } #column02 { float: none; width: 100%; margin:auto; } } @media screen and (max-width: 768px) { .widDoc1 { float: none; width: 100%; width:525px; margin:0 auto; } .widDoc2 { float: none; width:100%; width:240px; margin:0 auto; }  .colTit{  font-size:50px;  line-height:50px; } .columnDat02DatTxt02 { font-size:18px; line-height:22px; } .divFoto01:hover { transform: translate(0px, 0px); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }  } @media screen and (max-width: 525px) { .widDoc1 { width: 100%; } } @media screen and (max-width: 380px) { .widDoc3 { width: 100%; } } @media screen and (max-width: 630px) { #columnDat02 { float: none; width:96%; margin-left:2%; margin-right:2%;  }   } @media screen and (max-width: 480px) { #columnDat02 { float: none; width:96%; margin-left:2%; margin-right:2%;  } .colTit{  text-align:center;  font-size:40px;  line-height:40px; } .colTitbajo{  text-align:center;  font-size:30px;  line-height:30px; } }  .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;  } .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{ display:none; height: auto; float: left; margin-left:0px; margin-top:5px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:1px; color:#000000; margin-right:5px; } .LogoTxtR1,.LogoTxtR2.LogoTxtR3{ display: inline=block; margin-left:0px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:1px; color:#000000; margin-right:5px; } .LogoTxtR1{ font-size:18px; line-height:18px; font-weight:bold; } .LogoTxtR2{ font-size:16px; line-height:16px; } .LogoTxtR3{ margin-top:2px; font-size:10px; line-height:10px; font-style:italic; } #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:35px; height:35px; 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; } .BotonR.smaller{ margin-left:5px; } .BotonL.smaller{ } .BotonL:hover, .BotonR:hover{ background-color:#ffffff; } .BotonL img, .BotonR img{ display: inline=block; width:100%; display:inline; } .header Logotipo{ display: inline=block; height:80px; float: left; margin-right:10px; margin-top:5px; display:none; background-color:#FFF; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 3px solid #ffffff; -webkit-box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); -moz-box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); } .header Logotipo img{ height:80px; display:inline; max-width: 100%; } .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; background-color:#F5F5F5; 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 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:16px;  color:#000000; cursor:pointer; padding: 0px 12px 0px 12px;  font-weight:bold } .Nav_1.smaller { color: #000000; text-shadow:none; } .Nav_1.scrool,.Nav_1 a.scrool { color: #34A1E0; background-image:url(/varios/imagenes_sis/template/bajomenu.png); background-position:center; background-color:transparent; background-repeat:no-repeat; padding-bottom:30px; text-shadow:none; } .Nav_1 a{ font-family: 'Quicksand', sans-serif; color:#000000; font-size:16px; border-bottom:none; } .Nav_1.smaller a{ color: #333333; text-shadow:none; font-size:16px; border-bottom:none; } .Nav_1:hover, .Nav_1 a:hover { color: #34A1E0; } .Nav_Sub { height:31px; line-height:31px; left:0px; font-family: 'Roboto Condensed', sans-serif; font-size:14px;  color:#212121;   padding: 0px 12px 0px 12px; border-bottom:1px #E1E1E1 solid; } .Nav_Sub:hover { background-color:#EEEEEE; } .Nav_1ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0; background-color:#ffffff; -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); } .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:#34A1E0; width:auto; margin:0 auto; overflow:hidden; height:200px; } .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 10px 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{ color:#ffffff; padding-bottom:30px; } #footerLinks a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; 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%; }  .c01 { float:left; width:33.3333333333333%; padding-bottom:20px; } .c01b { float:left; width:25%; padding-bottom:20px; } .c01bSolo { float:left; width:25%;  } .c01bSoloEnte { width:100%; padding-bottom:0px; border-bottom:1px dotted #D96E2C; border-bottom:1px dotted #666666;  padding-bottom:20px; margin-bottom:40px; } .c01bSoloLado { float:left; width:75%; padding-bottom:20px; } .c01bSoloLadoImg img{ display:block; margin:auto; float:left; width: 20px; padding-right:10px; padding-bottom:0px; } .c02 { width: auto 0px; margin-left:20px; margin-right:20px;   } .c02img img { width:50%; display:block; margin:auto; }  .separLanding { width:100px; margin:auto; background-color:#F00; max-height:1px; } .c02Tex{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#FFF; text-align:center; padding-bottom:5px; padding-top:5px; height:90px; } .c02Texa{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#FFF; text-align:center; padding-bottom:5px; padding-top:5px; height:60px; } .c02Titb{ font-family: 'Oswald', sans-serif; font-size:19px; color:#FFF; text-align:center; padding-bottom:5px; padding-top:5px; } .c02Texb{  font-size:14px; color:#000000; text-align:center; padding-bottom:5px; padding-top:5px; height:130px; } .cbo { width:80px; height:80px; margin:0px auto; margin-top:10px; background-color:#333333; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; line-height:80px; font-size:40px; font-weight:bold; cursor:pointer; } .cbo:hover { background-color: #FC0; color:#000; } .ImagenCentral{ width:100%; margin:auto 0px; padding-bottom:0px; } .ImagenCentral img{ width:100%; display:block; margin:auto; }  #BajoHeader{ height:400px; padding-top:160px;   background-image: url(/varios/imagenes_sis/template/HeaderImg.jpg);   background-size: cover;   background-position: center; } .BajoHImg,.BajoHImg2{ float:left; width:215px; height:215px; background-color:#FFF; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 6px solid #ffffff;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); -moz-box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); box-shadow: 14px 13px 12px -14px rgba(0,0,0,0.75); } .BajoHImg{ float:left; width:215px; height:215px; background-color:#FFF; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; } .BajoHImg2{ position:relative; margin-top:-40px; display:none; } .BajoHImg2txt{ width:227px; height:auto; position:relative; margin-top:200px; display:none; } .BajoHImg2txtR1{ width:100%; margin:auto; height:auto; font-family: 'Open Sans Condensed', sans-serif; } .BajoHImg2txtR3{ width:227px; height:25px; line-height:25px; margin:auto; text-align:center; } .BajoHImg2txtR32{ width:227px; height:12px; line-height:12px; margin:auto; text-align:center; font-size:12px; font-style:italic; } .BajoHImg2txtR2{ padding-top:10px; font-weight:bold; width:68px; height:25px; line-height:25px; margin:auto; text-align:center; } .BajoHImg2txtR2 img{ float:left; margin-right:6px; height:25px; }  .BajoHImg img,.BajoHImg2 img{ display:block; width:100%; } .BajoHTit{ float:left; width: auto; margin:0 auto; margin-top:45px; margin-left:20px; } .BajoHTitR1,.BajoHTitR2,.BajoHTitR3{ width: auto; margin:0 auto; font-family: 'Open Sans Condensed', sans-serif; font-size:75px; line-height:75px; color:#666666; } .BajoHTitR1{ font-size:75px; line-height:75px; } .BajoHTitR2{ font-size:30px; line-height:30px } .BajoHTitR3{ margin-top:5px; font-size:16px; line-height:16px; font-style:italic; } @media screen and (max-width: 1150px) { .BajoHImg { margin-left:15px;  }  } @media screen and (max-width: 1019px) { #BajoHeader{ height:400px; padding-top:100px; } .BajoHImg{ float:none; margin: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .BajoHTit{ float: none; margin-top:15px; margin-left:0px } .BajoHTitR1,.BajoHTitR2,.BajoHTitR3{ color:#000; text-align:center; }  } @media screen and (max-width: 865px) { .BajoHTitR1{ font-size:60px; line-height:60px; } } @media screen and (max-width: 768px) { .BajoHTitR1{ font-size:40px; line-height:40px; } } @media screen and (max-width: 576px) { .BajoHTitR1{ font-weight:bold; font-size:30px; line-height:30px; } .BajoHTitR2{ font-size:20px; line-height:30px; } } @media screen and (max-width: 1050px) { .c01b { width:33.3333333333333%; } .c01bSolo { width:40%; } .c01bSoloLado { width:60%; } .ImagenCentral img{ width:100%; } } @media screen and (max-width: 980px) { .footer { } .c02Texa{ height:75px; } } @media screen and (max-width: 865px) { .c01 { width:50%; } .c02Tex{ font-size:16px; height:140px; } .c02Texa{ font-size:16px; height:85px; } .c02Texb{ height:145px; } } @media screen and (max-width: 576px) { .c01 { width:100%; } .c02Tex{ font-size:16px; height:125px; } .c02Texa{ font-size:16px; height:60px; } .c01b,.c01bSolo,.c01bSoloLado { width:100%; } .c01bSolo{ padding-bottom:0px; } .c02Titb{ font-size:19px; } } @media screen and (max-width: 768px) {  .footer00{ margin: 0px 3% 0px 3%; } .footer01{ float:none; width:100%; margin-right:0px; } .footer02{ float: none; width:100%; } .c02Texb{ height:200px; } .c02Titb{ font-size:14px; } }  @media screen and (max-width: 400px) { .footerHeader { background-image:url(/varios/imagenes_sis/template/footerHeader320.jpg); background-repeat:no-repeat; background-position: left; } .c02Titb{ font-size:19px; } .c02Texb{  font-size:16px; height:120px; } }  @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{ } #menuSwipe { } } @media screen and (max-width: 1019px) { .header Nav_Menu{ display:none; } #menuSwipe { display:block; } } @media screen and (min-width: 1019px) { #Logotipo{ display:none; } #LogoTxt{ display:none; } }  @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; top: 0px; }  .banner { margin-top:66px;}  #con02 { padding-top:70px; } #con04 {  min-height:900px; } .botonCelX{ margin-right:25px; } .insec02, .insec02Cerrar { width: 20%; }   body { font-size:18px; } 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) { .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) {   .BotonL { ; } .header { height: 56px; } .BotonL, .BotonR{ width:24px; height:24px; }  .container { padding-top:56px; } .headerContent { background-image:none; background-color:#F5F5F5; 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) } .header Nav_Menu{ height: 56px; }  .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: 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%; } .BotonRTxt{ font-size:16px; color:#ffffff; border:0px #ffffff solid; min-width:70px; } .header BuscaHeader { width:62%; }  } @media screen and (max-width: 330px) { .header BuscaHeader { width:50%; } .c02Tex,.c02Texb{ height:160px; } }.SocialDiv{ padding: 0px; max-width:980px; list-style: none; padding-bottom:3px; width:auto; margin:auto 0; } .SocialDivHeader{ width:550px; list-style: none; position: absolute; top:5px; } .SocialDivHeaderTxt{ float:left; font-size:12px; padding-right:20px;  } .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%; } .SocialDiv_right, .SocialDiv_rightHeader{ float:right; color:#333333; } .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:35px; } .SocialDivTit_left, .SocialDivTit_right{ margin: 0px 3% 0px 3%; } .SocialDiv_left,.SocialDiv_right{ margin: 0px 3% 0px 3%; } } nav { height: 100%; width: 290px; background-color: #ffffff; left: 0; top: 0; z-index: 2; position: fixed; overflow-y: auto; overflow-x: hidden; 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 { background-color:#C8E6C9; background-color:#E0E0E0; } .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:#35A1E0; cursor:pointer; } #navClose{ position:absolute; cursor:pointer; } .SwipeMenuLogo { width: 197px; margin-left:56px; padding: 10px 0px 10px 0px; } .SwipeMenuLogo img { width: 90%; display: block; } .SwipeMenuM01:hover,.SwipeMenuM02:hover,.SwipeMenuM03:hover,.SwipeMenuM04:hover,.SwipeMenuM05:hover,.SwipeMenuM06:hover{ background-color:#EBEBEB; }.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{ position: absolute; margin-top:2px; right:0px; width:48px; height:auto; display:none; z-index:10000; } .menuMasShare a{ border: none; }  .menuMasShare img{ position:relative; width:100%; height:auto; display:inline; margin: 5px 0px 0px 0px; }   @media screen and (max-width: 1330px) { .menuMas01{ right:0px; } }   .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown;  animation-duration: 1s;  -webkit-animation-duration: 1s;  animation-timing-function: ease;  -webkit-animation-timing-function: ease;  visibility: visible !important; } @keyframes slideDown { 0% {  transform: translateY(-100%); } 50%{  transform: translateY(8%); } 65%{  transform: translateY(-4%); } 80%{  transform: translateY(4%); } 95%{  transform: translateY(-2%); }   100% {  transform: translateY(0%); }  } @-webkit-keyframes slideDown { 0% {  -webkit-transform: translateY(-100%); } 50%{  -webkit-transform: translateY(8%); } 65%{  -webkit-transform: translateY(-4%); } 80%{  -webkit-transform: translateY(4%); } 95%{  -webkit-transform: translateY(-2%); }   100% {  -webkit-transform: translateY(0%); } }   .slideUp{  animation-name: slideUp; -webkit-animation-name: slideUp;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-timing-function: ease;  -webkit-animation-timing-function: ease;  visibility: visible !important;  }  @keyframes slideUp { 0% {  transform: translateY(100%); } 50%{  transform: translateY(-8%); } } @-webkit-keyframes slideUp { 0% {  -webkit-transform: translateY(100%); } 50%{  -webkit-transform: translateY(-8%); } 65%{  -webkit-transform: translateY(4%); } 80%{  -webkit-transform: translateY(-4%); } 95%{  -webkit-transform: translateY(2%); }   100% {  -webkit-transform: translateY(0%); } }   .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;  -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; } @keyframes slideLeft { 0% {  transform: translateX(150%);  opacity: 0.5;   } 50%{  transform: translateX(-8%);  opacity: 0.6;   } 65%{  transform: translateX(4%);  opacity: 0.7;   } 80%{  transform: translateX(-4%);  opacity: 0.8;   } 95%{  transform: translateX(2%);  opacity: 0.9;   }   100% {  transform: translateX(0%);  opacity: 1;   } } @-webkit-keyframes slideLeft { 0% {  -webkit-transform: translateX(150%);  opacity: 0.5;  } 50%{  -webkit-transform: translateX(-8%);  opacity: 0.6;   } 65%{  -webkit-transform: translateX(4%);  opacity: 0.7;   } 80%{  -webkit-transform: translateX(-4%);  opacity: 0.8;   } 95%{  -webkit-transform: translateX(2%);  opacity: 0.9;   }   100% {  -webkit-transform: translateX(0%);  opacity: 1;   } }   .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight;  animation-duration: 1s;  -webkit-animation-duration: 1s;  animation-timing-function: ease-in-out;  -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; } @keyframes slideRight { 0% {  transform: translateX(-150%); } 50%{  transform: translateX(8%); } 65%{  transform: translateX(-4%); } 80%{  transform: translateX(4%); } 95%{  transform: translateX(-2%); }   100% {  transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% {  -webkit-transform: translateX(-150%); } 50%{  -webkit-transform: translateX(8%); } 65%{  -webkit-transform: translateX(-4%); } 80%{  -webkit-transform: translateX(4%); } 95%{  -webkit-transform: translateX(-2%); }   100% {  -webkit-transform: translateX(0%); } }   .slideExpandUp{ animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp;  animation-duration: 1.6s;  -webkit-animation-duration: 1.6s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease -out;  visibility: visible !important; } @keyframes slideExpandUp { 0% {  transform: translateY(100%) scaleX(0.5); } 30%{  transform: translateY(-8%) scaleX(0.5); }  40%{  transform: translateY(2%) scaleX(0.5); } 50%{  transform: translateY(0%) scaleX(1.1); } 60%{  transform: translateY(0%) scaleX(0.9);  } 70% {  transform: translateY(0%) scaleX(1.05); }   80%{  transform: translateY(0%) scaleX(0.95);  } 90% {  transform: translateY(0%) scaleX(1.02); }  100%{  transform: translateY(0%) scaleX(1);  } } @-webkit-keyframes slideExpandUp { 0% {  -webkit-transform: translateY(100%) scaleX(0.5); } 30%{  -webkit-transform: translateY(-8%) scaleX(0.5); }  40%{  -webkit-transform: translateY(2%) scaleX(0.5); } 50%{  -webkit-transform: translateY(0%) scaleX(1.1); } 60%{  -webkit-transform: translateY(0%) scaleX(0.9);  } 70% {  -webkit-transform: translateY(0%) scaleX(1.05); }   80%{  -webkit-transform: translateY(0%) scaleX(0.95);  } 90% {  -webkit-transform: translateY(0%) scaleX(1.02); }  100%{  -webkit-transform: translateY(0%) scaleX(1);  } }   .expandUp{ animation-name: expandUp; -webkit-animation-name: expandUp;  animation-duration: 0.7s;  -webkit-animation-duration: 0.7s;  animation-timing-function: ease;  -webkit-animation-timing-function: ease;   visibility: visible !important; } @keyframes expandUp { 0% {  transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{  transform: translateY(-7%) scaleY(1.12); } 75%{  transform: translateY(3%); }  100% {  transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% {  -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{  -webkit-transform: translateY(-7%) scaleY(1.12); } 75%{  -webkit-transform: translateY(3%); }  100% {  -webkit-transform: translateY(0%) scale(1) scaleY(1); } }  .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn;  animation-duration: 1s;  -webkit-animation-duration: 1s;   visibility: visible !important; } .fadeOut{ animation-name: fadeOut; -webkit-animation-name: fadeOut;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;  -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; } @keyframes fadeIn { 0% {  transform: scale(0);  opacity: 0.0;  }   } @-webkit-keyframes fadeIn { 0% {  -webkit-transform: scale(0);  opacity: 0.0;  } 60% {  -webkit-transform: scale(1.1); } 80% {  -webkit-transform: scale(0.9);  opacity: 1;  }  100% {  -webkit-transform: scale(1);  opacity: 1;  }  }   .expandOpen{ animation-name: expandOpen; -webkit-animation-name: expandOpen;  animation-duration: 1.2s;  -webkit-animation-duration: 1.2s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  visibility: visible !important; } @keyframes expandOpen { 0% {  transform: scale(1.8);  } 50% {  transform: scale(0.95); }  80% {  transform: scale(1.05); } 90% {  transform: scale(0.98); }  100% {  transform: scale(1); }  } @-webkit-keyframes expandOpen { 0% {  -webkit-transform: scale(1.8);  } 50% {  -webkit-transform: scale(0.95); }  80% {  -webkit-transform: scale(1.05); } 90% {  -webkit-transform: scale(0.98); }  100% {  -webkit-transform: scale(1); }   }   .bigEntrance{ animation-name: bigEntrance; -webkit-animation-name: bigEntrance;  animation-duration: 1.6s;  -webkit-animation-duration: 1.6s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  visibility: visible !important;  } @keyframes bigEntrance { 0% {  transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);  opacity: 0.2; } 30% {  transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);   opacity: 1; } 45% {  transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);  opacity: 1; } 60% {  transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   opacity: 1; }  75% {  transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);  opacity: 1; } 90% {  transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);   opacity: 1; }  100% {  transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);  opacity: 1; }  } @-webkit-keyframes bigEntrance { 0% {  -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);  opacity: 0.2; } 30% {  -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);   opacity: 1; } 45% {  -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);  opacity: 1; } 60% {  -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   opacity: 1; }  75% {  -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);  opacity: 1; } 90% {  -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);   opacity: 1; }  100% {  -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);  opacity: 1; }   }  .hatch{ animation-name: hatch; -webkit-animation-name: hatch;  animation-duration: 2s;  -webkit-animation-duration: 2s;  animation-timing-function: ease-in-out;  -webkit-animation-timing-function: ease-in-out;  transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;  visibility: visible !important;  } @keyframes hatch { 0% {  transform: rotate(0deg) scaleY(0.6); } 20% {  transform: rotate(-2deg) scaleY(1.05); } 35% {  transform: rotate(2deg) scaleY(1); } 50% {  transform: rotate(-2deg); }  65% {  transform: rotate(1deg); }  80% {  transform: rotate(-1deg); }  100% {  transform: rotate(0deg); }  } @-webkit-keyframes hatch { 0% {  -webkit-transform: rotate(0deg) scaleY(0.6); } 20% {  -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% {  -webkit-transform: rotate(2deg) scaleY(1); } 50% {  -webkit-transform: rotate(-2deg); }  65% {  -webkit-transform: rotate(1deg); }  80% {  -webkit-transform: rotate(-1deg); }  100% {  -webkit-transform: rotate(0deg); }  }   .bounce{ animation-name: bounce; -webkit-animation-name: bounce;  animation-duration: 1.6s;  -webkit-animation-duration: 1.6s;  animation-timing-function: ease;  -webkit-animation-timing-function: ease;   transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;  } @keyframes bounce { 0% {  transform: translateY(0%) scaleY(0.6); } 60%{  transform: translateY(-100%) scaleY(1.1); } 70%{  transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{  transform: translateY(0%) scaleY(1.05) scaleX(1); }  90%{  transform: translateY(0%) scaleY(0.95) scaleX(1); }   100%{  transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% {  -webkit-transform: translateY(0%) scaleY(0.6); } 60%{  -webkit-transform: translateY(-100%) scaleY(1.1); } 70%{  -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{  -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }  90%{  -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }   100%{  -webkit-transform: translateY(0%) scaleY(1) scaleX(1); }  }   .pulse{ animation-name: pulse; -webkit-animation-name: pulse;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% {  transform: scale(0.9);  opacity: 0.7;  } 50% {  transform: scale(1);  opacity: 1;  }  100% {  transform: scale(0.9);  opacity: 0.7;  }  } @-webkit-keyframes pulse { 0% {  -webkit-transform: scale(0.95);  opacity: 0.7;  } 50% {  -webkit-transform: scale(1);  opacity: 1;  }  100% {  -webkit-transform: scale(0.95);  opacity: 0.7;  }  }  .floating{ animation-name: floating; -webkit-animation-name: floating;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% {  transform: translateY(0%);  } 50% {  transform: translateY(8%);  }  100% {  transform: translateY(0%); }  } @-webkit-keyframes floating { 0% {  -webkit-transform: translateY(0%);  } 50% {  -webkit-transform: translateY(8%);  }  100% {  -webkit-transform: translateY(0%); }  }  .tossing{ animation-name: tossing; -webkit-animation-name: tossing;  animation-duration: 2.5s;  -webkit-animation-duration: 2.5s;  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% {  transform: rotate(-4deg);  } 50% {  transform: rotate(4deg); } 100% {  transform: rotate(-4deg);  } } @-webkit-keyframes tossing { 0% {  -webkit-transform: rotate(-4deg);  } 50% {  -webkit-transform: rotate(4deg); } 100% {  -webkit-transform: rotate(-4deg);  }   }  .pullUp{ animation-name: pullUp; -webkit-animation-name: pullUp;  animation-duration: 1.1s;  -webkit-animation-duration: 1.1s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;  } @keyframes pullUp { 0% {  transform: scaleY(0.1); } 40% {  transform: scaleY(1.02); } 60% {  transform: scaleY(0.98); } 80% {  transform: scaleY(1.01); } 100% {  transform: scaleY(0.98); }   80% {  transform: scaleY(1.01); } 100% {  transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% {  -webkit-transform: scaleY(0.1); } 40% {  -webkit-transform: scaleY(1.02); } 60% {  -webkit-transform: scaleY(0.98); } 80% {  -webkit-transform: scaleY(1.01); } 100% {  -webkit-transform: scaleY(0.98); }   80% {  -webkit-transform: scaleY(1.01); } 100% {  -webkit-transform: scaleY(1); }  }  .pullDown{ animation-name: pullDown; -webkit-animation-name: pullDown;  animation-duration: 1.1s;  -webkit-animation-duration: 1.1s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;  } @keyframes pullDown { 0% {  transform: scaleY(0.1); } 40% {  transform: scaleY(1.02); } 60% {  transform: scaleY(0.98); } 80% {  transform: scaleY(1.01); } 100% {  transform: scaleY(0.98); }   80% {  transform: scaleY(1.01); } 100% {  transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% {  -webkit-transform: scaleY(0.1); } 40% {  -webkit-transform: scaleY(1.02); } 60% {  -webkit-transform: scaleY(0.98); } 80% {  -webkit-transform: scaleY(1.01); } 100% {  -webkit-transform: scaleY(0.98); }   80% {  -webkit-transform: scaleY(1.01); } 100% {  -webkit-transform: scaleY(1); }  }  .stretchLeft{ animation-name: stretchLeft; -webkit-animation-name: stretchLeft;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% {  transform: scaleX(0.3); } 40% {  transform: scaleX(1.02); } 60% {  transform: scaleX(0.98); } 80% {  transform: scaleX(1.01); } 100% {  transform: scaleX(0.98); }   80% {  transform: scaleX(1.01); } 100% {  transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% {  -webkit-transform: scaleX(0.3); } 40% {  -webkit-transform: scaleX(1.02); } 60% {  -webkit-transform: scaleX(0.98); } 80% {  -webkit-transform: scaleX(1.01); } 100% {  -webkit-transform: scaleX(0.98); }   80% {  -webkit-transform: scaleX(1.01); } 100% {  -webkit-transform: scaleX(1); }  }  .stretchRight{ animation-name: stretchRight; -webkit-animation-name: stretchRight;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  animation-timing-function: ease-out;  -webkit-animation-timing-function: ease-out;  transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;  } @keyframes stretchRight { 0% {  transform: scaleX(0.3); } 40% {  transform: scaleX(1.02); } 60% {  transform: scaleX(0.98); } 80% {  transform: scaleX(1.01); } 100% {  transform: scaleX(0.98); }   80% {  transform: scaleX(1.01); } 100% {  transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% {  -webkit-transform: scaleX(0.3); } 40% {  -webkit-transform: scaleX(1.02); } 60% {  -webkit-transform: scaleX(0.98); } 80% {  -webkit-transform: scaleX(1.01); } 100% {  -webkit-transform: scaleX(0.98); }   80% {  -webkit-transform: scaleX(1.01); } 100% {  -webkit-transform: scaleX(1); }  } .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; padding-left:33px; 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 { font-size:14px; 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{ background-image:url(/varios/imagenes_sis/template/bullet02.png); background-position:0px 0px; color:#ffffff ;} .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; } .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 { font-size:16px; } } @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%; } } .leyenda{ width:100%; margin: 0 auto; padding-top:0px; text-align:left; font-size:22px; text-shadow:none; line-height:normal; font-family: 'Quicksand', sans-serif; } .contact00{ width: auto; margin: 0px 1.6% 0px 1.6%; } .contact01{ float:left; width:58%; padding-bottom:10px; margin-right:2%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; margin-bottom:30px; } .contact02{ float:left; width:40%; height: auto; padding-bottom:20px; } .contactTexto{ width:100%; height:auto; padding-bottom:20px; } .contactTexto a{ color:#5B5C3A; border-bottom:none; border-bottom: 1px dotted #5B5C3A; } .contactTexto a:hover{ color:#34A1E0; border-bottom: 1px dotted #34A1E0; } .contactImg { width:50%; margin:0 auto; height:auto; } .contactImg img{ width:100%; height:auto; display:block; } .fooIco{ float:left; overflow:hidden; padding-bottom:15px; } .fooIcoImg{ float:left; width:25px; height:25px } .fooIcoImg img{ width:100%; } .fooIcoTxt { float:left; width:auto; overflow:hidden; line-height:25px; padding:0px 10px 0px 10px; font-size:14px; } @media screen and (max-width: 768px) { .contact00{ margin: 0px 3% 0px 3%; } .contact01{ float:none; width:100%; margin-right:0px; } .contact02{ float: none; width:100%; } } @media screen and (max-width: 600px) { .contactImg { width:60%; margin:0 auto; height:auto; } .fooIcoTxt { line-height:25px; font-size:16px; } }.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% }::-webkit-input-placeholder {font-size:16px;color:#B3B3B3;font-weight:normal; line-height:19px} :-moz-placeholder { font-size:16px;color:#B3B3B3;font-weight:normal; line-height:19px} ::-moz-placeholder { font-size:16px;color:#B3B3B3;font-weight:normal; line-height:19px} :-ms-input-placeholder {font-size:16px;color:#B3B3B3;font-weight:normal; line-height:19px} input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; } textarea:focus, input:focus{outline: none;} input, textarea { border-bottom: 2px #E0E0E0 solid; font-family: 'Roboto Condensed', sans-serif; border:0px; font-size:18px; width:100%; height:26px; background:none; background-color:#ffffff; color: #666666 } textarea { resize:none; height:120px; } .Form_Ventana { font-family: 'Roboto Condensed', sans-serif; width: auto; margin:auto 0px; height: auto; margin-bottom:1px } .Form_Titulo,.Form_Detalle { width: auto; margin:auto 0px; padding: 0% 1% 0% 1%; font-size:14px; margin-bottom:0px; } .Form_Titulo{ height:55px; line-height:55px; font-size:18px; } .Form_Detalle { text-align:center; } .Form_DetalleImg img{ display:block; margin:auto; float:none; width: 250px; padding-right:10px; padding-bottom:10px; } .Form_Content { width: auto; margin:auto 0px; height: auto; margin: 0% 1% 0% 1%; padding:34px 0px 0px 0px; overflow:hidden; } .Form_CampoTit{ position:relative; top:-47px; font-size:14px; height:19px; line-height:19px; } .Form_textareaTit{ position:relative; top:-150px; font-size:14px; height:19px; line-height:19px; } .FormRen {width:auto;height:auto;clear:both;}  .FormCampo { float:left; height:30px; line-height:30px; border:0px; font-size:18px; border-bottom: 1px #CCCCCC solid; padding-bottom:1px; margin-bottom:40px; margin-right:20px; } .number_50 {width:50px;} .number_100 {width:100px;} .number_150 {width:150px;} .email_400 {width:400px;} .text_200 {width:200px;} .tel_200 {width:200px;} .text_400 {width:400px;} .text_full {width:100%;} .textarea {width:100%; height:130px} .date {width:155px;} .FormCampo:hover{border-bottom: 2px #34A1E0 solid;padding-bottom:0px;color:#000000 ;}   .FormBotones { float:right; height:auto; }  .FormBoton{ float:left; margin-right:20px; margin-bottom:40px; } .enviar, .restablecer, .cerrar  { font-size:14px; letter-spacing:1px; min-width:110px; height:40px; line-height:40px; padding:0px 15px 0px 15px; cursor:pointer; color:#FFFFFF; }  .restablecer:hover, .cerrar:hover  { background-color:#333333; } .enviar { background-color:#35A1E0; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; } .enviar:hover { background-color:#107BB9; } .restablecer { background-color:#666666; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; } .cerrar { background-color:#900000; border: 1px solid #B60000; } @media screen and (max-width: 980px) { } @media screen and (max-width: 768px) { .Form_Titulo,.Form_Detalle { padding: 0% 3% 0% 3%; } .Form_Content { margin: 0% 3% 0% 3%; } } @media screen and (max-width: 480px) { .FormBotones { float: none; height:auto; width:100%; } .FormBoton{ float:none; margin-right:0px; margin-bottom:20px; width:100%; } .enviar, .restablecer, .cerrar  { height:50px; line-height:50px; padding:0px 15px 0px 15px; } .text_400 {width:100%;} } }