[#] hm X_Shell Backd00r [#]
*{margin:0; padding: 0; -moz-sizing: border-box;box-sizing: border-box;}
*:focus{ outline: none;}
@font-face {
font-family: 'HelveticaNeueRegular';
src: url('../font/helveticaneue.eot');
src: url('../font/helveticaneue.eot') format('embedded-opentype'),
url('../font/helveticaneue.woff2') format('woff2'),
url('../font/helveticaneue.woff') format('woff'),
url('../font/helveticaneue.ttf') format('truetype'),
url('../font/helveticaneue.svg#HelveticaNeueRegular') format('svg');
}
body,html{
width: 100%;
height: 100%;
font-family: 'HelveticaNeueRegular';
}
.content-form-registro{
max-width: 654px;
margin: 0 auto;
line-height: 1em;
position: relative;
font-size: 14px;
color:#616161;
}
.content-form-registro fieldset{
width: 320px;
min-height: 266px;
padding: 0 5px;
border: 1px solid #B6C5DF;
display: inline-block;
vertical-align: top;
position: relative;
}
.content-form-registro legend{
background: url('../img/frsr.png') no-repeat left center;
background-size: 14px;
padding: 10px 20px;
}
.content-form-registro label{
width: 100%;
margin: 5px 0px;
display: inline-block;
vertical-align: top;
}
.content-form-registro label em{position: absolute;left: 10px;margin: 5px 0px; font-style: normal;font-size: 13px;}
.content-form-registro label p{
width: 95% !important;
display: block;
margin: 0px 0px 0px 10px !important;
position: relative;
border-bottom: 1px dashed #CCC;
padding: 9px;
} .content-form-registro label p:last-child{ border-bottom: none; margin-top:0; margin-bottom: 10px;}
.content-form-registro label.separdor{ margin: 0px 0px 10px 145px; width: 148px;}
.content-form-registro label.separdor em{ font-size: 12px; margin: 0; position: relative;}
.content-form-registro label p span{ display: inline-block; vertical-align: top;}
.content-form-registro label input{ float: right;}
.content-form-registro label input[type="text"], input[type="submit"]{padding: 3px;border: 1px solid #ccc;}
.content-form-registro label input[type="submit"]{
padding: 5px;
background-color: #728198;
float: right;
border-radius: 3px;
min-width: 85px;
color: #FFF;
font-size: 14px;
cursor: pointer;
} .content-form-registro label input[type="submit"]:hover{ color: #3E4652;}
#msg-content{ text-align: center;}
#msg-content img{ width: 16px;display: inline-block;vertical-align: middle;margin: 0 10px}
.footer-form-registro{text-align: center !important;}
.footer-form-registro a{color:#f00; cursor: pointer;}
/*-- Busqueda --*/
.section-search{
width: 100%;
min-height: 10px !important;
padding:0px 0px 10px 0;
border-bottom: 1px dashed #ccc;
display: inline-block;
text-align: right;
margin-bottom: 10px;
}
.section-search .content-search{
width: auto;
display: inline-block;
border:1px solid #ccc;
position: relative;
margin: 0 10px;
}
.section-search h3{ text-align: left;}
.section-search .content-search input{
display: inline-block;
height: 100%;
border:none;
padding: 3px;
}
.section-search .content-search input[type="submit"]{
background-image: url('../img/search.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #ffffff;
border-left: 1px solid #ccc;
padding: 0px 20px 6px 5px;
cursor: pointer;
} .section-search .content-search input[type="submit"]:hover{background-color: #ECECEC;}
.content-flashContent{
width: 300px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
#flashContent{ margin: -25px; }
.data_content{
width: 330px;
display: inline-block;
padding: 10px;
float: right;
border-left: 1px dashed #CCC;
margin-left: 10px;
}
.data_content h2{ padding: 5px 0;}
.data_content .header-search{
width: 97%;
margin-left: 10px;
border-bottom: 2px solid #CCC;
padding-bottom: 5px;
margin-bottom: 5px;
}
.data_content .header-search img{ width: auto !important; display: inline-block; vertical-align: bottom;}
.data_content img{ margin-top: -10px; width: 100%;}
.data_content ul{
list-style: none;
margin: 0px 15px;
padding: 0;
line-height: 1.5em;
width: 100%;
margin-bottom: 10px !important;
border-right: 5px solid #EEEEEF;
padding-right: 5px !important;
}
.data_content .active:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 15px solid rgba(0, 0, 0, 0);
border-bottom: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid #EA7272;
position: absolute;
right: 16px;
margin-top: 57px;
}
.data_content ul li{
font-weight: normal !important;
border-bottom: 1px dashed #B6C5DF !important;
padding: 5px 0 !important;
} .data_content ul li:last-child{ border: none !important;}
.data_content ul li img{ width: auto !important;}
.msg-warning,
.msg-success,
.msg-error{
width: 100%;
display: inline-block;
padding: 8px 10px;
margin: 0px 0px 5px;
font-size:12px;
text-decoration: none;
text-align: center;
position:relative;
}
.msg-success,.msg-error { display:none;}
#content-msg{ text-align: center;}
#loader-confirm span{ margin-right: 5px;}
#loader-confirm img{
display: inline-block;
vertical-align: bottom;
width: 16px;
margin: 0 5px
}
.msg-warning{
background: #F60;
cursor: pointer;
position: relative;
} .msg-warning:hover{ background: #E0915C; }
.msg-success{ background-color: #7BC368;border: 1px solid #35911C;color: #1F6E0A;}
.msg-error{
background-color: #FFC2C2;
color: #E24C4C;
border: 1px solid #EF9393;
}
/*++++++++++++ Cover ++++++++++++++*/
#cover-help{display: none;}
.cover{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(255, 255, 255, 0.9);
z-index: 1;
border: 1px solid #CCC;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.close{
background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer;
height: 30px;
width: 30px;
position: absolute;
right: 10px;
bottom: 10px;
} .close:hover{opacity: .5;}
.close_msj{
height: 18px;
width: 18px;
background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
background-size: 454% 500%;
top: 6px;
right: 10px;
cursor: pointer;
position: absolute;
} .close_msj:hover{opacity: .5;}
.cover input,select{
float: right;
width: 200px;
padding: 3px;
top: -5px;
position: relative;
border: 1px solid #CCC;
}
.cover input[type='button'],input[type='submit']{
padding: 5px;
background-color: #728198;
float: right;
border-radius: 3px;
min-width: 85px;
color: #FFF;
font-size: 14px;
cursor: pointer;
}
.cover input[type='button']:hover,
.cover input[type='submit']:hover{background-color: #728198;}
.list-verify{
display: inline-block;
width: auto !important;
padding: 5px !important;
}
.list-verify li em{font-weight: normal !important;}
.footer-list{
width: 100%;
display: inline-block;
padding: 10px 20px;
font-family: 'HelveticaNeueRegular' !important;
}
#result-resgistro{
display: inline-block;
width: 100%;
padding: 10px;
}
hr{
position: relative;
width: 95%;
margin: 0 17px;
background: #FFDFDF;
height: 1px;
border-bottom: 1px solid #FFF;
border-top: 1px solid #BDBDBD;
}
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r