/* CSS Document */
/*
*
{
	magin:0;
	padding:0;
	}
*/
@font-face {
	font-family: OpenSans;
	font-weight: normal;
/*	font-size: 24px; */
	src: local('?'), url('../Fonts/OpenSans-Light.ttf') format('truetype');
}

/*
a:link {
	text-decoration: none;
	color: #0049C1;
	font-weight: bold;
}
.alternativo {color: #0081FF;}

a:visited {
	text-decoration: none;
	color: #0049C1;
	font-weight: bold;
}

a:active {
	text-decoration: none;
	color: #0049C1;
	font-weight: bold;
}
*/

body
{
	background: #FFF;
/*	background-image:url(../Images/background.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: repeat-x;
	background-repeat:repeat-y;
	color: #0049C1;
*/
	font-family: OpenSans;	
	
}


form {
	position: relative;
    width: 100%;
    margin: 15px auto 0 auto;
    text-align: center;
    background: rgba(255,255,255,.15);
	max-width: 310 px;
}
select {
/*	text-align:center; */
    height: 42px;
    margin-top: 5px;
    padding: 0 5px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
/*    font-family: 'PT Sans', Helvetica, Arial, sans-serif; */
    font-size: 16px;
    color: #000;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

textarea {
/*	text-align:center; */
    height: 42px;
    margin-top: 5px;
    padding: 0 5px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
/*    font-family: 'PT Sans', Helvetica, Arial, sans-serif; */
    font-size: 16px;
    color: #000;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

input, select {
	max-width: 280px;
}

.minwidth {
    width: 80px !important;
}

.input2 {
	width: 100px;
	height: 32;
	margin-top: 5px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=time]::-ms-clear,
input[type=time]::-webkit-search-cancel-button,
input[type=time]::-webkit-clear-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display:none;
    margin:0;
    width:0;
    height: 0;
}
input[type=time] {-moz-appearance:textfield;}

.ui-datepicker{
    z-index: 1051 !important;
}

.horizontal-align-center {
    margin-right: auto;
    margin-left: auto;
}
.button1 {
    cursor: pointer;
    width: 150px;
    height: 44px; 
    margin-top: 25px;
    padding: 0;
    background: #D4554B;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ff730e;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.button1:hover {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
}

.button1:active {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:        
        0 5px 8px 0 rgba(0,0,0,.1) inset,
        0 1px 4px 0 rgba(0,0,0,.1);

    border: 0px solid #ef4300;
}

.button_delete {
	width: 120px;
    height: 32px;
	font-size:0.8em;
	background: #BD1414;
    border: 1px solid #000066;
}

.button2 {
    cursor: pointer;
    width: 40px;
    height: 25px; 
    margin-top: 5px;
    padding: 0;
    background: #3278B8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #000;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.button2:hover {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
}

.button2:active {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:        
        0 5px 8px 0 rgba(0,0,0,.1) inset,
        0 1px 4px 0 rgba(0,0,0,.1);

    border: 0px solid #ef4300;
}

.button3
{
	width: 170px;
	height: 30px;
	}

.button4
{
	width: 140px;
	height: 30px;
    margin-top: 0px;
	margin: 0 auto;
	padding: 0 0px;
	}

.buttonBig
{
	width: 95%;
	height: 60px;
	margin: 5px 5px 5px 5px;
    font-weight: bold !important;
	}
	
.marginbottom {
    margin-bottom: 20px;
}

.blue {
	background: #3278B8;
    border: 1px solid #000;
}

.red {
	color: #D4554B;
}

.maxwidth {
    max-width: 300px;
}

.no_margin {
	margin: 0px;
}

.vertical_align_center {
	vertical-align: middle !important;
}
.derecha {
	text-align:right !important;
}
.izquierda {
	text-align:left !important;
}
.table-detail
{
	max-width: 400px;
}

.ocupa-todo {
	width: 95%;
}
.calculadora {
	margin: 0 auto;
	width:270px;
}
.fondo-gris {
	background-color:#EAEAEA;
	border:1px solid #000;
}

.margintop {
    margin-top:50px;
}

.linkbutton {
    color: #D4554B;
	float: left;
    background: transparent;
	text-align:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px none;
    cursor: pointer;
	width: 100%;
/*  max-width: 200px; */
    height: 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none; /* browsers that don't support rgba */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    text-shadow: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
}

.formfecha{
	text-align: center;
	width: 100px;
	height: 35px;	
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 1001;
}

.formFecha{
    text-align: left;
    width: 100px;
    height: 35px;   
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 1001;
}

.formfecha2 {
	position: relative;
	z-index: 1001;
}


.autoheight {
	height: auto;
}

.z1000 {
	position: relative;
	z-index: 1001;
}

.green {
	color: #3C0;
}

.totalheight {
	height:100%;
}

.little_input {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 90px;
}
.notes {
    height: 100px;
}

.adduser {
	border: 1px #337ab7 solid;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
}

.adduser2 {
	border: 1px #337ab7 solid;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.hora {
	width: 33px;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;	
}
.hiperderecha {
    float: right;
}

.cont-rota{
    border: 5px #FFF solid;
    text-align: center;
    padding: 4px;
    background-color: #DDD;
    min-height: 80px;
    min-width: 120px;
    border-radius: 3px;
}

.anchofijo{
    min-width: 200px;
}

.letra-peque{
    font-size: 0.8em;
    text-align: center;
    font-weight: bold;
}

.letra-peque-izda{
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
}