@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{
	background:url("../imgs/bg-blau.png");
	
}
#ui-datepicker-div{
	font-size:18px;
}
body{
	font-family:'Ropa Sans';
}
a{
	color:black;
	text-decoration:none;
}
div#top{
	padding:15px;
	background:url("../imgs/bg-top.jpg") repeat-x;
	height:48px;
	font-size:40px;
	text-align:center;
	box-shadow:0 10px 25px #000000;
}
div#top span:first-child{
	color:white;
}
div#top span:last-child{
	color:#c8c9cf;
}
div#scroll{
	width:165px;
	float:left;
	padding:50px;
	padding-left:0px;
	margin-left:-10px;
	height:450px;
}
.scrollable{
	height:450px;
	overflow:hidden;
}
.centered{
	width:100px;
	height:230px;
	margin:0 auto;
}
div#scroll .sub-baj{
	width:100px;
	height:100px;
}
div#horafecha input{
	border:0px;
	background-color:white;
	font-size:30px;
	font-weight:bold;
	padding:5px;
	margin:7px;
	width:190px;
	text-align:right;
}

div#web{
    width:745px;
    margin:35px auto 0 70px;
    margin-top:10px;
	float:left;
}
div#tipos-operarios{
	margin-top:100px;
	float:left;
}
div#tipos-operarios div{
	width:200px;
	height:200px;
	float:left;
	margin:10px;
	border:1px solid black;
	background:white;
	line-height:180px;
}
h1, h2{
	font-family:'Calibri';
	font-weight:normal;
	font-style:normal;
}
h2{
	font-size:22px;
	color:#5B5B5F;
	font-style:italic;
	text-align:center;
}
.bold{
	font-weight:bold;
}
div#tipos-operarios div h1{
	text-align:center;
	font-style:italic;
	margin:2px;
	padding:2px;
	font-size:20px;
}

div#operarios{
	margin-top:15px;
	float:right;
	padding:20px;
	width:70%;
}
div#operarios .operario{
	border-radius: 5px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    margin: 10px;
	
	height:		150px;
    max-height: 150px;
	
	width:		80px;
    max-width:	80px;
	
    padding: 7px;
	background:#5b5b5f;
	color:#e4e7ea;
}
.operario img{
	width:80px;
}
.fancybox-content{
	display:none;
}
a.fancybox{
	font-weight:bold;
}
.boton{
	font-size:30px;
}

div#tabla_numpad{
	margin:0 auto;
	width:300px;
	padding-top:30px;
}
#tabla_numpad input#pass_numpad{
	width:300px;
	font-size:35px;
	text-align:center;
	border-radius:10px;
	height:50px;
	border:3px solid #5b5b5f;
	background-color:white;
}
.numpad{
	width:90px;
	height:90px;
	margin:5px;
	border-radius:10px;
	border:3px solid #5b5b5f;
	background:url("../imgs/bg-button.png") repeat-x;
}
.custom.boton{
	width:120px;
	height:60px;
	margin:5px;
	font-size:25px;
	background:url("../imgs/bg-button-3.png") repeat-x;
	border-radius:10px;
	border:3px solid #5b5b5f;
}
.pad0{
	width:190px;
	height:90px;
	margin:5px;
	font-size:25px;
	background:url("../imgs/bg-button.png") repeat-x;
	border-radius:10px;
	border:3px solid #5b5b5f;
}

.numpad:hover, .pad0:hover{
	border:3px solid #e4e7ea;
}


div#proyectos{
	margin-top:10px;
	width:70%;
	float:left;
	height:500px;
	overflow:hidden;
}
div#proyectos h1{
	font-size:50px;
	color:#5b5b5f;
	border-bottom:5px solid #5b5b5f;
	font-family:"Ropa Sans";
	width:100%;
}
div#proyectos .proyecto{
	background:#5b5b5f;
	border-radius:10px;
	width:160px;
	height:120px;
	margin:5px;
	float:left;
}
div.proyecto span{
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}
div#proyectos .proyecto div#nombre{
	text-align:center;
	padding:5px;
	color:#e4e7ea;
	font-size:16px;
	height:44px;
}
div#proyectos .proyecto div#matricula{
	background:white;
	margin:8px;
	padding:5px;
	height:40px;
}

div#fases{
	margin-top:50px;
	width:650px;
	float:left;
	font-size:50px;
	color:#5b5b5f;
}
div#fases h1{
	border-bottom:5px solid #5b5b5f;
	font-family:"Ropa Sans";
}
div#fases ul li{
	font-size:16px;
	padding:5px;
	font-weight:bold;
	color:#5b5b5f;
	height:42px;
	line-height: 70px;
	border-bottom:1px solid #5b5b5f;
}
div#fases ul li button{
	float:right;
	padding:5px;
	border-radius:3px;
	border:2px solid #5b5b5f;
	background:url("../imgs/bg-button-2.png") repeat-x;
}
div#fases ul li button:hover{
	border:2px solid #e4e7ea;
}



div#momento-dia div{
	float:left;
	margin:25px;
	width:200px;
	height:200px;
	/*border:1px solid black;*/
}
div#momento-dia div h1{
	margin:5px;
	padding:5px;
	font-size:17px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
}

.dialog-text{
	width:200px;
	float:right;
}

div#loginStatus{
	height:10px;
	width:315px;
	text-align:center;
	margin: 0 auto;
	padding:20px;
	font-size:20px;
	color:red;
}


div#imputar{
	width:730px;
	max-width:730px;
}
div#imputar input[type="text"]{
	border:1px solid #3E3D40;
}
div#imputar div#tiempo{
	float:left;
	width:304px;
}
div#imputar div#tiempo div#horas,div#imputar div#tiempo div#medias{
	float:left;
	width:152px;
}
div#imputar h1{
	font-size:20px;
}
div#imputar button.boton{
	width:70px;
	height:70px;
}
div#imputar div#horas input, div#imputar div#medias input{
	font-size:50px;
	width:70px;
	height:70px;
	text-align:center;
	margin:0 auto;
}
div#imputar div#notas{
	float:left;
	margin-left:10px;
}
div#imputar div#notas input[type="checkbox"]{
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	margin-right:10px;
}
div#imputar button#reiniciar,div#imputar button#imputar{
	font-size:30px;
	width:150px;
	height:50px;
	text-align:center;
	margin:0 auto;
}
div#imputar textarea{
	border:1px solid #3E3D40;
}
div#imputar #nocturnas+span, #label-span, select#incidencia, div#imputar input#dia, div#imputar #horas-text, div#imputar #medias-text{
	font-size:20px;
}

div#resumenDia{
	font-size:14px;
	padding:2px;
	margin-left:10px;
}

button#calendario{
	font-size:20px;
}







div#calendario{
	background-color:white;
	margin:5px;
	padding:15px;
}
div#calendario table tr td{
	width:90px;
	padding:10px;
	font-size:16px;
}
div#calendario select, div#calendario input{
	font-size:20px;
}
div#calendario input[type="text"]{
	border:1px solid #3E3D40;
}
div#calendario input[type="submit"]{
	border:1px solid #3E3D40;
	padding:5px;
}

div#imputaciones td{
	padding:14px;
	padding-left:0px;
}
div#imputaciones tr th{
	font-size:16px;
	font-weight:bold;
}







.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}


.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}


#buscador_ref{
	font-size:16px;
	border:1px solid #3E3D40;
	height:24px;
}
#buscador_ref_label{
	font-size:16px;
}