.header{
    border-top:1px solid #585858;
    background:white;
    color:red;
    height:150px;
    width:100%;
}

.menup{  
    margin-top:0px;
    height:55px;
    width:1000px;
    background:transparent;
}
.menup{ 
    z-index: 99;
}
.wrapper{
    max-height:1600px;
    width:90%;
    padding-top:10px}

.fixed{position:fixed; top:0}{position:fixed; top:0
}

.cclp{
   margin:auto;
    width:100%;
    height:100%;
    max-width:1000px;
    overflow:hidden;
    background:white; opacity: 1;
}
img#img_ban{                 /*cabezera de la pagina*/
    display:block;
    margin:auto;
    width:100%;
    max-width:1000px;
    min-width:400px;
}
.principal1{
    float:right;
    margin-right:-7%;
    margin-top:1px;
    width:30%;
}
.principal3{
    float:right;
    margin-right:-10%;
    margin-top:10px;
    width:33%;
    height:250px;
    background:white;
    box-shadow: 3px 4px 5px black;
}
.principal4{
    margin:10px;
    float:left;
    margin-right:-10%;
    margin-left:27%;
    margin-top:10px;
    width:105%;
    height:350%;
    background:transparent;
    box-shadow: 3px 4px 5px transparent;
}

#ubicacion{
     width:auto;
     padding:4px 0px 4px 10px;
     margin-bottom:1px;
     color:black;
     font-size:12px;
     box-shadow: 3px 4px 5px black;
}
#ubicacion a{
	color:black;
}
#ubicacion a:hover{
	color:green;
}
#mm{
    margin-top: 6px;
    margin-left:5%;
    box-shadow: 3px 4px 5px black;
}

#footer {

    padding-top: 8px;
    position: relative;
	margin-top: -50px; /* valor negativo del alto del footer */
	height: 30px;
	clear:both;
    margin:auto;
    background:white;
    text-align:center;
    font-family:sans-serif, arial;
    font-size:15px;
    color: black;
}
#footer a{
    color:black;
}


h1{
    margin-top: 5px;
    padding-left:15px;
    text-shadow: 1px 1px 0.5px black;
    margin-left: 20px;
    font-size:22px;
    font-style: italic;
    background:grey;  /*color de la etiqueta*/
    width: 100%;
    color: white;
    box-shadow: 4px 4px 2px black;
    text-align: center;
}


#tabla{
	margin: auto;
	width: 630px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	/*Definimos la cabecera o t�tulo de la tabla*/
#tabla .header-tabla{
    background: transparent;        /*color de la cabecera de la tabla*/
	color: black;
	font-size: 22px;
	padding: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	/*Definimos la fila*/
#tabla .fila{
	background: whitesmoke;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
		/*Todas las filas son blancas, pero con
			este selector podemos intercalar colores
			con gris*/
#tabla .fila:nth-child(odd){
    background: #eee;
}
	/*Definimos la cabecera de cada columna*/
#tabla .cabecera{
	background: #414247;   /*color de la cabecera de la tabla*/
}
	/*Definimos las columnas*/
#tabla .columna1{
	color: black;
	display: inline-block;
	text-align:left;
	width: 45%;
    font-size:14px;
}
#tabla .columna2{
	color: black;
	display: inline-block;
	margin-left:30px;
    font-size:14px;
}
#tabla .columna3{
	color: black;
	display: inline-block;
	text-align:right;
	width: 18%;
    font-size:14px;
}

#tabla .columna4{
	color: black;
	display: inline-block;
	text-align:right;
	width: 20%;

}

.princ1 em{
    color:blue;
}

.principal1 em{
    color:blue;
}

h5{
    margin: auto;
    text-shadow: 1px 1px 0.5px black;
    font-size:18px;
    font-style: italic;
    background:grey;    /*color de la etiqueta de la derecha*/
    width: 59%;
    color: white;
    box-shadow: 4px 4px 2px black;
    text-align: center;
}