@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/css2?family=Yanone+Kaffeesatz:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');  *{ margin:0; padding:0; border:0; } body { font-family: 'Montserrat', sans-serif; font-size:16px; font-weight: normal; letter-spacing:0px; color:#333333; background-color:#ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow-x:hidden; } html, body { overflow-x:hidden } a { color:#333333; border-bottom: 1px dotted #333333; } .aSin { border-bottom:none; } a:hover { color:#03C; border-bottom: 1px dotted #03C; } .aSin:hover { border-bottom:none; } .aLeB{ color:#cccccc; border-bottom: 1px dotted #cccccc; } .aLeB:hover{ color:#ffffff; border-bottom: 1px dotted #ffffff; } a,.aLeB { outline: none; text-decoration:none; cursor:pointer; } .Clear { clear:both; } .overflow{ overflow:hidden; } hr { border-right:medium none; border-top:1px #999999 solid; border-left:medium none; border-bottom:medium none; margin-top:10px; margin-bottom:10px; } .color01{ background-color:#00655F; } .color02{ background-color:#3483FA; } .color03{ background-color:#333333; } @media screen and (max-width: 1150px) { body { } } @media screen and (max-width: 980px) { body { font-size:18px; } a { font-size:18px; } }   h1{ font-size:40px; padding:60px 0 0 0; } h2{ font-size:30px; padding:15px 0 0 0; } h3{ font-size:20px; padding:0px; } h4{ padding:20px 0 20px 0; font-weight:normal; } h5{ font-size:14px; font-weight:normal; padding:0px; } h1, h2, h3{ font-family: 'Yanone Kaffeesatz', sans-serif; font-family: 'Oswald', sans-serif; font-weight:400; letter-spacing:1px; } h1, h2, h3, h4, h5{ width:98%; margin:0 1% 0 1%; height:auto; text-align:center; letter-spacing:1px; display: inline-block } @media screen and (max-width: 1150px) { h1, h2, h3, h4, h5{ width:97%; margin: 0 1.5% 0 1.5%; } } @media screen and (max-width: 480px) { h1, h2, h3, h4, h5{ width:94%; margin: 0 3% 0 3%; } }   .Separador {width:auto; margin: 0px auto; height:1px; margin-bottom:1px; border-bottom:1px dotted #cccccc;} .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_40 {width:auto; margin: 0px auto; height:40px;} .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_150 {width:auto; margin: 0px auto; height:150px;} .Separador_200 {width:auto; margin: 0px auto; height:200px;} .SeparadorHeader {width:auto; margin: 0px auto; height:60px; background-image:url(/varios/imagenes_sis/template/separadorHeader.jpg); background-repeat:repeat-x; background-position: center; } @media screen and (max-width: 480px) { .SeparadorHeader { background-position: center left -50px; } }   .container { width: 100%; position: relative; padding-top:170px; padding-bottom:10px; } .Incontainer { width: 100%; height:auto; overflow:hidden; } .flourish_r { background-image:url(/varios/imagenes_sis/template/flourish.png); background-repeat:no-repeat; background-position: top 130px right; } .mainTot { width: 1100px; margin: 0 auto; height:auto; } @media screen and (max-width: 1150px) { .container { padding-top:56px; } .mainTot { width:100%; } .flourish_r { background-image: none; } }   .col0{ width:100%; margin:0 auto; } .Incol0{ margin: 0 1% 0 1%; } .col1 { float:left; width: 69.5%; margin-right:0.5%; } .Incol1{ margin: 0 1.5% 0 1.5%; text-align: justify; } .col2 { float:left; width: 30%; } .Incol2{ margin: 0 3.3% 0 3.3%; } .col50-1 { float:left; width: 49.5%; margin-right:0.5%; } .col50-2 { float:left; width: 50%; } .Incol50{ margin: 0 1.5% 0 1.5%; text-align: justify; } .col0,.col1,.col2,.col50-1,.col50-2{ height:auto; } @media screen and (max-width: 1150px) { .Incol0{ margin: 0 1.5% 0 1.5%; } .Incol1{ margin: 0 2% 0 2%; } .Incol2{ margin: 0 4.9% 0 4.9%; } .col50-1,.col50-2 { float:none; width:100%; } } @media screen and (max-width: 768px) { .col1,.col2 { float:none; width:100%; } .Incol1,.Incol2{ margin: 0 1.5% 0 1.5%; } } @media screen and (max-width: 480px) { .Incol0,.Incol1,.Incol2{ margin: 0 3% 0 3%; } }   .BajoHImg{ width:300px; height:300px; margin:0 auto; text-align:center; position:relative; background-image:url(/varios/imagenes_sis/template/logo.png); background-repeat: no-repeat; } @media screen and (max-width: 1150px) { .BajoHImg{ margin-top:30px; } } .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: 60%; margin:auto; display:inline; } .CartelImg { width:100%; margin:0 auto; height: auto; text-align:center; cursor:pointer; } .CartelImg img { width:80%; display: inline-block; } @media screen and (max-width: 480px) { .CartelImg img { width:90%; } } .ImgVs_L{ float:left; padding:5px 10px 5px 0; } .ImgVs_R{ float: right; padding:5px 0 5px 10px; } .ImgVs_L,.ImgVs_R{ max-width:30%; } .ImagenCircular { width:100%; height:auto; margin:auto; display:block; cursor:pointer; } .hover { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; } .hover:hover { transform: translate(0px, -10px); } @media screen and (max-width: 768px) { .Cartel img { width: 100%; } .ImgVs_L,.ImgVs_R{ max-width:25%; } .ImagenCircular { width:78%; } } @media screen and (max-width: 700px) { .BajoHImg{ } .ImagenCircular { width:60%; } } @media screen and (max-width: 480px) { .ImgVs_L,.ImgVs_R{ max-width:35%; } .ImagenCircular { width:90%; } } .cuaImgBase{ display: flex; flex-wrap: wrap; justify-content:center; width: 100%; height:auto; margin:auto; } .cuaImgBase-0{ width:70%; } .cuaImgBase-1{ width:48%; } .cuaImgBase-2 { width:31.33333%; } .cuaImgBase-3 { width:23%; } .cuaImgBase-1, .cuaImgBase-2, .cuaImgBase-3{ float:left; height: auto; margin: 0 1% 8px 1%; cursor:pointer; } .cuaImgBase-0 img, .cuaImgBase-1 img, .cuaImgBase-2 img,.cuaImgBase-3 img { width:100%; height: auto; display:inline-block; } @media screen and (max-width: 768px) { .cuaImgBase-1 { width:23%; } .cuaImgBase-3 { width:23%; } } @media screen and (max-width: 480px) { .cuaImgBase-1 { width:31.33333%; } .cuaImgBase-2 { width:48%; } }   .NoCel{display:block; } .SoloCel{display:none;} @media screen and (max-width: 1150px) { .NoCel{display:none;} .SoloCel{display:block;} .BajoHImg{ margin-top:30px; } }   .BotCir{ font-family: 'Yanone Kaffeesatz', sans-serif; text-align:center; margin:auto; width:100px; height:100px; line-height:100px; border: 1px #999999 dashed; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; color:#CCC; font-size:18px; letter-spacing:1px; margin-top:20px; cursor:pointer; } .BotMas-Cont{ width:100%; height:auto; text-align:center; } .BotMas { background-color: #00A552; } .BotMas2 { background-color: #15334D; } .BotMas3 { background-color: #3483FA; } .BotMas,.BotMas2 { font-family: 'Roboto Condensed', sans-serif; height:60px; max-height:60px; line-height:60px; text-align:center; color:#ffffff; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #333333; bottom:-5px; cursor:pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:inline-block; margin-left:auto; margin-right:auto; text-align:center; overflow:hidden; padding:0px 10px 0px 10px; } .BotMas:hover,.BotMas2:hover { transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); background-color: #CCC; color:#333; } .BotMasFlexCont { display: flex; flex-wrap: wrap; width: 100%; margin:auto; } .BotMasFlexSelect { font-family: 'Roboto Condensed', sans-serif; background-color: #CCCCCC; font-size:16px; height:60px; color:#333; } .BotMasFlexSelectOk { font-family: 'Roboto Condensed', sans-serif; background-color: #00A552; color:#ffffff; font-size:16px; height:60px; } .BotMasFlex { width: auto !important; margin: 10px !important; background-color: #CCC!important; color:#333!important; } .BotMasFlex:hover { background-color: #67C3E6; width: auto !important; margin: 10px !important; background-color: #CCC!important; color:#333!important; } .BotMasFlexOk { background-color: #00A552 !important; color:#FFF !important; } .BotMasFlexOk:hover { cursor:default !important; transform: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-color: #00A552 !important; color:#ffff !important; } @media screen and (max-width: 1150px) { .BotMas:hover,.BotMas2:hover,.BotMas3 { transform: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#ffffff; } .BotMas:hover { background-color: #00A552; } .BotMas2:hover { background-color: #15334D; } .BotMas3:hover { background-color: #3483FA; } }  .Loader,.LoaderSi,.LoaderCall{display:none;z-index:10000}.LoaderFondo,.LoaderSiFondo,.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)}} .LoaderSiFondo{background-color:#333333;opacity:1;filter:alpha(opacity=30)} .spinnerSi{width: 200px;height: 200px;background-color: transparent; background-image:url(/varios/imagenes_sis/template/spinner.png); background-repeat:no-repeat}.lds-dual-ring {display: inline-block;}.lds-dual-ring:after {border: 3px solid #999999;width: 193px;height: 193px;content: ""; display: block;border-radius: 50%;border-color: #CCCCCC transparent #CCCCCC transparent;animation: lds-dual-ring 1.2s linear infinite;}.spinnerSi, .lds-dual-ring:after {margin: 100px auto;margin:-100px 0 0 -100px;z-index:10001;left:50%;top:50%;position:fixed;}@keyframes lds-dual-ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}  .headerContent { width: 100%; height: 150px; position: fixed; top: 0; left: 0; -webkit-transition: height 0.6s; -moz-transition: height 0.6s; -ms-transition: height 0.6s; -o-transition: height 0.6s; transition: height 0.6s; z-index:100; } .header { width: 1100px; margin:0 auto; height: 150px; top: 0; z-index: 999; -webkit-transition: height 0.6s; -moz-transition: height 0.6s; -ms-transition: height 0.6s; -o-transition: height 0.6s; transition: height 0.6s; } .header LogoTxt, .header LogoTxtPop { display: inline=block; line-height:150px; float: left; margin-left:0px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:600; letter-spacing:normal; font-size:60px; color:#333333; margin-right:5px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #menuSwipe { display:none; } .header BotLeft, .header BotRight { margin-left:0px; height:150px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .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; } .okF{ font-family:Verdana, Geneva, sans-serif; font-size:9px; position: absolute; width:20px; height:20px; line-height:20px; top:-4px; right:-10px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 2px solid #E6E6E6; text-align:center; color:#ffffff; filter: invert(0); } .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; margin-right:5px; } .BotonR.smaller{  } .BotonR.smaller img{ filter: invert(1); } .BotonL.smaller{ } .BotonL:hover, .BotonR:hover{ background-color: #666666; } .BotonL.smaller:hover, .BotonR.smaller:hover{ background-color: #cccccc; } .BotonL img, .BotonR img{ display: inline=block; width:100%; display:inline; } .header Logotipo{ display: inline=block; height:150px; float: left; margin-right:5px; } #Logotipo{ display:none; } .header.smaller Logotipo{ height: 56px; } .header.smaller Logotipo img { margin-top:5px; margin-left:5px; height:130px; transform: translateY(0%); border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; background-color: #2FAD66; -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{  margin-top:170px; margin-left:200px; height:250px; display:inline; max-width: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .BajoHImg2{ float:left; position:fixed; top:180px; margin-left:470px; width:400px; height: auto; } .BajoHImg2 img{ display: block; width:100%; } @media screen and (max-width: 1150px) { .BajoHImg2{ visibility:hidden; } }  .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 { -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:#fafafa; height: 56px; } .headerContent.Opaco { background-color:#ffffff; }  .header.smaller h1#logo { width: 150px; height: 56px; font-size: 30px; } .header.smaller LogoTxt, .header.smaller LogoTxtPop { line-height:56px; font-size:34px; } .header.smaller BotLeft { height:56px; } .header.smaller BotRight { height:56px; } .header Nav_Menu { display: inline=block; float: left; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; 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: 'Roboto Condensed', sans-serif; font-size:16px;  color:#ffffff; cursor:pointer; padding: 2px 8px 18px 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .Nav_1.smaller { color: #333333; text-shadow:none; } .Nav_1 a{ color:#ffffff; font-size:18px; border-bottom:none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .Nav_1.smaller a{ color: #333333; font-size:18px; text-shadow:none; border-bottom:none; } .Nav_1.scrool,.Nav_1 a.scrool { transition: none; color:#333333; background-image:url(/varios/imagenes_sis/template/bajomenu.png); background-position: top 30px center; background-color:transparent; background-repeat:no-repeat; padding-bottom:30px; } .Nav_1:hover, .Nav_1 a:hover { color: #ffffff; transform: translate(0px, -3px); } .Nav_1.smaller:hover, .Nav_1.smaller a:hover { color: #000000; transform: translate(0px, -3px); } .Nav_Sub { height:40px; line-height:40px; left:0px; font-family: 'Roboto Condensed', sans-serif; font-size:16px;  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 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); 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; }   .puntillas { width:auto 0px; height:55px; background-image:url(/varios/imagenes_sis/template/Puntillas.png); background-repeat:repeat-x;  } .footer { width:auto; margin:0 auto; overflow:hidden; } .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:#8E5121; padding-bottom:30px; } #footerLinks a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#8E5121; border-bottom:#8E5121 1px dotted; } #footerLinks a:hover{ color: #000000; border-bottom:#000000 1px dotted; } .footer01{ float:left; width:79%; margin-right:1%; } .footer02{ float:left; width:20%; } .fooIco{ float:left; overflow:hidden; padding-bottom:5px; font-size:18px; } .fooIcoImg{ float:left; width:30px; height:30px } .fooIcoImg img{ width:100%; } .fooIcoTxt { float:left; width:auto; overflow:hidden; line-height:30px; padding:0px 10px 0px 5px; } @media screen and (max-width: 980px) { .footer { background-color: transparent; } } @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%; } }  @media screen and (max-width: 400px) { .footerHeader { background-image:url(/varios/imagenes_sis/template/footerHeader320.jpg); background-repeat:no-repeat; background-position: left; } }  .SoloPrint{display:none} @media print { .NoPrint{display:none;} .SoloPrint{display:block;} body {color:#000000;} }  @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; } .header { height: 56px; } .BotonL, .BotonR{ width:30px; height:30px; margin-right:8px; } .BotonL{ margin-right:0px; } .headerContent { background-color: #e6e6e6; 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 Logotipo{ height: 56px; } .header Nav_Menu{ height: 56px; } .header Logotipo img,.header.smaller Logotipo img { margin-top:5px; margin-left:5px; height:84px; transform: translateY(0%); border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; background-color: #2FAD66; -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 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; } }  @media screen and (max-width: 1024px) { #menuSwipe { display:block; } } @media screen and (max-width: 980px) {  .header BuscaHeader { width:82%; } .BotonL:hover, .BotonR:hover{ background-color: transparent; } }  @media screen and (max-width: 768px) {   #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; }  .header BuscaHeader { width:80%; } } @media screen and (max-width: 1150px) { } @media screen and (max-width: 700px) { .cursoImg { width:100%; } body { background-position: top 0px left; background-image:none; }   } @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%; }  .header.smaller LogoTxt { font-size:26px; } } @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: 384px) { .header.smaller LogoTxt { line-height:60px; font-size:22px } } @media screen and (max-width: 356px) { .header.smaller BotRight, BotRight { display: none; } } @media screen and (max-width: 330px) { .header BuscaHeader { width:50%; } .header.smaller LogoTxt { font-size:20px } } @media screen and (max-width: 285px) { .header.smaller LogoTxt { display:none; } } 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: 10px 0px 10px 10px; font-size:12px; height: auto; color:#666666; } .SwipeMenuSep{ height:300px; } .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:14px; 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:#ffffff; cursor:pointer; background-image:url(../../../varios/imagenes_sis/template/logoSwipeMenuFondo.jpg); background-repeat: no-repeat; } #navClose{ padding-top:10px; position:absolute; cursor:pointer; } .SwipeMenuLogo { width: 150px; margin-left:70px; padding: 20px 0px 20px 0px; } .SwipeMenuLogo img { width: 100%; display: block; } .SwipeMenuM01:hover,.SwipeMenuM02:hover,.SwipeMenuM03:hover,.SwipeMenuM04:hover,.SwipeMenuM05:hover,.SwipeMenuM06:hover{ background-color:#F1F1F1; }.menuMas01{ position: absolute; margin-top:-6px; margin-top:2px; width:200px; height:300px; background-color:#ffffff;  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; } .window 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; } .window p:hover { background-color:#e6e6e6; color:#F00; color:#000000; }  .window p.divisor { background: #535152; height:1px; }   .window p.disabled { color:#C9C9C7; cursor:default; }  .window p.MenuMastitulo { cursor:default; }   .window p.disabled:hover, .window p.MenuMastitulo:hover { background-color:#FFFFFF; } .menuMasShare{ position: absolute; margin-top:2px; right:0px; width:35px; 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; opacity:0.5; } .menuMasShare img:hover{ opacity:0.8; }   @media screen and (max-width: 1330px) { .menuMas01{ right:0px; } }.cate001{ width:100%; height: auto; padding-bottom:10px; } .SubCa{ float:left; width:200px; margin-left: 1%; margin-right:1%;  } .SubCaSel{ cursor:pointer; color:#FFF; background-color:#09F; height:60px;  } .cate002, .cate002_ok{ font-family: 'Roboto Condensed', sans-serif; float:left; width:23%; margin-left: 1%; margin-right:1%; margin-bottom:10px; height:50px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #333333; height:60px; line-height:60px; text-align:center; color:#FFF; } .CatW{ width:100%; height: auto ; margin-bottom:10px; display:none; } .CatW01{ display: flex; justify-content: center; } .CatW01T,.CatW01C{ font-family: 'Roboto Condensed', sans-serif; margin:0px 5px 0px 5px; padding: 0 15px 0 15px; background-color: #CCC; height:50px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; height:60px; line-height:60px; text-align:center; color:#333; cursor:pointer;  } .CatW01_ok{ background-color: #00A552; color:#FFF; cursor:default; } .cate002{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer;  background-color: #CCC; color:#333; } .cate002_ok{ color:#FFF; background-color: #0C6; cursor:default; } .cate002_ok:hover{ color:#FFF; cursor:default; } .cate002:hover{ transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); background-color: #CCC; } .cateLisOr{ width:100%; margin: auto; height:40px; z-index:90; margin-top:-20px; position: relative; border-bottom: 0px dashed #CCCCCC; margin-bottom:5px; } .cateLisOrDet{ font-size:12px; width: auto; float:left; margin: auto; height:40px; line-height:50px; margin-left:10px; } @media screen and (max-width: 1150px) { .cate002, .cate002_ok{ display:none; } .CatW{ display:block; } } @media screen and (max-width: 480px) { .cateLisOrDet{ line-height:40px; } } @media screen and (max-width:700px) { .SubCa{ float:none; width:98%; margin-left: 2%; margin-right:1%; } }.header.smaller SocialDivHeader{ display:none; } .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%; } }.cuaLis_Container { width: auto; margin:0 4px 0 4px; position:relative; z-index:20; } .cuaLis_Container ,.cuaLis_Container a{ color:#333333; } .cuaLis_1 { float:left; height:auto; width:33.3333333%;  width:20%; margin-bottom:15px; } .cuaLis_1Central { float:left; width:33.333333333333%; cursor:pointer; } .cuaLis_1base { width: auto; margin: 2px 2px 2px 2px; padding-bottom:1px; cursor:pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cuaLis_1base:hover{ transform: translate(0px, -15px); background-color:#eeeeee; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } .cuaLis_1Img { width: auto; border:#cccccc 1px solid; overflow:hidden; cursor:pointer; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; } .cuaLis_1Stock,.cuaLis_1Oferta { position: relative; z-index:10; } .cuaLis_1StockImg,.cuaLis_1OfertaImg { position: absolute; top: 5px; width:20%; } .cuaLis_1TipoEnt { color:#FFF; position: absolute; bottom: 0px; width: auto; padding:5px 10px 5px 10px; margin-left:5px; text-align:center; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:20px; letter-spacing:1px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border: 0px solid #000000; background-color:#00A552; } .cuaLis_1StockImg img,.cuaLis_1OfertaImg img { width:100%; } .cuaLis_1StockImg { right: 5px; } .cuaLis_1OfertaImg { left: 5px; } .cuaLis_1Descripcion { width: auto; text-align:justify; margin: 15px 1.6% 15px 1.6%; } .cuaLis_1Img img{ width:100%; display:block; -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -o-transition:all .9s ease; -ms-transition:all .9s ease; } .cuaLis_1Nom, .cuaLis_1Precio{ letter-spacing:1px; text-align:center; width: auto; overflow:hidden; } .cuaLis_1Nom{ height:36px; max-height:36px; margin:0px; margin-top:5px; font-size:14px;  } .cuaLis_1Precio{ width:100%; height:30px; max-height:30px; margin: auto;  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:30px; margin-top:5px; } .cuaLis_1Precio sup{ font-size:50%; } .cuaLis_1Precio span{ color:#39B54A; margin-left:5px; font-size:18px; } .ProBotonera{ width:auto; margin:auto 0; overflow:hidden; margin:0 5px 0 5px; } .ProBotC,.ProBotA,.ProBotConsul{ float:left; width:48%; margin:auto 0; overflow:hidden; margin: 0 1% 0 1%; font-size:12px; color:#FFFFFF; height:30px; line-height:30px; text-align:center; cursor:pointer; } .ProBotC:hover,.ProBotA:hover{ background-color: #666666 } .ProBotC{ background-color: #900000; } .ProBotA{ background-color: #007CA5; } .ProBotConsul{ border:1px solid #D23300; background-color: #F94105; color:#ffffff; } .ProBotConsul:hover{ background-color:#D23300; } .ProBotSolo{ float: none; width: auto; margin: 0 26% 0 26%; } .ProBotOk{ background-color:#1B5E20; } .cuaLis_1Nom span{ display: inline-block; line-height: normal; font-size:16px; width:95%; margin:auto 0; } .cuaLis_1Fav { position: relative; z-index:10; cursor:pointer; bottom:5px;  margin:0 auto; margin-right:10px; width:30px; height:30px; } .cuaLis_1FavImgLoad,.cuaLis_1FavImgSi,.cuaLis_1FavImgNo { position: absolute; right: 0px; bottom: 0px; width:30px; height:30px; } .cuaLis_1FavImgSi { opacity: 0.4; filter: alpha(opacity=40); } .cuaLis_1FavImgSi:hover,.cuaLis_1FavImgNo { opacity: 1; filter: alpha(opacity=100); } .cuaLis_1FavImgSi img,.cuaLis_1FavImgNo img,.cuaLis_1FavImgLoad img { width:100%; } @media screen and (max-width: 968px) { .cuaLis_1,.cuaLis_1Central { cursor:pointer; } .cuaLis_1base:hover{ transform: translate(0px, -0px); background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media screen and (max-width: 768px) { .cuaLis_1Descripcion { margin: 15px 3% 15px 3%; } } @media screen and (max-width: 736px) { .cuaLis { margin:1px; } .cuaLis_1,.cuaLis_1Central { width:50%; } .cuaLis_1Nom span{ font-size:16px; } } @media screen and (max-width: 650px) { .cuaLis_1Nom{ height:55px; } .cuaLis_1Precio{  } .cuaLis_1Precio span{  } } @media screen and (max-width: 480px) { .cuaLis_1,.cuaLis_1Central { width:50%; } .cuaLis_1Nom{ height:63px; max-height:57px; } .cuaLis_1Precio{ font-size:22px } .cuaLis_1TipoEnt { font-size:14px; } .cuaLis_1Precio span{ font-size:12px } .cuaLis_1StockImg,.cuaLis_1OfertaImg { width:25%; } } @media screen and (max-width: 350px) { .cuaLis_1,.cuaLis_1Central { width:100%; } } .contact00{ width: auto; margin: 0px 1% 0px 1%; } .contact01{ float:left; width:47%; padding-bottom:3px; margin-right:3%; } .contact02{ float:left; width:49%; height: auto; padding-bottom:20px; } .contactTexto{ width:100%; height:auto; padding-bottom:20px; text-align:center; } .contactTexto a{ border-bottom:none; border-bottom: 1px dotted #5B5C3A; } .contactTexto a:hover{ color:#000000; border-bottom: 1px dotted #E3722E; } .fooIco{ float:left; overflow:hidden; padding-bottom:10px; } .fooIcoImg{ float:left; width:30px; height:30px } .fooIcoImg img{ width:100%; } .fooIcoTxt { float:left; width:auto; overflow:hidden; line-height:30px; padding:0px 10px 0px 5px; } @media screen and (max-width: 768px) { .contact00{ margin: 0px 3% 0px 3%; } .contact01{ float:none; width:99%; margin-right:0px; } .contact02{ float: none; width:99%; } .contact01{ float:none; width:100%; } .contact02{ float: none; width:100%; } }.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; cursor:pointer; } .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%;  } .BadHCont01 { float:left; width:33.333333%; margin:auto; margin-bottom:30px; height:140px;  } .BadHCont01ab{ margin-left:3%; margin-right:3%; }  .BadHCont01a{ float:left; width:15%; margin-right:2%; height: auto; } .BadHCont01a img{ width:90%; margin-top:10px; } .BadHCont01b{ float:left; width:83%; height: auto; } .BadHCont01bTit{ font-family: 'Yanone Kaffeesatz', sans-serif;  color:#257CD3;  color:#00CC66;  color:#433A6D; width: auto; height:50px; font-size:20px; letter-spacing:1px; display: table-cell; vertical-align: middle; font-weight:bold; } .BadHCont01bTex{ width: auto;  text-align:justify; } @media screen and (max-width: 1100px) { .BadHCont01 { width:50%;  } } @media screen and (max-width: 850px) { .BadHCont01 { width:100%;  } .BadHCont01a{ width:10%; } .BadHCont01b{ float:left; width:88%; } } @media screen and (max-width: 650px) { .BadHCont01 {  } .BadHCont01bTex{ } .BadHCont01a{ width:12%; } .BadHCont01b{ float:left; width:86%; } } @media screen and (max-width: 480px) { .BadHCont01 { width:100%;  } .BadHCont01a{ width:16%; } .BadHCont01b{ float:left; width:82%; } } ::-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} .no-spinners {  -moz-appearance:textfield; } .no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0; } input:focus, input.form-control:focus, select:focus, select.form-control:focus { outline:none !important; outline-width: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } textarea:focus, input:focus{outline: none;} input, textarea, text_000 , text_020, select, text_050, tel_1, tel_2, text_newslett, text_newsCod{ border-bottom: 2px #E0E0E0 solid; font-family: 'Roboto Condensed', sans-serif; border:0px; font-size:18px; margin-right:10px; height:46px; background:none; background-color:#ffffff; background-repeat:no-repeat; color: #666666; border:#03C; position: relative; width: 98%; padding-left:8px; box-sizing: border-box; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .BotonRef, .BotonBus{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; letter-spacing:1px; margin-top:1px; width:auto; padding: 0 10px 0 10px; height:46px; line-height:45px; color:#FFF; float:left; cursor:pointer; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-transition: all 0.5s ease; } .BotonBusCont{ float:left; width: 40%; height:auto; } .BotonRef{ background-color:#26A8FF; } .BotonRefImage{ width:46px; padding:0px !important; background-color:transparent; } .BotonRefImage img{ width:46px; } .Expand:after{ font-family:Verdana, Geneva, sans-serif; color:#000000; content: "\25BE"; font-size:40px; } .Cerrar:after{ font-family:Verdana, Geneva, sans-serif; color:#fffff; content: "\02715"; font-size:40px; } .BotonBus{ background-color:#00A552; } .Tipdate{ width:160px; } @media screen and (max-width: 650px) { .BotonBus{ margin-top:1px; padding: 0 30px 0 30px; text-align:center; } } .text_000 { width:100%; } .text_newslett { width:73%; } .tama6 { width:70px; } .text_newsCod { width:197px; } .text_020 { width:20%; } .tel_1 { width:10%; margin-right:1% } .tel_2 { width:50%; } .text_050 { width:46.98%; } .FormSep50{ float:left; width:4%; height:46px; } .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:18px; margin-bottom:0px; } .Form_Titulo{ height:55px; line-height:55px; font-size:18px; } .Form_CampoTit{ font-family: 'Roboto Condensed', sans-serif; width: auto; margin:auto 0px; height: auto; margin-bottom:3px; font-size:14px; } .Form_CampoTit::before { content: "\0000a0"; } .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: auto; padding:34px 0px 0px 0px; overflow:hidden; } .FormRen { width:auto;height:auto;clear:both; } .FormRenCap { width:auto; height:75px; } .FormRenCapImg1{ float:left; width:200px; height:54px; } .FormRenCapImg2{ float:left; width:54px; height:54px; cursor:pointer; } .FormRenCapImg1 img,.FormRenCapImg2 img{ width:100%; } .FormCampo { height:46px; margin-bottom:30px; }  .FormCampoChek { height:35px; margin-bottom:30px; } .checkbox,.radioBut{ width:35px; float:left; cursor:pointer; margin-top:-6px; } .checkboxLabel{ float:left; margin-top:6px; font-family: 'Roboto Condensed', sans-serif; margin-right:10px;} .FormCampoNota { padding-top:12px; } .NotaBor { width:100%; height:424px; resize:none; } .Nota { resize:none; height:410px; } .NotaBor2 { width:100%; height:346px; resize:none; } .Nota2 { resize:none; height:332px; } .NotaBor3 { width:100%; height:150px; resize:none; } .Nota3 { resize:none; height:136px; } .NotaBor4 { width:100%; height:80px; resize:none; } .Nota4 { resize:none; height:66px; } .FormCampo, .FormCampoNota { float:left; border:0px; font-size:18px; border:1px #cecece solid; background-color:#ffffff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .FormCampoFocus { border: 1px #999999 solid; } .FormBotones { float:right; height:auto; } .FormBoton{ float:left; margin-right:20px; margin-bottom:40px; } .enviar,.restablecer, .cerrar { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; min-width:110px; height:60px; line-height:60px; padding:0px 15px 0px 15px; cursor:pointer; color:#ffffff; background-color:#34A0DF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; -webkit-transition: all 0.5s ease; font-size:16px; } .enviar{ background-color:#00CC66; } .enviar:hover, .restablecer:hover, .cerrar:hover{ color:#333333; transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); background-color: #CCC; } .restablecer { background-color:#333333; } .cerrar { background-color:#900000; } .contactImg { float:left; width:33.33333%; margin:0 auto; height:auto; margin:30px 0 30px 0; } .contactImg img{ width:60%; margin:auto; height:auto; display:block; }   input[type=radio].css-radio { display:none;} input[type=radio].css-radio + label.css-labelra { margin-top:3px; padding-left:26px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;} input[type=radio].css-radio:checked + label.css-labelra { background-position: 0 -21px;} label.css-labelra { background-image:url(cssradio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} @media screen and (max-width: 1110px) { .text_050 { float:none; width:60%; } .FormSep50{ display:none; } } @media screen and (max-width: 980px) { .tel_1 { width:15%; } } @media screen and (max-width: 768px) { .Form_Titulo,.Form_Detalle { padding: 0% 3% 0% 3%; } .BotonBusCont{ width: 100%; margin-top:-20px; margin-bottom:10px; } .enviar{ background-color: #00A552; } .tel_1 { width:10%; } } @media screen and (max-width: 650px) { .tel_1 { width:12%; } } @media screen and (max-width: 480px) { .text_newslett { width:90%; } .BotonRef{ margin-top:2px; } .NotaBor,.NotaBor2,.NotaBor3{ height:214px; } .Nota,.Nota2,.Nota3 { height:200px; } .FormBotones { float: none; height:auto; width:100%; } .FormBoton{ float:none; margin-right:0px; margin-bottom:20px; width:100%; } .enviar, .restablecer, .cerrar  { height:70px; line-height:70px; padding:0px 15px 0px 15px; font-size:18px; } .text_400 {width:100%;} .tel_1 { width:16%; } .tel_2 { width:55%; } } @media screen and (max-width: 330px) { .BotonRef { font-size:9px !important; }  .tel_1 { width:19%; } .tel_2 { } } @media screen and (max-width: 270px) { .tel_1 { width:25%; } .tel_2 { width:100%; } } section.module.parallaxHeader { height: 700px; min-height:700px; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-position: top center; } section.module.parallaxHeader-1{ background-image:url("/varios/parallax3/motor/img/000.jpg") } @media screen and (max-width: 1150px) { section.module.parallaxHeader { } } @media screen and (max-width: 650px) { section.module.parallaxHeader { background-position: top right -550px; } } @media screen and (max-width: 450px) { section.module.parallaxHeader-1{ background-position: top +56px center; background-image:url("/varios/parallax3/motor/img/000cel.jpg"); } } section.module.parallax { height: 500px; min-height:500px; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;  } .parrallax3Bottom{ width:100%; height:395px; background-size: cover; position:absolute; bottom:0px; } section.module.parallax h1{ color: rgba(255, 255, 255, 0.8); font-size: 160px; line-height: 500px; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding:0; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; letter-spacing:1px; } .parrallax3Bottom{ } section.module.parallax-1{ background-image:url("/varios/parallax3/motor/img/001.jpg") } section.module.parallax-2{ background-image: url("/varios/parallax3/motor/img/002.jpg"); } section.module.parallax-3{ background-image: url("/varios/parallax3/motor/img/003.jpg"); } @media all and (max-width: 1150px) { section.module.parallax h1{ font-size:120px; } } @media screen and (max-width: 768px) { section.module.parallax h1{ font-size:70px; } } @media all and (max-width: 500px) { } @media all and (max-width: 450px) { section.module.parallax-1{ background-image:url("/varios/parallax3/motor/img/001Cel.jpg") } section.module.parallax-2{ background-image:url("/varios/parallax3/motor/img/002Cel.jpg") } section.module.parallax-3{ background-image:url("/varios/parallax3/motor/img/003Cel.jpg") } section.module.parallax h1{ font-size:60px; } .parrallax3Bottom{ background-size:200%; } } @media all and (max-width: 380px) { section.module.parallax h1{ font-size:55px; } } .headerModal{ width: auto; margin:auto 0; height:56px;  background-color:#333333; border-bottom: 1px #000000 solid; } .headerModal02{ font-size:20px; color:#e6e6e6; padding-left:33px; width: auto; margin:auto 0; min-height:56px; padding-top:16px; background-image:url(/varios/imagenes_sis/template/bullet01.png); background-repeat:no-repeat; background-position:0px 10px; margin-left: 10px; margin: 0px 10px 0px 10px; font-weight:bold; } .headerModal02 span{ margin-top:-7px; padding:0px 0px 0px 2px; float:right; width:40px; cursor:pointer; } .headerModal02 span img{ width:100%; display:inline; }  .ModalFondo{ display:none; z-index: 10000; } .ModalFondo2{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 16px; color: #333; overflow: auto; background-color: #666; visibility: visible; background-image:url(/varios/imagenes_sis/fondos/Fondo004.png); opacity:0.7;  transition: opacity 2s linear;   z-index: 9998; right: 0; }  .ModalVentana01 { display:none; position:fixed; width:70%; height:88%; margin-left:15%; margin-right:15%; margin-top:3%; background-color:#333333; z-index:10001; cursor:default; -webkit-box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75); -moz-box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75); box-shadow: 9px 11px 38px -9px rgba(0,0,0,0.75); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; overflow: hidden; } .ModalVentanaContent{ width:100%; height:542px; overflow:auto; } .ModalVentanaContentMain{ width: auto; margin: 0px 1.6% 0px 1.6%; height: auto; padding-bottom:56px; } @media screen and (max-width: 1024px) { .ModalVentanaContent{ height:100%; } .ModalVentanaContentMain { width:auto; margin: 0% 3% 0% 3%; } } @media screen and (max-width: 1150px) { .headerModal02{ line-height:26px; font-size:16px; } .ModalVentana01 { width:94%; height:94%; margin-left:3%; margin-right:3%; margin-top:3%; } } .cn-00 { display: flex; flex-wrap: wrap; width:100%; margin:auto; } .cn-01 { float:left; width:18%; margin:10px 1% 10px 1%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; padding-bottom:15px; overflow:hidden; background-color:#E6E6E6; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cn-01:hover { transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } .cn-02 { font-family: 'Montserrat', sans-serif; font-size:160px; width: auto; margin:0px 10px 0px 10px; } .cn_imagen{ width:100%; height:auto; margin:auto; background-position: center center; background-size:cover; } .cn_imagen img{ width:100%; height:auto; display:block; } .cn_nombre{ font-family: 'Yanone Kaffeesatz', sans-serif; text-align:center; color:#FFF; font-size:20px; height: auto; min-height:20px; letter-spacing:1px; width: auto; padding:15px 2% 15px 2%; } .cn_especialidad{ width:100%; margin:0 auto; text-align: right; font-family: 'Yanone Kaffeesatz', sans-serif; padding: 5px 0px 10px 0px; letter-spacing:1px; font-size:16px; text-align:center; } .cn_botonera{ width:100%; min-height:30px; margin:0 auto; text-align: right; padding: 0px 0px 0px 0px; text-align:center; } .cn_nota{ width:100%; margin:auto; margin-top:5px; font-size:10px; text-align:justify; } .cn_botoneraFelx { display: flex; flex-wrap: wrap; justify-content:center; width: 100%; margin:auto; } .cn_botoneraFelx img { width:25px; height:25px; margin:2px 10px 2px 10px; cursor:pointer; opacity:0.4; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cn_botoneraFelx img:hover { transform: translate(0px, -6px); opacity:1; } @media screen and (max-width: 1150px) { .cn_botoneraFelx img { opacity:1; } .cn_botoneraFelx img:hover, .cn-01:hover { transform: translate(0px, 0px); } .cn-01:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media screen and (max-width: 768px) { .cn-01 { float:none; width:23%; margin:10px 1% 10px 1%; } } @media screen and (max-width: 650px) { .cn-01 { width:31.333333%; margin:10px 1% 10px 1%; } } @media screen and (max-width: 480px) { .cn_nota{ font-size:16px; } .cn-01 { width:48%; margin:10px 1% 10px 1%; } } @media screen and (max-width: 285px) { .c_sede{ font-size:16px; } }.sv-00 { display: flex; flex-wrap: wrap; justify-content:center; width:100%; margin:auto; } .sv-01 { float:left; width:31.3333333333%; margin:10px 1% 10px 1%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; padding-bottom:15px; overflow:hidden; background-color:#E6E6E6; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sv-01:hover { transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } .sv-02 { font-family: 'Montserrat', sans-serif; font-size:160px; width: auto; margin:0px 10px 10px 10px; } .sv_imagen{ width:100%; height:auto; margin:auto; background-position: center center; background-size:cover; } .sv_imagen img{ width:100%; height:auto; display:block; } .sv_nombre{ font-family: 'Yanone Kaffeesatz', sans-serif; text-align:center; color:#FFF; font-size:24px; height: auto; min-height:20px; letter-spacing:1px; width: auto; padding:15px 2% 15px 2%; } .sv_nota{ width:100%; margin:auto; margin-top:10px; font-size:14px; text-align:justify; } .sv_nota ul{  list-style-position: outside;  margin-left:17px;  padding:8px 0px 8px 0px; } .sv_nota ul li{ margin-bottom:5px; } @media screen and (max-width: 1150px) { .sv-01:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sv_nombre{ font-size:24px; } } @media screen and (max-width: 768px) { .sv-01 { float:none; width:31.333333%; margin:10px 1% 10px 1%; } } @media screen and (max-width: 650px) { .sv-01 { width:48%; margin:10px 1% 10px 1%; } } @media screen and (max-width: 480px) { .sv_nota{ font-size:16px; } .sv-01 { width:98%; margin:10px 1% 30px 1%; } }.messi-wrapper{ background-image:url(/librerias/alertaPopConfir/motor/images/envioWpp.png) !important; } .BannSi01-00 { display: flex; flex-wrap: wrap; justify-content:center; width:100%; margin:auto; } .BannSi01-01 { float:left; width:31.3333333333%; margin:10px 1% 10px 1%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; padding-bottom:0px; overflow:hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; } .BannSi01-01:hover { background-color:#E6E6E6; transform: translate(0px, -6px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } .BannSi01_imagen{ width:100%; height:auto; margin:auto; background-position: center center; background-size:cover; } .BannSi01_imagen img{ width:100%; height:auto; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } @media screen and (max-width: 1150px) { .BannSi01-01:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media screen and (max-width: 768px) { .BannSi01-01 { float:none; } } @media screen and (max-width: 650px) { .BannSi01-01 { width:48%; } } @media screen and (max-width: 480px) { .BannSi01-01 { width:98%; margin:10px 1% 30px 1%; } }.containerLandingLlamenos{ width: 100%; position: relative; padding-top:0px; padding-bottom:0px; height:750px; height:auto; background-color:#000; background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(/varios/imagenes_sis/template/llamenos.jpg); background-size:cover; background-repeat: no-repeat; background-position: right top; } .llamenos01,.llamenos02,.llamenos03,.llamenos04{ width:auto; margin-left:3%; margin-right:3%; } .llamenos01{ font-family: 'Oswald', sans-serif; font-size:36px; height:80px; line-height:36px; color:#FFF; } .llamenos02{ font-family: 'Quicksand', sans-serif; color:#FFF;  font-size:50px; height:100px; line-height:50px; padding-bottom:20px; } .llamenos03{ font-family: 'Quicksand', sans-serif;  color:#00CB65;   font-size:50px; height:50px; line-height:50px; padding-bottom:10px; padding-top:10px; } .llamenos03 a{ font-family: 'Quicksand', sans-serif;  color:#24F18A;   font-size:50px; height:50px; line-height:50px; padding-bottom:10px; padding-top:10px; } .llamenos04{ color:#FFF; padding-bottom:40px; padding-top:20px; text-align:justify; }  @media screen and (max-width: 650px) { .llamenos01{ padding-bottom:20px; } } @media screen and (max-width: 480px) { .llamenos02,.llamenos03,.llamenos03 a{ font-size:40px; } .llamenos01,.llamenos02,.llamenos03{ text-align:center; } } @media screen and (max-width: 350px) { .llamenos02,.llamenos03{ font-size:30px; } }  .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); } .W_ProFo{ height:auto; text-align:left; margin:auto; margin:0px 2px 0px 2px; padding:2px 0px 2px 0px; display:block; } .W_ProFo_1{ width: auto; margin:0 auto; height: auto; padding:2px; } .W_ProFo_2{ width: auto; margin:0 auto; height: auto; overflow:hidden; } .W_ProFo_2 img{ width:100%; display:block; } .W_ProFo ul { display:inline; list-style: none; } .W_ProFo li{ float: left; cursor:pointer; display:inline; width: 20%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .W_ProFo li:hover{ transform: translate(0px, -20px); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } @media screen and (max-width: 768px) { .W_ProFo li{ width: 25%; }  } @media screen and (max-width: 480px) { .W_ProFo li{ width: 33.333333%; }  }.messi-modal{ background-color: rgba(0,0,0,0.50); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index: 9000; } .messi{ position:absolute; padding:0; margin:0; font-size:14px; text-shadow:none; } .messi-box{ position:fixed; top:10px; top:-500px; width:386px; height:auto; left:50%; margin-left:-193px; color:#7F7F7F; z-index:101; margin-top:84px; -webkit-box-shadow: 2px 2px 52px -8px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 52px -8px rgba(0,0,0,0.75); box-shadow: 2px 2px 52px -8px rgba(0,0,0,0.75);  } .messi-wrapper{ position:relative; background-color:#ffffff; background-image:url(/librerias/alertaPopConfir/motor/images/alerta.jpg); background-position: top center; background-repeat:no-repeat; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; } .messi-titlebox{ font-family: 'Roboto Condensed', sans-serif; overflow:hidden; text-align:left; color:#3B3B3B; letter-spacing: 1px; font-size:22px; width:90%; margin:auto 0; margin-left:5%; padding-top:77px; } .messi-content{ font-family: 'Roboto Condensed', sans-serif; color:#3B3B3B; letter-spacing: 1px; font-size:18px; text-align: left; min-height:86px; width:90%; margin-left:2.4%; border-bottom: 2px solid #EFEFEF; } .messi-content a { letter-spacing: 1px; font-size:18px; color:#35B8E8; } .messi-content a:hover {text-decoration:none; border-bottom: none;} .messi-actions{ display:-webkit-box; display:-moz-box; display:box; padding-top:8px; margin:0 10px; padding-bottom:10px;} .messi-actions .btnbox{text-align:center;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1; padding:5px;} .messi-actions .btnbox .btn{min-width:138px; float: none;} .messi .btn{ display:inline-block; *display:inline; padding:4px 10px 4px; margin-bottom:0; *margin-left:.3em; letter-spacing: 1px; font-size:18px; font-family: 'Roboto Condensed', sans-serif; line-height:26px; text-align:center; color:#35B8E8; vertical-align:middle; cursor:pointer; background-color:#ffffff; border:none; } @media screen and (max-width: 768px) { .messi-box{ margin-top:20px; } } @media screen and (max-width: 650px) { .messi{font-size:16px} .messi-box{ margin-top:0px; } } @media screen and (max-width: 480px) { .messi-box{ width:100%; left:0%; margin-left:0px; } .messi-wrapper{ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; } }