body{
	margin: 0; 
	padding: 0;
	font-family: arial;
    color: #000;
}
a{
    text-decoration: none !important;
}

@font-face {
    font-family: 'Candara';
    src: url('../FontsCandara.ttf'),
}

@font-face {
    font-family: 'Museo700-Regular';
    src: url('../Fonts/Museo700-Regular.otf'),
}

@media (min-width: 768px) {
    .headmd img.title{
        margin-top: 47px;
    }
}
@media (max-width: 768px) {
    .headmd img.title{
        margin-top: 62px;
    }
    .headmd {
        height: 250px !important;
    }
}

@media (min-width: 1200px) {
    .sizes{
        width: 106% !important;
        height: 106% !important;
        max-width: 110% !important;
    }
    span.titles{
        font-size: 13px;
        margin-left: 20px;
        bottom: 36px;  
        text-transform: uppercase;
    }
    .headmd img.logo{
        margin-top: 80px;
    }
    .headmd img.title{
        margin-top: 32px;
    }
}

.headmd{
    background: url(../img/cabecera.png) no-repeat;
    background-size: 2000px 370px;
    height: 370px;

}
.headmd img.logo{
    margin-top: 80px;
}

/*.
.headmd span:nth-child(3){
    color: #1daeeb;
    font-weight: bolder;
    font-size: 22px;
    text-align: center;
    display: block;
    padding-top: 40px;
}*/

/*Start Main Menu*/

header {
	width:100%;
}

header nav {
    width:100%;
    /*  width:90%;
    	max-width:1000px;
        margin:20px auto;*/
    background-color: #efeff0;
}

.menu_bar {
	display:none;
}

.icon-menu {
    background: url(../img/menu.png) no-repeat;
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
}

.active {
    background-color: #488ead;
    color: #ffffff !important;
}

header nav ul {
	list-style:none;
	overflow:hidden;
    margin: 0;
    padding: 0;
    width:70%;
    margin:0 auto; 
}

header nav ul li {
	float: left;
    width:50%; /* ancho de cada elmento del menu */
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a{
    display: block;
    color: #000000;
    font-family: Candara;
    font-size: 18px;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none !important;
    letter-spacing: 2px;
}

header nav ul li a:hover:not(.active){
    background-color: #488ead;
    color: #ffffff;
    text-decoration: none;
}

@media screen and (max-width:800px) {
	header nav {
        width:auto;
        height:auto;
		/*width:80%;
		height:100%;*/
		margin:0;
		position: fixed;
		left:-100%;
		overflow:auto;
        z-index: 2;
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
        display:block;
        padding:20px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        background-color: #efeff0;
        overflow: hidden;
        font-size:25px;
        font-weight:bold;
        color:#000000;
        text-decoration:none;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}

     nav ul {
        padding-left: 0px;
        width: auto !important;
    }

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255,.3);
        padding: 0;
        width: auto;
	}

    header nav ul li a{
        text-align: left;
    }
}
/*End Main Menu*/

/*Start Links Informes*/
.content{
	background-color: #ffffff;
}
.centra{
    text-align: center;
}
.clearDisplay{
    display: inherit !important;
    position: relative;
}
.clerPadding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.clerMargin{ 
    margin-right: 0px !important;
}
.marginRow{
    margin-top: 15px;
}
.titles{
    color: #ffffff;
    font-family: Museo700-Regular;
    font-size: 10px;
    font-weight: bolder;
    margin: 0px 0px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 21px;
}
.capa1{
    display: block;
    background-image: url(../img/01ClientesLink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa1:hover{
    background-image: url(../img/01Clienteshover.png);
}
.capa2{
    display: block;
    background-image: url(../img/02Comunidadeslink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa2:hover{
    background-image: url(../img/02Comunidadeshover.png);
}
.capa3{
    display: block;
    background-image: url(../img/03Colaboradoreslink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa3:hover{
    background-image: url(../img/03ColaboradoresHover.png);
}
.capa4{
    display: block;
    background-image: url(../img/04Acreedoreslink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa4:hover{
    background-image: url(../img/04AcreedoresHover.png);
}
.capa5{
    display: block;
    background-image: url(../img/05Estadolink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa5:hover{
    background-image: url(../img/05Estadohover.png);
}
.capa6{
    display: block;
    background-image: url(../img/06Accionistaslink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa6:hover{
    background-image: url(../img/06Accionistashover.png);
}
.capa7{
    display: block;
    background-image: url(../img/07Contratistaslink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 121px;
    width: 108px;
}
.capa7:hover{
    background-image: url(../img/07Contratistashover.png);
}
/*End Links Informes*/

.footer{
	background-color: #016b9f;
	color: #ffffff;
	text-align: center;
    font-family: Candara;
    font-size: 12px;
    font-weight: bolder;
	bottom: 0px;
	/*position: absolute;    */
	width: 100%;
    padding: 15px 0px 15px 0;
    margin-top: 15px;
}