/* Fuentes */

/**** Fuentes ****/

@font-face {
    font-family: 'share';
    src: url('fuentes/share/share-regular-webfont.eot');
    src: url('fuentes/share/share-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-regular-webfont.woff') format('woff'),
         url('fuentes/share/share-regular-webfont.ttf') format('truetype'),
         url('fuentes/share/share-regular-webfont.svg#share') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sharebold';
    src: url('fuentes/share/share-bold-webfont.eot');
    src: url('fuentes/share/share-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-bold-webfont.woff') format('woff'),
         url('fuentes/share/share-bold-webfont.ttf') format('truetype'),
         url('fuentes/share/share-bold-webfont.svg#sharebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sharebolditalic';
    src: url('fuentes/share/share-bolditalic-webfont.eot');
    src: url('fuentes/share/share-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-bolditalic-webfont.woff') format('woff'),
         url('fuentes/share/share-bolditalic-webfont.ttf') format('truetype'),
         url('fuentes/share/share-bolditalic-webfont.svg#sharebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'shareitalic';
    src: url('fuentes/share/share-italic-webfont.eot');
    src: url('fuentes/share/share-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-italic-webfont.woff') format('woff'),
         url('fuentes/share/share-italic-webfont.ttf') format('truetype'),
         url('fuentes/share/share-italic-webfont.svg#shareitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'mondabold';
    src: url('fuentes/monda/monda-bold-webfont.eot');
    src: url('fuentes/monda/monda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/monda/monda-bold-webfont.woff') format('woff'),
         url('fuentes/monda/monda-bold-webfont.ttf') format('truetype'),
         url('fuentes/monda/monda-bold-webfont.svg#mondabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mondaregular';
    src: url('fuentes/monda/monda-regular-webfont.eot');
    src: url('fuentes/monda/monda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/monda/monda-regular-webfont.woff') format('woff'),
         url('fuentes/monda/monda-regular-webfont.ttf') format('truetype'),
         url('fuentes/monda/monda-regular-webfont.svg#mondaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'exomedium';
    src: url('fuentes/exo/exo-medium-webfont.eot');
    src: url('fuentes/exo/exo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/exo/exo-medium-webfont.woff') format('woff'),
         url('fuentes/exo/exo-medium-webfont.ttf') format('truetype'),
         url('fuentes/exo/exo-medium-webfont.svg#exomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exosemibold';
    src: url('fuentes/exo/exo-semibold-webfont.eot');
    src: url('fuentes/exo/exo-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/exo/exo-semibold-webfont.woff') format('woff'),
         url('fuentes/exo/exo-semibold-webfont.ttf') format('truetype'),
         url('fuentes/exo/exo-semibold-webfont.svg#exosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exobold';
    src: url('fuentes/exo/exo-bold-webfont.eot');
    src: url('fuentes/exo/exo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/exo/exo-bold-webfont.woff') format('woff'),
         url('fuentes/exo/exo-bold-webfont.ttf') format('truetype'),
         url('fuentes/exo/exo-bold-webfont.svg#exobold') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* Fuentes */

/* Estilos */

body{
    background-color: rgba(193, 195, 198, 0.94);
    background-image:url(imagenes/fondoformas.png);
    width:85%;
    height:auto;
    font-family:arial;
    font-size:9pt;
    line-height:-9px;
    color:rgb(131, 131, 131);
    margin:50px;
    padding:0px;}

div#pagina{
    width:85%;
    height:100%;
}

/* Navegacion 1*/	

div#banda{
    margin-top: -45px;
    height: 40px;
	display:inline;
	text-align:start;
	background-color: rgb(102,102,102);
	font-family:'oswald';
	display:flex;
	}

div#banda ul{
    text-decoration:none;
	list-style:none;
    }

div#banda ul li{
	text-decoration:none;
	list-style:none;
	float:left;
	margin-right:5px;
	display:block;
    color:#FFF;
	}

div#banda ul li a{
    color:#FFF;
	margin-right:5px;
    text-decoration:none;
    }
    
/* Navegacion 1*/

div#pagina{
    position:relative;
    margin:auto;
    width:90%;}


header{
    position:absolute;
    width:100%;}

div#encabezado img{
   	width:100%;
  	position:relative;
	display:block;
	margin-top:20px;}


/* Navegacion 2 */

div#botonesheader{
    margin:auto;
    width:1020px;
    font-family: 'share';
}

ul, ol{
    list-style:none;}

.nav {
    width:111%;
    position:absolute;
    padding-left:0px;
   }

*/.nav ul {
    list-style: none;
    margin:auto
    margin-top:0px;
    padding:0px;
    }

.nav li a {
    padding: 1px 53px;
    display: block;
    background-color:rgb(80, 72, 72);
    color:rgb(193, 193, 193) ;
    line-height: 30px;
    text-decoration:none;
    font-family: 'share';
    font-size: 1.2em;
 }

.nav li a:hover{
    color: rgb(119, 111, 111);
    background-color: rgb(224, 154, 22);
    margin-top:2px;
    }

.nav li{
    float:left;
    
}

.nav li ul{
    display: none;
    position: absolute;
    min-width:150px;
    margin-left:-20px;
    }

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

/* Navegacion 2 */


section#bienvenidos{
    width:97.7%;
    height:auto;
    padding:10px;
    display:block;  
    background-color:rgb(221, 218, 218);
    margin-top:260px;
    margin-left:auto;
    margin-right:auto;
    }

section#bienvenidos2{
    width:97.7%;
    height:auto;
    padding:10px;
    display:block;  
    background-color:rgb(221, 218, 218);
    margin-top:260px;
    margin-left:auto;
    margin-right:auto;
    }

section#bienvenidos2 img{
margin-left: -40px;    
}


section#bienvenidos3{
    width:97.7%;
    height:auto;
    padding:10px;
    display:block;  
    background-color:rgb(221, 218, 218);
    margin-top:260px;
    margin-left:auto;
    margin-right:auto;
    }


section#bienvenidos3 img{
margin-left:3px;    
}


.titulo{
    margin-top:-3%;
    font-family: 'share';
    font-size:25px;
    color: rgb(206, 123, 13);
    display:block;  
    }

.texto{
    width:30 %;
    font-size:14px;
    color: rgb(85, 85, 85);
    display:block; 
    padding-right:300px;
    }


section#lateral{
    float:right;
    display:block;
    position:absolute;
    margin-left:545px;
    margin-top: -190%;
    }


section#lateral2{
    float:right;
    display:block;
    position:absolute;
    margin-left:545px;
    margin-top: -145%;
    }

section#lateral3{
    float:right;
    display:block;
    position:absolute;
    margin-left:545px;
    margin-top: -136%;
    }



section#lateral4{
    float:right;
    display:block;
    position:absolute;
    margin-left:545px;
    margin-top: -189%;
    }


.titulo2{
    margin-top: -200px;
    font-family:'share';
    font-size:50px;
    color: rgb(206, 123, 13);
    display:block;  
    }


footer{
    padding:30px;
   background-color:rgb(80, 72, 72); 
    }