html, body {width:100%;height:100%;background:#06245a;margin:0;padding:0;font-family: 'Amethysta', serif;font-size: 18px;}div {display:inline-block;}.ck {cursor:pointer;} .ns {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.bar {width:100%;height:100px; text-align:right;border-bottom:1px solid #ffffff45;color:#FFF;}.logo{float: left;margin: 13px 13px 13px 55px;}.dm{display:none;}.mic{margin:35px 15px;}.bus {border:1px solid #454f7c;padding:1px 9px;color:#06245a;background:#eeeeee;border-right:none;box-shadow:inset -8px 10px 10px -10px #000000ad;text-align:center;width:250px;font-family:'Amethysta', serif;font-size:18px;}.bui {border: 1px solid #454f7c;padding: 3px;color: #b1b1b1;background: #152c61;}.car {margin-right:70px;}.cac {background:red;padding:0px 4px 0px 4px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;position:absolute;font-size:12px;margin:-16px 0px 0px 2px;}.cab {text-align:center;position:absolute;background:#ffffff;width:300px;height:auto;right:36px;top:75px;border:1px solid #000e4b;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px;} .cab p {color:#000; margin:10px; font-size:15px;}.cap {position:absolute;width:0;height:0;border-left:7px solid #06245a;border-right:7px solid #06245a;border-bottom:7px solid #ffffff;margin:-7px 0px 0px 111px;}.cab, .cac {display:none;}#ces span{float:right;}.cei {width:67px;height:67px;margin:0px 13px;float: left;border: 1px solid #06245a;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}.cep {color:#06245a;}.ceg:hover {color:#495f87;}.bin {color: #999;} .bin:hover{color:red;}.cai {width: 100%;background: #06245a;padding: 10px 0px;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;}.con {width: 100%;background: linear-gradient(to right, #06245a 284px,#eeeeee 284px);}.men {width:282px;height:auto;background:#000E4B;color:#FFF;float:left;border-right:2px solid #152c61;}.nav {margin:0px;color:#000e4b;font-size:13px;} .nav span{color:#777;}.mbx, .sbx{width:100%;padding:15px 0px;text-align:center;border:1px solid #495f87;border-top:none;background:#06245a;} .sbx{background: #2b4573;font-size:15px;text-shadow:#06245a 1px 1px 2px;}.cbx{width:282px;background:#152c61;display:none;}.mbx i {float:right;margin:0px 15px 0px -50px;color:#495f87;}.rot {-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}.pbx {padding:15px; width:calc(100% - 328px);}.ppx,.ppi {width:250px;height:auto;margin:15px;background: #152c61;font-size: 250px;color: #ffffff;text-align: center;float: left;border-radius: 5px;border: solid 1px #152c61;letter-spacing:0.5px;}.ppx img{width:250px; height:250px;}.ppi {width:318px;height:318px;}.pbx h2,.pbx h4 {text-align:left;}.tbt {display:table;width:234px;overflow:hidden;min-height:38px;margin:8px;} .tbt div {display:table-cell;vertical-align: middle;}.inu{background:#000E4B;color:#FFF;padding:1px 10px;border-radius:100px;line-height:28px;text-align:center;}#inu{width: 35px;text-align: center;margin: 0px 3px;background: white;height: 28px;color: #000;}.dyh{width:400px;height:400px;}.lgb {border:1px solid #d0d0d1;padding:15px;width:calc(100% - 21px);background: url(//chocosabores.com/imgs/logo_bg.png) top right no-repeat;} .lgb h1 {margin-top: 0px;color: #06245a;} .inr {padding: 10px;font-size: 18px;width: 350px;margin-bottom: 15px;}.foo{width:100%;height:150px;border-top:solid 3px #d8c00a;}.col{width:350px;text-align:center;color:#454f7c;line-height:30px;float:right;} .col h3{border-bottom:1px solid #45466b;display:inline-block;width:250px;font-size:16px;margin-bottom:0px;color:#b1b1b1;}.banr{width:970px; height:240px;background:url(//chocosabores.com/imgs/bg_banner.png) repeat-x;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;overflow:hidden;} .ban1{width:970px; height:240px;} @media screen and (max-width:600px) {.bar{text-align:center;height:auto;padding-bottom:9px;}.logo{width:100%;float:none;margin:13px 0px 13px 0px;}.logo img{width:156px;}.dd {display:none;}.dm{display:inline-block;}.mic{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:35px;margin:0px;padding:10px;width:45px;background-color:#495f87;color:#fff;}.car{margin:0px;}.cax{color:#000;float:left;font-size:24px;margin:5px}.mnm {width:329px;margin-top:5px;}.men{display:none; position:absolute;top:233px;left:0px;width:100%;border:0px;}.mbx, .sbx {border-left:0px;border-right:0px; font-size:24px;}.cbx{width:100%;}.con{background:#eeeeee;}.pbx{text-align:center;padding:3%;width:94%;}.nav{font-size:18px;}.pbx h2,.pbx h4{margin:0px;text-align:center;}.ppi, .col{float:none;}.ppx{float:none;}.inr{width:280px;}.ppx,.ppx img{width:318px; height:auto;}.inu{font-size:24px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:10px;}.tbt {width:302px;}.lgb {width:calc(100% - 32px);} .lgb ul{text-align:left;}.bus{width:234px;padding:10px;}.bui {padding:13px;}.dyh{width:auto;height:auto;}.dyh img{width:100%;}.foo{height:auto;text-align:center;}} @media screen and (max-width:370px) {.men{top:217px;}.pbx{width:100%;padding:0px;}.ppi, .ppx{margin:8px 0px;}.col{width:100%;}.mic{padding:6px;}.mnm{width:298px}
}