@import url(https://www.google.com/fonts#UsePlace:use/Collection:Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(https://www.google.com/fonts#UsePlace:use/Collection:Fugaz+One);
@import url(https://www.google.com/fonts#ChoosePlace:select/Collection:Open+Sans);


body {background-color: #d1d1d3;
      width: 100%;
      font-family: 'Open Sans', sans-serif;
      font-size: 12pt; 
      width: 1024px;
      height: 1024px;
      margin-left:225px;
      margin-top: 0px;}

div#pagina{background-color: #ffffff;
           width: 1024px;
           height: 1024px;
           margin:0;}

header{ 
    background-image:url( encabezadoZA.jpg );
    background-repeat:no-repeat;
    background-position: center;
    clear: both;
    margin:0px;
    padding: 0px;
    height:500px;
}

#botonera{ width: 1024px;
           background-color:#ff38dc;
           height: 48px;}

nav{
    width:1024px;
    margin: auto;
    height: 15px;
    margin-top: -25px;
    margin-left: 65px;
    margin-right: 65px;

}

nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
}

nav ul li {
    width: 100px;
    display: inline;
    margin: 0 10px;
}

nav ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20pt;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    display: inline;
    width: 100px;
    text-align: center;
    float: left;
    background-color:#ff38dc;
    padding-top:6px;
    padding-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 10px;}

nav ul li a:hover { color: #000;
                    background-color: #fff500;}

article{width: auto;
        margin:0;
        }

#collage{width: auto;
         height: 707px;
}

#cartel1{width: auto;
         background-color: #00abce;
         margin-top: 0px;
         margin-bottom: -18px;
         text-align: center;
         font-family: 'Roboto Condensed', sans-serif;
         font-size: 30px;
         color:#ffffff;}

#columnaizq{float:left;}

section{ width: 1024px;
         height: 926px;
         margin-top: 25px;
         background-color: #ffffff;}

section nav{width:225px;
    height: 15px;
    margin-top: -25px;
    margin-left: -20px;
    margin-right: 30px;
    margin-bottom: 130px;}

section nav ul{ list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
}

section nav ul li{width: 100px;
    display: block;
    margin: 0 10px;
}

section nav ul li a {
    font-size: 14pt;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    width: 175px;
    text-align: center;
    float: left;
    background-color:rgb(0,147,241);
    padding-top:6px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;}

section nav ul li a:hover { color: #ffffff;
                    background-color: rgb(9,96,154);}

section img{ margin-top: 10px;}

#columnader{float:right;
            width: 725px;
            margin-right: 30px;
}

#turno{background-color: #a2a2a2;
       text-align: center;
       padding-bottom: 10px;
       padding-top: 10px;}

.tituloturno{font-weight: bold;
             font-size: 14px;
             padding-top: 20px;
             margin:0px;}

.txtturnos{font-size:12px;
          margin:0px;
          }


#titulosubs{margin-top: -18px;}

.titulosubs{font-family: 'Roboto Condensed', sans-serif, bold;
            font-size: 25px;
            padding-left: 10px;
            color: rgb(0,147,241);
}

#bloquemetodologia{margin-top: 10px;}

#bloquemetodologia p{margin-top: 0px;
                     margin-bottom: 0px;
                     padding-left: 10px;}

.linea{border-bottom: rgb(0,147,241) solid 3px;
       width:auto;
       margin-bottom: -16px;
       margin-top: 4px;}

.subtitulos{font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            font-size: 16px; 
            color: #ff38dc;
            margin:10px;
            }

#imagenrotativa{margin-top:-25px;}

#imgdocentes{margin-top: 2px;
             margin-bottom: 0px;
             padding-left: 30px;}

footer{width: 1024px;
       height: 174px;
       background-color: #000000;}

#pie{color:#ffffff;
     font-size: 14px;
     font-weight: normal;
     margin:0px;
}

#pie #bloque{margin:0px;
             position: relative;
             float:left;
             width: 231px;
             padding-left:25px;
             padding-top: 20px;}

#pie h1{font-weight: bolder;
        padding: 0px;
        margin-bottom: -18px;}

#pie h2{font-weight: normal;
        font-size:12px;
        margin-top:0;
        margin-bottom: 0;
        padding: 0;}

#pie a {color:#ffffff;
        font-size: 12px;
        text-decoration: none;}

strong{font-weight: bold;
       color: #fff500;}

#pie .linea{border-bottom: #fff500 solid 3px;
       width:auto;
       margin-bottom: -16px;
       margin-top: 4px;}