/* --- GENERALES ---------------------------------------------- */
p, td, ul, ol, select, textarea, input, button 
		{
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		}

.just 		{
		text-align:justify;
		}

.mano		{
		cursor:hand;
		cursor:pointer;
		}

.upper          {
                text-transform: uppercase;
                }


/* --- BODY --------------------------------------------------- */
body		{ 
		font-family: Verdana, Arial, sans-serif; 
		font-size:11px;
		margin: 0px;
		}

/* --- Párrafos ------------------------------------------------- */


/* --- TABLAS --------------------------------------------------- */
table.marcoini	{
                border: thin solid gray;
		}

table.marco	{
                border: thin solid gray;
		}

table.marcofino	{
                border: 1px solid gray;
		/*padding: 3px;*/
		}

td		{
		font-family: Verdana, Arial, sans-serif; 
		font-size:11px;
		}

td.padding3	{
		font-family: Verdana, Arial, sans-serif; 
		font-size:11px;
		padding:3px;
		}

td.grid		{
		border: 1px solid gray;
		background-color: white;
		}

td.cabgrid	{
		height:20px;
		text-align: center;
		border-left: 1px solid white;
		border-top: 1px solid white;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		/*background-color: #ECE9D8;*/
		background-color: #f0f0f0;
		cursor:hand;
		cursor:pointer;
		}

td.cabgridsinorden
		{
		height:20px;
		text-align: center;
		border-left: 1px solid white;
		border-top: 1px solid white;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		/*background-color: #ECE9D8;*/
		background-color: #f0f0f0;
		}

td.cabgridorden	{
		height:20px;
		text-align: center;
		border-left: 1px solid white;
		border-top: 1px solid white;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background: #a2bcd8 url(../images/orden_asc.png) no-repeat center right;
		cursor:hand;
		cursor:pointer;
		}

td.cabgridordendesc
		{
		height:20px;
		text-align: center;
		border-left: 1px solid white;
		border-top: 1px solid white;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		/*background: #ECE9D8 url(../images/orden_desc.png) no-repeat center right;*/
		background: #a2bcd8 url(../images/orden_desc.png) no-repeat center right;
		cursor:hand;
		cursor:pointer;
		}

td.datgridprim	{
		height:20px;
		width:20px;
		border-left: 1px solid white;
		border-bottom: 1px solid white;
		border-right: 1px solid silver;
		/*background-color: #ECE9D8;*/
		background-color: #f0f0f0;
		padding-left:2px;
		padding-right:2px;
		}

td.datgrid	{
		height:20px;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		background-color: white;
		padding-left:2px;
		padding-right:2px;
		}

td.datgridsinbg	{
		height:20px;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		padding-left:2px;
		padding-right:2px;
		}

td.datgridorden	{
		height:20px;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		background-color: #F7F7F7;
		padding-left:2px;
		padding-right:2px;
		}

td.datgridsinbgorden {
		height:20px;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		padding-left:2px;
		padding-right:2px;
		}

td.ordengrid	{
		border: 1px solid gray;
		/*
		border-left:1px solid silver;
		border-right:1px solid silver;
		border-bottom:1px solid silver;
		*/
		/*background: #ECE9D8;*/
		background: #f0f0f0;
		/*padding:2px;*/
                font: 11px verdana;
		}

td.filtrosgrid	{
		/*border: 1px solid silver;*/
		border-left:1px solid gray;
		border-right:1px solid gray;
		border-bottom:1px solid gray;
		/*background: #ECE9D8;*/
		background: #f0f0f0;
		/*padding:2px;*/
                font: 11px verdana;
		}

td.sumaanchogrid
		{
		height: 20px;
		background: url(../images/sumatorio.png) no-repeat center left;
		}
/* --- LINKS --------------------------------------------------- */
A:link    	{
		color:black; 
		text-decoration:underline; 
		font-family:arial; 
		font-size:11px;
		}
A:visited 	{
		color:black; 
		text-decoration:underline; 
		font-family:arial; 
		font-size:11px;
		}
A:hover,visited	{
		color:gray;
		text-decoration:underline;
		font-family:arial; 
		font-size:11px;
		}

A.grid:link    	{
		color:black; 
		text-decoration:none; 
		font-family:arial; 
		font-size:11px;
		}
A.grid:visited 	{
		color:black; 
		text-decoration:none; 
		font-family:arial; 
		font-size:11px;
		}
A.grid:hover,visited	
		{
		color:gray;
		text-decoration:underline;
		font-family:arial; 
		font-size:11px;
		}

A.salir:link		{color:white; text-decoration:none;font-weight: bold;}
A.salir:visited		{color:white; text-decoration:none;font-weight: bold;}
A.salir:hover,visited 	{color:white; text-decoration:none;font-weight: bold;}

/* --- INPUTS DE USUARIO ------------------------------------------------ */
textarea.flat,
select.flat, 
input.flat 	{
                border: 1px solid gray;
		/*border: 1px solid #7f9db9;*/
		/*background-color: white;*/
		}

.btnyes		{
		border: 0px;
		background: url(../images/btn_yes.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 12px;
		cursor:pointer;
		}

.btnno		{
		border: 0px;
		background: url(../images/btn_no.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 12px;
		cursor:pointer;
		}

.btninsert	{
		border: 0px;
		background: url(../images/btn_insert.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btnedit	{
		border: 0px;
		background: url(../images/btn_edit.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btndelete	{
		border: 0px;
		background: url(../images/btn_delete.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btndeletepeq	{
		border: 0px;
		background: url(../images/btn_peq_delete.png) no-repeat;
		height:20px;
		width:20px;
		padding-left: 0px;
		text-align: left;
		cursor:pointer;
		}

.btnrefresh	{
		border: 0px;
		background: url(../images/btn_refresh.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btnlist	{
		border: 0px;
		background: url(../images/btn_list.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btnexit	{
		border: 0px;
		background: url(../images/btn_exit.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:hand;
		cursor:pointer;
		}

.btnexportar	{
		border: 0px;
		background: url(../images/btn_exportar.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btnsin		{
		border: 0px;
		background: url(../images/btn_sin.png) no-repeat;
		height:23px;
		width:107px;
		cursor:pointer;
		}

.btnsinmed	{
		border: 0px;
		background: url(../images/btn_med_sin.png) no-repeat;
		height:23px;
		width:85px;
		cursor:pointer;
		}

.btnsinpeq	{
		border: 0px;
		background: url(../images/btn_peq_sin.png) no-repeat;
		height:23px;
		width:23px;
		padding-left: 0px;
		text-align: left;
		cursor:pointer;
		}

.btnaddpeq	{
		border: 0px;
		background: url(../images/btn_peq_add.png) no-repeat;
		height:20px;
		width:20px;
		padding-left: 0px;
		text-align: left;
		cursor:pointer;
		}

.btnplay	{
		border: 0px;
		background: url(../images/btn_play.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

.btnyescontinue	{
		border: 0px;
		background: url(../images/btn_yes_and_continue.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 12px;
		cursor:hand;
		cursor:pointer;
		}
		
.btnpdf		{
		border: 0px;
		background: url(../images/btn_pdf.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 21px;
		cursor:pointer;
		}
.btndiploma	{
		border: 0px;
		background: url(../images/btn_diploma.png) no-repeat;
		height:23px;
		width:160px;
		padding-left: 12px;
		cursor:pointer;
		}
.btnsendmail	{
		border: 0px;
		background: url(../images/btn_enviar_correo.png) no-repeat;
		height:23px;
		width:160px;
		padding-left: 12px;
		cursor:pointer;
		}
.btncatalogo	{
		border: 0px;
		background: url(../images/btn_pdf.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}
.btntutoria	{
		border: 0px;
		background: url(../images/btn_tutorias.png) no-repeat;
		height:23px;
		width:136px;
		padding-left: 30px;
		padding-right: 10px;
		text-align: left;
		cursor:pointer;
}
.btnfirma	{
		border: 0px;
		background: url(../images/btn_firma.png) no-repeat;
		height:23px;
		width:135px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}
.btnia {
		border: 0px;
		background: url(../images/btn_ai.png) no-repeat;
		height:23px;
		width:135px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}
.btnfoto {
		border: 0px;
		background: url(../images/btn_foto.png) no-repeat;
		height:23px;
		width:85px;
		padding-left: 30px;
		text-align: left;
		cursor:pointer;
		}

/* --- MARCOS --------------------------------------------------- */
div.marco 	{
                border: thin groove gray;
		padding:5px;
		margin-left:5%;
		margin-right:5%;
		}

div.marcobtn 	{
                border: thin groove gray;
		padding:5px;
		margin-left:5%;
		margin-right:5%;
		background:#F0EBEA;
		}

div.menu 	{
                  border-bottom: medium solid white;
		  padding:0px;
		  margin-left:0%;
		  margin-right:0%;
                  font: 11px Verdana,Arial;
		}

/* --- PAGINACION --------------------------------------------------- */

div.paginacion 	{ 
		text-align:center;
		/*border-left:1px solid silver;
		border-right:1px solid silver;
		border-bottom:1px solid silver;*/
		/*background: #ECE9D8;*/
		background: #f0f0f0;
		padding:1px;
                font: 11px verdana;
		}

A.paginacion:link
		{
		color:black;
		text-decoration:underline; 
		padding-left:3px;
		padding-right:3px;
		}
A.paginacion:visited
		{
		color:black; 
		text-decoration:underline; 
		padding-left:3px;
		padding-right:3px;
		}
A.paginacion:hover,visited
	 	{
		color:black; 
		text-decoration:underline; 
		padding-left:3px;
		padding-right:3px;
		}

span.paginaciondisabled
	 	{
		color: gray; 
		padding-left:3px;
		padding-right:3px;
		}
span.paginacionactual
		{
                color: gray;
		font-weight: bold;
		padding-left: 3px;
		padding-right: 3px;
		}

/* --- THUMBS en los grdx --------------------------------------------- */
#grd_thumb {
	position:absolute;
	border: 1px solid #CDD2D6;
	background:#f8f9fa;
	display:none;
	padding:3px;
}

#grd_thumb img {
	display:block;
}

.cabecera-movil {
	display: none;
}

/* ---- PARTICULAR PARA ESTA APLICACIÓN ---- */
/* --- css particular a la aplicación --- */

.btnduplicar	{
		border: 0px;
		background: url(../images/btn_yes_and_continue.png) no-repeat;
		height:23px;
		width:107px;
		padding-left: 30px;
		text-align: left;
		cursor:hand;
		cursor:pointer;
		}

/* -- Cabecera -- */

.cabecera-movil {
	display: none;
}

@media (max-width: 789px) {
	body {
		/*padding-bottom: 50px;*/
	}
        .cabecera {
        	display: none;
        }
        .cabecera-movil {
        	width: 100%;
        	position: fixed;
        	background-color: #ffffff;
        	display: block;
        	z-index: 99;
        	flex-wrap: wrap;
        	max-width: 100vw;
        }
        .cabecera-movil .logo img {
        	max-height: 32px;
        	width: auto;
        }
        .cabecera-movil #selector-objeto h4 {
        	display: none;
        }
        .cabecera-movil select#objeto-valor {
        	width: 66%;
        }
        .cabecera-movil input {
        	width: 30%;
        }
        .cabecera-movil .form-group {
        	display: flex !important;
        }

	.contenido {
		overflow: hidden;
	}
	.dhtmlwindow{
		position: fixed !important;
		max-width: 100vw;
		left: 0 !important;
		top: 0 !important;
		
		z-index: 999;
	}
	#tabs-paneles {
		min-width: 1024px;
		min-height: 500px;	
	}
	.alumno-wrap-movil {
		min-width: 724px;
	}
	img[title="Minimizar"] {
		display: none;
	}
	#interVeil {
		position: fixed !important;
	}
	.drag-contentarea {
		overflow: auto !important;
	}
	.curso-wrap-movil {
		min-width: 800px;
	}
	.pedido-wrap-movil {
		min-width: 1100px;
	}
	.tab-panel {
		min-height: 450px;
	}
}