@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url("iconos.min.css");
@font-face{
    font-family: 'akzidenz-grotesk_bq_light_eRg';
    src: url('../fuentes/akzidenzgrotesk-lightextended-webfont.eot');
    src: url('../fuentes/akzidenzgrotesk-lightextended-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/akzidenzgrotesk-lightextended-webfont.woff') format('woff'),
         url('../fuentes/akzidenzgrotesk-lightextended-webfont.ttf') format('truetype'),
         url('../fuentes/akzidenzgrotesk-lightextended-webfont.svg#akzidenz-grotesk_bq_light_eRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{padding:0; margin:0;}
ul,li{list-style-type:none;}
img,fieldset{border-width:0;}
a{text-decoration:none; outline-style:none; color:#666;}
a:hover{text-decoration:none;}
a img{border:none;}
body{font:400 13px/24px 'Open Sans',Arial, Helvetica, sans-serif; color:#333; background:#09ABA1 url(../imagenes/bg.png) left top repeat;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,iframe{display:block;}
input,select,textarea,label{font:400 13px/20px 'Open Sans',Arial, Helvetica, sans-serif; color:#333; vertical-align:middle;}
input,select,textarea{width:100%; height:28px; background-color:#FFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:none; margin-bottom:10px;}
h1,h2,h3{font-family:'akzidenz-grotesk_bq_light_eRg', Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;}
h1{font-size:18px!important;}
h2{font-size:16px!important;}
h3{font-size:14px!important;}
p{margin-bottom:20px;}
/*header*/
header{width:100%; min-width:960px; height:150px; background-color:#FFF;}
header .sixteen.columns{position:relative; height:150px;}
/*logo*/
header a#logo{position:absolute; top:20px; left:0; display:block;}
/*wrapper*/
#wrapper{margin-top:-50px; float:left; overflow:hidden; padding:10px 0; background-color:#FFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 0 6px  #888; -moz-box-shadow:0 0 6px  #888; -webkit-box-shadow:0 0 6px  #888;}
/*slider*/
#slider{width:626px; height:388px; float:left; display:inline; border:1px solid #DDD;}
/*datos*/
ul.datos{height:388px; overflow:auto; border:1px solid #DDD;}
ul.datos li{text-align:center; padding:10px 0 5px 0; display:block; list-style:none; line-height:normal;}
ul.datos li img{border:1px solid #DDD;}
ul.datos li span{font-weight:700; display:block;}
/*tablas*/
table.tablas{width:100%; background-color:#EEE; border-collapse:collapse; border:1px solid #DDD;}
table.tablas tr th,table.tablas tr td{font:400 13px 'Open Sans', Arial, Helvetica, sans-serif; text-align:center; padding:10px; border-bottom:1px solid #DDD; border-right:1px solid #DDD;}
table.tablas tr td.left{text-align:left;}
table.tablas tr th{font-weight:700; background-color:#DDD; border:none;}
table.tablas tr:nth-of-type(odd){background-color:#F8F8F8;}
/*archivos*/
ul.archivos {margin:0 auto; width:912px; overflow:hidden;}
ul.archivos li{float:left; width:94px; height:180px; margin:10px; display:inline; text-align:center; overflow:hidden; line-height:normal;}
/*login*/
form#login{margin:20px auto; width:300px; padding:20px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 0 6px  #888; -moz-box-shadow:0 0 6px  #888; -webkit-box-shadow:0 0 6px  #888; background-color:#FFF;}
form#login label{display:block;}
form#login input{width:250px; border:#666 1px solid;}
form#login input.user{background:url(../imagenes/iconos/user.png) left center no-repeat; padding-left:48px;}
form#login input.password{background:url(../imagenes/iconos/password.png) left center no-repeat; padding-left:48px;}
form#login button{margin:0 auto; width:100px; display:block;}
/*upload*/
form#upload{margin:0 auto 20px; padding:20px 0; overflow:hidden; color:#FFF; background-color:#09ABA1; border-radius:6px;}
form#upload label{display:block;}
form#upload input{margin-bottom:0;}
form#upload input[type=file]{cursor:pointer; display:block; background-color:#09ABA1;}
form#upload button{margin:0 auto; width:100px; display:block;}
/*bar-user*/
#bar-user{position:absolute; bottom:54px; right:0;}
#bar-user a,#bar-user span{font-size:13px;}
#bar-user span{padding-right:10px;}
#bar-user a{color:#0A5656;}
#bar-user a:hover{color:#50BFCB;}
#bar-user i{padding-left:10px;}
/*botones*/
a.boton,button{font:400 12px 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF!important; height:24px; line-height:24px; padding:0 10px; display:inline-block; border-radius:6px;}
a.boton:link,a.boton:visited,button{background-color:#4E71D9;}
a.boton:hover,button:hover{text-decoration:none; background-color:#50BFCB;}
button{overflow:visible; cursor:pointer; border:none;}
/*auxiliares*/
#datepicker-container{text-align:center; padding-top:20px; margin-bottom:20px;}
#datepicker-center{display:inline-block; margin:0 auto;}
#alerta{text-align:center; margin-bottom:6px;}
#status{text-align:center;}
.isotipo{background:#09ABA1 url(../imagenes/isotipo.png) center 300px no-repeat;}
.titulo{font-weight:normal; color:#FFF; padding:4px 10px; background-color:#09ABA1; border-radius:6px 6px 0 0; margin-bottom:0;}
.blue{background-color:#224792;}
.titulo a{float:right; font-size:12px; color:#FFF;}
.bienvenido{font-size:30px; color:#FFF; text-align:center; margin:20px 0;}
.status{font:400 12px 'Open Sans', Arial, Helvetica, sans-serif; float:right; text-align:right; text-transform:uppercase;}
.status i{font-size:14px; color:#0A5656; padding-left:6px;}
.margin-bottom{margin-bottom:20px;}
.contenido{padding:10px; background-color:#EEE; border:1px solid #DDD; border-top:0; border-radius:0 0 6px 6px;}
.imagen{max-width:100%; height:auto; width:auto\9; display:block;}
/*contenedor y columnas*/
.container						{position:relative; width:960px; margin:0 auto; padding:0;}
.container .column, 
.container .columns				{float:left; display:inline; margin-left:10px; margin-right:10px;}
.row                            {margin-bottom:20px;}
.column.alpha, .columns.alpha, .alpha{margin-left:0!important;}
.column.omega, .columns.omega, .omega{margin-right:0!important;}
.container .one.column,
.container .one.columns			{width:40px;}
.container .two.columns			{width:100px;}
.container .three.columns		{width:160px;}
.container .four.columns		{width:220px;}
.container .five.columns		{width:280px;}
.container .six.columns			{width:340px;}
.container .seven.columns		{width:400px;}
.container .eight.columns		{width:460px;}
.container .nine.columns		{width:520px;}
.container .ten.columns 		{width:580px;}
.container .eleven.columns  	{width:640px;}
.container .twelve.columns  	{width:700px;}
.container .thirteen.columns	{width:760px;}
.container .fourteen.columns	{width:820px;}
.container .fifteen.columns 	{width:880px;}
.container .sixteen.columns 	{width:940px;}
.container .one-third.column	{width:300px;}
.container .three-twenty.column	{width:320px;}
.container .two-thirds.column	{width:620px;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}    .row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

.progress { margin:0 auto; position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color:#FEC23F; width:0%; height:20px; border-radius: 3px; }
.percent { position: absolute; display: inline-block; top: 0px; left: 48%; color: #000
}