@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); @import url(http://fonts.googleapis.com/css?family=Open+Sans);  *{ margin:0; padding:0; border:0; } body { font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight: normal; letter-spacing:1px; color:#5C5C33; background-color:#ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(/varios/imagenes_sis/template/body.jpg); background-attachment: fixed; background-position: top center; } a { outline: none; text-decoration:none; font-size:16px; cursor:pointer; border-bottom: 1px dotted #35B8E8; } a:hover { text-decoration:none; } .Clear { clear:both; } .overflow{ overflow:hidden; } .container { width: 100%; position: relative; padding-top:170px; padding-bottom:10px; } .main,.mainTot { width: 980px; 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; } #column1 { float:left; width: 69.5%; margin-right:0.5%; } #column2 { float:left; width: 30%; } #column1,#column2 { min-height:1060px; background-color:#ffffff; } .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;} .scrollTop{ background:#5C5C33;border:2px #ffffff solid;background-image:url(/varios/imagenes_sis/template/scrollTop_blanco.png); display:none; position:fixed; bottom:0; right:0; width:40px; height: 40px; text-align:center; line-height:40px; color:#000000; cursor:pointer; margin-right:15px; margin-bottom:5px; -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; }   .headerContent { width: 100%; height: 150px; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; z-index:100; background-color:#ffffff; background-image:url(/varios/imagenes_sis/template/header_background.jpg); background-repeat:no-repeat; background-position:top center; border-bottom:#ffffff 0px solid; -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 { width: 1100px; margin:0 auto; height: 150px; top: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; } .header LogoTxt, .header LogoTxtPop { display: inline=block; line-height:150px; float: left; margin-left:0px; font-family: 'Open Sans', sans-serif; letter-spacing:1px; color:#FFFFFF; font-size:60px; margin-right:5px; font-weight: 400; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #menuSwipe { } .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; } .BotonL:hover, .BotonR:hover{ background-color:#E2E3DB; } .BotonL img, .BotonR img{ display: inline=block; width:100%; display:inline; } .header Logotipo{ display: inline=block; height:150px; float: left; margin-right:5px; } .header.smaller Logotipo{ height: 56px; } .header Logotipo img{ height:150px; display:inline; max-width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header.smaller Logotipo img { height:56px; transform: translateY(0%); } .header BuscaHeader { display: inline=block; width:80%; height:150px; line-height:150px; float: left; margin: 0; margin-left:0px; left:0px; right:0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header input{ font-family: 'Roboto Condensed', sans-serif; padding-top:0px; font-size:60px; height:70px; transform: translateY(+25%); top: 50%; width:100%; border-bottom: 1px #5D5D33 solid; background-color:#383F42; color:#5D5D33; -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:#f1f1f1; -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 #D4D4D4 solid;  height:auto; padding-top:10px; padding-bottom:10px; } .BusPadRen01:hover{ background-color:#E2E3DB; cursor:pointer; } .BusPadRen02{ width:auto; margin-left:3%; margin-right:3%; } .BusPadRenNom,.BusPadRenPrecioFin,.BusPadRenDato { float:left; font-family: 'Roboto Condensed', sans-serif; color:#504E4F; 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:url(/varios/imagenes_sis/template/header_background02.jpg); background-color:#ffffff; height: 56px; } .headerContent.Opaco { background-image:url(/varios/imagenes_sis/template/header_background02.jpg); 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:18px; } .header.smaller BotLeft { height:56px; } .header.smaller BotRight { height:56px; } .header Nav_Menu { display: inline=block; float: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height:150px; } .Nav { list-style:none; margin:0 0 0 0; padding:0 0 0 0; float: left; position: relative; transform: translateY(-50%); top: 50%; height:24px; }  .Nav_1 { font-family: 'Roboto Condensed', sans-serif; font-size:18px;  color:#ffffff; cursor:pointer; padding: 0px 12px 0px 12px; } .Nav_1 a{ color:#ffffff; font-size:18px; border-bottom:none; } .Nav_1:hover, .Nav_1 a:hover { color: #FFCC66; } .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; }  .NoCel{display:block;} #SoloCel{display:none;}  .LoaderForm{display:none;z-index:10;} .LoaderFormFondo{position:fixed;top:0;left:0;width:100%;height:100%;padding:16px;color:#333;overflow:auto;z-index:10;} .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,.LoaderFormFondo{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)}}   .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:20px; } .footerDatos { padding:10px 0px 10px 0px; text-align:center; overflow:hidden; } .footer00{ width: auto; margin: 0px 1.6% 0px 1.6%; } .footerTot a{ color:#5B5C3A; border-bottom:#5B5C3A 1px dotted; } .footerTot a:hover{ color: #000000; border-bottom:#000000 1px dotted; } #footerLinks{ color:#353515; padding-bottom:30px; } #footerLinks a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#353515; border-bottom:#353515 1px dotted; } #footerLinks a:hover{ color: #353515; border-bottom:#353515 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:#5C5C33; } #footerLinks{ color:#ffffff; } #footerLinks a{ color:#ffffff; border-bottom:#ffffff 1px dotted; } #footerLinks a:hover{ color: #ffffff; border-bottom:#ffffff 1px dotted; } } @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-repeat:no-repeat; background-position: left; } } .ImageBanner{ width:80%; margin:0px auto; padding-top:20px; padding-bottom:20px; } .ImageBanner img{ width:100%; } @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; } }  @media screen and (max-width: 1024px) { #menuSwipe { display:block; } } @media screen and (max-width: 980px) { body { background-image: none; } .menu{display:none;} #Submenu{display:block;} .header01, .header01X {height:66px;width:100%;padding-left:1.6%;padding-right:1.6%;} .headerCel01 { width:auto;padding-left:1.6%;padding-right:1.6%;} .logo { float:left; width: 89px; height:56px; cursor:pointer; background-image:url(../imagenes_sis/template/logo_b.png); top: 0px; }  .banner { margin-top:66px;}  #con02 { padding-top:70px; } #con04 {  min-height:900px; } .botonCelX{ margin-right:25px; } .insec02, .insec02Cerrar { width: 20%; }   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%; } .SocialDiv li{ width:40px; } .SocialDiv2 li{ width:40px; } #con05 { min-height:1000px;}  .FooterIma02{ margin-left:5%; margin-right:5%; } .BannerIma02{ margin-left:5%; margin-right:5%; }  .tituloleyenda { text-align: center; } #con02 { background-position: left bottom; }  .Cartel img { width: 100%; } .header BuscaHeader { width:80%; }  .main { width:auto; padding: 0% 3% 0% 3%; }   } @media screen and (max-width: 736px) {   .header { height: 56px; } .BotonL, .BotonR{ width:24px; height:24px; }  .container { padding-top:56px; } .headerContent { background-image:url(../../varios/imagenes_sis/template/header_background02.jpg); background-color:#424242; height: 56px; } .header Logotipo{ height: 56px; } .header Nav_Menu{ height: 56px; } .header Logotipo img { margin-top:4px; height:48px; transform: translateY(0%); } .header LogoTxt, .header LogoTxtPop { line-height:56px; font-size:18px; } .header BotLeft { height:56px; } .header BotCloseTxt { height:56px; } .header BotRight { height:56px; }  .header input{ font-family:Arial, Helvetica, sans-serif; font-size:30px; height:45px; transform: translateY(0%); top: 0%; width:100%; }  .header BuscaHeader { height: auto; line-height:0px; } .header input::-webkit-input-placeholder { font-size:25px; line-height:40px; } #BusPad{ margin-top:56px; }  #column1 { margin-right:0%; } #column1,#column2 { width: 100%; min-height:100px; } .NoCel{display:none;} #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%; } .ImageBanner{ width:90%; margin:0px auto; padding-top:20px; padding-bottom:20px }  .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%; } .header Logotipo{ } .BotonRTxt{ font-size:16px; color:#ffffff; border:0px #ffffff solid; min-width:70px; } .header LogoTxtPop{ display:none; } .header BuscaHeader { width:62%; }  } @media screen and (max-width: 330px) { .header BuscaHeader { width:50%; } } nav { height: 100%; width: 290px; background-color: #F0F0F0; left: 0; top: 0; z-index: 2; position: fixed; overflow-y: auto; overflow-x: visible; transform: translate(-290px,0); z-index: 10000; -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.40); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.40); } .ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); display: none; z-index: 9000; } .SwipeMenuM00,.SwipeMenuLogin { width: auto; margin:auto 0px; height: auto; } .SwipeMenuM00{ width: auto; margin:auto 0px; height: auto; } .SwipeMenuLogin { width: auto; padding: 0px 0px 10px 10px; font-size:12px; height: auto; color:#666666; } .SwipeMenuSep{ height:2000px; display:none; } .SwipeMenuM00 span{ font-family: 'Open Sans', sans-serif; padding:0px 10px 0px 2px; font-weight:bold; float:right; font-size:18px; width:20px; } .SwipeMenuM00 span img{ width:100%; vertical-align: middle; } .SwipeMenuM02,.SwipeMenuM03,.SwipeMenuM04,.SwipeMenuM05,.SwipeMenuM06{ padding-left:5px; } .SwipeMenuM01{ padding-left: 10px; } .SwipeMenuM01,.SwipeMenuM02,.SwipeMenuM03,.SwipeMenuM04,.SwipeMenuM05,.SwipeMenuM06{ font-family: 'Open Sans', sans-serif; font-family: 'Roboto Condensed', sans-serif; cursor:pointer; color:#161616; font-size:16px; width: auto; margin:auto 0px; height:50px; line-height:50px; border-bottom:1px solid #D7D7D7; text-shadow:none; background-color:#F0F0F0; } .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:#ffffff; cursor:pointer; } #navClose{ position:absolute; cursor:pointer; } .SwipeMenuLogo { width: 250px; margin-left:20px; padding: 22px 0px 21px 0px; } .SwipeMenuLogo img { width: 90%; display: block; } .SwipeMenuM01:hover,.SwipeMenuM02:hover,.SwipeMenuM03:hover,.SwipeMenuM04:hover,.SwipeMenuM05:hover,.SwipeMenuM06:hover{ background-color:#ffffff; }.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; } 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:#E2E3DB; 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:#FFFFFF; } .menuMasShare{ position: absolute; margin-top:2px; right:0px; width:36px; 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; } }.menuCentral{ width:auto; margin:0 auto; padding:10px 0px 0px 0px; } #menuCentralMuestra{ display:none; margin-bottom:5px; } .menuCentralBot{ float:left; width:25%; height:50px; margin-bottom:10px; } .menuCentralBotCont { font-size:20px; text-align:center; color:#FFFFFF; width: auto; height:50px; line-height:50px; margin:0px 5px 0px 5px; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px solid #000000; cursor:pointer; } .menuCentralBotCont:hover { background-color:#666666; } .MCB01{ background-color:#007CA5; } .MCB02{ background-color:#900000; } .MCB03{ background-color:#E65100; } .MCB04{ background-color:#1B5E20; } .MenuCenRen{ width: auto; margin:auto 0px; height: auto; margin: 0% 1% 0% 1%; padding:10px 0px 10px 0px; overflow: hidden; } .MenuCenRenImg{ float:left; width:20%; } .MenuCenRenTxt{ font-size:18px; float:left; width:80%; padding-top:30px; } .CarrMenuBot02 { font-size:18px; text-align:center; color:#FFFFFF; width: auto; line-height:50px; margin:0px 10px 0px 10px; background-color:#900000; border:2px #333333 solid; } .CarrMenuBot02Img { width:100%; } .CarrMenuBot02Img img { width:100%; height:auto; display: block; } .CarrMenuBot02Det { font-size:18px; height:50px; line-height: normal; padding:10px 5px 0px 5px; } .CarrMenuBot02:hover { background-color:#666666; }  @media screen and (max-width: 768px) { .menuCentralBotCont { font-size:16px; } .MenuCenRen{ margin: 0% 3% 0% 3%; } } @media screen and (max-width: 600px) { .menuCentralBotCont { } .menuCentralBot{ width:50%; } .MenuCenRenImg{ float: none; width:50%; margin:0 auto; } .MenuCenRenTxt{ text-align:center; float: none; width:100%; padding-top:10px; } } @media screen and (max-width: 480px) { .CarrMenuBot02Det { font-size:16px; } } @media screen and (max-width: 400px) { .menuCentralBotCont { font-size:14px; }  }  @media screen and (max-width: 330px) { .menuCentralBotCont { font-size:12px; } .CarrMenuBot02Det { font-size:12px; } } .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:#5C5C33; } .widTitx2 { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; text-align:center; font-size:20px; width: auto; min-height:36px; margin: 0px 1.6% 0px 1.6%; padding-bottom:10px; padding-top:10px; } .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; } .Wid_No{display:none;}  .Wid_01{ background-color:#ffffff; Padding-bottom:0px; } .WidTitStyle_01{background-color:#E2E3DB;} .WidTitxStyle_01{ background-image:url(/varios/imagenes_sis/template/bullet01.png); background-position:0px 0px; ;} .WidNomStyle_01{} .WidPreStyle_01{}.cua01 { width: auto; height: auto; margin: 1%; } .cua01Cuadro { float:left; width:25%; padding-bottom: 4px; cursor:pointer; } .cua01base,.cua01baseAtras { width: auto; margin: 0px 4px 4px 4px; } .cua01base:hover .cua01Nom { background-color: #eeeeee; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; background-color: #eeeeee; background-image:url(../../varios/imagenes_sis/fondos/Fondo004.png); } .cua01base:hover .cua01Img img { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .cua01base:hover .cua01Img { border:#808080 1px solid; -webkit-transition: border 1000ms linear; -moz-transition: border 1000ms linear; -o-transition: border 1000ms linear; -ms-transition: border 1000ms linear; transition: border 1000ms linear; } .cua01baseAtras:hover .cua01Img img { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .cua01baseAtras:hover .cua01Img { -webkit-transition: border 1000ms linear; -moz-transition: border 1000ms linear; -o-transition: border 1000ms linear; -ms-transition: border 1000ms linear; transition: border 1000ms linear; } .cua01Img { width: auto; border:#999999 1px solid; overflow:hidden; } .cua01Img 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; } .cua01Nom, .cua01Det { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; width: auto; } .cua01Nom { text-align:center; height:50px; max-height:50px; line-height:50px; margin: 5px 0px 0px 0px; color:#5C5C33 } .cua01Nom span{display: inline-block; vertical-align: middle; line-height: normal;} .cua01Det { text-align:justify; height:100px; max-height:100px; overflow-y: auto; overflow-x: visible; margin: 5px 3px 0px 3px; } .WidStyle_Cate{ margin-top:20PX; background-color:#333333;background-image:url(/varios/imagenes_sis/fondos/Fondo009.jpg);} .WidTitStyle_Cate{ background-color:#383F42} .WidTitxStyle_Cate{background-image:url(/varios/imagenes_sis/template/bullet01.png);} .WidNomStyle_Cate{font-size:18px;} .WidDetStyle_Cate{font-size:18px;} .WidNomStyle_Cate_wid{font-size:11px;} .WidDetStyle_Cate_wid{font-size:14px;} @media screen and (max-width: 736px) { .cua01base { margin: 0px 4.5% 4px 4.5%; } } @media screen and (max-width: 480px) { .cua01Cuadro { width:50%; } }.cua02 { width: auto; } .cua02_1 { float:left; width:33.3333333333%; cursor:pointer; } .cua02_1_Estrella { float:left; width:50%; cursor:pointer; } .cua02_1base { width: auto; margin: 1px 1px 1px 1px; } .cua02_1Img { width: auto; border:#ffffff 1px solid; overflow:hidden; } .cua02_1base:hover .cua02_1Img { border: #ffffff 1px solid; -webkit-transition: border 500ms linear; -moz-transition: border 500ms linear; -o-transition: border 500ms linear; -ms-transition: border 500ms linear; transition: border 500ms linear; } .cua02_1base:hover .cua02_1Img img { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .cuaLis_1base:hover .cuaLis_1Img img { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .cua02_1base:hover { background-color: #eeeeee; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .cua02_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; } .cua02_1Nom, .cua02_1Precio, .cua02Det { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; text-align:center; width: auto; text-align:center; height:38px; max-height:38px; line-height:38px; margin:0px; color:#5C5C33; } .cua02_1Nom { padding:3px; line-height: normal; font-size:11px; } .cua02_1Precio { padding-bottom:10px; } .cua02_1Precio span{ display: inline-block; vertical-align: middle; line-height: normal; font-size:14px; } .cua02Det { text-align:justify; height:100px; max-height:100px; overflow-y: auto; overflow-x: visible; margin: 5px 3px 0px 3px; } .cua02NomEstrella,.cua02PrecioEstrella { font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; text-align:center; width: auto; text-align:center; height:50px; max-height:50px; line-height:50px; margin: 25px 10px 10px 10px; } .cua02NomEstrella span{ display: inline-block; vertical-align: middle; line-height: normal; font-size:18px; } @media screen and (max-width: 768px) { .cua02_1 { float:left; width:50%; cursor:pointer; } } @media screen and (max-width: 736px) { .cua02 { margin:1px; } .cua02_1 { width:25%; } .cua02_1Nom span{ font-size:16px; } } @media screen and (max-width: 480px) { .cua02_1 { width:33.333333%; } .cua02_1_Estrella { float: none; width:100%; } .cua02_1Nom{ height:60px; max-height:60px; } }.SocialDiv{ padding: 0px; max-width:980px; list-style: none; padding-bottom:3px; width:auto; margin:auto 0; } .SocialDivTit_left, .SocialDivTit_right{ font-size: 12px; width:auto; padding-bottom:3px; margin: 0px 1.6% 0px 1.6%; } .SocialDivTit_right{ text-align:right; } .SocialDivTit_left{ text-align:left; } .SocialDiv_left,.SocialDiv_right{ width:auto; height:auto; margin: 0px 1.6% 0px 1.6%; } .SocialDiv_right{ float:right; } .SocialDiv_left{ float:left; } .SocialDiv li{ float: left; width:28px; padding:2px; cursor:pointer; } .SocialDiv li:hover{ } .SocialDiv li img{ display: block; width: 100%; height: auto; } @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%; } }.cuaLis { width: auto; } .cuaLis_1 { float:left; width:20%; } .cuaLis_1Central { float:left; width:33.333333333333%; cursor:pointer; } .cuaLis_1base { width: auto; margin: 1px 1px 1px 1px; padding-bottom:20px; } .cuaLis_1Img { width: auto; border:#B8BC99 1px solid; overflow:hidden; cursor:pointer; } .cuaLis_1Stock,.cuaLis_1Oferta { position: relative; z-index:10; } .cuaLis_1StockImg,.cuaLis_1OfertaImg { position: absolute; top: 5px; width:50px; } .cuaLis_1StockImg img,.cuaLis_1OfertaImg img { width:100%; } .cuaLis_1StockImg { right: 5px; } .cuaLis_1OfertaImg { left: 5px; }  .cuaLis_1base:hover .cuaLis_1Img { border:#ffffff 1px solid; -webkit-transition: border 500ms linear; -moz-transition: border 500ms linear; -o-transition: border 500ms linear; -ms-transition: border 500ms linear; transition: border 500ms linear; } .cuaLis_1base:hover .cuaLis_1Img img { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); }  .cuaLis_1base:hover { background-color:#eeeeee; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .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{ font-family: 'Roboto Condensed', sans-serif; letter-spacing:1px; text-align:center; width: auto; text-align:center; }  .cuaLis_1Nom{ height:50px; max-height:50px; margin:0px; margin-top:5px; } .cuaLis_1Precio{ height:30px; max-height:30px; line-height:30px; margin:0px; }  .cuaLis_1PrecioDet{ font-size:10px; width:100%; margin:auto 0; text-align:center; height:15px; padding-bottom:5px; } .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 dotted #5D5D33; background-color: #838334; color:#ffffff; } .ProBotConsul:hover{ background-color:#A9A929; border:1px dotted #838320; } .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_1Precio { padding-bottom:10px; } .cuaLis_1Precio span{ display: inline-block; vertical-align: middle; line-height: normal; font-size:16px; } .cuaLis_1Fav { position: relative; z-index:10; cursor:pointer; } .cuaLis_1FavImgLoad,.cuaLis_1FavImgSi,.cuaLis_1FavImgNo { position: absolute; right: 10px; bottom: 3px; width: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 { float:left; width:33%; cursor:pointer; } } @media screen and (max-width: 768px) { .cuaLis_1Descripcion { margin: 15px 3% 15px 3%; } } @media screen and (max-width: 736px) { .cuaLis { margin:1px; } .cuaLis_1Nom span{ font-size:16px; } } @media screen and (max-width: 480px) { .cuaLis_1,.cuaLis_1Central { width:50%; } .cuaLis_1Nom{ height:57px; max-height:57px; } } @media screen and (max-width: 320px) { }.menuBoletin{ width:980px; margin:0 auto; height:auto; padding:0px 0px 5px 0px; } .menuBoletin01{ float: right; width:60%; margin:0 auto; height:auto; } .menuBoletin02{ float: right; width:33.33%; margin:0 auto; height:auto; } .menuBoletin02Bot{ width: auto; margin:0 auto; height:auto; margin-left:5px; cursor:pointer; } .menuBoletin02Bot img{ width:100%; display:block; }  @media screen and (max-width: 980px) { .menuBoletin{ width: auto; margin:0 auto; height:auto; padding:0px 10px 5px 0px; } } @media screen and (max-width: 736px) { .menuBoletin{ padding:10px 0px 5px 0px; } .menuBoletin01{ width:80%; } } @media screen and (max-width: 650px) { .menuBoletin01{ width:80%; } } @media screen and (max-width: 480px) { .menuBoletin01{ width:100%; } }  .wid{width: auto;height: auto; background-color:#ffffff; Padding-bottom:0px;}   .headerModal{ width: auto; margin:auto 0; height:56px; background-color:#EEEEEE; border-bottom: 1px #cccccc solid; } .headerModal02{ font-size:20px; color:#5C5C33; 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; } .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; top:50%; left:50%; width:980px; margin-left:-490px; height:600px; margin-top:-300px; border:0px solid #808080; background-color:#FFFFFF; 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); } .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) { .ModalVentana01 { top: auto; margin-top: 0; left: auto; margin-left: 0; width:100%; margin:auto 0; padding:0px; height:100%; } .ModalVentanaContent{ height:100%; } .ModalVentanaContentMain { width:auto; margin: 0% 3% 0% 3%; } } .btnWhatsApp { 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; } .btnWhatsApp img{ width:100%;  }