body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0;line-height:10px;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:inherit;font-weight:inherit;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6,button {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} .pusher{clear:both;height:0;float:none;font-size:0;display:block;border:none;padding:0;margin:0;position:relative;} em{font-style:oblique;font-weight:inherit;} strong{font-style:inherit;font-weight:bold;} address{font-style:normal;} header,section,article,footer{display:block;} figure{margin:0;} button{padding:0;border:none;outline:0}html, body{min-height:100%;height:100%; background:none; } body{font-family:Arial,Helvetica;color:#444;font-size:10px;} hr{display: none;} a{outline:0!important;color:#000;text-decoration:none;} a:hover{} :first-child{margin-top:0!important;} :last-child{margin-bottom:0!important;} .last-child{margin-bottom:0!important;} /* located in demo.css and creates a little calendar icon * instead of a text link for "Choose date" */ a.dp-choose-date{display:block;width:18px;height:20px;position:absolute;right:-26px;top:10px;background:url(/public/web/img/bg.png?244) no-repeat 0 -70px;text-indent:-9999em;overflow:hidden} a.dp-choose-date:hover{background-position:0 -90px;} a.dp-choose-date.dp-disabled{cursor: default;} /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied {width: 65px;float: left;} table.jCalendar {background: #ffffff;border-spacing: 0;width:245px;} table.jCalendar thead{border-top:1px solid #eee;border-bottom:1px solid #eee;} table.jCalendar th {background: #f5f5f5;color: #434343;font-weight: normal;font-size:11px;text-align:center;width:34px;height:30px;cursor:default} table.jCalendar td {background: #fff;color: #000;text-align: center;width:33px;height:34px;margin:0;padding:0;border:1px solid #eee;font-size:13px;} table.jCalendar td.other-month {background: #f1f1f1;color: #ddd;} table.jCalendar td.today {background: url(/public/web/img/bg.png?244) no-repeat 0 -190px;color: #000} table.jCalendar td.selected {background: url(/public/web/img/bg.png?244) no-repeat -40px -190px;color: #fff;} table.jCalendar td.selected:hover {background: url(/public/web/img/bg.png?244) no-repeat -40px -190px;border-color: #fff;} table.jCalendar td:hover, table.jCalendar td.dp-hover {background: url(/public/web/img/bg.png?244) no-repeat -40px -190px;color:#fff} table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #f9f9f9;color: #ddd;} /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup {position: relative;background: #fff;border:1px solid #eee;border-bottom:none;font-size: 10px;font-family: arial, sans-serif;padding: 0;width: 245px;line-height: 20px;margin-top:-4px;} div#dp-popup {position: absolute;z-index: 199;box-shadow:0 3px 3px rgba(0,0,0,0.2)} div.dp-popup h2 {display:block;line-height:48px;font-size: 14px;font-weight:bold;color:#434343;text-align: center;} a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;} a#dp-close:hover {text-decoration: underline;} div.dp-popup a {color: #000;text-decoration: none;padding:0;display:block;width:10px;height:16px;background:url(/public/web/img/bg.png?244) no-repeat -170px -100px;position:relative;top:16px;text-indent:-9999em} div.dp-popup div.dp-nav-prev {position: absolute;top: 0;left: 10px;width: 100px;} div.dp-popup div.dp-nav-prev a {float: left;} div.dp-popup div.dp-nav-prev a.dp-nav-prev-year {background-position:-190px -100px;width:14px;margin-right:10px} div.dp-popup div.dp-nav-prev a.dp-nav-prev-year.disabled, div.dp-popup div.dp-nav-prev a.dp-nav-prev-year.disabled:hover{background-position:-190px -60px;} div.dp-popup div.dp-nav-prev a.dp-nav-prev-month.disabled, div.dp-popup div.dp-nav-prev a.dp-nav-prev-month.disabled:hover{background-position:-170px -60px;} /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;} div.dp-popup div.dp-nav-next {position: absolute;top: 0;right: 10px;width: 100px;} div.dp-popup div.dp-nav-next a {background-position:-180px -100px;float: right;} div.dp-popup div.dp-nav-next a.dp-nav-next-year{background-position:-205px -100px;width:14px;margin-left:10px} div.dp-popup div.dp-nav-next a.dp-nav-next-year.disabled{background-position:-205px -60px;} div.dp-popup div.dp-nav-next a.dp-nav-next-month.disabled, div.dp-popup div.dp-nav-next a.dp-nav-next-month.disabled:hover{background-position:-180px -60px;} div.dp-popup a.disabled {cursor: default;color: #aaa;} div.dp-popup td {cursor: pointer;} div.dp-popup td.disabled {cursor: default;} .msg { background: #fff9cd; border:1px solid #ffd77d; padding:15px 25px 15px 75px; margin-bottom: 20px; font-size:14px; color:#c6813f; line-height: 20px; position: relative; min-height:32px;} .msg p { line-height: 20px;} .msg:before { content:""; display: block; width: 35px; height: 32px; background: url(/public/web/img/bg.png?244) no-repeat -225px -195px; position:absolute; left:25px; top:18px;} .noregisternotice { margin-top:15px; } .noregisternotice p { font-size:13px; line-height: 20px; color:#888; padding-left:50px; position:relative;} .noregisternotice p .before, .noregisternotice p:before { content: ""; display: block; width:35px; height: 32px; background:url(/public/web/img/bg.png?244) no-repeat -190px -240px; position: absolute; left:5px; top:3px;} .noregisternotice p a { color:#f8880f; text-decoration: underline; } .noregisternotice p a:hover { text-decoration: none;} /* Browsers Compatibles */ .browsers {border-bottom: 1px solid #DDDDDD;font-family: 'Open sans',Arial,Helvetica,sans-serif;height: 90px;margin: 15px 0;} .browsers > span {display: block;font-size: 13px;line-height: 20px;margin-bottom: 15px;text-align: center;} .browsers ul :after {content:''; clear:both; display:block;} .browsers ul li {float:left; padding-left:35px; color: #777777;font-size: 12px;line-height: 15px;position: relative;} .browsers ul li + li {margin-left:16px;} .browsers ul li:before {content:''; display:block; background: url(/public/web/img/bg.png?244); width:30px; height:30px; position:absolute; left:0; top:0} .browsers ul li.firefox:before{background-position: -227px -239px;} .browsers ul li.ie:before{background-position: -257px -238px;} .browsers ul li.chrome:before {background-position: -287px -238px;} .browsers ul li.safari:before {background-position: -317px -241px;} .browsers ul li.opera:before {background-position: -347px -238px;} .browsers ul li span {font-weight: bold;display:block;} /* btn */ .btn{height:40px;background:url(/public/web/img/bg.png?244) no-repeat 0 -360px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:none;color:#fff;font-weight:600;font-family:'Open sans',Arial,Helvetica,sans-serif;;text-align:center;font-size:14px;float:left;cursor:pointer} .btn:hover{background-position:0 -400px;} /* btn01 */ .btn01{height:60px;font-size:18px;font-weight:bold;background:url(/public/web/img/bg.png?244) no-repeat 0 -520px} .btn01:hover{background-position:0 -580px} /* btn02 */ .btn02{padding:8px 10px 11px;height:40px;line-height:20px} a.btn02{padding:9px 0;height:20px;line-height:20px} /* btn02 v01 */ .btn02.v01{border:1px solid #ddd;background-position:0 -440px;color:#777 !important} .btn02.v01:hover{background-position:0 -400px;color:#fff !important;border:none;} a.btn02.v01:hover{padding:10px 0;} /* btnAtras */ .btnAtras{position:relative;top:-1px;font-size:16px;display:block;height:20px;width:40px;line-height:20px;padding-left:25px;color:#777;font-family:'Open sans',Arial,Helvetica,sans-serif;;position:relative;text-decoration:underline} .btnAtras:before{content:"";display:block;width:20px;height:14px;position:absolute;left:0;top:4px;background:url(/public/web/img/bg.png?244) no-repeat -70px 0} .btnAtras:hover{color:#fab414} .btnAtras:hover:before{background-position:-70px -30px;} /* btnRecuperarContrasena */ .btnRecuperarContrasena{font-size:16px;line-height:20px;color:#777;font-family:'Open sans',Arial,Helvetica,sans-serif;;position:relative;text-decoration:underline} .btnRecuperarContrasena:hover{color:#fab414;} .btn-download { position: absolute; right: 0; top:10px; font-size:13px; color:#666; line-height: 33px; height: 33px; border:1px solid #ddd; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); padding:0 10px 0 35px; } .btn-download:before { content:''; display: block; width: 14px; height: 17px; position: absolute; top:9px; left:14px; background: url(/public/web/img/bg.png?244) no-repeat -270px -200px; } .btn-download:hover {background: #f69109; background: -moz-linear-gradient(top, #f69109 0%, #f37c07 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f69109), color-stop(100%,#f37c07)); background: -webkit-linear-gradient(top, #f69109 0%,#f37c07 100%); background: -o-linear-gradient(top, #f69109 0%,#f37c07 100%); background: -ms-linear-gradient(top, #f69109 0%,#f37c07 100%); background: linear-gradient(to bottom, #f69109 0%,#f37c07 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69109', endColorstr='#f37c07',GradientType=0 ); border-color:#f69109; color:#fff; } .btn-download:hover:before { background-position: -290px -200px;}/* articleList */ .articleList {} .articleList .it {} .articleList .it > .tit{} /* Article List */ .aList01 .it{} .aList01 .it > .tit{} /* breadcrumbs */ #breadcrumb{} /* Formulario */ .frm {} .frm .fld-grp{} .frm .fld-grp .fld {} .frm .fld-grp .fld .lbl{} .frm .fld-grp .fld .lbl > b{} .frm .actions {} .frm .fld input::-webkit-input-placeholder {color:#ccc} .frm .fld input:focus::-webkit-input-placeholder {color:#ccc} .frm .fld input:-moz-placeholder {color:#ccc} .frm .fld input:focus:-moz-placeholder {color:#ccc} .frm .fld select::-webkit-input-placeholder {color:#ccc} .frm .fld select:focus::-webkit-input-placeholder {color:#ccc} .frm .fld select:-moz-placeholder {color:#ccc} .frm .fld select:focus:-moz-placeholder {color:#ccc} .frm .fld textarea::-webkit-input-placeholder {color:#ccc} .frm .fld textarea:focus::-webkit-input-placeholder {color:#ccc} .frm .fld textarea:-moz-placeholder {color:#ccc} .frm .fld textarea:focus:-moz-placeholder {color:#ccc} .frm .fld input, .frm .fld select, .frm .fld textarea{border:1px solid #ddd;background:#f6f6f6;padding:9px;outline:0 !important;} .frm .fld input, .frm .fld select, .frm .fld textarea, .frm .fld input:focus, .frm .fld select:focus, .frm .fld textarea:focus{color:#333;outline:0 !important;} .frm .fld textarea{resize:vertical;font-family:'Open sans',Arial,Helvetica,sans-serif;} /* Formulario tipo 01 */ .frm01 {} .frm01 .msj{} .frm01 .fld-grp{width:300px;margin:0 auto;display:block} .frm01 .fld-grp .fld{} .frm01 .fld-grp .fld + .fld{margin-top:10px} .frm01 .fld-grp .fld .lbl{position:relative} .frm01 .fld-grp .fld .lbl b { display:none; } .frm01 .actions{width:300px;margin:0 auto;display:block;margin-top:15px;} .frm01 .actions .btn{width:300px;float:none;margin-bottom:20px;} .frm01 .fld input, .frm01 .fld select, .frm01 .fld textarea{line-height:25px;height:25px;padding:19px;font-size:18px;font-family:'Open sans',Arial,Helvetica,sans-serif;} .frm01 .fld input.err, .frm01 .fld select.err, .frm01 .fld textarea.err{border-color:#fab6a3;} .frm01 .fld strong.err{font-size:12px;line-height:15px;display:block;padding:0 0 5px;position:relative;top:3px;color:#c80000;} .frm01 .fld input, .frm01 .fld select{width:260px;} /* v01 */ .frm01.v01{} .frm01.v01 .fld-grp{} .frm01.v01 .fld-grp .fld{display:block} .frm01.v01 .fld-grp .fld + .fld{margin-top:-2px} .frm01.v01 .fld-grp .fld .lbl{display:block;height:65px;} .frm01.v01 .fld-grp .fld .lbl > b{} .frm01.v01 .fld-grp .fld .lbl input{border-bottom:none;height:25px} .frm01.v01 .fld-grp .fld .lbl input:focus{text-indent:14px;background:url(/public/web/img/bg.png?244) no-repeat -1170px 2px #f6f6f6;} .frm01.v01 .fld-grp .fld + .fld .lbl:before{content:"";display:block;width:260px;height:1px;background:#ddd;position:absolute;top:0;left:20px} .frm01.v01 .fld-grp .fld + .fld .lbl input{border-top:none} .frm01.v01 .fld-grp .fld:last-child .lbl input{border-bottom:1px solid #ddd} /*ie*/ input.placeholder{color:#CCCCCC !important;} /* gallery */ #gallery {position:relative;height:0;z-index: 9999;} #gallery .bg{z-index:1;background:center center no-repeat rgba(0,0,0,.85);position:fixed;top:0;left:0;bottom:0;right:0;} #gallery .gal{min-width: 500px;;z-index:2;padding:20px 40px 0;margin: 0 auto;position:relative;} #gallery.loading .bg{background-image:url('/public/web/img/gallery-loader.gif?244') ;} /* Full image*/ #gallery .full {margin-bottom:20px;} #gallery .full img{display:block;margin:0 auto;border:3px solid #000;} /**/ #gallery .desc {max-width:700px;margin:0 auto;padding:0 25px;} #gallery .desc p{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:13px;line-height:20px;color:#f0f0f0;background:#000;padding:15px;} #gallery .desc .total {font-size:12px;display:block;line-height: 20px;position:relative;top:5px;color:#7295B5;} #gallery .desc .total:first-child {position: static;} #gallery .desc .total strong{font-weight: normal;} /* Flechas */ #gallery .btnPrev, #gallery .btnNext{outline: none;cursor:pointer;display:block;border:none;width:40px;height:5000px;position:absolute;top:0;background:no-repeat url('/public/web/img/gallery-arr.png?244');} #gallery .btnPrev:active, #gallery .btnPrev.active{left:-3px;} #gallery .btnNext:active, #gallery .btnNext.active{right:-3px} #gallery .btnPrev[disabled], #gallery .btnNext[disabled]{display:none;} #gallery .btnPrev{left:0;background-position:left center;} #gallery .btnNext{right:0;background-position:right center;} /* Listas */ .list .it {} .list .it > .tit {} /* Lista tipo 01 */ .list01 .it {} .list01 .it > .tit {}/* pagination */ .pagination{font-size:14px;font-weight:bold;display:block;padding:0 44px;text-align:center;line-height:25px;} .pagination .pages{margin:0 10px} .pagination .prev{padding-left:15px;position:relative;cursor:pointer} .pagination .prev:before{content:"";display:block;width:6px;height:12px;background:url(/public/web/img/bg.png?244) no-repeat -190px -45px;position:absolute;left:0;top:2px} .pagination span.prev{color:#ccc;cursor:default} .pagination span.prev:before{content:"";display:block;width:6px;height:12px;background:url(/public/web/img/bg.png?244) no-repeat -210px -45px;position:absolute;left:0;top:2px} .pagination .next{padding-right:15px;position:relative;cursor:pointer} .pagination .next:after{content:"";display:block;width:6px;height:12px;background:url(/public/web/img/bg.png?244) no-repeat -180px -45px;position:absolute;right:0;top:2px} .pagination span.next{color:#ccc;cursor:default} .pagination span.next:after{content:"";display:block;width:6px;height:12px;background:url(/public/web/img/bg.png?244) no-repeat -200px -45px;position:absolute;right:0;top:2px} .pagination .pages > *{margin:0 5px;padding:5px;line-height:25px;} .pagination .pages > strong{border:none;cursor:default;color:#ccc} .pagination .pages > a:hover{background-color:#ffbd27;color:#fff} /* Paginado por ajax */ .ajax-pagination {} .ajax-pagination button{} .ajax-pagination button[disabled]{} .ajax-pagination{display:block;position:relative;height:55px} .ajax-pagination > button{font-size:15px;font-weight:bold;color:#000;line-height:25px;text-align:center;position:absolute;left:50%;margin-left:-95px;width:190px;height:25px;top:0;background:#fff;border:none;cursor:pointer;font-family:arial,helvetica,sans-serif;padding-bottom:60px;} .ajax-pagination > button:before{content:"";position:absolute;left:0;top:7px;display:block;width:20px;height:15px;background:url(/public/web/img/bg.png?244) no-repeat -70px -70px;cursor:pointer} .ajax-pagination > button:after{content:"";display:block;width:32px;height:20px;position:absolute;bottom:0;left:50%;margin-left:-16px;background:url(/public/web/img/bg.png?244) no-repeat -90px -70px;cursor:pointer} .ajax-pagination > button:hover:before{background-position:-70px -110px} .ajax-pagination > button:hover:after{background-position:-90px -110px} .ajax-pagination > button[disabled]{cursor:default;color:#aaa;display:none} .ajax-pagination > button[disabled]:hover:before{background-position:-70px -70px;cursor:default;} .ajax-pagination > button[disabled]:hover:after{background-position:-90px -70px;cursor:default} .ajax-pagination .info{font-size:14px;line-height:25px;color:#000;} .ajax-pagination .info > span{font-weight:bold} .table{} /* table tbl01 */ .tbl01{} .tbl01 thead{} .tbl01 thead th{background:#fab414;height:50px;line-height:50px;color:#fff !important;font-weight:600;font-size:16px;text-align:center;cursor:pointer;font-family:'Open sans',Arial,Helvetica,sans-serif;} .tbl01 thead th + th{border-left:1px solid #f8a40f;} .tbl01 thead th:hover{background:#f8a40f;} .tbl01 tbody{} .tbl01 tbody tr {background:#fff;} .tbl01 tbody tr.noResult {border:none} .tbl01 tbody tr:nth-child(even){background:#f6f6f6} .tbl01 tbody tr td{border-bottom:1px solid #eee;padding:0;height:49px;line-height:20px;text-align:center;font-size:14px} /* table tbl02 */ .tbl02{} .tbl02 thead{} .tbl02 thead th{background:#fab414;height:50px;line-height:50px;color:#fff !important;font-weight:600;font-size:16px;text-align:center;cursor:pointer;font-family:'Open sans',Arial,Helvetica,sans-serif;} .tbl02 thead th + th{border-left:1px solid #f8a40f;} .tbl02 thead th:hover{background:#f8a40f;} .tbl02 tbody{} .tbl02 tbody tr {background:#fff;} .tbl02 tbody tr.noResult {border:none} .tbl02 tbody tr:nth-child(even){background:#f6f6f6} .tbl02 tbody tr td{border-bottom:1px solid #eee;padding:0;height:49px;line-height:20px;text-align:center;font-size:14px} .text {margin-bottom:30px;} .text > :first-child {margin-top:0 !important;} .text > :last-child {margin-bottom:0 !important;} .text h1{} .text h2{} .text h3{} .text h4{} .text h5{} .text h6{} .text p{position:relative;top:1px;font-size:16px;color:#888;line-height:25px;display:block;text-align:center;font-family:'Open sans',Arial,Helvetica,sans-serif;;margin-bottom:15px;} /* Listas */ .text ul, .text ol{} .text li{} .text ul > li{} .text ol > li{} .text dl{} .text dt{} .text dd{} /* Tabla */ .text table {} .text table th, .text table td{} .text table thead th{} .text table tbody th{} .text table tbody td{} .text table tfoot td{} /* Clases */ .text .claseEjemplo{} /* Estilos genéricos de los bloques */ .blk {} .blk > .hdr{} .blk > .hdr > .tit{margin:0 !important;display:block;} .blk > .cnt{} .blk > .ftr{} .columns > *{margin-bottom:0!important;} /* En esta hoja de estilos se deben incluir reglas que afecten el layout */ body{position:relative;z-index:0;background:url(/public/web/img/bg-body.png?244); } #wrapper{margin:0 auto;z-index:1;position:relative;margin-bottom:60px !important;} #header{position:relative;z-index:2} #central{position:relative;z-index:1;border:1px solid #dddddd;background:#fff;margin-bottom:25px;min-height:100px;} #main{z-index:1} #footer{display:block;text-align:center;} body.layout01{} body.layout01 #wrapper{width:640px;clear:both;margin-top:10% !important} body.layout01 #central{padding:70px 45px 75px 45px;} body.layout01 #header{position:absolute;left:50%;top:-50px;margin-left:-50px;display:block;width:90px;height:90px;border:5px solid #fff} body.layout01 #header #logo{width:90px;height:90px} body.layout01 #main > .hdr{margin-bottom:20px;} body.layout01 #main > .hdr >.tit{display:block;text-align:center} body.layout01 #main .text{} body.layout02{} body.layout02 #wrapper{width:980px;clear:both} body.layout02 #central{width:978px;border-top:none;padding:0 0 44px 0;} body.layout02:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:50px;background:url('/public/web/img/bg.png?244') repeat-x 0 -1150px } body.layout02:before, body.layout02 #header{background:url('/public/web/img/bg.png?244') repeat-x 0 -1150px } body.layout02 #header{height:50px;overflow:visible} body.layout02 #header #logo{/*width:64px;height:64px;border:3px solid #fff;*/position:absolute;top:5px;left:0;} body.layout02 #main > .hdr{padding: 0 24px 0 24px; border-bottom:1px solid #eee;margin-bottom:14px;} body.layout02 #main > .hdr > .tit{padding-right:200px;} body.layout02.v01{} body.layout02.v01 #central{padding:69px 44px 79px 44px;width:640px;margin:65px auto 25px;border:1px solid #dddddd} body.layout02.v01 #main{} body.layout02.v01 #main > .hdr{} body.layout02.v01 #main > .hdr .tit{text-align: center;padding-right:0} body.layout03{} body.layout03 #wrapper{width:980px;clear:both} body.layout03 #central{width:978px;border-top:none;padding:0 0 44px 0;} body.layout03:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:50px;background:url('/public/web/img/bg.png?244') repeat-x 0 -1150px } body.layout03:before, body.layout03 #header{background:url('/public/web/img/bg.png?244') repeat-x 0 -1150px } body.layout03 #header{height:50px;overflow:visible} body.layout03 #header #logo{/*width:64px;height:64px;border:3px solid #fff;*/position:absolute;top:5px;left:0;} body.layout03 #main > .hdr{padding: 0 24px 0 24px; border-bottom:1px solid #eee;margin-bottom:14px;} body.layout03 #main > .hdr > .tit{text-align: center;} /* Estilos que aplican a los hijos de #header Si es necesario darle estilos a #header se debe ir a la hoja layout.css */ /* HEADER */ #header > *{} /* LOGO */ #logo {} #logo img{} #nombreEmpresa{position:absolute;left:55px;top:10px;color:#fff;font-weight:bold;font-size:16px;font-family:'Open sans',Arial,Helvetica,sans-serif;;line-height:30px;} /* TOOLS */ #tools{line-height:30px;height:30px;position:absolute;right:0;top:10px;display:block;padding-bottom:5px;cursor:default;} #tools .usuario{font-size:14px;font-weight:bold;color:#fff;font-family:'Open sans',Arial,Helvetica,sans-serif;;line-height:30px;padding:0 35px 0 44px;display:block;} #tools .usuario:before{content:"";display:block;position:absolute;top:0;left:0;width:30px;height:30px;background:url(/public/web/img/bg.png?244) no-repeat -20px -70px} #tools #settings{display:block;overflow:visible;position:absolute;right:0;top:0;height:30px;width:28px;border:1px solid transparent;border-bottom:none;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} #tools #settings:before{content:"";display:block;position:absolute;top:4px;left:4px;width:20px;height:20px;background:url(/public/web/img/bg.png?244) -50px -70px;} #tools #settings > ul{display:none;position:absolute;top:30px;right:-1px;background:#fff;border:1px solid #eee;} #tools #settings > ul:before{content:"";display:block;position:absolute;top:-1px;right:1px;background:#fff;width:27px;height:2px;} #tools #settings > ul li{} #tools #settings > ul li + li{border-top:1px solid #eee;} #tools #settings > ul li a{padding:14px;display:block;font-size:15px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;color:#000;line-height:20px;min-width:170px;} #tools:hover #settings > ul{display:block} #tools:hover #settings{background:#fff;border-color:#eee;} /* opt-1*/ /*#tools #settings > ul li a:hover{color:#fff;background:url(/public/web/img/bg.png?244) no-repeat 0 -520px;}*/ /* opt-2*/ #tools #settings > ul li a:hover{color:#fab414;} #tools #settings:hover{background:#fff;border-color:#eee;} #tools #settings:hover > ul{display:block;} #layers{ margin-top: 30px; width: 940px; height: 55px; padding: 0 20px; border-bottom: 1px solid #ddd; position: relative; display: block;} #layers > ul{ display: block; position: relative; overflow: hidden;} #layers > ul > li{ padding: 0 30px; display: block; position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ddd; background: #f9f9f9; height: 54px; float: left;} #layers > ul > li > a{ color:#999; text-decoration: none; font-size: 18px; line-height: 55px; width: 100%; height: 55px; display: block; text-align: center;} #layers > ul > li+li{ margin-left: 5px;} #layers > ul >.lyrDashboard{ padding: 0; width: 55px; text-indent: -999px;} #layers > ul >.lyrDashboard > a:after{ background: url('/public/web/img/bg.png?244') no-repeat -190px -280px; content:""; display: block; position: absolute; width: 20px; height: 18px; left:17px; top:19px;} #layers > ul > li.selected{ height: 56px; border-bottom: none; background: #fff;} #layers > ul > li:hover{ background: #fff;}/* MAIN */ #main > *{} #main > .hdr{height: 44px;position:relative;z-index:2;} #main > .hdr > .tit{font-size:28px;line-height:30px;color:#000;font-family:'Open sans',Arial,Helvetica,sans-serif;;position:relative;top:-1px;} #main > .hdr #exportar{position:absolute;/*bottom:5px;*/right:24px} .js #main #msg{display:none} #main .text{} .layout03 #main {overflow: hidden;} .layout03 #main > .hdr{height: 73px;position:relative;z-index:2;} .layout03 #main > .hdr > .tit{top:28px;} /* Estilos que aplican a los hijos de #secondary. Si es necesario darle estilos a #secondary se debe ir a la hoja layout.css */ #secondary > * {} /* Estilos que aplican a los hijos de #footer Si es necesario darle estilos a #footer se debe ir a la hoja layout.css */ /* FOOTER */ #footer > *{} #footer div[role=contentinfo]{color:#777;display:block;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;} #footer div[role=contentinfo] > b{color:#000}/* HOme */ #pgHome {} /* listaComprobantes */ #listaComprobantes{} #listaComprobantes .ftr{display:block;padding:0 29px} #listaComprobantes .pagination {display:block;position:relative;height:55px} #listaComprobantes .pagination .itemCount{font-size:15px;line-height:30px;} #listaComprobantes .pagination .itemCount > b{color:#000} #listaComprobantes .pagination > a.verMas{font-size:15px;font-weight:bold;color:#000;line-height:30px;text-align:center;position:absolute;left:50%;margin-left:-95px;width:190px;height:55px;top:0} #listaComprobantes .pagination > a.verMas:before{content:"";position:absolute;left:0;top:7px;display:block;width:20px;height:15px;background:url('/public/web/img/bg.png?244') no-repeat -70px -70px} #listaComprobantes .pagination > a.verMas:after{content:"";display:block;width:32px;height:20px;position:absolute;bottom:1px;left:50%;margin-left:-16px;background:url('/public/web/img/bg.png?244') no-repeat -90px -70px} #listaComprobantes .pagination > a.verMas:hover:before{background-position:-70px -110px} #listaComprobantes .pagination > a.verMas:hover:after{background-position:-90px -110px} /* filtroComprobantes */ #filtroComprobantes{height:40px;padding:0 24px;margin-bottom:15px;clear:both;position:relative;z-index:1} #filtroComprobantes .frm{position:relative} #filtroComprobantes .fld-grp{float:left;height:40px;} #filtroComprobantes .fld-grp .fld{float:left;} #filtroComprobantes .fld-grp > * + *{margin-left:15px} #filtroComprobantes .fld-grp .lbl{clear:both;display:block;height:40px;} #filtroComprobantes .fld-grp .lbl > b{font-size:13px;margin-right:8px;line-height:40px;float:left} #filtroComprobantes .fld-grp .lbl > input, #filtroComprobantes .fld-grp .lbl > select{font-size:14px;line-height:20px;height:20px;box-sizing:content-box;display:block;float:left} #filtroComprobantes .fld-grp .lbl.numeroFactura input{padding:9px;width:40px} #filtroComprobantes .fld-grp .lbl.estado select{padding:9px ;width:225px;} /**/ #filtroComprobantes .fld-grp .lbl.estado select{box-sizing:border-box !Important;} /**/ #filtroComprobantes .fld-grp .lbl.estado select option{padding:9px ;} .js #filtroComprobantes .fld-grp .lbl.periodo{/*padding-right:30px;*/position:relative} /*.js #filtroComprobantes .fld-grp .lbl.periodo:after{content:"";display:block;width:18px;height:20px;position:absolute;right:1px;top:9px;background:url('/public/web/img/bg.png?244') no-repeat 0 -70px;text-indent:-9999em;overflow:hidden;cursor:pointer} .js #filtroComprobantes .fld-grp .lbl.periodo:hover:after{background-position:0 -90px;}*/ #filtroComprobantes .fld-grp .lbl.periodo input{padding:9px;width:90px;text-align:left} .no-js #filtroComprobantes .fld-grp .lbl.periodo input{width:105px} #filtroComprobantes .fld-grp .lbl.periodo input.err{} #filtroComprobantes .fld-grp .lbl.periodo strong.err{display:none} #filtroComprobantes .fld-grp .lbl > input.err{background:#fff8d8;border:3px solid #f9bb2d;padding:7px} #filtroComprobantes .fld-grp .lbl input.err::-webkit-input-placeholder {color:#be5e00} #filtroComprobantes .fld-grp .lbl input.err:-moz-placeholder {color:#be5e00} #filtroComprobantes .fld-grp .lbl select.err::-webkit-input-placeholder {color:#be5e00} #filtroComprobantes .fld-grp .lbl select.err:-moz-placeholder {color:#be5e00} #filtroComprobantes .fld-grp .lbl input:focus::-webkit-input-placeholder {color:#ccc} #filtroComprobantes .fld-grp .lbl input:focus:-moz-placeholder {color:#ccc} #filtroComprobantes .fld-grp .lbl select:focus::-webkit-input-placeholder {color:#ccc} #filtroComprobantes .fld-grp .lbl select:focus:-moz-placeholder {color:#ccc} #filtroComprobantes .actions{float:right;} #filtroComprobantes .actions #btnFiltrar{width:80px;float:none;display:block;} /* para safari #filtroComprobantes .fld-grp .lbl > select{-webkit-appearance:menulist;height:40px !important;line-height:35px;}*/ /* tablaComprobantes */ #tablaComprobantes{display:block;margin-bottom:30px;} #tablaComprobantes .table{width:100%;color:#444;} #tablaComprobantes .table thead a{color:#fff !important} #tablaComprobantes .numeroFactura .serie{padding-left:8px;color:#aaaaaa} #tablaComprobantes .estadoFactura .estado{line-height:40px;margin:0 25px;text-align:center;border-radius:3px} #tablaComprobantes .estadoFactura .estado.e_2{background:#edffe5;color:#3d7e0f;} #tablaComprobantes .estadoFactura .estado.e_1{background:#fff8d8;color:#be5e00;} #tablaComprobantes .estadoFactura .estado.e_3{background:#ffe3e3;color:#b40000;} #tablaComprobantes .estadoFactura .estado.e_4:after{content:"";display:inline-block;height:20px;width:20px;background:url('/public/web/img/bg.png?244') no-repeat -110px 0;margin-left:8px;position:relative;top:4px} #tablaComprobantes .rowEstado_0{font-weight: 700;} #tablaComprobantes .rowEstado_2{background:#edffe5;} #tablaComprobantes .rowEstado_1{background:#fff8d8;} #tablaComprobantes .rowEstado_3{background:#ffe3e3;} #tablaComprobantes .numeroFactura{width:193px;} #tablaComprobantes .emision{} #tablaComprobantes .tipoDocumento{} #tablaComprobantes th.estadoFactura{} #tablaComprobantes tr > th > a{} #tablaComprobantes tr > th > a:after{content:"";display:none;width:10px;height:7px;background:url('/public/web/img/bg.png?244') no-repeat -90px -150px;margin-left:6px;position:relative;top:-2px} #tablaComprobantes tr.desc > th > a:after{background-position:-90px -160px } #tablaComprobantes tr.numerofactura th.numeroFactura a:after, #tablaComprobantes tr.emision th.emision a:after, #tablaComprobantes tr.tipodocumento th.tipoDocumento a:after, #tablaComprobantes tr.estadofactura th.estadoFactura a:after{display:inline-block;} #tablaComprobantes tr.numerofactura.desc th.numeroFactura a:after, #tablaComprobantes tr.emision.desc th.emision a:after, #tablaComprobantes tr.tipodocumento.desc th.tipoDocumento a:after, #tablaComprobantes tr.estadofactura.desc th.estadoFactura a:after{display:inline-block;} #tablaComprobantes tr.noResult{border:0 none !important;} #tablaComprobantes div.noResult{padding-top:305px;display:block;overflow:hidden;text-align:center;line-height:30px;color:#bbb;font-size:18px;min-height:40px;position:relative} #tablaComprobantes div.noResult:before{content:"";display:block;width:205px;height:190px;background:url('/public/web/img/bg.png?244') no-repeat -260px 0;position:absolute;top:75px;left:387px} /* listaPedidos */ #listaPedidos{} #listaPedidos .ftr{display:block;padding:0 29px} #listaPedidos .pagination {display:block;position:relative;height:55px} #listaPedidos .pagination .itemCount{font-size:15px;line-height:30px;} #listaPedidos .pagination .itemCount > b{color:#000} #listaPedidos .pagination > a.verMas{font-size:15px;font-weight:bold;color:#000;line-height:30px;text-align:center;position:absolute;left:50%;margin-left:-95px;width:190px;height:55px;top:0} #listaPedidos .pagination > a.verMas:before{content:"";position:absolute;left:0;top:7px;display:block;width:20px;height:15px;background:url('/public/web/img/bg.png?244') no-repeat -70px -70px} #listaPedidos .pagination > a.verMas:after{content:"";display:block;width:32px;height:20px;position:absolute;bottom:1px;left:50%;margin-left:-16px;background:url('/public/web/img/bg.png?244') no-repeat -90px -70px} #listaPedidos .pagination > a.verMas:hover:before{background-position:-70px -110px} #listaPedidos .pagination > a.verMas:hover:after{background-position:-90px -110px} /* filtroPedidos */ #filtroPedidos{height:40px;padding:0 24px;margin-bottom:15px;clear:both;position:relative;z-index:1} #filtroPedidos .frm{position:relative} #filtroPedidos .fld-grp{float:left;height:40px;} #filtroPedidos .fld-grp .fld{float:left;} #filtroPedidos .fld-grp > * + *{margin-left:15px} #filtroPedidos .fld-grp .lbl{clear:both;display:block;height:40px;} #filtroPedidos .fld-grp .lbl > b{font-size:13px;margin-right:8px;line-height:40px;float:left} #filtroPedidos .fld-grp .lbl > input, #filtroPedidos .fld-grp .lbl > select{font-size:14px;line-height:20px;height:20px;box-sizing:content-box;display:block;float:left} #filtroPedidos .fld-grp .lbl.numeroPedido input{padding:9px;width:40px} .js #filtroPedidos .fld-grp .lbl.periodo{/*padding-right:30px;*/position:relative} /*.js #filtroPedidos .fld-grp .lbl.periodo:after{content:"";display:block;width:18px;height:20px;position:absolute;right:1px;top:9px;background:url('/public/web/img/bg.png?244') no-repeat 0 -70px;text-indent:-9999em;overflow:hidden;cursor:pointer} .js #filtroPedidos .fld-grp .lbl.periodo:hover:after{background-position:0 -90px;}*/ #filtroPedidos .fld-grp .lbl.periodo input{padding:9px;width:90px;text-align:left} .no-js #filtroPedidos .fld-grp .lbl.periodo input{width:105px} #filtroPedidos .fld-grp .lbl.periodo input.err{} #filtroPedidos .fld-grp .lbl.periodo strong.err{display:none} #filtroPedidos .fld-grp .lbl > input.err{background:#fff8d8;border:3px solid #f9bb2d;padding:7px} #filtroPedidos .fld-grp .lbl input.err::-webkit-input-placeholder {color:#be5e00} #filtroPedidos .fld-grp .lbl input.err:-moz-placeholder {color:#be5e00} #filtroPedidos .fld-grp .lbl select.err::-webkit-input-placeholder {color:#be5e00} #filtroPedidos .fld-grp .lbl select.err:-moz-placeholder {color:#be5e00} #filtroPedidos .fld-grp .lbl input:focus::-webkit-input-placeholder {color:#ccc} #filtroPedidos .fld-grp .lbl input:focus:-moz-placeholder {color:#ccc} #filtroPedidos .fld-grp .lbl select:focus::-webkit-input-placeholder {color:#ccc} #filtroPedidos .fld-grp .lbl select:focus:-moz-placeholder {color:#ccc} #filtroPedidos .actions{float:right;} #filtroPedidos .actions #btnFiltrar{width:80px;float:none;display:block;} /* para safari #filtroPedidos .fld-grp .lbl > select{-webkit-appearance:menulist;height:40px !important;line-height:35px;}*/ /* tablaPedidos */ #tablaPedidos{display:block;margin-bottom:30px;} #tablaPedidos .table{width:100%;color:#444;} #tablaPedidos .table thead a{color:#fff !important} #tablaPedidos .numeroPedido .serie{padding-left:8px;color:#aaaaaa} #tablaPedidos .rowEstado_0{background:#fff;font-weight: 700;} #tablaPedidos .rowEstado_1{background:#F6F6F6;} #tablaPedidos .rowEstado_2{background:#ffe3e3;} #tablaPedidos .estadoPedido .estado{line-height:40px;margin:0 25px;text-align:center;border-radius:3px} #tablaPedidos .estadoPedido .estado.e_2{color:#b40000;} #tablaPedidos .numeroPedido{} #tablaPedidos .emision{} #tablaPedidos th.estadoPedido{} #tablaPedidos tr > th > a{} #tablaPedidos tr > th > a:after{content:"";display:none;width:10px;height:7px;background:url('/public/web/img/bg.png?244') no-repeat -90px -150px;margin-left:6px;position:relative;top:-2px} #tablaPedidos tr.desc > th > a:after{background-position:-90px -160px } #tablaPedidos tr.numeropedido th.numeropedido a:after, #tablaPedidos tr.emision th.emision a:after, #tablaPedidos tr.estadopedido th.estadoPedido a:after{display:inline-block;} #tablaPedidos tr.numeropedido.desc th.numeroPedido a:after, #tablaPedidos tr.emision.desc th.emision a:after, #tablaPedidos tr.estadopedido.desc th.estadoPedido a:after{display:inline-block;} #tablaPedidos tr.noResult{border:0 none !important;} #tablaPedidos div.noResult{padding-top:305px;display:block;overflow:hidden;text-align:center;line-height:30px;color:#bbb;font-size:18px;min-height:40px;position:relative} #tablaPedidos div.noResult:before{content:"";display:block;width:205px;height:190px;background:url('/public/web/img/bg.png?244') no-repeat -260px 0;position:absolute;top:75px;left:387px} .layout03 .widget{ float: left; width: 445px; display: block; position: relative; margin-left: 24px; margin-top: 6px;} .layout03 .widget+.widget{ margin-left: 40px;} .layout03 .widget > .hdr{ display: block; position: relative; height: 70px; background: #fab414; border-top-left-radius: 4px; border-top-right-radius: 4px;} .layout03 .widget > .hdr > .tit{ width: 395px; display: inline-block; position: relative; top:26px; margin-left: 30px; font-size: 22px; color:#fff; line-height: 22px;} .layout03 .widget > .hdr > .tit:before{ position: absolute; display: block; content:""; background: url('/public/web/img/bg.png?244') no-repeat -220px -280px; width: 28px; height: 23px; top:0; right: 0;} .layout03 .widget > .container{ display: block; position: relative; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border:1px solid #ddd; border-top: none; padding-bottom: 14px;} .layout03 .widget > .container .tot{ width: 100%; height: 114px; border-bottom: 1px solid #eee; margin-bottom: 15px;} .layout03 .widget > .container .tot > span:first-child{ margin-left: 30px; font-size: 75px; line-height: 114px; color:#999; display: block; position: relative; float: left;} .layout03 .widget > .container .tot > span+span{ margin-left: 18px; top:30px; float: left; display: block; position: relative; font-size: 24px; line-height: 25px; color:#000; width: 100px;} .layout03 .widget > .container .generico{ padding: 0 15px; height: 40px; width: 385px; margin-left: 14px; font-size: 14px; line-height: 40px; color:#000; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;} .layout03 .widget > .container .generico+.generico{ margin-top: 5px;} .layout03 .widget > .container .generico.e_2{background:#edffe5;color:#3d7e0f;} .layout03 .widget > .container .generico.e_1{background:#fff8d8;color:#be5e00;} .layout03 .widget > .container .generico.e_3{background:#ffe3e3;color:#b40000;} .layout03 .widget > .container .generico.e_4:after{content:"";display:inline-block;height:20px;width:20px;background:url(/public/web/img/bg.png?244) no-repeat -110px 0;margin-left:8px;position:relative;top:4px}/* exportar */ #exportar{padding-right:35px;padding-bottom:5px;position:relative;cursor:pointer} #exportar:after{content:"";display:block;width:30px;height:30px;position:absolute;right:0;top:5px;background:url('/public/web/img/bg.png?244') no-repeat -225px 0} #exportar .tit{font-size:15px;font-weight:bold;line-height:44px;} #exportar #blkExportar{display:none;position:absolute;top:40px;right:0;border:1px solid #eee;} #exportar #blkExportar:before{content:"";display:block;position:absolute;top:-1px;right:1px;background:#fff;width:28px;height:1px;} #exportar #blkExportar > a{display:block;padding:14px 24px 15px;line-height:20px;font-weight:bold;font-size:15px;min-width:65px;text-align:center;background-color:#fff;position:relative} #exportar #blkExportar > a:hover{color:#fff !important;background:url('/public/web/img/bg.png?244') no-repeat 0 -260px} #exportar #blkExportar > a:before{content:"";display:inline-block;position:absolute;width:20px;height:20px;margin-right:5px;background:url('/public/web/img/bg.png?244') no-repeat -180px 0;} #exportar #blkExportar > a + a{border-top:1px solid #eee;} #exportar #blkExportar > a.pdf, #exportar #blkExportar > a.excel{padding-left:45px;} #exportar #blkExportar > a.pdf:before{left:25px} #exportar #blkExportar > a.pdf:hover:before{background-position:-180px -20px;} #exportar #blkExportar > a.excel:before{left:25px;background-position:-205px 0;} #exportar #blkExportar > a.excel:hover{background-position:0 -310px;} #exportar #blkExportar > a.excel:hover:before{background-position:-205px -20px;} #exportar:hover:after{background-position:-225px -35px;height:35px} #exportar:hover #blkExportar{display:block} /* filtroActual */ #filtroActual{display:block;margin:14px 0 15px;padding:15px 25px 0 ;border-top:1px solid #f6f6f6;line-height:20px;min-height:20px;} #filtroActual *{line-height:20px;font-size:13px;color:#444444;} #filtroActual .tit{color:#000;margin-right:5px;} #filtroActual .filtro{display:inline-block;padding:5px 25px 5px 10px ;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#dddddd;color:#444444} #filtroActual .filtro + .filtro{margin-left:5px} #filtroActual .filtro.fecha{color:#999999} #filtroActual .filtro.fecha > span{color:#444} #filtroActual .filtro .limpiar{display:block;width:15px;height:15px;position:absolute;right:5px;top:9px;background:url('/public/web/img/bg.png?244') no-repeat -170px -205px;text-indent:-9999em;overflow:hidden} #filtroActual .filtro .limpiar:hover{background-position:-185px -205px} #filtroActual .limpiarTodo{text-decoration:underline;margin-left:15px;} #filtroActual .limpiarTodo:hover{color:#fab414;} table #filtroActual{border-top:none;padding-bottom:15px;} td > #filtroActual{border-top:none !important;padding-bottom:15px;} td > #filtroActual .tit{display:block;line-height:40px} /* msj */ #msjBox{margin-bottom:30px} #msjBox .actions{display:block;margin:0 auto;margin-top:35px;width:300px;} #msjBox .actions .btn{width:300px;float:none} #msjBox .msj{display:block;padding:24px 25px;border:1px solid #eee;border-left:none;border-right:none;font-size:22px;line-height:45px;text-align:center;} #msjBox .msj .tit{font-family:'Open sans',Arial,Helvetica,sans-serif;;font-weight:normal;color:#000;margin-bottom:15px} #msjBox .msj b{display:inline-block;position:relative} #msjBox .msj b:before{content:"";display:inline-block;width:36px;height:36px;background:url('/public/web/img/bg.png?244') no-repeat -130px 0;margin-right:9px;position:relative;top:10px;} #msjBox .msj.err{} #msjBox .msj.ok b:before{background-position:-130px 0} #msjBox .msj.err b:before{background-position:-130px -40px} /* frm usuarioLoggeado */ #usuarioActivo{margin:0 auto;margin-bottom:15px;display:block;background:#fff9ea;padding:15px;width:520px;} #usuarioActivo > span{line-height:30px;display:block;text-align:center;font-size:18px;font-family:'Open sans',Arial,Helvetica,sans-serif;} #usuarioActivo > span > span{color:#f39105} /* frmLogin */ #frmIngresar{ border-bottom:1px solid #ddd; padding-bottom:19px;} #frmIngresar .frm.err .fld-grp{} #frmIngresar .frm.err .fld-grp .fld{} #frmIngresar .frm.err .fld-grp .fld .lbl input{border-color:#e08787 !important;background:#eeb2b2 !important;color:#b40000} #frmIngresar .frm.err .fld-grp .fld + .fld .lbl:before{background:#e08787} /* errorSlide */ #errorSlide{display:none;position:fixed;top:0;left:50%;margin-left:-200px;width:400px;z-index:10;box-shadow:0 0 3px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);} #errorSlide > .cnt{} /* msg */ #msg{padding:14px;border:1px solid #ccc;background:#f6f6f6;text-align:center;} #msg > div{font-size:14px;color:#ccc;line-height:20px;display:inline-block;padding:0 10px 0 45px;text-align:center;position:relative;overflow:visible;} #msg div:before{content:"";display:block;width:31px;height:28px;background:url('/public/web/img/bg.png?244') no-repeat -225px -75px;position:absolute;top:-6px;left:0;} #msg .btnClose{position:absolute;top:5px;right:5px;width:15px;height:15px;cursor:pointer;display:block;border:none;background:url('/public/web/img/bg.png?244') no-repeat -170px -190px;text-indent:-9999em;overflow:hidden;} #msg .btnClose:hover{background-position:-185px -190px} #msg.err{border-color:#fab6a3;background-color:#f7d1c6;} #msg.err > div{color:#c80000} #msg.err div:before{background-position:-225px -105px;} #msg.err .btnClose{background-position:-170px -160px;} #msg.err .btnClose:hover{background-position:-185px -160px;} #msg.warn{border-color:#ffd77d;background-color:#fff9cd;} #msg.warn > div{color:#c6813f} #msg.warn div:before{background-position:-225px -75px;} #msg.warn .btnClose{background-position:-170px -145px;} #msg.warn .btnClose:hover{background-position:-185px -145px;} #msg.ok{border-color:#c5dd86;background-color:#f4ffc9;} #msg.ok > div{color:#467800} #msg.ok div:before{background-position:-225px -135px;} #msg.ok .btnClose{background-position:-170px -175px;} #msg.ok .btnClose:hover{background-position:-185px -175px;} #main #msg{margin:10px auto 30px;} .layout01 #main #msg{width:340px;} #popup {height:0;position:relative;z-index:99999;display: none;} #popup .popup-bg{background:#000;} #popup .popup-cnt{position:absolute;top:0;left:0;background:#fff;padding:24px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 15px rgba(255,255,255,.6);-moz-box-shadow:0 0 15px rgba(255,255,255,.6);-webkit-box-shadow:0 0 15px rgba(255,255,255,.6);} #popup .popup-cnt > .popup-btn-container {width:100%;height:0;position:relative;} #popup .popup-cnt > .popup-btn-container .btn-close{position:absolute;top:-39px;right:-39px;width:40px;cursor:pointer;height:40px;display:block;background:url(/public/web/img/bg.png?244) -80px 0;}