/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2014 */
@import url(http://fonts.googleapis.com/css?family=Raleway);

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

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

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

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

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


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

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

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

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

}


/*INDEX*/

body {
    height: 650px; 
    margin: 0px;
}


header{
    margin:auto;
    margin-top: 2em;
    width: 60em;
    height: 21em;
    position: relative;
    box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
    background-color: rgb(226, 223, 223);
}



div#grupo{
    width: 23.5em;
    height: 21em;
    top: 0em;
    margin-left: 2em;
    position: absolute;
    background-image: url(imagen/cuad_izq.png);
    background-repeat: no-repeat;
    
}

div#grupo h1{
    font-family: 'ralewaybold';
    font-size: 5em;
    color: #A93422;
    position: absolute;
    margin-top: 1.2em;
    margin-left: 0.8em;

}


div#grupo ul {
    width: 10em;
    list-style: none;
    font-family: 'ralewaylight';
    margin-left: 4em;
    margin-top: 13em;
    position: absolute;
}



div#grupo ul li a{
    text-decoration: none;
    color: #fff;

}


div#grupo ul li a:hover{color: #202D62}


div#botonera {
    width:21em;
    height: 21em;
    top: 0em;
    margin-left: 18.5em;
    position:absolute;
}

div#botonera ul {
    font-family: 'ralewaybold';
    font-size: 1.2em;
    list-style: none;
    margin: 0;
    width:15em;
    height: 17.5em;


}

div#botonera ul li a{
    text-decoration: none;
    color: #fff;
    position: absolute; 
}


.sitio{
    width: 9.4em;
    height: 8em;
    position: absolute;
    margin-left: 5.5em;
    margin-top: 0.em;
}


.sitio a {
    margin-top: 6.5em;
    margin-left: 2.5em;
}


.carta{
    width: 9.4em;
    height: 8em;
    position: absolute;
    margin-left: 5.6em;
    margin-top: 9em;
}


.carta a{
    margin-top: 0.5em;
    margin-left: 3.5em;
}


.mapa{
    width: 9.4em;
    height: 8em;
    position: absolute;
    margin-left: 0em;
    margin-top: 9em;
}


.mapa a{
    margin-top: 6.5em;
    margin-left: 3.5em;
}



div#modulo1 {
    width:23.5em;
    height: 20.6em;
    margin-right:2em;
    float: right;
    background-image: url(imagen/cuad_derecho.png);
    position: relative;
}



footer{
       width: 60em;
       box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
       background-color: rgb(226, 223, 223);
       margin: auto;
       height: 3.125em;
       margin-bottom: 0.5em;
        }  

footer p {color:#000;
          font-family: 'ralewayextralight';
          font-size: 0.7em;
          width: 60em;
          margin-left: 11em;
          padding-top: 1em;
          text-align: center;}

div#logodgpc { position: absolute;
               float: left;
                margin-left: 3.4em;
                margin-top: 0.7em;}

div#logofadu {position: relative;
                float: right;
            margin-right: 5.4em;
            margin-top: 0.4em;}




div#modulo1 h1{
    width: 18em;
    font-family: 'ralewaybold';
    font-size: 1.1em;
    float: right;
    margin-right: 0.2em;
    color: #fff;
    margin-top: 2em;
    
}


div#modulo1 p{
    width: 15em;
    font-family: 'ralewaylight';
    font-size: 0.8em;
    color: #fff;
    margin-left: 11em;

}


main#inicio{
      width: 60em;
      margin: auto;
      margin-top: 0.5em;
      background-color: rgb(226, 223, 223);
      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
      height:4.5em;
      position: relative;
      display: block;
}

div#temaelegido{
    background-color: #C8694E;
    top: 0.5em;
    width: 56em;
    height: 3.5em;
    margin-left: 2em;
    position: absolute;
}


div#temaelegido h1{
    font-family: 'ralewaybold';
    font-size: 2em;
    color: #fff;
    margin-left: 1.5em;
    width: 7em;
    position: absolute;
    top:-0.5em;
    
}

div#temaelegido p{
    font-family: 'ralewaylight';
    color: #fff;
    margin-left: 18em;
    width: 35em;
    position: absolute;
}


/*MAPA*/

main#mapa{
      width: 60em;
      height: auto;
      margin: auto;
      margin-top: 0.5em;
      background-color: rgb(226, 223, 223);
      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
      position: relative;
      display: block;
    
}

main#mapa img {width: 60em;}


/*CARTA*/

main#carta{
      width: 60em;
      height: auto;
      margin: auto;
      margin-top: 0.5em;
      background-color: rgb(226, 223, 223);
      box-shadow: 0 0 0.125em 0.125em rgba(0, 0, 0, 0.28);
      position: relative;
      display: block;
    
}


div#contenedor1{
    font-family: 'ralewayregular';
    width: 56em;
    height: 25em;
    margin-left: 2em;
    position: relative;
    top:1em;  
}


.bloque h2{
    font-family: 'ralewaybold';
    font-size: 1.2em;
    color: #fff;
    background-color: #C8694E


}