header{
        position: fixed;       /* header fijo */
        background-color: #1f1f22;
        width: 1343px;
        height: 60px;
    z-index: 1; 
}

body {
    background-color: #fdffc7;
    max-width: 1343px;
        margin: auto;
}

.roldanico {
    position: absolute;
    margin-top: 15px;
    margin-left: 70px;
}


nav{
    position: absolute;
    margin-left: 960px;
    margin-top: -65px;
    text-align: right;
    
}

nav ul{
    list-style: none;
    margin:auto;
}

nav ul li{ 
    display: inline-block;
    
}

nav ul li a{
    margin: auto; 
    margin: 20px;
    text-decoration: none;
}


#intro {
    position: absolute;
    width: 1343px;
    height: 1916px;
    margin-top: 660px;
    background-image: url(img/fondoindex.png);
    background-repeat: no-repeat;
    padding-top: 20px;
}

.tallertopfondo {
    position: absolute;
    background-image:url(img/fondointro.png);
    background-repeat: no-repeat;
    width: 1343px;
    height: 683px;
}

.introcatedra {
    height: auto;
    text-align: center;
}

#indexcatedralinea {
    position: absolute;
    margin-left: -340px;
    margin-top: 45px;
}

.intromarco {
    height: auto;
    position: absolute;
    margin-left: 100px;
    margin-top: -30px;
}


.menu {
    text-align: center;

}

.menu ul li{
 display: inline;
    margin: 60px;
}

.menu img{
    margin-top: 30px;
}

		
#degrade {                              /* linea degrade header */
    height: 20px;
    border: 0;
    box-shadow: inset 0 15px 15px -10px rgba(0, 0, 0, 0.84);
    margin-top: 60px;
    background-color: transparent;
}

#linea {
    background-color: #000;
    width: 960px;
    height: 30px;
    margin-top: 0px;
    
}

h1{
    float: left;
    color: #000;
    font-size: 70px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
   
}

h2{
    color: #000;
    font-size: 46px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
   
}

h3{
    color: #000;
    font-size: 12px;;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
   
}

h4{
    color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
   
}

h5{
    color: #fff;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

h6 {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

footer{ 
    background-color: #1b1b1d;
    width: 1343;
    height: 80px;
}

footer p{
    color: rgba(255, 232, 200, 0.47);
    padding: 20px;
    max-width: 850px;
    text-align: center; 
    font-size: 0.8em;
    margin-left: auto; 
    margin-right: auto;    
}

footer#index{ 
    margin-top: 2577px;
    position: absolute;
}

footer#doce{ 
    margin-top: 1873px;
    position: absolute;
}

footer#eltaller{ 
    margin-top: 1240px;
    position: absolute;
}

footer#eltaller{ 
    margin-top: 1240px;
    position: absolute;
}

footer#losestudiantes{ 
    margin-top: 1873px;
    position: absolute;
}

footer#lagaleria2014{ 
    margin-top: 1293px;
    position: absolute;
}
    
#indexcatedralinea {
    position: absolute;
}

span {
    position: absolute;
    margin-top: -430px;
    margin-left: 50px;
    
}

span2 {
    position: absolute;
    margin-top: -100px;
    margin-left: 135px;
}

span3 {
    position: absolute;
    margin-top: -330px;
    margin-left: 55px;
    width: 275px;
    height: auto;
}

span4 {
    position: absolute;
    margin-top: -360px;
    margin-left: 375px;
}

aside {
    position: relative;
    margin-left: 850px;
    margin-top: -25px;
    
}

span5 {
    position: absolute;
    margin-left: -325px;
    margin-top: -25px;
}


span6 {
    position: absolute;
    width: 190px;
    margin-left: -325px;
    margin-top: 60px; 
}

span7 {
    position: absolute;
    width: 190px;
    margin-left: -185px;
    margin-top: 25px; 
}

.img-sumate {
    margin-left: -25px;
    margin-top: 45px; 
}

.indexgaleria {
       height: auto;
    text-align: center;
    margin-top: 110px

}

.galeriaver {
    position: absolute;
    margin-left: -120px;
    margin-top: 30px;
    
}

.indextaller {
    text-align: center;
    width: 670px;
    margin-top: 160px;
        float: left;
    
}

.textotallerT {
    display: block;
    margin-top: 40px;
        margin-left: 100px;
}

.indexest {
        text-align: center;
    width: 670px;
    margin-top: 160px; 
        float: right;  
}

.textotallerE {
     display: block; 
    margin-top: 40px;
    margin-left: 110px;
}

#docentes {
    position: absolute;
    height: 1864px;
    width: 1343px;;
    background-image: url(img/docefondo.png);
    margin-top: 10px;
}

.docemenu {
    margin-top: 120px;
    margin-left: 100px;
    width: 50%;
}

asidedoce {
    text-align: center;
    float: right;
    margin-right: 150px;
    margin-top: -360px;
}

.fecha1 {
    position: absolute;
    text-align: center;
    margin-left: -45px;
    margin-top: -30px;
    
}

.fecha2 {
    position: absolute;
    margin-left: -45px;
    margin-top: 75px;
    
}

.fecha3 {
    position: absolute;
    margin-left: -45px;
    margin-top: 180px;
    
}

#docelinea {
    position: absolute;
    margin-left: 240px;
    margin-top: -100px;
    
}

.Droldan {
    position: absolute;
    margin-top: -40px;
    
}

.docetitulo2 {
    position: absolute;
    margin-top: 300px;
    
}

#docelinea2 {
    position: absolute;
    margin-left: 290px;
    margin-top: -100px;
    
    
}
.Dmarcos {
    margin: 20px;
}

.Dpupe {
    margin: 20px;
}

.Doliver {
    margin: 20px;
}

.docetitulo3 {
        position: absolute;
    margin-top: 810px;
}

.sectiondoce {
    margin-top: -60px;
}

.sectiondoce2 {
    margin-top: -50px;
}
.tallertop {
    margin-top: 120px;
    margin-left: 120px;
    width: 53%;
}

#taller {
    position: absolute;
    height: 1233px;
    width: 1343px;;
    background-image: url(img/tallerfondo.png);
    margin-top: 10px;
}


asidetaller {
    position: relative;
     text-align: center;
    float: right;
    margin-top: 70px;
    margin-right: 140px;
}

.Dcara1 {
    margin: 20px;
}

.asideTD {
    position: absolute;
    margin-top: -50px;
}

.contenido img {
    margin: 0 0 0 2em;
   float: right;
    margin-top: 90px;
    
}

.tallermenu {
    position: absolute;
    margin-top: -60px;
    margin-left: 120px;
    width: 53%;
}

b4 {
    position: absolute;
      color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
    margin-top: 85px;
}

b6 {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: -50px;
    width: 410px;
}

b7 {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: 180px;
    width: 410px;
}

b3 {
    position: absolute;
      color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
    margin-top: 340px;
}

.tallercuadro2 {
    position: absolute;
    margin-left: 470px;
    margin-top: 515px;
}

#estudiantes {
        position: absolute;
    height: 1864px;
    width: 1343px;;
    background-image: url(img/estfondo.png);
    margin-top: 10px;
}

.estmenu {
    position: absolute;
    margin-left: 120px;
    margin-top: 50px;

}

e6 {
     color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: 20px;
    width: 670px;
}

e4 {
    color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
}


e5 {
       color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: 70px;
    width: 670px;
}

e3 {
    color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
    position: relative;
    margin-top: 100px;
    position: absolute;
    margin-top: 200px;
}

e2 {
     color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: 340px;
    width: 650px;
}

e9 {
    color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
    position: absolute;
    margin-top: 200px;
    width: 720px;
}

#estcuadro1 {
    position: absolute;
    margin-top: 380px;
    
}

i1 {
    color: #fff;
    font-size: 55px;;
    font-weight: normal;
    font-family: 'Amatic SC', cursive;
     position: absolute;
    margin-left: 10px;
    margin-top: 900px;
    width: 800px;
}

i2 {
         color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    margin-top: 1000px;
    width: 670px;
}

#estcuadro2 {
     position: absolute;
    margin-top: 1050px;
}

asideestudiantes {
       position: relative;
     text-align: center;
    float: right;
    margin-right: 145px;
    margin-top: -140px;
}

.E2014 {
            position: absolute;
    text-align: center;
    margin-left: -65px;
    margin-top: -40px;
}

.E2013 {
            position: absolute;
    text-align: center;
    margin-left: -65px;
    margin-top: 50px;
}

.E2012 {
            position: absolute;
    text-align: center;
    margin-left: -65px;
    margin-top: 150px;
}

#galeria2014 {
        position: absolute;
    height: 1285px;
    width: 1343px;;
    background-image: url(img/galfondo.png);
    margin-top: 10px;
}

.galtop {
    position: absolute;
        margin-top: 120px;
    margin-left: 170px;
    width: 80%
}

.gal12 {
    float: right;
    margin-top: 95px;
}

.gal13 {
    float: right;
    margin-top: 95px;
        margin-left: 30px;
}

.gal14 {
     float: right;
    margin-top: 95px;
        margin-left: 30px;
}

.galtopG {
    width: 90%;
    height: 70%;
    margin: 100px;
    margin-top: 300;
}

.G1 {
    position: relative;
    margin-top: 50px;
    margin-left: 30px;
}

.G2 {
    position: relative;
    margin-left: 65px;
    margin-bottom: 150px;
}

.G3 {
    position: relative;
    margin-left: 65px;
     margin-bottom: 10px;
}

.G4 {
    position: relative;
    margin-left: 35px;
}

.G5 {
    position: relative;
    margin-left: 80px;
    margin-top: -98px;
}

.G6 {
    position: relative;
    margin-left: 54px;
    margin-bottom: 30px;
}

.asideTD {
    position: absolute;
    margin-top: -50px;
}