@import url('https://fonts.googleapis.com/css?family=Open+Sans');

p{
	font-family: 'Open Sans', sans-serif;
}
#container-footer{
	background: #5a4c31;
	z-index: 20;
	display: flow-root;
	color: white;
	height: 46px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 20;
}
.container .header-superior{
	height: 102px !important;
}
.container .header-superior{
	/*background: rgba(86,72,46,1);*/
	/*background: -moz-linear-gradient(top, rgba(86,72,46,1) 0%, rgba(88,74,48,1) 50%, rgba(98,85,57,1) 64%, rgba(106,94,65,1) 73%, rgba(113,101,71,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,72,46,1)), color-stop(50%, rgba(88,74,48,1)), color-stop(64%, rgba(98,85,57,1)), color-stop(73%, rgba(106,94,65,1)), color-stop(100%, rgba(113,101,71,1)));
	background: -webkit-linear-gradient(top, rgba(86,72,46,1) 0%, rgba(88,74,48,1) 50%, rgba(98,85,57,1) 64%, rgba(106,94,65,1) 73%, rgba(113,101,71,1) 100%);
	background: -o-linear-gradient(top, rgba(86,72,46,1) 0%, rgba(88,74,48,1) 50%, rgba(98,85,57,1) 64%, rgba(106,94,65,1) 73%, rgba(113,101,71,1) 100%);
	background: -ms-linear-gradient(top, rgba(86,72,46,1) 0%, rgba(88,74,48,1) 50%, rgba(98,85,57,1) 64%, rgba(106,94,65,1) 73%, rgba(113,101,71,1) 100%);
	background: linear-gradient(to bottom, rgba(86,72,46,1) 0%, rgba(88,74,48,1) 50%, rgba(98,85,57,1) 64%, rgba(106,94,65,1) 73%, rgba(113,101,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56482e', endColorstr='#716547', GradientType=0 );*/
	background: linear-gradient(to bottom, rgba(0,135,144,1) 0%, rgba(0,135,144,0.8) 50%, rgba(0,175,182,0.9) 64%, rgba(0,175,182,0.8) 73%, rgba(0,175,182,1) 100%);
}
#container-footer{
	/*background: rgba(113,101,71,1);
	background: -moz-linear-gradient(top, rgba(113,101,71,1) 0%, rgba(106,94,65,1) 27%, rgba(98,85,57,1) 36%, rgba(88,74,48,1) 50%, rgba(86,72,46,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(113,101,71,1)), color-stop(27%, rgba(106,94,65,1)), color-stop(36%, rgba(98,85,57,1)), color-stop(50%, rgba(88,74,48,1)), color-stop(100%, rgba(86,72,46,1)));
	background: -webkit-linear-gradient(top, rgba(113,101,71,1) 0%, rgba(106,94,65,1) 27%, rgba(98,85,57,1) 36%, rgba(88,74,48,1) 50%, rgba(86,72,46,1) 100%);
	background: -o-linear-gradient(top, rgba(113,101,71,1) 0%, rgba(106,94,65,1) 27%, rgba(98,85,57,1) 36%, rgba(88,74,48,1) 50%, rgba(86,72,46,1) 100%);
	background: -ms-linear-gradient(top, rgba(113,101,71,1) 0%, rgba(106,94,65,1) 27%, rgba(98,85,57,1) 36%, rgba(88,74,48,1) 50%, rgba(86,72,46,1) 100%);
	background: linear-gradient(to bottom, rgba(113,101,71,1) 0%, rgba(106,94,65,1) 27%, rgba(98,85,57,1) 36%, rgba(88,74,48,1) 50%, rgba(86,72,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716547', endColorstr='#56482e', GradientType=0 );
	*/
	background: linear-gradient(to bottom, rgba(0,135,144,1) 0%, rgba(0,135,144,0.8) 50%, rgba(0,175,182,0.9) 64%, rgba(0,175,182,0.8) 73%, rgba(0,175,182,1) 100%);
}
#container-footer > div {

    float: left;
    margin-left: 2%;

}

#paginador {

    background: transparent;
    border: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin-top: 0;
    height: 35px;

}

#left_ln, #right_ln {

    cursor: pointer;
    position: initial;
    height: 35px;

}
#recursos{
	background-image: url("../images/interfaz/recursos.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	margin-left: 10px;
	margin-top: -5px;
}
#click{
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url("../images/interfaz/menu.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: inline-block;
	margin-left: 10px;
}
.btn-menu{
	min-height: 30px;
	min-width: 30px;
	width: 11%;
	margin: 3px 2%;
}
.contenido-paginador{
	display: flex;
	width: 11%;
	margin: 13px 2%;
	text-align: center;
}
#recursos{
	color: white !important;
	text-align: center;
}
.recursos {
    display: flex;
    width: 11%;
	margin: 13px 2%;
	text-align: center;
}
.derechos{
	width: 50%;
	margin: 6px 2%;
    margin-left: 2%;
	border-right: solid 2px;
	padding: 8px 0px;
}
#container-footer p,
#container-footer #paginador{
    font-size: 12pt;
}
#push-down{
	position: absolute;
	width: 400px;
	bottom: 46px;
	display: none;
}
#menup {
    background: #54b3b9;
}
#menup li {
    background: transparent !important;
}
.hexa-modulo {
	width: 75px;
	height: 102px;
	background: #4b969e;
	position: relative;
	text-align: center;
	color: white;
	left: 31px;
}
 
.hexa-modulo:before { 
	content: "";
	position: absolute;
	right: -25px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 51px solid transparent;
	border-bottom: 51px solid transparent;
	border-left: 25px solid #4b969e;
} 
.hexa-modulo:after { 
	content: "";
	position: absolute;
	left: -25px;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 51px solid transparent;
	border-bottom: 51px solid transparent;
	border-right: 25px solid #4b969e;
}
#modulo{
	background: white;
	width: 150px;
	position: absolute;
	right: 300px;
}
#modulo::before {

    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 51px solid transparent;
    border-left: 25px solid #3f8b95;

}

#modulo::after {

	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 51px solid transparent;
	border-left: 25px solid #54b4ba;

}
.hexa-modulo p{
	font-size: 14px;
	position: relative;
	top: 20px;
	margin-bottom: 20px;
}
.header-superior{
	position: fixed;
	width: 100%;
	top: 0;
}
#progressBar{
	position: fixed;
	width: 100%;
	top: 102px;
}
#contenido{
	margin-top: 101.5px;
	margin-bottom: 45.5px;
}
#menup li a p {
    text-align: left;
    font-size: 13px;
    margin-right: 30px;
}
#welcome{
	width: 100%;
	position: fixed;
	top: 0;
	background: white;
	z-index: 30;
}
#welcome .titulo-w {
    float: right;
    font-size: 30px;
    padding-right: 5%;
    margin-top: 35px;
    color: #13A4AC;
    border-bottom: solid 1px;
    padding-bottom: 10px;
}
#welcome h3 {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  font-weight: bold;
  padding: 25px 35px 30px 8%;
  position: relative;
  background-image: radial-gradient(circle, rgba(0,179,186, 0.1), rgba(0,179,186, 0.8), rgba(0,179,186, 0.1), rgba(10,179,186,0.7), rgba(0,179,186, 0.4))
}
#welcome .start-module {
    position: absolute;
    right: 30px;
    top: 30px;
    background: transparent;
    border: 0;
}
.logo-w {
    margin-top: 20px;
    margin-left: 2%;
}
.logo-plantilla{
	padding: 0 !important;
}
.left {
    background-image: url("../images/interfaz/flechaLeft.png") !important;
    width: 20px !important;
    height: 20px !important;
}
.right {
    background-image: url("../images/interfaz/flechaRigth.png") !important;
    width: 20px !important;
    height: 20px !important;
    transform: initial !important;
}
.contenido-paginador > p{
	position: relative;
	right: 13px;
}