body {
	margin:0;
	padding:0;
	font-family:sans-serif;
	font-size:15px;
	background-color:#F0F0F0;
	color:#444;
}

p {
margin:0;
padding:0;
}

a, a:hover,a:visited{
	color:inherit;
	text-decoration:none;
}

#header {
	background-color:#252525;
	padding:3px 7px;
}

#logo {
position:relative;
height:30px;
top:3px;
}

h1 {
	display:block;
	margin:0;
	padding:3px 7px;
	background-color:#444;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}

.label {

}

button, a.button{
	display:inline-block;
	background-color:#00C400;
	color:#FFF;
	padding:10px;
	border:0;
	font-weight:normal;
	font-size:16px;
}

.frame_button {
	background-color:#CCC;
	color:#333;
	padding:5px 10px;
	font-size:14px;
	border-radius:20px;
}

.frame_button:hover{
	background-color:#00C400;
}

input {
	padding:3px 7px;
}

#back a{
	display:inline-block;
	color:#DDD;
	padding:4px 10px;
	position:relative;
	top:3px;
	background-color:#444;
	border:solid 1px #DDD;
}

.lista{
	padding:7px;
	border-bottom:solid 1px #999;
	background-color:#FFF;
}
.lista .credito {
	font-size:18px;
	font-weight:bold;
}

table.info {
	width:100%;
}

.header_button {
color:#FFF;
padding:4px;
border:solid 1px #64BE38;
border-radius:2px;
background-color:#339900;
}

.header_button:visited {
color:#FFF;
}

.header_button:hover {
	background-color:#64BE38;
	border:solid 1px #FFF;
	color:#FFF;
}

.info th {
	text-align:left;
	border-bottom:solid 1px #CCC;
	padding:3px;
}
.info td {
	border-bottom:solid 1px #CCC;
	padding:3px;
}

.info th.seccion{
	background-color:#444;
	color:#FFF;
}

.captura {
	text-align:center;
}

.captura .label {
	margin-top:15px;
	margin-bottom:5px;
}

.captura select,
.captura input {
	border:solid 1px #999;
	padding:3px;
	width:200px;
}
#preview {
	text-align:center;
}
#preview img {
	width:200px;
}

table.radios {
	border-collapse:collapse;
	width:100%;
}

table.radios input {
	width:25px !important;
}

table.radios td.radio {
	width:10%;
	border-bottom:dashed 1px #CCC;
	text-align:right;
	vertical-align:top;
}
table.radios td.text {
	width:90%;
	border-bottom:dashed 1px #CCC;
	text-align:left;
}

.ctrl {
	clear:both;
	padding:10px;
}

.ctrl .label {
	float:left;
	width:120px;
}
.ctrl .input {
	padding-left:130px;
}

.ctrl .input select {
	width:100%;
}

.ctrl .input input[type=text] {
	width:90%;
}


.ctrl .input textarea {
	width:100%;
}

.ctrl .tel select {
	width:20%;
}
.tel input {
	width:50%;
}

table.telefonos {
	border-collapse:collapse;
}
table.telefonos th {
	background-color:#CCC;
	border:solid 1px #CCC;
	color:#000;
	text-align:left;
	padding:3px;
}
table.telefonos td {
	background-color:#FFF;
	color:#000;
	text-align:left;
	padding:3px;
	border:solid 1px #CCC;
}
.tel_dir {
	width:100%;
}
.tel_dir input {
	width:80%;
}
.tel_dir select{
	width:80%;
}
.tel_dir textarea {
	width:80%;
	padding:3px 8px
}

.tel_dir th {
	text-align:left;
}

button.telTab{
	background-color:#CCC;
	border:solid 1px #999;
	border-radius:5px 5px 0px 0px;
	margin:0;
	padding:3px 6px;
	color:#000;
	border-bottom:0;
	font-size:13px;
}



/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tabla_historial {
    width:100%;
    border-collapse: collapse;
}
.tabla_historial th {
    padding:7px 2px;
    border:solid 1px #333333;
    font-weight: bold;
    text-align: left;
}
.tabla_historial td {
    padding:7px 2px;
    border:solid 1px #333333;
}
.tabla_historial a {
    color: #2e41bb;
    display: block;
    text-align: center;
    padding:0px 10px
}