@font-face{font-family: 'Museo700';
    src: url('fuentes/museo700.woff');}
@font-face{font-family: 'Museo500';
    src: url('fuentes/museo500.woff');}
@font-face{font-family: 'Museo900';
    src: url('fuentes/museo900.woff');}
@font-face{font-family: 'Museo300';
    src: url('fuentes/museo300.woff');}

    
* { margin: 0; padding: 0; color: #666666;}

/*  GENERALIDADES  */
html{ font-size: 100%}
body{ font-family: 'Museo300'; font-size: 16px;}
header{ width: 100%; min-height: 100px;}
section{ width: 100%;}
footer{background:#666666; width: 960px; height: 55px; position: relative; margin: 30px auto 0 auto;}


/*HEADER*/
header{width: 960px; height: 163px; color: #fff; margin: 0px auto 0px auto; position: relative;}
header nav ul{list-style-type: none;text-align: right;}
header nav ul li{display: inline; margin: 10px;}
header nav ul li a{color:#ffffcc; text-decoration: none; font-family: 'Museo300'; font-size: 1rem;}
header nav ul li a:hover{text-decoration:none;background-color: #ff9933; color: #fff; padding: 17px; font-family: 'Museo500'; font-size: 1rem; transition: 0.3s;}

/* SECTION Y ARTICLE*/
section{position: relative; float: left; min-height: 300px;}

/* ASIDE */
aside{position: relative; float: left;}



/*  CONFIGURACION COLUMNAS */
.col {display: block; position: relative; float:left; margin: 70px 0 0% 2%; box-sizing: border-box;}
.col:first-child{margin-left: 0;}
.section {padding: 0 31px 0 31px; clear: both;}


/*  12 COLUMNAS  */
.col12 {width: 100%; left: -18px;}

.col11 {width: 91.5%;}

.col10 { width: 83%;}

.col9 {	width: 74.5%}

.col8 { width: 66%;}

.col7 {	width: 57.5%;}

.col6 {	width: 49%;}

.col5 {	width: 40.5%;}

.col4 {	width: 32%;}

.col3 {	width: 23.5%;}

.col2 {	width: 15%;}

.col1 {	width: 6.5%;}



/*  CONFIGURACION <h> y <p> */
h1{font-family:'Museo900'; font-size: 1rem; color: #ffffcc;}

h2{font-family:'Museo900'; font-size: 1rem; color: #ffffcc; background: #ff9933; width: 203px; height: 25px; margin: 0px 0 7px 0;padding: 5px 0 0 8px;}

h3{font-family:'Museo700'; font-size: 1.25rem; color: #666666; line-height: 16px;}

h4{font-family:'Museo300'; font-size: 1rem; color: #666666;line-height: 20px;}

h6{font-family:'Museo300'; font-size: 0.85rem;line-height: 20px;}

p{font-family:'Museo300'; font-size: 0.85rem;}


/* CLASS GENERALES*/
.cuerpo{background: #fff; max-width: 960px; height: 1000px; margin: 0px auto 0px auto;}

.padre{position: relative;}

.imagenresponsive{width: 100%; height: auto;}

.separador{ width: 100%; clear: both;}

.legal{text-align: center; font-size: 0.7rem; color: #fff; padding: 9px 0px 0px 0px;}

.autor{color: #fff; font-family:'Museo500'; font-size: 0.75rem;}

/* MENU PRINCIPAL */
#logo{position: relative; float: left; top: 42px; left: 32px;}

#menu{margin: 120px 20px 0px 0px;position: relative; float: right;}

#naranjamenu{background: #ff9933; width: 699px; height: 125px; position: absolute; top: 40px; right: 0px; margin: 1px; z-index: -6;}

#grismenu{background: #666666; width: 959px; height: 40px; position: absolute; top: 70px; margin: 1px; z-index: -2;}

#cremamenu{background: #ffffcc; width: 621px; height: 31px; position: absolute; top: 60px; right: 0px; margin: 1px; z-index: -5;}

#celestemenu{background: #4ebcc2; width: 960px; height: 48px; position: absolute; top: 102px; z-index: -1;}

#logotwit{position: absolute; margin: 78px 0 0 497px;}

#logoface{position: absolute; margin: 78px 0 0 530px;}

#busqueda{position: absolute; margin: 75px 0 0 570px;}
    
#formbusqueda{background: #4ebcc2; padding: 2px;}

#botonbusqueda{border: none; outline: none; background: none;}

#inputbuscador{background: none; border: none; outline: none; color: #ffffcc; font-family:'Museo300'; font-size: 0.85rem; width: 260px;}

/* PROGRAMACION */
.botonprogramacion:hover{background: #4ebcc2; color: #ffffcc;}

.articleasideprogramacion{margin: 22px 0;}

.calificacionprogramacion{margin: 6px 0;}

.articleprogramacion{position: relative; float: left; width: 48%; min-height: 200px; box-sizing: border-box; margin: 0 4% 0 0;}
.tag{background: #4ebcc2; width: 65px; height: 20px; position: absolute; top: 190px; right: 214px; margin: 1px; z-index: 3; font-size: 0.90rem; color: #ffffcc; padding: 3px 0px 0px 4px;}

.fotoprogramacion{width: 100%; height: auto; margin: 40px 0 8px 0px; position: relative;}

.calificacion{position: absolute; float: left; margin: -19px 0 5px 195px;}

.reloj{position: relative; float: left; margin: 0 4px 0 0;}

.articuloprogramacion{ margin: 0; position: relative;}

.leermas {position: relative; float: left; margin: 2px 3px 0px 0px;}

.vinculoleermas{text-decoration:none; color: #666666;}

.vinculoleermas h4:hover{color: #ff9933;}

.videoresponsiveprogramacion{ position: relative; margin: 0 auto; height: 0; padding-bottom: 56.25%;}

.videoresponsiveprogramacion iframe{position: absolute; height: 100%; width: 100%; top: 0px; left: 0px;}

.botonprogramacion{background: #ff9933; text-align: center; font-family:'Museo500'; font-size: 1rem; color: #ffffcc; width: 284px; height: 42px; position: relative; float: left; padding: 6px 3px 3px 3px; margin: 44px 0 20px 154px; border: none; outline: none;}

#cuerpoprogramacion{background: #fff; max-width: 960px; height: 1000px; margin: 0px auto 0px auto; position: relative;}

#tituloprincipalprogramacionceleste{background: #4ebcc2; width: 568px; height: 25px; left: 14px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalprogramacionnaranja{ background: #ff9933; width: 288px; height: 12px; position: absolute; top: 25px; right: 304px; margin: 1px; z-index: 3;}

#tituloprincipalprogramaciongris{ background: #666666; width: 216px; height: 24px; position: absolute; top: 20px; z-index: 1;}

/*HOME*/
#cuerpohome{background: #fff; max-width: 960px; height: 700px; margin: 0px auto 0px auto; position: relative;}

::-webkit-input-placeholder {color: #ffffcc;}

#sliderhome{ max-width: 418px; width: 100%; transform: rotate(-45deg);}

#romboprincipal{position: absolute; float: left; background-color: #fcfcfc; width: 418px; height: 418px; transform: rotate(45deg); margin: 157px 0 0 271px; z-index: 1;}

#rombobajatucupon{position: absolute; float: left; background-color: #ffffcc; width: 220px; height: 220px; transform: rotate(45deg); margin: 100px 0 0 75px; z-index: 1;}

#romboprogramacion{position: absolute; float: left; width: 170px; height: 170px; transform: rotate(45deg); margin: 401px 0 0 100px; z-index: 1;}

#rombosesion{position: absolute; float: left; background-color: #ff9933; width: 220px; height: 220px; transform: rotate(45deg); margin: 412px 0 0 665px; z-index: 1;}

#romboforo{position: absolute; float: left; background-color: #023774; width: 170px; height: 170px; transform: rotate(45deg); margin: 161px 0 0 690px; z-index: 1;}

#botoncupon{background: #4ebcc2; width: 180px; height: 70px; transform: rotate(-45deg); margin: 78px 0 0 24px; color: #ffffcc; font-size: 1.8rem; border: none; outline: none; font-family:'Museo700'; padding: 3px 0;}

#miselaneagriscupon{background: transparent; width: 139px; transform: rotate(-45deg); margin: 69px 0 0 -49px; position: absolute; float: left; z-index: -1; border-left: 58px solid transparent; border-right: 0 solid #666666; border-bottom: 58px solid #666666; border-top: 0 solid transparent;}

#miselaneanaranjacupon{background: transparent; width: 116px; transform: rotate(-45deg); margin: 30px 0 0 2px; position: absolute; float: left; z-index: -1; border-left: 0 solid #ff9933; border-right: 22px solid transparent; border-bottom: 23px solid #ff9933; border-top: 0 solid transparent;}

#titulosesion{background: #666666; width: 134px; height: 46px; transform: rotate(-45deg); margin: 45px 0 0 2px; color: #ff9933; font-size: 1.5rem; font-family:'Museo700'; padding: 3px 0; text-align: center; line-height: 23px;}

#miselaneacremasesion{background: transparent; width: 92px; transform: rotate(-45deg); margin: 47px 0 0 -26px; position: absolute; float: left; z-index: -1; border-left: 25px solid transparent; border-right: 0 solid #ffffcc; border-bottom: 26px solid #ffffcc; border-top: 0 solid transparent;}

#miselaneacelestesesion{background: transparent; width: 76px; transform: rotate(-45deg); margin: 18px 0 0 3px; position: absolute; float: left; z-index: -1; border-left: 0 solid #4ebcc2; border-right: 17px solid transparent; border-bottom: 18px solid #4ebcc2; border-top: 0 solid transparent;}

#formsesion{transform: rotate(-45deg); margin: -18px 0 0 19px;}

#botonsesion{background: #666666; width: 87px; height: 29px; margin: 5px 0px 0 55px; color: #ff9933; font-size: 1.2rem; border: none; outline: none; font-family:'Museo700';}

#inputsesion{background: #ffffcc; border: none; outline: none; color: #666666; font-family:'Museo500'; font-size: 0.85rem; width: 172px; padding: 2px 0 2px 6px; margin: 2px;}

#textosesion1{transform: rotate(-45deg); font-size: 0.75rem; margin: -7px 0 0 95px; color: #ffffcc; text-align: center;}

#textosesion2{transform: rotate(-45deg); font-size: 0.75rem; margin: -2px -9px 0 123px; line-height: 11px; color: #ffffcc; text-align: center;}

#vinculosesion{text-decoration: none;}

#vinculosesion p:hover{color: #666666;}

.iconosesion{background: #ffffcc; margin: 2px -2px 0; padding: 2px; position: relative; float: left;}

#homeprogramacionceleste{position: relative; float: left; background: #4ebcc2; margin: -97px 0 0 -12px; transform: rotate(-45deg); width: 193px; height: 24px; z-index: 2;}

#homeprogramacionnaranja{background: transparent; margin: -134px 0 0 -6px; transform: rotate(-45deg); width: 160px; padding: 4px; border-left: 0 solid #ff9933; border-right: 24px solid transparent; border-bottom: 25px solid #ff9933; border-top: 0 solid transparent; position: relative; float: left; z-index: 3;}

#homeprogramaciongris{background: transparent; margin: -70px 0 0 -20px; transform: rotate(-45deg); width: 160px; padding: 4px; border-left: 11px solid transparent; border-right: 0 solid #666666; border-bottom: 0 solid transparent; border-top: 10px solid #666666; position: relative; float: left; z-index: 4;}

#tituloprogramacionhome{position: relative; float: left; transform: rotate(-45deg); margin:-111px 0 0 13px; z-index: 4;}

#homeforoceleste{background: transparent; margin: -131px 0 0 -11px; transform: rotate(-45deg); width: 167px; padding: 4px; border-left: 0 solid #4ebcc2; border-right: 24px solid transparent; border-bottom: 25px solid #4ebcc2; border-top: 0 solid transparent; position: relative; float: left; z-index: 3;}

#homeforonaranja{background: transparent; margin: -70px 0 0 -20px; transform: rotate(-45deg); width: 160px; padding: 4px; border-left: 11px solid transparent; border-right: 0 solid #ff9933; border-bottom: 0 solid transparent; border-top: 10px solid #ff9933; position: relative; float: left; z-index: 4;}

#homeforogris{position: relative; float: left; background: #666666; margin: -97px 0 0 -12px; transform: rotate(-45deg); width: 193px; height: 24px; z-index: 2;}

#tituloforohome{position: relative; float: left; transform: rotate(-45deg); margin: -115px 0 0 2px; z-index: 4;}

/*LEGAL CUPON*/
#cuerpolegalcupon{background: #fff; max-width: 960px; height: 500px; margin: 0px auto 0px auto; position: relative;}

.scroll{overflow: auto; height: 400px; padding: 0 15px 0 0;}

#formbases{margin-top: 10px;}

.volvercupon{text-decoration: none; font-family:'Museo500'; font-size: 1rem; margin-top: 15px;}

.volvercupon:hover{text-decoration: none; color: #ff9933;}

/*CONTACTO*/
#cuerpocontacto{background: #fff; max-width: 960px; height: 700px; margin: 0px auto 0px auto;position: relative;}

#tituloprincipalhomegris{background: #666666; width: 868px; height: 25px; left: 17px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalcontactonaranja{ background: #ff9933; width: 743px; height: 10px; position: absolute; top: 25px; left: 94px; margin: 1px; z-index: 3;}

#tituloprincipalcontctoceleste{ background: #4ebcc2; width: 656px; height: 30px; left: 31px; position: absolute; top: 20px; z-index: 1;}

.dejamensaje{margin: 37px 0;}

#formcontacto{box-sizing: border-box; max-width: 100%; padding: 10px 0;}

.labelcontacto{color: #4ebcc2;font-family:'Museo700'; font-size: 1rem; line-height: 20px;display: block;}

.inputcontacto{width: 98%; border: none; outline: none; background: #ffffcc; padding: 4px; margin: 1px 0 15px 0; font-family:'Museo300';display: block;}

.textareacontacto{width: 98%; border: none; outline: none; background: #ffffcc; padding: 4px; margin: 1px 0 15px 0; font-family:'Museo300';display: block;}

#botoncontacto{background: #4ebcc2; width: 87px; height: 29px; margin: 10px 0 0 352px; color: #ffffcc; font-size: 1.2rem; border: none; outline: none; font-family:'Museo700';}

.articlestaff{position: relative; float: left; width: 22%; min-height: 41px; box-sizing: border-box; padding: 0 4.1% 0 0; margin: 10px 33px 0 0;}

.staff{margin:35px 18px 0;}

.tituloscontacto{color: #ff9933; margin: -27px 0 0px 28px; padding: 6px; position: relative; float: left;}

.tituloscontacto1{color: #ff9933; margin: 8px 0 0px 0; padding: 6px; position: relative; float: left;}

.iconocontacto{position: relative; float: left; width: 100%; height: auto;}

.paginacontacto{margin: 38px 0px 0px 17px;}

.mapaubicacion{position: relative; float: left; margin: 4px 0 19px 80px;}

.twitcontacto{position: relative; float: left; margin: 9px 0;}

.facecontacto{position: relative; float: left; margin: 9px 0 0 11px;}

/*CLASS CECILIA*/
#cuerpocompra_1{max-width: 960px; min-height: 600px; margin: 0px auto 0px auto;}

.wizard{margin: 30px 1px -40px 0px; position: relative; float: left; }
.button_compra{position: relative; float: left; margin: 30px 260px 20px 320px;}
.buttoncompra{background: #4ebcc2; border: 1px solid; padding: 8px 10px; color: #ffffcc; font-family:'Museo500'; font-size: 1rem; margin: 15px; border-bottom-color: none;}
.buttoncompra:hover {background: #ddd; border: none;}
.form_col1 {position: relative; float: left; padding: 16px 0px;}
.programas{margin: 50px 0 0px 0;}
.form_col2 {position: relative; padding: 0px; z-index: 5;}
.labelcomprasub{color: #4ebcc2; font-family:'Museo700'; font-size: 1rem; }
.labelcompra{color: #ff9933; font-family:'Museo500'; font-size: 0.9rem; }
.display-block{width: 290px; height: 25px; background: #e0e1e2; margin: 0 0 20px 0; border: none;}
.tutorial{color: #ffffcc; font-family:'Museo500'; font-size: 0.9rem; background: #ff9933; padding: 5px 10px; }
.video_compra_1{margin: 0 0 30px 0; }

#griscompra1 { background: #666666; position: absolute; height: 16px; width: 600px; z-index: 2; right: -46px; top: 180px; }
#celestecompra1 { background: #4ebcc2; position: absolute; height: 22px; width: 520px; z-index: 3; right: -46px; top: 184px; }
#cremacompra1 { background: #ffffcc; position: absolute; height: 6px; width: 480px; z-index: 4; right: -46px; top: 188px;}
#grisclarocompra1 { background: #e0e1e2; position: absolute; height: 180px; width: 430px; z-index: 1; right: -46px; top: 80px;}

/**/

#cuerpoformatos_1{max-width: 960px; min-height: 600px; margin: 0px auto 0px auto;}
.elegirformato {position: relative; float: left; width: 100%; background: #666666; padding: 18px 30px; margin: 0 auto 120px auto;}
.labelformatos {color: #666666; font-family:'Museo300'; font-size: 0.9rem; margin: 20px; background: #ffffcc; padding: 5px 20px;}
#form10 { width: 180px; margin: 10px;}
#form20 { width: 180px; margin: 10px; }
.labelformato1{position: relative; margin: 0 0 0 150px; color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 4px 40px 4px 60px; }
.labelformato2{position: relative; color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 4px 86px;}
.labelformato3{position: relative; color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 4px 80px 4px 86px;}

#grisformato{background: #666666; position: absolute; height: 50px; width: 150px; z-index: 1; right: 678px; top: 280px;}
#cremaformato{background: #ffffcc; position: absolute; height: 40px; width:600px; z-index: 1; right: -46px; top: 180px;}
.pagototal{ position: absolute; z-index: 2; background: #ff9933; padding: 16px 100px 16px 22px; font-family:'Museo500'; color: #ffffcc; font-size: 1.2rem; right: 34px; top: 180px;}

h5{font-family:'Museo300'; font-size: 1rem; color: #ffffcc}
.promociones{ background: #4ebcc2; color: #ffffcc; padding: 5px 20px; z-index: 2; font-family:'Museo500';}
.promocion {color: #ff9933; font-family:'Museo500'; font-size: 1rem; margin: 12px 0px; }
.asideformato{position: relative; float: left; min-height: 200px;}

/**/
#cuerpopago_1{max-width: 960px; min-height: 600px; margin: 0px auto 0px auto;}
.articulo_montofinal{position: relative; width: 100%; float: left; background: #e0e1e2; height: 120px; margin: 80px 0 0px 0; }
#grispago1 { background: #666666; position: absolute; height: 11px; width: 640px; z-index: 3; right: 40px; top: 74px; }
#celestepago1 { background: #4ebcc2; position: absolute; height: 22px; width: 740px; z-index: 2; right: 80px; top: 60px; }
#cremapago1 { background: #ffffcc; position: absolute; height: 6px; width: 640px; z-index: 4; right: 110px; top: 70px;}
.pagototal_2{position: absolute; z-index: 5; background: #ff9933; padding: 16px 100px 16px 22px; font-family:'Museo500'; color: #ffffcc; font-size: 1.2rem; right: 360px; top: 42px;}
.pago_col1 {position: relative; float: left; padding: 0px;}
.pago_col2 {position: relative; float: right; padding: 0px;}
.security{position: absolute; top:600px; right: 0px;}
.tarj{position: absolute; top: -80px; right: 50px;}

/**/
#cuerpoconfirmacion_1{max-width: 960px; min-height: 600px; margin: 0px auto 0px auto; position: relative;}
#grisconf{ background: #666666; position: absolute; height: 11px; width: 400px; z-index: 2; right: 40px; top: 74px; }
#celesteconf{ background: #4ebcc2; position: absolute; height: 30px; width: 500px; z-index: 1; right: 80px; top: 60px;}
#cremaconf{ background: #ffffcc; position: absolute; height: 6px; width: 400px; z-index: 3; right: 110px; top: 84px;}
#grisclaroconf{ background: #e0e1e2; position: absolute; height: 100px; width: 430px; z-index: 0; right: -6px; top: 80px;}
#grisconf3{ background: #666666; position: absolute; height: 30px; width: 220px; z-index: 5; right: 300px; top: 80px; }
#grisconf2{ background: #666666; position: absolute; height: 11px; width: 400px; z-index: 2; right: 250px; top: 296px; }
#celesteconf2{ background: #ff9933; position: absolute; height: 30px; width: 500px; z-index: 1; right: 80px; top: 60px; 
    right: 250px; top: 270px;}
#cremaconf2{ background: #ffffcc; position: absolute; height: 6px; width: 400px; z-index: 3; right: 320px; top: 296px;}
#grisclaroconf2{ background: #e0e1e2; position: absolute; height: 100px; width: 430px; z-index: 0; right: 300px; top: 260px;}
.confirmacion{ position: relative; float: left; width: 100%; margin: 80px 40px 150px 40px;}
.conf{color: #4ebcc2; font-family:'Museo700'; font-size: 1rem; padding: 10px; position: absolute; z-index: 6; }
.rombo_conf{position: absolute; right: 130px; top: -30px; z-index: 4;}
#titulopromocion{background: #4ebcc2; color: #ffffcc; padding: 5px 20px; position: absolute; font-family:'Museo500';
    right: 160px; top: -60px; z-index: 6;}

/*NOE*/
/*PÁGINA SESIÓN*/

/*ID CUERPO SESIÓN*/
#cuerposesion{ background: #fff url(""); max-width: 960px; height: 575px; margin: 0px auto 0px auto;}

/*CUADRADO CELESTE FERRETERIA FERRO*/
#cuadradocelesteconfoto{ background: #4ebcc2; width: 130%; height: 191px; position: relative; float: left; z-index: 2; }

#circuloferro{ padding: 0px 30px 0px 30px; }

.tituloferreteriaferro{padding: 0px 5px 10px 30px;}

/*SUBMENU CON ICONOS*/
#submenu{ background: #666666; max-width: 100%; height: 488px; position: relative; }
ul { color:#ffffcc; list-style-type: none;}
ul li { color:#ffffcc; }
ul li a { color:#ffffcc; text-decoration: none; font-family: 'Museo300'; font-size: 1rem; border: 50px;}
ul li a:hover{ text-decoration:none; background-color: #ff9933; color: #ffffcc; padding: 10px 60px 10px 5px; font-family: 'Museo500'; font-size: 1rem;}

/*TITULO PLACAS BIENVENIDOS*/
#titulopaginacuentabienvenidosnaranja{background: #ff9933; width: 560px; height: 30px; right: 0px; color: #666666; padding: 10px 0px 0px 10px; position: relative; float:right; z-index: 3;}

#titulopaginacuentabienvenidosceleste{ background: #4ebcc2; width: 450px; height: 10px; position: absolute; top: 29px; left: 0px; margin: 1px; z-index: 4;}

#titulopaginacuentabienvenidosgris{ background: #666666; width: 540px; height: 40px; position: absolute; top: 8px; right: 15px; padding: 17px 35px 0px 0px; z-index: 2;}

#titulopaginacuentabienvenidosbeige { background: #ffffcc; width:435px; height: 10px; position: absolute; top: 37px; left: 80px; z-index: 5;}

.pandetextobienvenidos{width: 555px; height: 150px; color: #666666; position: relative; left: 0px; padding: 107px 0px 0px 0px; text-align: justify;}

.vinculo{ text-decoration: none;}

.flechavinculo{top: 224px; position: absolute; right: 334px;}



/*PÁGINA ESTADÍSTICA*/

/*CUADRADO CELESTE FERRETERIA FERRO*/
#cuadradocelesteconfoto{ background: #4ebcc2; width: 100%; height: 191px; position: relative; float: left; z-index: 2; }

#circuloferro{ padding: 0px 30px 0px 30px; }

.tituloferreteriaferro{padding: 0px 5px 10px 30px; }

/*SUBMENU CON ICONOS*/
#submenu2{ background: #666666; max-width: 100%; height: 488px; position: relative; }
ul { color:#ffffcc; list-style-type: none;}
ul li { color:#ffffcc; }
ul li a { color:#ffffcc; text-decoration: none; font-family: 'Museo300'; font-size: 1rem; border: 50px;}
ul li a:hover{ text-decoration:none; background-color: #ff9933; color: #ffffcc; padding: 10px 60px 10px 5px; font-family: 'Museo500'; font-size: 1rem;}

/*ID CUERPO ESTADISTICA*/
#cuerpoestadistica { background: #fff url(""); max-width: 960px; height: 590px; margin: 0px auto 0px auto;}

#tituloprincipalestadistica {background: #666666; width: 657px; height: 30px; left: 76px; color: #ffffcc; padding: 10px 0px 0px 10px; position: relative; float:right;}

.perfilnaranja{ background:#ff9933; width: 208px; height: 26px; left: 3px; top: 68px; padding: 5px 26px 5px 52px; position: absolute; float: left; z-index: 1;} 
.imagen1perfil{ height: 51px; left: 3px; top: 103px; position: absolute;}

#descargadelcupon{ width: 158px; height: 35px; position: absolute; float: right; top: 73px; right: 49px; z-index: 2;}
.imagen2cupon{ left: 309px; top: 78px; position:absolute; z-index: 1;}

#utilizacion{ width: 219px; height: 23px; right: 318px; position: absolute; top: 263px; z-index: 2;}
.imagen3utilizacion{ left: 24px; top: 297px; position:absolute; z-index: 1;}

#comparacion{ background: #666666; width:350px; height: 29px; position: absolute; top: 261px; left: 243px; z-index: 2; color: #ffffcc; padding: 6px 30px 3px 58px;}
.imagen4comparación{ left: 243px; top: 298px; position:absolute; z-index: 1;}

.virculovermasestadistica{ text-decoration: none; top: 479px; position: absolute; right: -45px;}
.vinculoestadistica{top: 447px; position: absolute; left: 615px;}



/*PÁGINA CUPÓN*/

/*ID CUERPO CUPÓN*/

#cuerpocupon{ background: #fff url(""); max-width: 960px; height: 530px; margin: 0px auto 0px auto;}

#escalonizquierdagris{ background: #666666; width: 104px; height: 23px; position: absolute; top: 191px; right: 51px; z-index: 5; } 

#escalonizquierdabeige{ background: #ffffcc; width: 92px; height: 14px; position: absolute; top: 204px; right: 41px; z-index: 6; }

#escalonderechabeige{ background: #ffffcc; width: 109px; height: 14px; position: absolute; top: 157px; left: 24px; z-index: 6;  }


#rombocupon{ position: absolute; z-index: 1;} 

#cargatucodigodepromocion{ background: #666666; width: 178px; height: 55px; top: 82px; color: #ffffcc; position: absolute; z-index: 4; padding: 17px 0px 0px 0px; margin: 33px 55px; text-align: center; }

#cargatucodigodepromocionnaranja{ background: #ff9933; width: 170px; height: 29px; top: 79px; position: absolute; right: 8px; z-index: 3; }

#cargatucodigodepromocionbeige{ background: #ffffcc; width: 176px; height: 29px; top: 90px; position: absolute; left: 3px; z-index:  2; }


.botonenviarcupon{background: #666666; text-align: center; font-family:'Museo500'; font-size: 1rem; color: #ff9933; width: 110px; height: 35px; position: absolute; top: 320px; padding: 6px 3px 3px 3px; border: none; outline: none; margin: 0px 89px; z-index: 5;}

.botonenviarcupon:hover{background: #ffffcc; color: #ff9933;}

#politicasdeprivacidadterminosycondiciones{ background: #ffffcc; text-align: center; font-family:'Museo500'; font-size: 1rem; width: 305px; height: 15px; position: absolute; top: 386px; padding: 6px 3px 3px 3px; border: none; outline: none; margin: 0px; z-index: 5; text-decoration: none;} 

.email{ text-align: center; font-family:'Museo500'; font-size: 1rem; background: #ffffcc; width: 279px; height: 20px; position: absolute; top: 247px; z-index: 5; padding: 6px 3px 3px 3px; border: none; outline: none; margin: 0px 0px; z-index: 5; left: 8px;}

.mailcupon{ display: block;}

.ingresatucodigopromocional{background: #ffffcc; text-align: center; font-family:'Museo500'; font-size: 1rem; width: 279px; height: 20px; position: absolute; top: 210px; padding: 6px 3px 3px 3px; border: none; outline: none; margin: 0px 0px; z-index: 5; left: 8px;}



/*PÁGINA REGISTRO*/

/*ID CUERPO REGISTRO*/
#cuerporegistro{ background: #fff url(""); max-width: 960px; height: 650px; margin: 0px auto 0px auto;}

/*ID TITULO PLACAS REGISTRO*/
#tituloregistrogris{ background: #666666; width: 777px; height: 23px; left: 14px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloregistroceleste{ background: #4ebcc2; width: 537px; height: 12px; position: absolute; top: 25px; left: 54px; margin: 1px; z-index: 3;}

#tituloregistronaranja{ background: #ff9933; width: 440px; height: 24px; position: absolute; top: 22px; z-index: 1;}

#tituloformularioderegistro{ background: #4ebcc2; width: 238px; height: 21px; position: absolute; top: -9px; left: 2px; padding: 5px 5px 5px 42px; }

.primercolumnaizquierda{ float: left; position: absolute; width: 35%; height: 296px; font-family: "Museo300";font-size: 0.90rem; top: 80px; display: block; border:none;  padding: 10px 151px 5px 5px;}

.virculoingreseaqui{ text-decoration: none; top: 76px; position: absolute; right: 157px; }
.flecharesgistro{ top: 48px; position: absolute; right: 102px; }

.datosobligatorios{ color: #ff9933; width: 226px; position: relative; left: 0px; top: 79px; }

.segundacolumnaderecha{ width: 39%; height: 345px; position: absolute; float: right; font-family: "Museo300"; font-size: 0.90rem; margin-top: 90px; right: -36px; padding: 3px 151px 9px 5px;}

.numerocajita{ color: #ff9933; display: block;  width: 90px; height: 20px; background: #e0e1e2; margin: 0px 0px -10px 0px; borden: none;}

.provinciacajita{ color: #ff9933; display: block;  width: 90px; height: 20px; background: #e0e1e2; margin: 0px 0px -10px 0px; borden: none; right: 100px;}

.ingresante{ width: 270px; height: 25px; background: #e0e1e2; margin: 0px 0px 6px 0px; borden: none; }

.nombres{color: #ff9933; width: 270px; }

.formregistro { margin: 30px; padding: 0px 0px;}
.inputregistro {font-family:'Museo300'; font-size: 0.8rem; background: #ede9e9; color:#666666;  padding: 5px 48;}
.labelregistro {margin: 0.5em;}

.terceracolumnaderecha{ width: 355px; position: absolute; left: 202px; top: 473px;}

.botonvolverregistro{ top: 521px; position: absolute; left: 210px; }
.botonregistrarseregistro{ top: 521px; position: absolute; right: 356px;  }
.buttonbase{ background: #4ebcc2; border: 1px solid; padding: 8px 10px; color: #ffffcc; font-family:'Museo500'; font-size: 1rem; position: relative;}
.buttonbase:hover{ background: #ddd; border: none;}




/*RESPONSIVE MAGA*/

@media screen and (max-width: 650px){
    /*  GENERALIDADES  */
footer{background:#666666; width: 100%; height: 70px; position: relative; margin: 30px 0 0 0;}
.legal{text-align: center; font-size: 0.6rem; color: #fff; padding: 10px 10px 0px 10px;}    
.autor{color: #fff; font-family:'Museo500'; font-size: 0.6rem;}    
.mddisplaynone{display: none;}
.md-6col{width: 48%;}   
.md-12col{width: 100%;}       

    /*HEADER*/
header{width: 650px; height: 163px; color: #fff; margin: 0px auto 0px auto; position: relative;}
header nav ul{list-style-type: none;text-align: right;}
header nav ul li{display: inline; margin: 10px;}
header nav ul li a{color:#ffffcc; text-decoration: none; font-family: 'Museo300'; font-size: 1rem;}
header nav ul li a:hover{text-decoration:none; background-color: #ff9933; color: #fff; padding: 12px; font-family: 'Museo500'; font-size: 1rem; transition: 0.3s;}
    
    /* MENU PRINCIPAL */
#logo{position: relative; float: left; top: 37px; left: 32px; width: 30%; height: auto;}

#menu{margin: 115px 20px 0px 0px;position: relative; float: right;}

#naranjamenu{background: #ff9933; width: 473px; height: 125px; position: absolute; top: 40px; right: 0px; margin: 1px; z-index: -6;}

#grismenu{background: #666666; width: 649px; height: 40px; position: absolute; top: 70px; margin: 1px; z-index: -2;}

#cremamenu{background: #ffffcc; width: 420px; height: 31px; position: absolute; top: 60px; right: 0px; margin: 1px; z-index: -5;}

#celestemenu{background: #4ebcc2; width: 650px; height: 38px; position: absolute; top: 102px; z-index: -1;}

#logotwit{position: absolute; margin: 78px 0 0 350px;}

#logoface{position: absolute; margin: 78px 0 0 377px;}

#busqueda{position: absolute; margin: 75px 0 0 418px;}
    
#formbusqueda{background: #4ebcc2; padding: 2px;}

#inputbuscador{background: none; border: none; outline: none; color: #ffffcc; font-family:'Museo300'; font-size: 0.85rem; width: 180px;}
    
    /*LEGAL CUPON*/
#cuerpolegalcupon{background: #fff; max-width: 650px; height: 500px; margin: 0px auto 0px auto; position: relative;}
    
    /*CONTACTO*/
#cuerpocontacto{background: #fff; max-width: 650px; height: 700px; margin: 0px auto 0px auto;position: relative;}

#tituloprincipalhomegris{background: #666666; width: 559px; height: 25px; left: 17px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalcontactonaranja{ background: #ff9933; width: 432px; height: 10px; position: absolute; top: 25px; left: 94px; margin: 1px; z-index: 3;}

#tituloprincipalcontctoceleste{ background: #4ebcc2; width: 544px; height: 30px; left: 31px; position: absolute; top: 20px; z-index: 1;}

#botoncontacto{background: #4ebcc2; width: 87px; height: 29px; margin: 10px 0 0 188px; color: #ffffcc; font-size: 1.2rem; border: none; outline: none; font-family:'Museo700';}

.articlestaff{position: relative; float: left; width: 27%; min-height: 41px; box-sizing: border-box; padding: 0 2% 0 0; margin: 7px 33px 0 0;}

.mapaubicacion{position: relative; float: left; margin: 4px 0 19px 80px; width: 100%; height: auto;}
    
    /* PROGRAMACION*/
#cuerpoprogramacion{background: #fff; max-width: 650px; height: 1000px; margin: 0px auto 0px auto; position: relative;}

#tituloprincipalprogramacionceleste{background: #4ebcc2; width: 541px; height: 25px; left: 14px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalprogramacionnaranja{ background: #ff9933; width: 237px; height: 12px; position: absolute; top: 25px; right: 304px; margin: 1px; z-index: 3;}
    
.tag{background: #4ebcc2; width: 65px; height: 20px; position: absolute; top: 178px; right: 204px; margin: 1px; z-index: 3; font-size: 0.90rem; color: #ffffcc; padding: 3px 0px 0px 4px;}

.videoresponsiveprogramacion{ position: relative; margin: 0 auto; height: 0; padding-bottom: 56.25%;}

.videoresponsiveprogramacion iframe{position: absolute; height: 100%; width: 100%; top: 0px; left: 0px;}

.botonprogramacion{background: #ff9933; text-align: center; font-family:'Museo500'; font-size: 1rem; color: #ffffcc; width: 284px; height: 42px; position: relative; float: left; padding: 6px 3px 3px 3px; margin: 44px 0 20px 154px; border: none; outline: none;}

.subtituloprogramacion{width: 100%}

}

@media screen and (max-width: 400px){
        /*  GENERALIDADES  */
footer{background:#666666; width: 100%; height: 70px; position: relative; margin: 30px 0 0 0;}
.legal{text-align: center; font-size: 0.5rem; color: #fff; padding: 10px 10px 0px 10px;}    
.smdisplaynone{display: none;} 
.sm-12col{width: 100%;}   
.col {display: block; position: relative; float:left; margin: 10px 0 0% 2%; box-sizing: border-box;}
.autor{color: #fff; font-family:'Museo500'; font-size: 0.5rem;}  
    
        
    /*HEADER*/
header{width: 400px; height: 163px; color: #fff; margin: 0px auto 0px auto; position: relative;}
    
    /*menu*/
#menu {margin: 0; padding: 0; position: relative; float: none; padding-top: 114px;}
#grismenu {margin:0;}
header {height: auto;}
header nav ul {text-align: left;}
header nav ul li a{display: inline-block;  width: 100%;  height: 16px;  padding: 9px;}
header nav ul li a:hover {width: 100%;  height: 16px;  padding: 9px;}
header nav ul li {  display: inline-block;  margin: 0;  width: 100%;  background-color: #666; padding: 0;}
    
        /* MENU PRINCIPAL */
#logo{position: relative; float: left; top: 42px; left: 22px;}

#naranjamenu{background: #ff9933; width: 291px; height: 90px; position: absolute; top: 40px; right: 0px; margin: 1px; z-index: -6;}

#grismenu{background: #666666; width: 399px; height: 40px; position: absolute; top: 70px; margin: 1px; z-index: -2;}

#cremamenu{background: #ffffcc; width: 258px; height: 29px; position: absolute; top: 60px; right: 0px; margin: 1px; z-index: -5;}

#celestemenu{background: #4ebcc2; width: 400px; height: 12px; position: absolute; top: 102px; z-index: -1;}

#logotwit{position: absolute; margin: 78px 0 0 200px;}

#logoface{position: absolute; margin: 78px 0 0 228px;}

#busqueda{position: absolute; margin: 75px 0 0 418px;}
    
#formbusqueda{background: #4ebcc2; padding: 2px;}

#inputbuscador{background: none; border: none; outline: none; color: #ffffcc; font-family:'Museo300'; font-size: 0.85rem; width: 180px;}
    
        /*H Y P*/
h1{font-family:'Museo900'; font-size: 0.67rem; color: #ffffcc;}

h2{font-family:'Museo900'; font-size: 0.67rem; color: #ffffcc; background: #ff9933; width: 203px; height: 25px; margin: 0px 0 7px 0;padding: 5px 0 0 8px;}

h3{font-family:'Museo700'; font-size: 0.84rem; color: #666666; line-height: 16px;}

h4{font-family:'Museo300'; font-size: 0.67rem; color: #666666;line-height: 20px;}

h5{font-family:'Museo300'; font-size: 0.58rem;line-height: 20px;}

p{font-family:'Museo300'; font-size: 0.58rem;}
    
        /*LEGAL CUPON*/
#cuerpolegalcupon{background: #fff; max-width: 400px; height: 500px; margin: 0px auto 0px auto; position: relative;}
    
.volvercupon:hover{text-decoration: none;color: #666666;}
    
        /*CONTACTO*/
#cuerpocontacto{background: #fff; max-width: 400px; height: 700px; margin: 0px auto 0px auto;position: relative;}

#tituloprincipalhomegris{background: #666666; width: 318px; height: 17px; left: 17px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalcontactonaranja{ background: #ff9933; width: 250px; height: 5px; position: absolute; top: 19px; left: 68px; margin: 1px; z-index: 3;}

#tituloprincipalcontctoceleste{ background: #4ebcc2; width: 323px; height: 15px; left: 31px; position: absolute; top: 20px; z-index: 1;}

.articlestaff{position: relative; float: left; width: 22%; min-height: 41px; box-sizing: border-box; padding: 0 4.1% 0 0; margin: 10px 33px 0 0;}

.staff{margin: 46px 18px 0;}

.paginacontacto{margin: 10px 0;}

.mapaubicacion{position: relative; float: left; margin: 4px 0 19px 80px; width: 80%; height: auto;}
    
    /* PROGRAMACION */
#cuerpoprogramacion{background: #fff; max-width: 400px; height: 800px; margin: 0px auto 0px auto; position: relative;}

#tituloprincipalprogramacionceleste{background: #4ebcc2; width: 300px; height: 17px; left: 14px; color: #ffffcc; padding: 5px 0px 0px 30px; position: relative; float: left; z-index: 2;}

#tituloprincipalprogramacionnaranja{ background: #ff9933; width: 184px; height: 5px; position: absolute; top: 19px; right: 110px; margin: 1px; z-index: 3;}

#tituloprincipalprogramaciongris{ background: #666666; width: 216px; height: 13px; position: absolute; top: 20px; z-index: 1;}
    
.botonprogramacion:hover{background: #ff9933; color: #ffffcc;}

.articleasideprogramacion{margin: 22px 0;}

.articleprogramacion{position: relative; float: left; width: 100%; min-height: 200px; box-sizing: border-box; margin: 0 4% 0 0;}
    
.tag{background: #4ebcc2; width: 65px; height: 20px; position: absolute; top: 209px; right: 251px; margin: 1px; z-index: 3; font-size: 0.90rem; color: #ffffcc; padding: 3px 0px 0px 4px;}

.fotoprogramacion{width: 100%; height: auto; margin: 40px 0 8px 0px; position: relative;}

.calificacion{position: absolute; float: left; margin: -19px 0 5px 229px;}

.vinculoleermas{text-decoration:none; color: #666666;}

.vinculoleermas h4:hover{color: #666666;}

.botonprogramacion{background: #ff9933; text-align: center; font-family:'Museo500'; font-size: 1rem; color: #ffffcc; width: 100%; height: 42px; position: relative; float: left; padding: 6px 3px 3px 3px; margin: 44px 0 20px 0px; border: none; outline: none;}
    
    /*HOME*/
#cuerpohome{background: #fff; max-width: 400px; height: 700px; margin: 0px auto 0px auto; position: relative;}

#romboprincipal{position: relative; float: left; background-color: #fcfcfc; width: 100%; height: 200px; transform: rotate(0deg); margin: 0; border: solid #fff 5px;}

#rombobajatucupon{position: relative; float: left; background-color: #ffffcc; width: 100%; height: 200px; transform: rotate(0deg); margin: 0 0 10px 0;}

#romboprogramacion{background: url(imagenes/programacionresponsive.jpg); position: relative; float: left; width: 100%; height: 100px; transform: rotate(0deg);margin: 10px 0 10px 0;}

#rombosesion{position: relative; float: left; background-color: #ff9933; width: 100%; height: 200px; transform: rotate(0deg);margin: 10px 0 10px 0;}

#romboforo{background: url(imagenes/fororesponsive.jpg);position: relative; float: left; background-color: #023774; width: 100%; height: 100px; transform: rotate(0deg);margin: 10px 0 10px 0;}
    
#botoncupon{background: #4ebcc2; width: 100%; height: 70px; transform: rotate(0deg); color: #ffffcc; font-size: 1.8rem; border: none; outline: none; font-family:'Museo700'; padding: 3px 0;}

#miselaneagriscupon{background: #666666; width: 283px; height: 15px; transform: rotate(0deg); margin: 51px 0;}

#miselaneanaranjacupon{background: #ff9933; width: 116px; height: 3px; transform: rotate(0deg); margin: 36px 0;}

#homeprogramacionceleste{position: absolute; float: left; background: #4ebcc2; margin: 20px  0 0 10px; transform: rotate(0deg); width: 345px; height: 10px; z-index: 2;}

#homeprogramacionnaranja{background: #ff9933; margin: 29px 0; transform: rotate(0deg); width: 339px; height: 8px; padding: 2px; position: absolute; float: left; z-index: 3;}

#homeprogramaciongris{background: #666666; margin: 37px 0 0 75px; transform: rotate(0deg); width: 290px; height: 20px; padding: 4px; position:absolute; float: left; z-index: 4;}

#tituloprogramacionhome{position: absolute; float: left; transform: rotate(0deg); font-size: 1rem; margin: 46px 0px 0 86px; z-index: 5;}
    
#homeforoceleste{background: #4ebcc2; margin: 27px 0 0 21px; transform: rotate(0deg); width: 213px; height: 10px; position: absolute; float: left; z-index: 3;}

#homeforonaranja{background: #ff9933; margin:15px 0; transform: rotate(0deg); width: 332px; height: 20px; padding: 4px; position: absolute; float: left; z-index: 2;}

#homeforogris{position: absolute; float: left; background: #666666; margin: 68px 0; transform: rotate(0deg); width: 193px; height: 13px; z-index: 4;}

#tituloforohome{position: relative; float: left; transform: rotate(0deg); font-size: 1rem; margin: 41px 0 0 48px; z-index: 5;}
     
/*hasta aca*/
#titulosesion{background: #666666; width: 214px; height: 25px; transform: rotate(0deg); margin: 10px 0 0 87px; color: #ff9933; font-size: 1.5rem; font-family:'Museo700'; padding: 6px 0; text-align: center; line-height: 23px;}

#miselaneacremasesion{background: #ffffcc; width: 334px; height: 3px; transform: rotate(0deg); margin: 7px 0; position: absolute; float: left; z-index: -1;}

#miselaneacelestesesion{background: #4ebcc2; width: 316px; height: 1px; transform: rotate(0deg); margin: 31px 0; position: absolute; float: left; z-index: -1;}

#formsesion{transform: rotate(0deg); margin: 18px 0px 6px 80px; align: center; width: 50%;}

#botonsesion{background: #666666; width: 87px; height: 29px; margin: 5px 0px 0 75px; color: #ff9933; font-size: 1.2rem; border: none; outline: none; font-family:'Museo700';}

#inputsesion{position: relative; float: left; background: #ffffcc; border: none; outline: none; color: #666666; font-family:'Museo500'; font-size: 0.85rem; width: 161px; padding: 6px 0 2px 6px; margin: 0 0 5px 0;}

#textosesion1{transform: rotate(0deg); font-size: 0.75rem; margin: 3px 0 0 17px; color: #ffffcc; text-align: center;}

#textosesion2{transform: rotate(0deg); font-size: 0.75rem; margin: 3px 0 0 17px; line-height: 11px; color: #ffffcc; text-align: center;}

#vinculosesion{text-decoration: none;}

#vinculosesion p:hover{color: #ffffcc;}

.iconosesion{background: #ffffcc; margin: 0; padding: 4px; position: relative; float: left;}

    
    
    
    
}

/*RESPONSIVE CECILIA*/
@media screen and (max-width: 500px){
    .wizard{display: none;}
    .video_compra_1{display: none;}
#griscompra1 {display: none;}
#celestecompra1 {display: none;}
#cremacompra1 {display: none;}
#grisclarocompra1 {display: none;}
.button_compra{position: relative; float: left; margin: 2px;}
    .form_col1 {position: relative; float: left; margin: 20px;}
    .form_col2 {position: relative; float: left; margin: 20px; }
    section .col .col1 {display: none;}
    section .col .col2 {display: none;}
    section .col .col10 {display: none;}
    section .col .col4 {display: none;}
    section .col .col6 {display: none;}
    section .col .col11 {display: none;}
    section .col .col3 {display: none;}
    
#form10 { width: 20px; margin: 10px;}
#form20 { width: 20px; margin: 10px; }
    #grisformato{display: none;}
    #cremaformato{display: none;}
    .pagototal{ background: #ff9933; padding: 16px 10px 16px 22px; font-family:'Museo500'; color: #ffffcc; font-size: 1.2rem; margin: 20px 50px 0 50px;}
.labelformato1{ color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 2px; margin: 2px 2px 2px 70px;}
.labelformato2{ color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 2px;}
.labelformato3{ color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc; padding: 2px;}
.labelformatos{color: #666666; font-family:'Museo300'; font-size: 0.9rem; background: #ffffcc;padding: 2px; }
.elegirformato {position: relative; float: left; width: 100%; background: #666666; }

#grispago1 {display: none;}
#celestepago1 {display: none;}
#cremapago1 {display: none;}
#grisclaropago1{display: none;}
    .security{position: relative; margin: 40px 20px;}
    .tarj{display: none;}
    .articulo_montofinal{ background: none; position: relative; width: 100%; float: left; padding: 2px;}
    .pagototal_2{background: #ff9933; padding: 10px 70px 10px 10px; font-family:'Museo500'; color: #ffffcc; font-size: 1rem; top: 20px; right: 50px; } 
.pago_col1 {position: relative; width: 100%; }
.pago_col2 {position: relative; width: 100%; }
    
#grisconf{display: none;}
#celesteconf{display: none;}
#cremaconf{display: none;}
#grisclaroconf{display: none;}
#grisconf3{display: none;}
#grisconf2{display: none;}
#celesteconf2{display: none;}
#cremaconf2{display: none;}
#grisclaroconf2{display: none;}
.rombo_conf{display: none;}
    
.confirmacion{ position: relative; float: left; width: 100%; margin: 2px; }
.conf{color: #4ebcc2; font-family:'Museo700'; font-size: 1rem; padding: 2px; }
#titulopromocion{background: #4ebcc2; color: #ffffcc; padding: 2px; font-family:'Museo500'; top: 20px; right: 20px}
   
}