@import url(http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300);

*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}


#pagina{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}



/* header y footer */

nav{
    background-color: black;
}

nav ul li{
    float:right; 
}


nav ul{
    overflow: auto;
    list-style-type: none;
}

ul li a{
    padding:10px;
    display:inline-block;
    color: red;
    font-family: 'Raleway', 'sans serif';
}

#mapa li{
    float:left;
    border-left: solid 3px red;
    
    
}

#mapa li a{
    color:white;
}

#mapa li a:hover{
    background-color: white;
    color: black;
    
}


footer{
    display: block;
    width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #BA0202;
    clear: both;
    font-family: 'Raleway', 'sans serif';
    font-size: 8pt;
    font-weight: 300;
    padding-top: 15px;
}





/* index--------------------------------------------------------------------------- */



/* main */

h1{
 font-family: 'Raleway', 'sans serif';
    font-size: 36pt;
    font-weight: 900;
    text-align: center;
    margin-bottom: 10px;
    background-color: #7A0202;
    border-bottom: solid 6px black;
    color: white;
}



.datos{
   display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.fotito img{
    display: block;
    float: left;
    width: 250px;
    border: solid 5px #BA0202;
    
}

.misdatos{
    display: block;
    float: left;
    width:700px;
}

.misdatos li{
    text-decoration: none;
    list-style:none;
    margin-top: 4px;
}

.materias{
    border: solid 5px #BA0202;
    display: block;
    float: left;
    padding-left: 15px;
    width: 424px;
    height: 227px;
    background-image: url(../Imagen/3909906-timbro-postale-con-un-segno-di-spunta-in-esso-Archivio-Fotografico.jpg)
}

.materias li{
font-family: 'Raleway', 'sans serif';
    font-size: 11pt;
    
}


.nivel1{
    background-color: #BA0202;
    display: block;
    float: left;
    
}

.misdatos li{
    text-decoration: none;
    list-style:none;
}

.nivel1{
    background-color: #BA0202;
    width: 250px;
    height: 237px;
}

h2{
    margin-top: 70px;
    width: 250px;
    text-align: center;
    font-family: 'Raleway', 'sans serif';
    font-size: 30pt;
    font-weight: 900;
    color: white;
    
}



.dgpc{
 display: block;
    float: left;
    width: 232px;
    border: solid 1px black;
    padding: 10px;
}

.dgpc2 p{
 font-family: 'Raleway', 'sans serif';
    font-size: 10pt;
}

h3{
  font-family: 'Raleway', 'sans serif';
    font-size: 20pt;
    font-weight: 600;
    text-align: center;
}

.urbana{
    display: block;
    float: left;
    width: 670px;
    margin-left: 15px;
    padding: 10px;
    background-color: #F7EFEF;
}

h4{
  font-family: 'Raleway', 'sans serif';
    font-size: 20pt;
    font-weight: 800;
    text-align: center;
    margin-bottom: 15px;
}


.urbana img{
 display: block;
    margin: 0 auto;
    width: 250px;
    height: 240;
     
}


.urbana3 a{
display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Raleway', 'sans serif';
    font-weight: 600;
    color: white;
    background-color: #D9D0D0;
}


.urbana4 p{
 font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
}

.urbana4 span{
 font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
    font-weight: 600;
    color:#BA0202;
    
}

hr{
 width: 100%;
 margin-bottom: 4px;
 margin-top: 4px;
 border: solid 1.5px;
}

.tp{
    display: block;
    float: left;
    width: 948px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-color: #E3DCDC;
    font-family: 'Raleway', 'sans serif';
    text-align: center;
    font-size: 14pt;
    
}

.tp:hover{
    background-color: yellow;
    font-weight: 700;
    
}



/* propuesta--------------------------------------------------------------------------- */


.propuesta{
     display: block;
    float: left;
    width: 100%;
    background-color:#F7EFEF;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Raleway', 'sans serif';
    font-weight: 700;
}

.propuestaimg img{
 margin: 0 auto;
 display: block;
    width: 863px;
    height: 820px;
}



/* carta--------------------------------------------------------------------------- */

.partido{
 display: block;
    float: left;
    width: 443px;
    height: 982px;
    margin-top: 15px;
    padding: 15px;
    margin-right: 15px;
    border: solid 1px #808080;
    border-bottom: solid 6px #808080;
}

.titulo2{
    font-family: 'Raleway', 'sans serif';
    font-size: 13pt;
    font-weight: 600;
}


.explicación p{
    font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
}


.explicación span{
    font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
    color: #BA0202;
    font-weight: 600;
    font-style: italic;
}

.explicación1 p{
    font-family: 'Raleway', 'sans serif';
    font-size: 11pt;
    margin-top: 20px;
    font-weight: 600;
}

.explicación1 ol{
    font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
    width: 400px;
    margin: 0 auto;
}


.imagenesej{
 display: block;
    float: left;
    width: 430px;
    margin-top: 15px;
    padding: 15px;
    border: solid 1px #808080;
    border-bottom: solid 6px #808080;
}




.referencias li{
 list-style: none;
    text-decoration: none;
}

.referencias ul li{
    display: block;
    float: left;
    font-family: 'Raleway', 'sans serif';
    text-align: center;
    font-size: 11pt;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color:#F7EFEF;
}

.referencias:hover{
    background-color: #808080;
    font-weight: 700;
    
}

.referencias a:hover{
    background-color: #808080;
    font-weight: 700;
    color: white;
    
}

/* carpetas--------------------------------------------------------------------------- */

.carpetita{
 display: block;
    float: left;
    width: 100%;
    
}

.carpetita ol{
    font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
    width: 300px;
    margin: 0 auto;
}


.uli{
 display: block;
    float: left;
    width: 100%;
    
}

.uli ol li{
    list-style:;
    font-family: 'Raleway', 'sans serif';
    font-size: 9.5pt;
    width: 300px;
    margin: 0 auto;
}




.ultimo nav{
    display: block;
    float: left;
    width: 300px;
    background-color: white;
    color: black;
    margin:0 auto;
}

.ultimo nav ul li a{
    color: black;
}