html,
body {
  height: 100%;
}

body {
position  : relative;
background		: #FFFFFF;
width			: 100%;
min-height: 100%;
margin    : 0px;
padding			: 0px;
color			: #000000;
font-family		: Arial,Helvetica;
font-size		: 1em;
font-style		: none;
font-weight		: none;
text-decoration	: none;
text-align		: center;
border			: 0px solid red;
}

a   {
font-family		: Arial,Helvetica;
font-size		: 15px;
color       	: #009900;
font-weight		: none;
font-style		: none;
text-decoration	: none;
}

a:hover {
text-decoration	: underline;
}

header.proyectos {
padding			: 10px;
background-color: #EFEFEF;
color			: black;
text-align		: left;
text-overflow	: ellipsis;
white-space		: nowrap;
overflow		: hidden;
}

img {
border			: 0px solid red;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text],
input[type=number],
select,
textarea {
padding			: 5px; 				/* Some padding */
margin-top		: 5px;				/* Add a top margin */
margin-bottom	: 5px;				/* Bottom margin */
border			: 1px solid #ccc;	/* Gray border */
border-radius	: 4px; 				/* Rounded borders */
box-sizing		: border-box;		/* Make sure that padding and width stays in place */
resize			: vertical			/* Allow the user to vertically resize the textarea (not horizontally) */
}

span.modificar,
span.agregar {
float			: right;
}

table {
  border-collapse	: collapse;
}

table, th, td {
  border			: 1px solid black;
}

th, td {
  text-align		: center;
  vertical-align	: center;
  padding			: 5px;
}

.bold {
	font-weight	: bold;
}

.box {
border			: 1px solid black;
border-radius	: 5px;
margin-left		: 0px;
margin-right	: auto;
}der-radius	: 5px;
}

.big   {
font-size		: 2.0em;
font-weight		: bold;
}

.copyrights   {
font-family		: Arial,Helvetica;
font-size		: 0.5em;
color       	: #333333;
}

.disable-select {
	user-select: none; /* supported by Chrome and Opera */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	-webkit-user-select: none; /* Safari */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.flexbox {
display			: flex;
flex-wrap		: wrap;
align-items		: stretch;
justify-content	: center;
}

.grey {
color			: #333333;
}

.label,
.input-padding {
	padding			: 5px 10px;
}

.label {
	width			: 25%;
	font-weight		: bold;
	border			: 0px solid black;
}


.left {
	justify-content	: left;
	text-align		: left;
}

.location   {
font-size		: 1.0em;
}

.nobr,
.nowrap   {
white-space		: nowrap;
}

.overflow {
	overflow	    : auto;
  overflow-wrap : break-word;
}

.padding   {
padding			: 1.0em;
}

.small   {
font-size		: 0.75em;
}

.red   {
color			: red;
}

.right {
	justify-content	: right;
	text-align		: right;
}

.text {
	max-width		: 1000px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	justify-content	: center;
}

.white   {
color			: white;
}

#footer-black {
	position		: relative;
	display			: flex;
	flex-wrap		: wrap;
	justify-content	: space-between;
	padding			: 5px;
	text-align		: center;
	color			: black;
	font-size		: 11px;
}

#footer-grey {
	position		: relative;
	justify-content	: center;
	padding			: 10px;
	text-align		: center;
	color			: black;
}

.footer-nav {
	width			: 40%;
	padding			: 10px;
	text-align		: left;
	border			: 0px solid white;
}


footer {
  position  : relative;
  right     : 0;
  bottom    : 0;
  left      : 0;
  width     : 100%;
}


/* Mobile Stylesheet */
@media only screen and (max-width: 400px) {

	.label {
		width		: 35%;
	}

	.input-padding {
		max-width		: 100%;
	}

}


/* Tablet Stylesheet */
@media only screen and (min-width: 401px) and (max-width: 960px) {


}


/* Desktop Stylesheet */
@media only screen and (min-width: 961px) {

	input[type=text],
	textarea {
		width			: 60%;
	}

	.footer-nav {
		width			: 100px;
	}

	.header {
		height			: 400px;
	}

	.page {
		width			: 900px;
		margin			: 0 auto;
		border			: 0px solid black;
	}

}