/*Cesta de pedido*/ .fondo-cesta{height:100%;background-color:transparent;background-image:url(../img/iconos/fonda.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iconos/fonda.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/iconos/fonda.png',sizingMethod='scale')"} header .cesta{padding:10px 0;} .fondo_x{background:#fdf7f7;position:absolute;right:0;height:100%;width:37%;top:0;} #cesta .callout-1{background:#fff!important;} #cesta .callout-1 .row{z-index:1;position:relative;} .pago_online_formus{max-width: 270px;margin: 20px auto 0;} #cesta form [type='text'], #cesta form [type='password'], #cesta form [type='date'], #cesta form [type='datetime'], #cesta form [type='datetime-local'], form [type='month'],#cesta form [type='week'], #cesta form [type='email'], #cesta form [type='number'], #cesta form [type='search'], #cesta form [type='tel'],#cesta form [type='time'], #cesta form [type='url'],#cesta form [type='color'], #cesta form textarea, #cesta form select, #cesta form [type='text']:focus, #cesta form [type='password']:focus, #cesta form [type='date']:focus, #cesta form [type='datetime']:focus,#cesta form [type='datetime-local']:focus, #cesta form [type='month']:focus, #cesta form [type='week']:focus, #cesta form [type='email']:focus,#cesta form [type='number']:focus, #cesta form [type='search']:focus, #cesta form [type='tel']:focus, #cesta form [type='time']:focus, #cesta form [type='url']:focus, #cesta form [type='color']:focus, #cesta form textarea:focus, #cesta form select:focus{ border-radius:4px; max-width: 424px; width: 100%; font-size: 14px; line-height: 21px; color: #3C465A; height: 40px; border: 0; border-bottom: 1px solid #DDD; padding:12px 5px 5px; margin-bottom: 30px; } #cesta form textarea, #cesta form textarea:focus{ height:120px; } #cesta #datepicker-range-start{max-width:150px;} #cesta button.Zebra_DatePicker_Icon{z-index:9;} #cesta .boton, #cesta button.boton{font-size: 17px;line-height: 24.2px;letter-spacing: 1px;} .texto_corto{display:none!important;} #cesta .callout-1 .top-30{padding-top:30px;} #cesta .callout-1 .bot-100{padding-bottom:100px;} /* #cesta .callout-1 .tama{height:1160px} */ #cesta .callout-1 .tama{height:100%;min-height:500px;padding-right: 40px;} #cesta .callout-1 .dos{display:none;} #cesta .callout-1 h1{padding-bottom:30px!important;} #cesta .callout-1 h1 small{font-size:25px;line-height:25px} #cesta .callout-1 h5{padding-bottom:20px;font-size: 16px;line-height:20px;background: #f1f1f1;border-radius: 5px;margin-bottom: 25px;padding:15px;} #cesta .callout-1 .mostrar_cuentas h5 small{font-size:16px;line-height:20px;padding-bottom:25px;display:block;} #cesta .callout-1 .mostrar_cuentas h5 small.ptop{padding-top:25px;padding-bottom:5px;} #cesta .callout-1 .mostrar_cuentas h5 small.final{padding-top:20px;padding-bottom:35px;} #cesta .callout-1 ul{background:transparent;border:0;} /* #cesta .callout-1 ul li{max-width:180px;width:100%;height:74px;display:inline-block;} */ #cesta .callout-1 ul li{max-width:30%;width:100%;height:74px;display:inline-block;} #cesta .callout-1 ul > li + li{margin-left:10px} #cesta .callout-1 ul li a{border:1px solid #ddd;border-radius:4px;width:100%;height:74px;display:table;transition:all 0.5s ease;text-align:center;background:transparent;padding:0;} #cesta .callout-1 ul li a > *{display:table-cell;vertical-align:middle;} #cesta .callout-1 ul li a > p{font-size:13px;line-height:20px;color: #fff!important;} #cesta .callout-1 ul li a > p.img{width:57px;padding-left:16px;} #cesta .callout-1 ul li:hover a,#cesta .callout-1 ul li a:focus{border:1px solid #01697a;} #cesta .callout-1 ul li.is-active a{border:1px solid #01697a;background-color:rgba(202,58,43,0.10);} /* #cesta .callout-1 .tabs-content,#cesta .callout-1 .tabs-panel{border:0;padding:0} */ #cesta .callout-1 .descripcion{padding:15px 0 25px;} #cesta .callout-1 .descripcion .form{max-width:424px;width:100%;float:left;border-top: 2px dashed #DDD;margin-top:30px;} #cesta .callout-1 .descripcion .form fieldset{width:100%;display:block;} #cesta .callout-1 .descripcion .form .mita1{width:50%;display:inline-block;float:left;padding-right:12px;} #cesta .callout-1 .descripcion .form .mita2{width:50%;display:inline-block;float:right;padding-left:12px;} #cesta .callout-1 .descripcion .form input,#cesta .callout-1 .descripcion .form select{max-width:424px;width:100%;font-size:14px;line-height:21px;color:#3C465A;height:45px;border:0;border-bottom:1px solid #DDD;padding:10px 0;margin-bottom:10px;} #cesta .callout-1 .descripcion .form select{background-image:url(../img/iconos/select.png);background-repeat: no-repeat;background-position-x: 100%;background-position-y: 20px;} /* #cesta .callout-1 .descripcion .form select::-ms-expand {right:8px;top:5px; background-repeat: no-repeat;background-image:url(../img/iconos/select.png);} */ #cesta .callout-1 .descripcion .form span{font-size:12px;line-height:18px;color:#3A3A3A;display:block;padding-bottom:8px} #cesta .callout-1 .descripcion .form .chk{position:relative;width:22px;height:22px;margin:auto;display:inline-block;outline:none;} #cesta .callout-1 .descripcion .form .chk:before, #cesta .callout-1 .descripcion .form .chk:after{content:"";border-radius:0;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-image:url(../img/check.png);background-repeat: no-repeat;} #cesta .callout-1 .descripcion .form .chk:before{background-position:left;z-index:5;} #cesta .callout-1 .descripcion .form .chk:after{background-color:#fff;z-index:0;} #cesta .callout-1 .descripcion .form .chk:hover:before{background-position:center;} #cesta .callout-1 .descripcion .form .chk:checked:before{background-position:right;} #cesta .callout-1 .descripcion .form label a{font-size:12px;line-height:18px;text-decoration-line:underline;color:#3C465A;} #cesta .callout-1 .descripcion .form .ulti{display:table;height:22px;margin:17px 0 40px;} #cesta .callout-1 .descripcion .form .ulti > *{display:table-cell;vertical-align:middle;} #cesta .callout-1 .descripcion .form .ulti > p{padding-right:10px} #cesta .callout-1 .descripcion .form .boton{font-size:20px;line-height:25px;margin-bottom:20px} #cesta .callout-1 .descripcion .form .boton.disable{opacity:.5;} #cesta .callout-1 .descripcion .form p{padding:15px 0;} #cesta .callout-1 .descripcion .form p.titu{padding:15px;border-bottom: 2px dashed #DDD;margin-bottom:20px; background: #f1f1f1;} #cesta .callout-1 .descripcion .form .labelfoto{border-bottom:1px solid #DDD;padding-bottom:12px;margin-bottom:10px;} #cesta .callout-1 .descripcion .form .labelfoto input{height:0;opacity:0;padding:0;margin:0;border:0;} #cesta .callout-1 .descripcion .form .peque{font-size:8px;line-height:12px;padding-bottom:40px;} #cesta .callout-1 .descripcion .form .btnfoto{background:#DDD;width:150px;border-radius:20px;display:inline-block;font-size:14px;line-height:21px;text-decoration:none;text-align:center;padding: 6.5px;} #cesta .callout-1 .descripcion .form .nose{width:calc(100% - 160px);font-size:14px;line-height:21px;float:right;padding: 6.5px 0;} #cesta .callout-1 .descripcion h5{font-size:15px;line-height:20px;background:#f7f7f7;} #cesta .callout-1 .descripcion .bancos{display:block;margin-bottom:10px;} #cesta .callout-1 .descripcion .bancos > div{width:32%;display:inline-block;} #cesta .callout-1 .descripcion .bancos > div p{font-size:14px;line-height:21px;} #cesta .callout-1 .descripcion .bancos > div p span{font-size:14px;line-height:21px;} #cesta .bancos .banco { padding-left: 60px; margin: 25px 0 20px; font-size: 13.5px; line-height: 19px;} #cesta .callout-1 .detalle{max-width:350px;width:100%;margin:0 auto;padding-bottom: 10px;} #cesta .callout-1 .detalle + .detalle{padding-top:12px; border-top: 2px dashed #999;} #cesta .callout-1 .img-cesta{width:120px;display:inline-block;} #cesta .callout-1 .img-cesta img{border-radius:3px;height:122px;width:100%;} #cesta .callout-1 .capa{width:100%;height:100%;background-color:rgba(0,0,0,.4);border-radius:3px;} #cesta .callout-1 .titulo{width:calc(100% - 150px);float:right;padding-left:10px} #cesta .callout-1 .titulo p{font-size:12px;line-height:15px;padding-top: 20px;} #cesta .callout-1 .titulo span{display:block;font-size:12px;line-height:13.2px;padding-top:15px} #cesta .callout-1 .delete_curso{width:25px;display:inline-block;float:right;padding-left:10px; margin-top: 15px;} #cesta .callout-1 .pagar{display:table;height:80px;border-top:2px dashed #DDD;border-bottom:2px dashed #DDD;margin:20px 0 10px;width:100%;} #cesta .callout-1 .pagar > *{display:table-cell;vertical-align:middle;} #cesta .callout-1 .pagar > p:last-child{text-align:right;font-size:22px;line-height:33px;} #cesta .callout-1 .pagar.subtotales{display:table;height:50px;border-top:2px dashed #DDD;border-bottom:0;margin:0px;width:100%;} #cesta .callout-1 .pagar.subtotales p{font-size:16px;line-height:22px;} #cesta .callout-1 .pagar.subtotales > p:last-child{text-align:right;font-size:16px;line-height:22px;} #cesta .callout-1 ol{margin-bottom:20px} #cesta .callout-1 ol > li{display:inline-block;padding:0 5px;} #cesta .callout-1 blockquote{font-size:14px;line-height:21px;padding-bottom:13px;} #cesta .callout-1 blockquote img{padding:2.5px 8px 2.5px 0;} /* #cesta .callout-1 span{display:block;font-size:12px;line-height:13.2px;} */ #cesta .callout-1 span{display:block;font-size:16px;line-height:20px;font-weight: 800;/*color:#fff!important;*/} #cesta .enviar-pedido{margin-top:22px!important;} .data_primero_ingresa{padding:77px 0;} .data_primero_ingresa h4{padding-bottom:63px ;font-size: 32px;line-height: 128.19%;color: #232B36;mix-blend-mode: normal;} .data_primero_ingresa p{padding-bottom:77px ;font-size: 14px;line-height: 21px;align-items: center;color: #50535A;} .data_primero_ingresa p.rel{padding-left:30px;} .data_primero_ingresa p img{position:absolute;left:0;top:-3px;} .data_primero_ingresa .boton2{margin-bottom:18px;} #cesta label{color:#333;font-size: .75rem !important;padding-bottom: 0;} #cesta label.error{color:#fff;font-size: .75rem !important;} #cesta p.anexos{font-size:14px;} #cesta .form_pago{background:#f1f1f1;padding:20px 15px; border-radius: 6px;max-width: 400px;margin: auto;} #cesta .form_pago h4{ font-size: 16px;padding-bottom:15px;} #cesta .form_pago input{margin-top:7px;} #cesta .form_pago .fech{width: inherit;padding: 0 12px;text-align: center;display: inline-block;margin: 0 7px;} #cesta .form_pago .fech:focus{width: inherit;padding: 0 12px;text-align: center;display: inline-block;margin: 0 7px;} #cesta .btn{margin-top:26px!important;} #cesta .btn-pedidoencurso{background:#d2dfe6;cursor:progress;color:#767676;} #cesta #btn_pagar.btn-pedidoencurso{cursor:not-allowed;} #cesta button.btn{display:block;margin-left: 26px!important;} #cesta .callout-2 .tabs{margin-top:-52px;border:0;background:#333;z-index:2;position:relative;} #cesta .tabs-title {background:#333;border-radius:4px;} #cesta .tabs-title.is-active, #cesta .tabs-title > a:focus, .tabs-title > a[aria-selected='true']{background: #01697a;color: #fff;z-index:2;position:relative;} /* #cesta .tabs-title > a{color: #fff;z-index:2;position:relative;line-height:1.4;padding-left:45.3px;padding-right: 14px;} para 4 columnas */ #cesta .tabs-title > a{color: #fff;z-index:2;position:relative;line-height:1.4;padding-left: 57.3px;padding-right: 60px;} #cesta .tabs-title > a small{color: #fff;z-index:2;position:relative;line-height:1.4;font-size: 0.75rem;} #cesta .tabs-title > a:hover{background:#333;color: #fff;z-index:2;position:relative;} /*para hover*/ #cesta .tabs-title.is-active a:hover{background: #01697a;} #cesta .tabs-panel{padding:1.7rem 2rem;} #cesta .accordion-item {background:#333;} #cesta .accordion-item.is-active, #cesta .accordion-item > a:focus, .accordion-item > a[aria-selected='true']{background: #01697a;color: #fff!important;z-index:2;position:relative;} #cesta .accordion-item > a{color: #fff;z-index:2;position:relative;line-height:1.4;padding-left:45.3px;padding-right: 14px;} #cesta .accordion-item > a small{color: #fff;z-index:2;position:relative;line-height:1.4;font-size: 0.75rem;} #cesta .accordion-item > a:hover{background:#333;color: #fff;z-index:2;position:relative;} /*para hover*/ #cesta .accordion-item.is-active a:hover{background: #01697a;} #cesta .accordion-content{padding-bottom:3rem;} /* #cesta .accordion-item{padding:1.7rem 2rem;} */ #cesta .data_valor{padding-bottom:15px;} #cesta .dedicate{height:400px!important;} #cesta .icoxs{position:absolute;top:40%;left:12px;} #cesta .icodelivery{background:url(../img/iconos/icodelivery.png);width:21px;height:12px;} #cesta .icodedicatoria{background:url(../img/iconos/icodedicatoria.png);width:17px;height:12px;} #cesta .icotipocomprobante{background:url(../img/iconos/icotipocomprobante.png);width:16px;height:21px;} #cesta .icometodopago{background:url(../img/iconos/icometodopago.png);width:19px;height:12px;} #cesta .cke_bottom{display:none;} #cesta .cke_skin_kama .cke_contents {height:400px!important;} #cesta .radio-group{margin-bottom:20px;overflow:hidden;} .planner-radio{display:inline-block;margin-right:18px;} .planner-radio label{font-size:14px;cursor:pointer;display:inline-block;line-height: 28px;vertical-align: super;padding-left:10px;margin:9px 0 6px;} /* .planner-radio input{opacity:0;width:0;height:0;overflow:hidden;} */ .planner-radio input{opacity:.1;width:25px;height:25px;cursor:pointer;} .radio-outer{width:25px;height:25px;border:2px solid #01697a;position:relative;text-align:center;padding-top:3px;margin:0 auto; display: inline-block;} .radio-inner{width:17px;height:17px;background:#333;display:inline-block;opacity:0;} .radio-outer, .radio-inner{border-radius:50%;cursor:pointer;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;line-height:0;} .mock-radio{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;/*opacity:0.6;*/margin-bottom:8px;display:inline-block;} .radio-group .title{font-size:16px;color:#333;display:block;margin-bottom:15px;} .mock-radio.active{opacity:1;} .mock-radio.active .radio-outer{border-color:#01697a;} .mock-radio.active .radio-inner{background:#01697a;opacity:1;} .mock-radio:hover{opacity:0.8;} .mock-radio:hover .radio-inner{opacity:1;} #pago .callout-1{padding:50px 0 30px;} #pago .callout-1 blockquote {font-size:20px;line-height:21px;} #pago .callout-1 h3{padding-bottom:20px;} #pago .callout-1 .large-4 {padding-bottom:30px;} #pago .callout-1 .large-7 .large-6{padding-bottom:20px;} #pago .callout-2{background:#efefef;padding:50px 0;} #pago .callout-2 .line{margin:15px;border-left:1px solid #bbb;height:82px;padding:0;} #pago .bancos .banco{padding-left:60px;margin:25px 0 20px;font-size:14.5px;} @media only screen and (max-width: 1205px){ #cesta .tabs{background:#333;} #cesta .tabs-title > a small{font-size: 0.62rem;} } @media only screen and (max-width: 1140px){ /* #cesta .tabs-title > a {line-height: 1.2;padding-left: 37.3px;} Para 4 columns */ #cesta .tabs-title > a {line-height: 1.2;padding-left: 37.3px;padding-right: 40px;} } @media only screen and (max-width: 985px){ /* #cesta .tabs-title > a small{font-size: 0.52rem;} Para 4 columns */ } @media only screen and (max-width: 965px){ #cesta .content_cart .desaparece {display:none;} /* #cesta .content_cart .tachoeliminar {width:16.66667%;} */ } @media only screen and (max-width: 900px){ /* #cesta .tabs-title > a small{font-size: 0.42rem;} ÁRA 4 columns */ #cesta .tabs-title > a small{font-size: 0.52rem;} } @media screen and (max-width: 1021px){ #cesta .content_cart .pleftfor {padding:20px 15px;} #cesta .content_cart .medium-3 {width: 25%;} #cesta .content_cart .medium-9 {width: 75%;} #cesta .content_cart .small-3, #cesta .content_cart .small-9 {width: 100%;} #cesta .content_cart form textarea {display:inline-block;} #cesta .content_cart .pleftfor { padding: 20px 15px 10px;border: 1px solid #ccc;margin-bottom: 30px!important;} } @media screen and (max-width: 800px){ #cesta .tabs-title > a small{font-size: 0.62rem;} #cesta .todorellenar{width:100%;} #cesta .tododetalle{width:100%;} #cesta .callout-1 .tama {min-height:auto;padding-right: 8px;padding-left: 8px;} } @media only screen and (max-width:40em){ header .callout .pago{padding:6px 0;font-size:14px;line-height:21px;} .fondo-cesta{height:auto;background:transparent;} .fondo_x{display:none;} #cesta .callout-1 .confi{max-width: 100%;} #cesta .callout-1 ul li{max-width: 120px;} #cesta .tabs-panel {padding: 1rem .2rem;} #cesta .radio-group{margin-bottom: 20px;overflow: hidden;text-align: left;padding-left: 30px;} #cesta .planner-radio{display: block;} #cesta .callout-1 .tama{height:auto;} #cesta .callout-1 .uni{display:none} #cesta .callout-1 .dos{display:block} #cesta .callout-1 .bot-100{padding-bottom:20px;} #cesta .callout-1 .confi{max-width:350px;width:100%;margin:0 auto} p{font-size:16px;line-height:20px;} #cesta .callout-1 .pagar > p:last-child{font-size:20px;line-height:30px;} #cesta .callout-1 .tam{padding-top:0;} /* #cesta .callout-1 ul li{max-width:75px;height:50px;} */ #cesta .callout-1 ul li{max-width:165px;height:50px;} #cesta .callout-1 ul > li + li{margin-left:5px;} #cesta .callout-1 ul li a{height:50px;} #cesta .callout-1 ul li a > p{padding-left:10px;padding-right:10px;} /* #cesta .callout-1 ul li a > p.last{display:none;} */ #cesta .callout-1 ul li a > p.texto_largo{display:none;} #cesta .callout-1 ul li a > p.texto_corto{display:table-cell!important;} #cesta .callout-1 ul li a > p.img{padding-left:10px;text-align:center;padding-right:10px;} #cesta .callout-1 .descripcion .bancos > div{width:100%;display:block;padding-bottom:20px} .data_primero_ingresa{padding:50px 20px;} .data_primero_ingresa h4{padding-bottom: 40px;font-weight: bold;font-size: 18px;line-height: 22px;} } @media screen and (max-width: 380px){ #cesta .callout-1 ul li{max-width:75px;height:50px;} #cesta .callout-1 ul li a > p.texto_corto{display:none!important;} #cesta .callout-1 .titulo p{font-size: 14px;line-height: 18px;} #cesta .callout-1 ul li a > p.img {display:none;} #cesta .callout-1 ul li{max-width: 100px;} } /* min widt*/ @media only screen and (min-width: 61em){ } @media only screen and (min-width: 50.500em){ } @media only screen and (min-width: 75em){ }