* {
    margin: 0;
    padding: 0;
}
body {
    background: none repeat scroll 0 0;
    font-family: 'Oxygen';
	font-size: 12px;
}
a {
    text-decoration: none;
}
.menuDesplegable ul {
	/*position:relative;*/
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	/*font-weight: bold;*/
    font-family: 'Oxygen';
}
header, #central-content {
    box-sizing: border-box;
    /*height:63px;*/
    width: 100%;
}
header {
    background: #1e77d6 repeat scroll 0 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    padding: 0 0 0;
}
header h1 {
    float: left;
    padding: 0 0 0.2em;
}

header h1#logo img {
    height: 40px;
    margin-left: 0.5em;
}

#pagina {
	/*position:absolute;*/
	background-color:#fff;
    font-family: 'Oxygen';
	font-size: 12px;
	left:1%;
	right:-1%;
	width:100%;
}

#zonaContenidoPP {
	/*position:absolute;*/
	width:100%;
}

.cabeceraTabla {
	background-color:#5f5f5f;
	color:#fff;
	font-weight:bold;
	text-align:center;
	/* text-transform:uppercase; */
}

.fuente8 {
    font-family: 'Oxygen';
	font-size: 12px;
}

.itemParTabla {
	background-color:#ccc;
}
.itemImparTabla {
	background-color:#f5f5f5;
}

ul, ol {
	list-style:none;
}

.nav {
	width:100%; /*Le establecemos un ancho*/
	margin:0 auto; /*Centramos automaticamente*/
}

.nav > li {
	float:left;
}

.nav li a {
	background-color: #1e77d6;
	color: #fff;	
	text-decoration:none;
	padding:10px 12px;
	display:block;
}

.nav li a:hover {
	background-color:#CC673B;
}

.nav li ul {
	display:none;
	position:absolute;
	min-width:200px;
}

.nav li:hover > ul {
	display:block;
}

.nav li ul li {
	position:relative;
}

.nav li ul li ul {
	right:-200px;
	top:0px;
}

input[type=text], input[type=password], input[type=date], input[type=number], input[type=month], textarea, select {
  border-radius: 5px;
  border: 2px solid #1e77d6;
  #background: #f5f5f5;
  padding: 5px;
  /*width: 200px;
  height: 150px;*/
}

/*********** INICIO RESPONSIVO ******************/


.grid {
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin: auto;
	float:center;
}
.gridChild {
	display: flex;
	flex-wrap: wrap;
	width:95%;
	height:100%;
	margin: auto;
	border-style: solid;
}
.columnI {
	flex: 0 0 13%;
	text-align: right;
	background-color: white;
	color: black;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
	margin: auto;
}
.columnD {
	flex: 0 0 33%;
	color: black;
	background-color: white;
	text-align: left;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.columnC {
	flex: 0 0 48%;
	color: black;
	background-color: white;
	text-align: center;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.columnFC {
	flex: 0 0 98%;
	color: black;
	background-color: white;
	text-align: center;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.columnFI {
	flex: 0 0 98%;
	color: black;
	background-color: white;
	text-align: left;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.columnFD {
	flex: 0 0 98%;
	color: black;
	background-color: white;
	text-align: right;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.columnComboI {
	flex: 0 0 13%;
	color: black;
	background-color: white;
	text-align: right;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
	margin: auto;
}
.columnComboD {
	flex: 0 0 33%;
	color: black;
	background-color: white;
	text-align: left;
	font-family: sans-serif;
	margin-top: 5px;
	padding-left:1%;
	padding-right:1%;
}
.cajaTexto {
	text-transform: uppercase;
	width:95%;
	box-sizing: border-box;
}
.cajaTextoSF {
	width:95%;
	box-sizing: border-box;
}
.cajaNumero {
	text-align: right;
	width:95%;
	box-sizing: border-box;
}
.boton {
	height:40px;
	width:120px;
}
.column:nth-child(2n) {
	background-color: white;
}
p {
	text-align: right;
}

/* Use media queries to apply different styles based on screen width */
@media (max-width: 800px) {
	.grid {
		width: 95%;
		margin: auto;
		float:none;
	}
	.gridChild {
		width:95%;
		margin: auto;
		border-style: none;
	}
	.columnI {
		flex: 0 0 98%;
		text-align: right;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnD {
		flex: 0 0 98%;
		text-align: left;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnC {
		flex: 0 0 98%;
		text-align: center;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnFC {
		flex: 0 0 98%;
		text-align: center;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnFI {
		flex: 0 0 98%;
		text-align: left;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnFD {
		flex: 0 0 98%;
		text-align: center;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnComboI {
		flex: 0 0 98%;
		text-align: center;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.columnComboD {
		flex: 0 0 98%;
		text-align: center;
		background-color: white;
		color: black;
		font-family: sans-serif;
	}
	.cajaTexto {
		text-transform: uppercase;
		width:96.5%;
	}
	.cajaNumero {
		text-align: right;
		width:96.5%
	}
	.boton {
		height:30px;
		width:25%;
	}
	p {					
		text-align: left;
	}
}

/*********** FIN RESPONSIVO ******************/


/*********** INICIO MENU MOBIL ******************/


.control-menu {
    background-color: transparent;
    background-position: center center;
    border: 1px solid #fff;
    display: block;
    float: left;
    height: 40px;
    margin-left: 1.3em;
    width: 40px;
}
.control-menu a span {
    display: inline-block;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
}
.control-menu .close {
    background-image: url("../img/close-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.control-menu .open {
    background-image: url("../img/open-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}

.nav-items li{
	position:relative;	
	width:300px;
}

.nav-items li a{
	text-decoration:none;
	display:inline-block;
	padding:5px 10px;
	height:30px;
	width: 300px;
	border:0px solid #000;
	color:#000;
	background-color:#fff;
}

.nav-items li a:hover{
	color:#fff;
	background-color:#1e77d6;
}

.nav-items li span{
	
	list-style-type:none;
	text-decoration:none;
	display:inline-block;

	padding:5px 10px;
	height:30px;
	width: 100px;

	/*border:1px solid #000;*/
	color:#000;
	background-color:#fff;
}

.nav-items li span:hover{
	color:#fff;
	background-color:#1e77d6;
}

.nav-items li ul{
	display:none;
	position: inherit;
	left:20px;
	
}
		
.nav-items li:hover ul{
	display:block;
}
		
/*FORMATO MENU*/	
ul.nav-items {
   clear: both;	
    height: 0;
    overflow: hidden;
    /*transition: height 0.4s ease-in-out 0s, background-color 2s ease 0s;*/
}


/*MUESTRA NENU*/
#navigation:target ul.nav-items {
    background: #ffffff none repeat scroll 0 0;
    /*height: 21.8em;*/
	height: 100%;
	
    /*transition: height 0.4s ease-in-out 0s, background-color 0.9s ease 0s;*/
}
        
#navigation:target .open {
    display: none;
}

/* Al hacer clic sobre el enlace que abre el menú aparece el enlace .close que previamente estaba oculto*/

#navigation:target .close {
    display: block;
}

/*********** FIN MENU MOBIL ******************/

.NoCursorLink {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  cursor: pointer;
}