html {
	height: 100%;
}

body {
	background-color: inherit;
	color: inherit;
	font-family: Verdana;
	margin: 0; 
	height: 100%;
}

.cabecera_odontologia {
	font: arial;
	font-size:24px;
	color: #2A4B30;
}

.columna_oscura {
	background-color: #334597;
	color: #FFFFFF;
	font-size:11px;
}

.columna_clara {
	background-color: #E8EAEB;
	color: #000000;
	font-size:11px;
}

.fila_oscura {
	background-color: #4E88C5;
	color: #FFFFFF;
	font-size:12px;
}

.fila_clara {
	background-color: #E8EAEB;
	color: #000000;
	font-size:11px;
}

.fila_datos {
	font-size:12px;
}

.linea {
	border:solid 1px #CDD6A7;
}

.texto_chico {
	font-size:13px;
}

.texto_mediano {
	font-size:18px;
}

.texto_grande {
	font-size:28px;
}

.titulo_general {
	font-size:20px;
	color:#003366;
}

.subtitulo_general {
	font-size:17px;
	color: #993300;
}

.texto_masgrande {
	font-size:32px;
}

.campo {
	height:35px;
	font-size:18px;
	font-weight:700;
}

.campo:focus {
	background-color: #FFDA96;
	color:#081A00;
}

.campo:blur {
	background-color: #FFFFFF;
}

.curved {
	border-radius: 15px;
	box-shadow: 2px 2px 1px #0F4626;
	border: ridge;
	position:relative;
	top: 0px;
	left: 0px;
}

.ewExportTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	font-family: Verdana;
    border-radius: 20px;
	border: groove;
}

.ewExportTable td {
	padding: 5px;
	border: 1px solid; 
	border-color: #333333;
}

.btn_turnos {
	border-radius: 6px; 
	box-shadow: 3px 3px 6px #000; 
    border-radius: 8px;
	border: ridge;
	border-color:#000000;
	background-color: #3B58A6;
	color:#FFFFFF;
	height:30px;
	position:relative;
	font-size:13px;
}

.btn_turnos:active{
    box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
}

.btn_turnos:hover{
	background-color:#FFFFFF;
	color:#333333;
	border-radius: 5px;
	box-shadow:inset;
}

.btn_informacion {
	border-radius: 6px;
	box-shadow: 3px 3px 6px #000;
	border: ridge;
	border-color:#000000;
	background-color: #D3FFA0;
	color:#000000;
	height:30px;
	position:relative;
	font-size:13px;
}

.btn_informacion:active{
	box-shadow: 0px 1px 0px 0px rgb(0, 105, 202);
}

.btn_informacion:hover{
	background-color:#333333;
	color:#ffffff;
	border-radius: 5px;
	box-shadow:inset;
}

.div_centrado {
    position: absolute;
    left: 50%;
    top: 50%;
	width:25%;
	height: 250px;
    transform: translate(-50%, -50%);
	background-color: #FFFFFF;
	color:#170101;
	border-radius: 8px;
	border-color: #1F3F0D;
	border-style: double;
	z-index:999;
}

.tam_imagen {
	width: 600px;
	height: 105px; 
}

.btn_ops {
	border-color: #ffffff;
	background-color: #1C622D;
	color:#FFFFFF;
	font-size:15px;
}

.btn_ops:hover{
	cursor: pointer;
	border-color: #000000;
	background-color: #FFFFCC;
	color: #333333;
	font-size:15px;
}

.btn_anular {
	border-color: #333333;
	background-color: #661314;
	color:#FFFFFF;
}

.btn_anular:hover{
	cursor: pointer;
	border-color: #000000;
	background-color: #F9E1E2;
	color:#333333;
}

.btn_reimprimir {
	border-color: #333333;
	background-color: #D4E9F3;
}

.btn_reimprimir:hover{
	cursor: pointer;
	border-color: #000000;
	background-color: #11215C;
	color:#FFFFFF;
}

.btn_inicio {
	border-color: #000000;
	background-color: #1C622D;
	color:#FFFFFF;
	font-size:18px;
	width: 180px;
	height:50px;
	border-radius: 20px;
}

.btn_inicio:hover{
	cursor: pointer;
	border-color: #333333;
	background-color: #FFFFCC;
	color: #333333;
}

.logo {
	width: 390px;
	height: 75px;	
}

.iconos {
	width: 50px;
	height: 50px;
}

.div_sinmedida_limpio {
    position: absolute;
	width: 30%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	border-radius: 8px;
	border-color: #704B4B;
	border-style: ridge;
	z-index:1100;
	background-color: #FFFFFF;
	padding: 10px;
}

.btn_carnet{
    text-decoration: none;
    padding: 1px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 22px;
    color: #FFFFFF;
    background-color:#006505;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_carnet:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color:#DBF4E3;
	color: #000000;
    text-decoration: none;
	cursor:pointer;
}

.btn_tiques{
    text-decoration: none;
    font-size: 22px;
    color: #000000;
    background-color: #EFDC7B;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_tiques:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color: #EBCCA1;
	color: #333333;
    text-decoration: none;
	cursor:pointer;
}

.btn_panos{
    text-decoration: none;
    font-size: 22px;
    color: #000000;
    background-color: #EBB746;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_panos:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color: #FFFFFF;
	color: #333333;
    text-decoration: none;
	cursor:pointer;
}

.btn_cb{
    text-decoration: none;
    font-size: 22px;
    color: #FFFFFF;
    background-color: #517E97;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_cb:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color: #D3E3EB;
	color: #333333;
    text-decoration: none;
	cursor:pointer;
}

.btn_ac{
    text-decoration: none;
    font-size: 22px;
    color: #FFFFFF;
    background-color: #631819;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_ac:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color: #EBD2D5;
	color: #333333;
    text-decoration: none;
	cursor:pointer;
}

.btn_im{
    text-decoration: none;
    font-size: 22px;
    color: #333333;
    background-color: #D2D2D3;
  	border-radius: 5px;
    border: 3px groove #A7A7A7;
}

.btn_im:hover{
  	transition: opacity 0.8s;
    opacity: 0.6;
	background-color: #392C02;
	color: #FFFFFF;
    text-decoration: none;
	cursor:pointer;
}

.btn_infopac {
	border-color:#000000;
	background-color: #EDE8D4;
	position:relative;
	font-size:18px;
	height:35px;
	cursor:pointer;
    border-radius: 6px;
    border: 1px groove #775516;
}

.btn_infopac:hover{
	background-color: #7B633C;
	color: #FFFFFF;
}

#popup_container {
	font-family: Verdana;
	font-size: 15px;
	min-width: 300px;
	max-width: 600px;
	background-color: #FDFFF2;
	border: inset 4px #000000;
	color: #000000;
	border-radius: 8px;
	margin:5 auto 5;
	outline:none;
	z-index:999;
	direction:ltr;
	display:block;
}

#popup_title {
	font-size: 18px;
	text-align: center;
	line-height: 2.1em;
	color: #FFFFFF;
	background-color:#1D4209;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	padding:20px;
	margin: 0em;
}

#popup_message {
	font-size:14px;
	padding-left:0px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

@media only screen and (max-width: 768px) {
	.div_mensaje {
		position:fixed;
		background-color: #721718;
		font-size:16px;
		color:#FFFFFF;
		left:10%;
		right:10%;
		top: 70%;
		z-index:1000;
		padding: 10px;
	}
}

@media only screen and (min-width: 769px) {
	.div_mensaje {
		position:fixed;
		background-color: #721718;
		font-size:16px;
		color:#FFFFFF;
		left:40%;
		right:40%;
		top: 70%;
		z-index:1000;
		padding: 10px;
	}
}