@font-face { font-family: OpenSans; src: url('fonts/OpenSans-Regular.ttf'); } 

.colorBase
{
	color : #0082a6;
}


.fondoBase
{
	background-color : #0082a6;
}


.backBase
{
	background-color : #0082a6;
}


body
{
	font-family: 'OpenSans', sans-serif;
	font-size: 15px;
	display: block; 
	height: auto; 
	margin : 0;
}


.top
{
	display : block;
	overflow :  hidden;
	position : relative;
	width : 100%;
	height : 105px;
	margin : 0 auto;
	background-color : #0082a6;}


.topTable
{
	width : 100%;
	height : 100%;
	max-width : 960px;
	text-align : center;
	margin : 0 auto;
	color : white;}


.topTable td
{
	width : 33%;
	max-width : 320px;
	font-weight : bold;
	padding-left : 10px;
}


.logo
{
	display : block;
	height : 90%;
	background : url('../img/logo-cmu.png');
	background-repeat : no-repeat;
	background-position-x : 0%;
	background-position-y : center;
	background-size : contain;
}


.articulo
{
	display : block;
	overflow : hidden;
/*	max-width : 960px;*/
	width : 960px;
	min-width : 66%;
	position : relative;
	margin : 0 auto;
	background-color: #ffffff;
}


.welcome
{
	padding : 20px 0;
	margin-top : 20px;
	display : block;
	text-align : left;
}


.comisaria
{
	font-size : 110%;
	color : black;
	background-color : beige;
}


.elige
{
	font-size : 120%;
	color : black;
	display : block;
	padding-top : 20px;
}


.combo
{
	width : 100%;
	text-align : center;
	min-width : 160px;
}


.tablaCabeza
{
	width : 100%;
	font-size : 100%;
}


.etiqueta2
{
	width : 100%;
	text-align : center;
	min-width : 160px;
	margin-top : 20px;
}


.spanEtiqueta
{
	display : inline-grid;
	text-align: left;
	width : 33%;
	min-width : 160px;
	padding-left : 10px;
	border : none;
}


.spanCombo
{
	min-width : 40%;
	text-align : center;
}


.spanCombo2
{
	padding-left: 35%;
}


.etiqueta
{
	display : none;
}


.ingresa
{
/*	width : 95%;*/
	width : 300px;
	min-width : 160px;
	height: 50px;
	border-radius: 10px;
	padding-left: 4px;
}


.ingresa2
{
/*	width : 95%;*/
	width : 300px;
	min-width : 160px;
	height: 50px;
	border-radius: 10px;
	padding-left: 4px;
}


.nada
{
	display : none;
}


.botonVolver
{
    display: block;
    width: 20%;
    font-size: 1.5em;
    border : 0;
    background : transparent;
    color : #0082a6;
    text-decoration: underline;
    margin: 0 auto 10px 9%;
    -webkit-appearance : none;
    -moz-appearance : none;
}


.botonVolver:hover
{
	background-color : #0082a6;
	color : white;
	text-decoration :  none;
}


.reserva
{
	text-align : center;
	padding: 20px 0px 20px 0px;
	margin: 15px auto 0 auto;
}


.reservaOK
{
	border : 2px solid green;
}


.reservaNO
{
	border : 2px solid red;
}


.reservaTexto
{
	font-size : 140%;
}


.boton
{
	display : inline;
	width : 25%;
	height : 8%;
	background-color : #0082a6;
	border-radius : 20px;
	color : white;
	margin : 30px 7% 30px 7%;
}


.boton:disabled,
.button[disabled]
{
	background-color: #cccccc;
	color: #666666;
	border-color: #666666;
}


.botonNeg
{
	background-color : white;
	color : #0082a6;
	border-color : #0082a6;
}


.botonNegado
{
	background-color : white;
	color : #0082a6;
	border : 2px solid #0082a6;
}


.personal
{
	font-size : 110%;
}


.reservaSpan
{
	display : block;
	text-align : left;
	width : 100%;
	margin: 0 15%;
}


.reservaInput
{
	font-size : 120%;
	width : 70%;
	padding : 10px 0;
}


.tyc
{
	width : 20px;
	height : 20px;
	display : none;
}


#etiqueta 
{
	display : block;
	border : 4px solid #88a;
	box-shadow : 1px 1px 3px rgba(0, 0, 0, .3) inset;
	border-radius : 10%;
	width : 1em;
	height : 1em;
	cursor : pointer;
}


#tyc:checked + label
{
	background-color: #0082a6;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, .1) inset;
	content : "ON";
	color : #fff;
}


.text-center
{
	color : #0082a6;
	font-weight : bolder;
	text-align : center;
	display : block;
	padding : 13px;
	font-size : 180%;
}


.horario
{
	text-align: center;
	height: 40px;
	border: 1px solid gray;
	display: table;
	width: 40%;
	margin: 0 30%;
	vertical-align: middle;
	padding-top: 3%;
	font-size: 120%;
	border : 1px solid gray
}


.disponible
{
	background-color : white;
	color : black;
	font-weight : bold;
}


.disponible:hover
{
	background-color : #0082a6;
	color : white;
}


.no-disponible
{
	background-color : #d2d2d2;
	color : gray;
}


.calendarioDisp
{
	background-color : green;
	color : white;
}


.calendarioSelected
{
	background-color : #0082a6;
	color : white;
}

#calendario
{
	border-collapse : separate;
	border-spacing : 10px;
	border : 1px solid black;
}


#calendario th
{
	width : 14%;
}


#calendario td
{
	text-size : 110%;
	text-align : center;
	border-radius : 25px;
}


#anular
{
	display: table;
	text-align: center;
	border-collapse: collapse;
	margin : auto;
	font-size : 110%;
	width : 50%;
}


#anular th,
#anular td
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px;
	text-align: center;
}


.checkanula
{
	width : 20px;
	height : 20px;
}


.qr
{
	margin : auto;
	display : block;
	width : 25%;
}


.thAgendados
{
	color : white;
	background-color : #d32011;
}


.blanca
{
	background-color : white;
	color : #0082a6;
}


.color
{
	color : white;
	background-color : #0082a6;
}