body, html { height: 100%; text-align:center;}

body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }

a { text-decoration: none; }

body, input, select, td, textarea { font-size: 12px; }

p { margin: 0px; font-size: 12px; }

h1, h2, h3, h4 { font-weight: bold; margin-bottom: 5px; margin-top: 0px; }
h3 { display: inline-block;}
img { border: 0px; }
form { margin: 0px; }
div, input, header, footer {display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:inline-block;vertical-align:top;}

:focus{outline:0;}

header { height: 50px; border-bottom: 2px solid;padding:6px 10px;position:relative;box-shadow: 0px 5px 10px #bbb;text-align:left;}
header .user-area{position:absolute;right:10px;}
footer { background: #b3d4fc; height:45px;overflow:auto;color: black; display: block;position: absolute; bottom: 0; text-align:center;}
footer .footer-info{padding:5px;}

#holder { min-height: 100%; position: relative; background: white; }
#holder #MainContainer { min-height:100%; height: auto;position: relative; display: block; padding-bottom:60px;width:auto;margin:0 auto;}

#logo{margin-right:20px;padding:0px 5px;}

/* Container */
.container{text-align:center;padding-top:10px;}

/* Tamaño y disposición de la web */
header {width:100%;} /* Cabecera */
footer {width:100%;} /* Pie */
.container {width:70%;} /* Contenido */
#holder #MainContainer{text-align:center;} /* Alienación del contenido */

/* Pagination */
.pagination{margin: 5px 0;}

/* Mensaje general de la web */
#msgFeedback {position: absolute;bottom:-50px;left:5px;z-index: 10;min-width: 325px;}

/* Mensaje de respuesta de formularios y demás en la web */
.alert{vertical-align:middle; padding:6px 10px;margin-bottom:3px;}
.alert button.close{top: 0px;right: 0px;}
.alert p{line-height: 21px;}

/* Texts */
.t-fs10{font-size:10px;}
.t-fs11{font-size:11px;}
.t-fs12{font-size:12px;}
.t-fs13{font-size:13px;}
.t-fs14{font-size:14px;}
.t-fs16{font-size:16px;}

/* Web */
.center{margin:0 auto;}
.right{float:right;}
.left{float:left;}
.pointer{cursor:pointer;}
.sel-none{-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}

/* Generic loader */
.loader{display:none;position:absolute;top:0px;left:0px;height:100%;width:100%;background-color:rgba(0,0,0,0.1);z-index:88;}

.inner-content:first{margin:0 auto;text-align:center;margin:5px;text-align:left;}
.inner-content{margin:0 auto;text-align:center;margin:10px 0px;text-align:left;}

/* Login */
#holder.home-login{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEOEUzRDkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MTYpIiAvPgo8L3N2Zz4=);}
.login-form{margin:300px auto;width: 300px;border: 2px solid #ccc;padding:20px 30px;border-radius: 10px;box-shadow: 0px 0px 10px #C0C1C5;
			background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MDIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTNFM0UzIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjAyKSIgLz4KPC9zdmc+);}

/* Menus */
.menu{background-color:#eee;padding:8px;border-radius:5px;}

/* Ventanas modales */
#myModal{text-align:center;}
#myModal .modal-dialog{text-align: left;width:auto;}
#myModal .modal-content{padding:10px 20px;width:auto;}
#myModal .modal-content .modal-header{width:100%;}
#myModal .modal-content .modal-body{width:100%;}
#myModal .modal-content .modal-footer{width:100%;}

/* Forms */
.form-vertical .form-group{margin-right:5px;margin-left:5px;width:100%;}
.form-horizontal .form-group{margin-right: 0px;margin-left:0px;}
.form-horizontal .form-group .form-control{width:100%;}