/* Bootstrap css */
/*@import "https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css";*/

/* Google Material icons */
/*@import "http://fonts.googleapis.com/icon?family=Material+Icons";

/* Propeller css */
/*@import "dist/css/propeller.min.css";

/* Bootstrap datetimepicker */
/*@import "datetimepicker/css/bootstrap-datetimepicker.css";

/* Propeller datetimepicker */
/*@import "datetimepicker/css/pmd-datetimepicker.css";
/*################Menú###########*/


body{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}


.box {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	font-weight: bold;
}

.box select {
	background-color: #0563af;
	color: white;
	padding: 12px;
	width: 85px;
	border: none;
	font-size: 10px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
	font-weight: bold;
}

.box::before {
	/*content: "\f13a";*/
	/*font-family: FontAwesome;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	/*height: 100%;*/
	text-align: center;
	font-size: 11px;
	line-height: 45px;
	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
	pointer-events: none;
	font-weight: bold;
}

.box:hover::before {
	color: rgba(255, 255, 255, 0.6);
	background-color: rgba(255, 255, 255, 0.2);
	font-weight: bold;
}

.box select option {
	padding: 30px;
	font-weight: bold;
}



.box2 {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	font-weight: bold;
}

.box2 select {
	background-color: #0563af;
	color: white;
	padding: 12px;
	width: 120px;
	border: none;
	font-size: 11px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
	font-weight: bold;
}

.box2::before {
	/*content: "\f13a";*/
	/*font-family: FontAwesome;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	/*height: 100%;*/
	text-align: center;
	font-size: 11px;
	line-height: 45px;
	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
	pointer-events: none;
	font-weight: bold;
}

.box2:hover::before {
	color: rgba(255, 255, 255, 0.6);
	background-color: rgba(255, 255, 255, 0.2);
	font-weight: bold;
}

.box2 select option {
	padding: 30px;
	font-weight: bold;
}


.box3 {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
  	font-weight: bold;
}

.box3 select {
  	background-color: #0563af;
  	color: white;
  	padding: 12px;
  	width: 100px;
  	border: none;
  	font-size: 11px;
  	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  	-webkit-appearance: button;
  	appearance: button;
  	outline: none;
   	font-weight: bold;
}

.box3::before {
  	/*content: "\f13a";*/
  	/*font-family: FontAwesome;*/
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 20%;
  	/*height: 100%;*/
  	text-align: center;
  	font-size: 11px;
  	line-height: 45px;
  	color: rgba(255, 255, 255, 0.5);
  	background-color: rgba(255, 255, 255, 0.1);
 	pointer-events: none;
	font-weight: bold;
}

.box3:hover::before {
  	color: rgba(255, 255, 255, 0.6);
  	background-color: rgba(255, 255, 255, 0.2);
   	font-weight: bold;
}

.box3 select option {
  	padding: 30px;
   	font-weight: bold;
}



.div_contenedor{
	width: 100%;
}


.div_contenedor_PDF{
	width: 100%;
}


.jumbotron{
	background-color: #FFFFFF;
	
}



.vertical_middle
{
  height:100vh;
  background-color: #FF0000;


}

.container_menu
{
	width: 100%;
	height: 125px;
	background-color:#FFFFFF;
	font-size:11px;
	text-align:left;
}



#admin
{
	width: 100%;
	height: 130px;
	background-color:#FFFFFF;
	font-size:12px;
	text-align:left;
}


.menu_izq
{
	margin-left: 0px;
	height: 20px;
	font-size: 11px;
	
}

.menu_izq_a
{
	margin-left: 0px;
	height: 20px;
	font-size: 11px;
}


.menu_izq_2
{
	margin-left: 10px;

}

.menu_izq_2:hover
{
	margin-left: 12px;
}


.menu_izq:hover
{
	background-color: #E0ECF8;
	
	/*margin-left: 2px;*/

}


.menu_izq_a:hover
{
	background-color: #D5F5E3;
	/*margin-left: 2px;*/
}


.general{
	font-size: 12px;
}

.container_body
{

	width: 100%;
	/*width: 1000px;*/
	/*height: 600px;*/
	padding-bottom: 1px;
	background-color:#FFFFFF;
}

#admin
{
	height:500px;
}

#admin_menu
{
	height:130px;
}

.container_head
{
	width: 100%;
	height: 0px;
	background-color:#FFFFFF;
}

.container_foot
{
	width: 100%;
	height: 80px;
	background-color:#FFFFFF;
}


.foot
{
 	background-color: #FFFFFF;
 	color:#0071cd;
 	font-size: 9px;

}


.barra_1{
	border: 0px solid black;
	height: 18px;
	width: 100%;
	text-align: left;
	background-color: #000000;
}


.barra_2{
	border: 0px solid black;
	height: 18px;
	/*width: 100%;*/
	/*width: 1000px;*/
	text-align: left;
	background-color: #CCCCCC;
}


.barra_3{
	border: 0px solid black;
	height: 20px;
	width: 100%;
	text-align: left;
	background-color:#005ea8;
	font-size: 7px;
	
}


.barra_4{
	border: 0px solid black;
	height: 20px;
	width: 100%;
	text-align: left;
	background-color:#0071cd;
	font-size: 8px;
	
}

.barra_estat{
	border: 0px solid black;
	height: 18px;
	width: 100%;
	text-align: left;
	background-color: #CCCCCC;
}



.div_1{
	border: 0px solid black;
	/*height: 900px;*/
	width: 840px;
	text-align: left;
	background-color: #F2F2F2;
}


.div_head{
	border: 0px solid black;
	height: 50px;
	width: 840px;
	text-align: left;
}

.div_content_1
{
	border: 0px solid black;
	margin-top: 10px;
	margin-left: 10px;

}

.div_space_1
{
	border: 0px solid black;
	height: 40px;
	width: 900px; 

}


.div_content_2
{
	border: 0px solid black;
	height: 100px;
	width: 270px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;

}


.div_content_button
{
	border: 0px solid black;
	height: 100px;
	width: 270px;
	float:left;
	margin-top: 10px;
	margin-left: 10px;	
	text-align:center;
	vertical-align:middle;
	line-height:normal;
}


.P1
{
	margin-left:10px;
	margin-top:0px;
	text-align:left;

}

.P2
{
  	color:#FFFFFF;
 	text-align: right;
}


.link_1
{
	text-decoration: none;
	color:#000000;
}

.link_1:hover
{
	text-decoration: none;
}


.link_2
{
	text-decoration: none;
	color:#0071cd;
}

.link_2:hover
{
	text-decoration: none;
	color:#0071cd;
}



.table_consultes
{
	padding: 3px;
	text-align: center;
	border: 0px solid #FFFFFF;
	font-size: 12px;


}


.table_pag
{
	padding: 3px;
	text-align: center;
	border: 0px;
	
}

table, th, td {
	border: 1px solid white;

}


.tabs{
	position: absolute;
  	left: 0px;
  	top: 0px;
  	z-index: -1;

}

.input_file{
	font-size: 12px;
	float: left;
	margin-top: 5px;
  }

/*##############################*/