@import url(../fonts/GothamBook.css);

@import url(../fonts/GothamBold.css);

*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

body{

	background: #ededed;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'arial';

    font-weight: bold;

    letter-spacing: 1px;

}

h1{

	font-size: 22px;

}

h2{

	font-size: 20px;

}

h3{

	font-size: 18px;

}

h4{

	font-size: 16px;

}

h5{

	font-size: 14px;

}

h6{

	font-size: 12px;

}

p{

	font-family: 'arial';

	letter-spacing: 2px;

	font-size: 14px;

	line-height: 20px;

}

a{

	text-decoration: none;

	font-family: arial;

	letter-spacing: 1px;

}

span {

    font-family: 'GothamBook';

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 20px;

}

header{

	position: fixed;

	width: 100%;

}

.header{

	color: #FFF;

	background: #0a4661;

	height: 35px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 10px;

}

.optionsBar{

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: center;

    align-items: center;

}

.optionsBar span {

    color: #FFF;

    font-size: 11pt;

    font-family: 'GothamBook';

    text-transform: uppercase;

    margin-left: 30px;

}

.photouser {

    margin-left: 30px;

    width: 25px;

    height: 25px;

}

.close{

	width: 25px;

    height: 25px;

}

.optionsBar a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin-left: 30px;

}

nav ul{

	background: #058167;

	/*background: #05817d;*/

	list-style: none;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: left;

	align-items: center;

}

nav ul > li a{

	position: relative;

}

nav a{

	color: #FFF;

	display: block;

	font-size: 10pt;

	font-family: 'GothamBook';

	padding: 15px 30px;

	text-transform: uppercase;

	letter-spacing: 2px;

	transition: background .5s;

	border-right: 1px solid #319B8F;

}

nav .principal > a{

    background: url(../images/arrow_bottom.png) no-repeat;

    background-position-x: 0%;

    background-position-y: 0%;

    background-size: auto auto;

    background-position: 94% center;

    background-size: 10px;

}

nav ul li:hover ul{

	display: block;

}

nav li ul{

	/*background: #177470;*/

	background: #2d9872;

	display: none;

	flex-direction: column;

	position: absolute;

	align-items: flex-start;

	border-radius: 0 0 10px 10px;

}

nav li ul a{

	position: relative;

	padding: 10px 30px;

	border-right: initial;

}

nav li ul a:hover{

	/*background: #2c9595;*/

	background: #147556;

}

nav li ul li:last-child{

	border-radius: 0 0 10px 10px;

	overflow: hidden;

}



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

/***************comentario******/

.form_register{  

	width: 450px;

	margin: auto;

}

.form_register h1{

	color: #3c93b0;

}

hr{

	border:0;

	background: #ccc;

	height: 1px;

	margin: 10px 0;

	display: block;

}

form{

	background: #fff;

	margin: auto;

	padding: 20px 50px;

	border:1px solid #d1d1d1;

}

label{

	display: block;

	font-size: 12pt;

	font-family: 'arial';

	margin: 15px auto 5px auto;



}

input,select{

	display: block;

	width: 100%;

	font-size: 11pt;

	padding: 5px;

	border: 1px solid #85929e;

	border-radius: 5px;

}

.btn_imprimir{

	width:100px;

	height:25px; 

	background: #12a4c6;

	cursor: pointer;

}

.btn_save{

	font-size: 10pt;

	background: #12a4c6;

	padding: 10px;

	color: #fff;

	letter-spacing: 1px;

	cursor: pointer;

	margin: 15px auto;

}

.alert{

	width: 100%;

	background: #66e07d66;

	border-radius: 6px;

	margin: 20px auto;

}

.msg_error{

	color: #e65656;

}

.msg_save{

	color: #126e00;	

}

.alert p{

	padding: 10px;

}



/*** LISTA DE USUARIOS ***/

#container{

	padding: 90px 15px 15px;

}

#container h1{

	font-size: 20px;

	display: inline-block;

	

}

.btn_new{

	display: inline-block;

	background: #12a4c6;

	color: #fff;

	padding: 7px 15px;

	border-radius: 8px;

	margin: 0px auto;

}

table{

	border-collapse: collapse;

	font-size: 12px;

	font-family: 'arial';

	width: 80%;

}

table th{

	text-align: center;

	padding: 9px;

	background: #3d7ba8;

	color: #fff;

}

table tr:nth-child(odd){

	background: #FFF;

}

table td{

	padding: 8px;

}

table tfoot {

	color: maroon;

	background: #3d7ba8;

}

.link_edit{

	color: #0ca4ce;

}

.link_delete{

	color: #f26b6b;

}



/**************eliminar confirmar registro usuario******/





.form_confirmar_eliminar{

		width: 250px;

		margin: auto;

}

.data_delete{

	width: 450px;

	margin: auto;

	text-align: center;

	background: #fff;

}

.data_delete h2{

	font-size: 12pt;

	background: #478ba2;

}

.data_delete span{

	font-weight: bold;

	color: #4f72d4;

	font-size: 12pt;

}

.btn_cancel,.btn_ok,.btn_eliminar{

	height: 30px;

	width: 124px;

	background: #478ba2;

	color: #fff;

	display: inline-block;

	padding: 10px;

	border-radius: 5px;

	cursor: pointer;

	margin-left:15px; 

	text-align: center;



}

.btn_eliminar{

	background: #F54724;

}

.btn_cancel{

	background: #42b343;

	padding: 15px;

}

.btn_guardar{

	font-size: 10pt;

	background: #12a4c6;

	padding: 10px;

	color: #fff;

	letter-spacing: 1px;

	cursor: pointer;

	margin: 15px auto;

}



.data_delete form{

	background: #fff;

	margin: auto;

	padding: 20px 50px;

	border: 0;

}

/******* Lista de usuarios **/

.form_lista{  

	width: 620px;

	margin: auto;

/*



	font-size: 10pt;

	width: 420px;

	height: 180px;

	margin: auto;

*/

}

.form_register h1{

	color: #3c93b0;

}

/**Paginador *//

.paginador ul{

	/*padding: 15px;

	list-style: none;

	background: #fff;

	margin-top: 15px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: flex-end;*/



  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #333333;

  

}

.paginador a,.pageSelected{

	color: #428bca;

	border: 1px solid #ddd;

	padding: 5px;

	display: inline-block;

	font-size: 14px;

	text-align: center;

	width: 35px;

}

.paginador a:hover{

	background: #ddd;



  display: inline-block;

  color: white;

  text-align: center;

  text-decoration: none;

}

.pageSelected{

	color: #fff;

	background: #428bca;

	border: 1px solid #428bca;

	display:inline-block;



}

.paginador li {

     display:inline-block;

     padding-left:3px;

     padding-right:3px;

}



///// nuevo 28/12/2019

table.blueTable {

  border: 1px solid #1C6EA4;

  background-color: #EEEEEE;

  text-align: left;

  border-collapse: collapse;

}

table.blueTable td, table.blueTable th {

  border: 1px solid #AAAAAA;

  padding: 3px 2px;

}

table.blueTable tbody td {

  font-size: 12px;

}

table.blueTable tr:nth-child(even) {

  background: #D0E4F5;

}

table.blueTable thead {

  background: #1C6EA4;

  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);

  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);

  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);

  border-bottom: 2px solid #444444;

}

table.blueTable thead th {

  font-size: 15px;

  font-weight: bold;

  color: #FFFFFF;

  border-left: 2px solid #D0E4F5;

}

table.blueTable thead th:first-child {

  border-left: none;

}



table.blueTable tfoot {

  font-size: 14px;

  font-weight: bold;

  color: #FFFFFF;

  background: #D0E4F5;

  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);

  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);

  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);

  border-top: 2px solid #444444;

}

table.blueTable tfoot td {

  font-size: 14px;

}

table.blueTable tfoot .links {

  text-align: right;

}

table.blueTable tfoot .links a{

  display: inline-block;

  background: #1C6EA4;

  color: #FFFFFF;

  padding: 2px 8px;

  border-radius: 5px;

}



table.redTable {

  border: 2px solid #A40808;

  background-color: #EEE7DB;

  width: 100%;

  text-align: center;

  border-collapse: collapse;

}

table.redTable td, table.redTable th {

  border: 1px solid #AAAAAA;

  padding: 3px 2px;

}

table.redTable tbody td {

  font-size: 13px;

}

table.redTable tr:nth-child(even) {

  background: #F5C8BF;

}

table.redTable thead {

  background: #A40808;

}

table.redTable thead th {

  font-size: 19px;

  font-weight: bold;

  color: #FFFFFF;

  text-align: center;

  border-left: 2px solid #A40808;

}

table.redTable thead th:first-child {

  border-left: none;

}



table.redTable tfoot {

  font-size: 13px;

  font-weight: bold;

  color: #FFFFFF;

  background: #A40808;

}

table.redTable tfoot td {

  font-size: 13px;

}

table.redTable tfoot .links {

  text-align: right;

}

table.redTable tfoot .links a{

  display: inline-block;

  background: #FFFFFF;

  color: #A40808;

  padding: 2px 8px;

  border-radius: 5px;

}

table.unstyledTable {

}

table.unstyledTable td, table.unstyledTable th {

}

table.unstyledTable thead {

  background: #DDDDDD;

}

table.unstyledTable thead th {

  font-weight: normal;

}

table.unstyledTable tfoot {

  font-weight: bold;

}

table.paleBlueRows {

  font-family: "Times New Roman", Times, serif;

  border: 1px solid #FFFFFF;

  width: 350px;

  height: 200px;

  text-align: center;

  border-collapse: collapse;

}

table.paleBlueRows td, table.paleBlueRows th {

  border: 1px solid #FFFFFF;

  padding: 3px 2px;

}

table.paleBlueRows tbody td {

  font-size: 13px;

}

table.paleBlueRows tr:nth-child(even) {

  background: #D0E4F5;

}

table.paleBlueRows thead {

  background: #0B6FA4;

  border-bottom: 5px solid #FFFFFF;

}

table.paleBlueRows thead th {

  font-size: 17px;

  font-weight: bold;

  color: #FFFFFF;

  text-align: center;

  border-left: 2px solid #FFFFFF;

}

table.paleBlueRows thead th:first-child {

  border-left: none;

}



table.paleBlueRows tfoot {

  font-size: 14px;

  font-weight: bold;

  color: #333333;

  background: #D0E4F5;

  border-top: 3px solid #444444;

}

table.paleBlueRows tfoot td {

  font-size: 14px;

}