hr{
	color:#CAE1EF;
	background-color:#CAE1EF;
	height:1px;
	border:0px none;
}

table {
	/*border: thin solid #518CE6;*/
	/*background-image: url(back.gif);*/
	/*background-repeat:  repeat-y;*/
	/*color: #518CE6;*/
	margin: 0px;
	padding: 0px;
}
body {
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	font:12px/170% Verdana, sans-serif;
	overflow:auto;
}

.texto {
	color: #0266A1;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
    font-size: 160%;
	line-height: 130%;
	text-align:center; 
}

.titulo_evento {
	color: #FF9900;
	font-size: 17px;
	font-weight: bold;			
}

a:visited {  font-style: normal; text-decoration: none; color: #0266A1;}
a:active, a:hover{ text-decoration:none;font-weight:bold; }
a:link {  font-style: normal; text-decoration: none; color: #0266A1;}

.ninguno {
	background-image: url(vacio.gif);
}
.tablavacia {
	border:0px;
}
.claseinputclaseinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.trbarraabajo {
    border-bottom: 1em solid Khaki;
}

.simulainput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: thin #000000 solid;
	font-style: normal;
	font-weight: normal;
	padding-right: 2px;
	padding-left: 2px;
	/*visibility: visible;*/
	height: 15px;
}
.claseinputdisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFF99;
	color:#0266A1;
	z-index: auto;
}
td {
	margin: 0px;
	padding: 0px;
	font-size:12px;
}
tr {
	margin: 0px;
	padding: 0px;
}

.titulogrande {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #000066;
}
.estilo_texto_grabar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 10px;
}

.texto_celeste_negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#0000cc;
	font-weight: bold;
}
.texto_celeste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	font-weight:normal;
}

.texto_rojo {
	color: #FF0000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;	
}

.grad img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

/*
* html .grad {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imagenes/grad_white.png', sizingMethod='scale');
}
* html .pestana {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imagenes/pestana_sel.png', sizingMethod='scale');
}
*/
* html .grad img {
  display: none;
}
* html .pestana img {
  display: none;
}
* html .box {
    position:static;
}


table .tbl_h, table .tbl_v, table .tbl_arrizq, table .tbl_arrdch, table .tbl_abaizq, table .tbl_abadch,.tbl_h_2, table .tbl_v_2, table .tbl_arrizq_2, table .tbl_arrdch_2, table .tbl_abaizq_2, table .tbl_abadch_2{
	padding:0px;
	margin:0px;
	line-height:80%;
}

table .tbl_h{
	background-image:url(imagenes/tabla_h.png);
	background-repeat: repeat-x;
}
table .tbl_v{
	background-image:url(imagenes/tabla_v.png);
	background-repeat: repeat-y;
}

table .tbl_h2{
	background-image:url(imagenes/tabla_h2.png);
	background-repeat: repeat-x;
}
table .tbl_v2{
	background-image:url(imagenes/tabla_v2.png);
	background-repeat: repeat-y;
}

table .tbl_arrizq{
	background-image:url(imagenes/tabla_arrizq.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}

table .tbl_arrdch{
	background-image:url(imagenes/tabla_arrdch.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}
table .tbl_abaizq{
	background-image:url(imagenes/tabla_abaizq.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}

table .tbl_abadch{
	background-image:url(imagenes/tabla_abadch.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}table .tbl_h_2{
	background-image:url(imagenes/tabla_h_2.png);
	background-repeat: repeat-x;
	height:12px;
}
table .tbl_v_2{
	background-image:url(imagenes/tabla_v_2.png);
	background-repeat: repeat-y;
}

table .tbl_h2_2{
	background-image:url(imagenes/tabla_h2_2.png);
	background-repeat: repeat-x;
	height:10px;
}
table .tbl_v2_2{
	background-image:url(imagenes/tabla_v2_2.png);
	background-repeat: repeat-y;
}

table .tbl_arrizq_2{
	background-image:url(imagenes/tabla_arrizq_2.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}

table .tbl_arrdch_2{
	background-image:url(imagenes/tabla_arrdch_2.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}
table .tbl_abaizq_2{
	background-image:url(imagenes/tabla_abaizq_2.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}

table .tbl_abadch_2{
	background-image:url(imagenes/tabla_abadch_2.png);
	width:11px;
	height:11px;
	background-repeat: no-repeat;
}

/* Para la navegacion en nudos*/
.estadosol{
	color: #ffffff;
	background-image:url(imagenes/fondotabla.png);
	margin:0px;
	padding:0px;
	font-weight:normal;
}


.estadosol a:link, .estadosol a:hover, .estadosol a:visited, .estadosol a:active{
	color: #ffffff;
	font-weight:normal;
}
.estadosol td{
	font-size:xx-small;
	font-family:Verdana;
	font-weight: normal;
	padding:0px;
	margin:0px;
	text-align:center;
	z-index:0;
	width:1%;
	white-space:nowrap;
	vertical-align:top;
}
/***********ESTILO DE LOS CAMPOS DEL FORMULARIO******/

.celda_nombrecampo {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}

.celda_nombrecampo_reseva {
	color: #0101DF;	
	font-size: 10px;
	background-color: #CEF6F5;
	font-family: Arial, Helvetica, sans-serif;
}

table .lib_v, table .lib_relleno{
	padding:0px;
	margin:0px;
}

table .lib_v{
	background-image:url(imagenes/libreta_anilla.gif);
	width:45px;
	background-repeat: repeat-y;
}
.lib_relleno{
	background-image:url(imagenes/libreta_relleno.gif);
	background-repeat: repeat;
	font-size:100%;
	font-family:"Comic Sans MS";
	color:#333333;
	line-height:35px;
	padding-left:5px;
}


/* Para la cabecera de la pagina */
/* EN DESHUSO POR USAR IMAGENES ESTÁTICAS*/
.image {
   width:1000px;
   z-index:1; 
   text-align:center; 
   margin:auto;   
}

h3 {
   position: absolute;
   top: 1%;
   left: 20%;
   color:White;
   width: 65%;
   text-align: center;
}
/*************/
.toolbar {
	bottom: -2px;
	position: fixed;
	right: 50%;
	z-index: 10000;
	float: left;
	border:1px solid #333333;
	background-color:#CC6600;	
	margin-top: 0;
	margin-right: -600px;
	margin-bottom: 20px;
	margin-left: 0px;
} 
.textoolbar
{
	color: #FFFFFF;	
	font-size: 13px;
}

/**************/

option.confirmada {background: blue;color:white;} 
option.reservada {background: green;color:white;} 
option.desestimada {background: red} 
option.noprocede {background: orange} 
.clickable{	
	color: blue;
}
.clickable:HOVER{
	cursor:pointer;
	font-style: italic;
}

.zebra tbody tr:nth-child(even){
	background-color:#E2EBED;

}

div.semiCaja{	
	border-bottom: 1px solid brown;
	/*border-left: 1px solid black;	    
	border-right: 1px solid black;*/
	/*border-top: 1px solid black;*/	    	                  
}

/* para mostrar la evaluacion del pdi de forma desplegable en la situacion de la solicitud */

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}

/****************************************************************************************************/

/* NUEVOS ESTILOS PARA LAS TABLAS DE CONFIRMACION Y EL AGREGAR PETICIONES, TAMBIÉN PARA EL OBJETO HTML ITEM */

	/*AC css para la tabla  de reserva / confirmaciones */
		.table {
			margin-top: 2em;
			margin-bottom: 2em;
		}

		.table>thead>tr {
			font-size: 12px;
			font-weight: bold;
			text-align: left;
			/*color: blue;*/
		}

		.table>thead>tr>th {
			padding-right: 2em;
		}

		.table td {
			border-bottom: 1px solid #ddd;
			border-spacing: 0;
		}

		.table>tbody>tr>td {
			padding: 1em 0;
			font-size: 10px;
		}

		.table>tbody>tr:hover {
			background-color: #f2f2f2;
			cursor: pointer;
		}

		.table select {
			width: 100%;
		}

		.table>thead>tr>th:nth-last-child(2) {
			min-width: 100px;
		}

		.tabla-agrega-pet{

		}

		.tablaDiv{
			display:table;
			width:100%;
		}
		.tablaRow{
			display:table-row;
		}
		.tablaCell{
			display:table-cell;			
		}

		div.item {  
    		vertical-align: top;
    		display: inline-block;    
    		text-align: center;    
    	
		}
		div.item:hover{
			cursor: pointer;
			font-weight: bold;			
		}
		.item > img {		
		}
		.item .caption {
			display: block;
			font-size:1.1em;
			padding-top:5px;
			margin:3px;
		}
		/* AC siqueremos el efecto striped
		.table>tbody>tr:nth-child(even) {
			background-color: #f2f2f2;
		}
		*/

		#panel-reserva-confirma {
			width: "10%";
			height: "40%";
			position: fixed;
			right: 2em;
			top: 30%;
			z-index: 1000;
			border: 2px solid #CAE1EF;
			border-radius: 10px;
			background-color: #FFFAFA;
		}

		#panel-reserva-confirma select {
			width: 100%;
		}

		#panel-reserva-confirma>div {
			height: 30px;
		}

		#panel-reserva-confirma>div.panel-control-pref {
			height: 60px;
			margin-top: 2em;
		}

		#panel-reserva-confirma .icon-arrow {
			font-size: 50px;
			color: #000;
			text-shadow: 4px 4px 6px #000;
		}

		#panel-reserva-confirma .icon-arrow:hover {
			cursor: pointer;
			/*text-shadow: 0px 0px 0px #fff;*/
			color: #2C3539;
		}

		#panel-reserva-confirma .icon-arrow:active {
			text-shadow: 0px 0px 0px #fff;
		}

		#panel-reserva-confirma {
			color: #0266A1;
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 12px;
			padding: 1em 1em;
		}

		#panel-reserva-confirma>.panel-control-pref {
			text-align: center;
		}

		.panel-texto {
			color: #000;
			font-size: 10px;
			text-align: center;
		}

		.option_aunsinplaza {
			background-color: #FFBF48;
		}

		.option_excluida {
			background-color: #CF8D72;
		}

		.option_matricula {
			background-color: #2DC800;
		}

		.option_reserva {
			background-color: #2DC800;
		}

		.option_confirmar {
			background-color: #75B4FF;
		}

		.option_desistir {
			background-color: #FF4848;
		}

		.icono-agregar-peticion{
			font-size:35px;
			color:#2DC800;
		}
		.overflow {
      		height: 400px;
    	}

		#agrega-peticiones-modal{}
		#agrega-peticiones-modal > h1{}
		#agrega-peticiones-modal > p{color:grey;}
		#agrega-peticiones-modal > div{
			margin-top: 30px;
			
		}
		#agrega-peticiones-modal hr{
			margin: 30px 0;
		}
		#agrega-peticiones-modal fieldset {
      		border: 0;
			 display: inline-block;
    	}
    	#agrega-peticiones-modal label {
      		display: block;
			  font-weight: bold;
		}
		#agrega-peticiones-modal button > i{
			font-size:15px;
			color:#2DC800;								
		}

		.info-denega{
			/*color:#3ace3a;*/
			color:red;
			font-size: 1.3em;
			cursor: pointer;
			
		}


		#aviso-denegacion2{
			position: absolute; 
			height:'700px';
			width: '500px';   		
			/*background: #080;*/
			/*margin-top:5em;*/
			
			
		}
		
		.unpocodegracia > p > span{
			font-weight: bold;
			padding: 0.5em;
			margin:3px;
		}
		.unpocodegracia > p > a{
			font-weight: bold;
		}

		.ui-dialog{
			z-index: 1000!important;
		}