/* Hoja de Estilos JT03 */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('tipos/bebasneue-webfont.eot');
    src: url('tipos/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipos/bebasneue-webfont.woff') format('woff'),
         url('tipos/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'ostrich_sanscondensed_light';
    src: url('tipos/ostrich-light-webfont.eot');
    src: url('tipos/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipos/ostrich-light-webfont.woff') format('woff'),
         url('tipos/ostrich-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body, html {
    background-image: url(img/background/body.jpg);
    background-repeat: repeat;
    background-size: 420px;
    width: 100%;
    height: 100%;
    margin: auto;
   
            }

header {
    position: relative;
    background-color: #000;
    width: 100%;
    height: 158px;
    margin: auto;
}

header p{
position: relative;
font-family: 'bebas_neueregular';
left: 155px;
bottom: 145px;
color: #fff;
width: 150px;
font-size:22px;
   
}

.zachinheader{
font-family: 'bebas_neueregular';
font-size:100px;
position:relative;
    left: 155px;
    bottom:180px;
    color: #fff;
   
    }

div#redes { 
    background-color: #000;
    position: relative;
    top: -60px;
    left: 380px;
    width: 120px;
    margin: auto;

}

div#caja_titulo_fotos { 

    position: relative; 
    top:0px;
    left: 150px;
    width: 240px;
    margin: auto;

}


article {
    position: relative;
    background-image: url(img/background/article.jpg);
    width: 100%;
    height: 100%;
    margin: auto;
}

article h1 {
    position:relative;
    text-align: center;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 37pt;

    font-style: normal;
    margin: auto

}

article h2 {
    position:relative;
    text-align: center;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 20pt;
    top:100px;
    left: 170px;
    font-style: normal;
    margin: auto

}

article h3 {
    top: 80px;
    position:relative;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 24pt;
    font-style: normal;
    width: 100%;
}

article h4 {
    position:absolute;
    color: #fff;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 20pt;
    font-style: normal;
    width: 40%;
    left: 40px;
    top: -10px;
}
article h5 {
    position:absolute;
    color: #000;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 28pt;
    font-style: normal;
    width: 40%;
    left: 280px;
    top: -30px;
}

article h6 {
    position:absolute;
    color: #fff;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 28pt;
    font-style: normal;
    width: 40%;
    left: 40px;
    top: -60px;
}
article h7 {
    position: relative;
    color: #000;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 38pt;
    font-style: normal;
    width: 40%;
    left: 110px;
    top: 160px;
}
article h8 {
    position: absolute;
    color: #000;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 38pt;
    font-style: normal;
    width: 40%;
    left: 223px;
    top: 20px;
}

article p {
    
    position: relative;
    font-size: 12pt;
    height: auto;
    margin: auto;
    top: 100px;  
        }




div#noticias {
    
    background-color: #000;
    position: relative;
    margin: auto;
    top:10px;
    width: 580px;
    height: 110px;
    float: left;
    
}

div#cajabxslider {
    

    position: relative;
    margin: auto;
    top:-400px;
    left:-40px;
    width: 870px;
    height: 0px;
    float: left;
    
}

div#mapa {
    
   width:960px;
    text-align: center;

    
    }

div#notaprincipal {
    
    color: #EDE6CD;
    width: 280px;
    height: 550px;
    left: 20px;
    top: -305px;
    background-color: #000;
    position: relative;
    margin: auto;
    float:left;

    
    }

div#notaprincipalp {
    
    font-family: sans-serif;
    color: #EDE6CD;
    position: relative;
    font-size: 14px;
    top: 50px;
    width: 250px;
    margin:auto;

    
    }

div#bannerindex {
    
    color: #EDE6CD;
    font-family: 'bebas_neueregular';
    background-image: url(img/background/bannerindex.jpg);
    position: relative;
    margin: auto;
    top:20px;
    width: 880px;
    height: 180px;
    text-align: center;

    
}
div#noticiasp{
    
    font-family: sans-serif;
    color: #EDE6CD;
    position: relative;
    font-size: 12px;
    top: 10px;
    width: 550px;
    margin:auto;


}

div#fotonota{
    
    font-family: sans-serif;
    color: #EDE6CD;
    position: relative;
    font-size: 12px;
    top: 40px;
    width: 205px;
    margin:auto;


}

div#inscripcion { 
    font-family: sans-serif;
    background-color: #000;
    position: relative;
    margin: auto;
    top:-415px;
    width: 580px;
    height: 110px;
    float: left;
    
}
div#inscripcionp{
    color: #EDE6CD;
    position: relative;
    font-size: 12px;
    top: 10px;
    width: 550px;
    margin:auto;


}

.fotoindex{ 
position: relative;
    top:60px;
    left: 22px;
width:64%;
height:30%;
margin: auto;
}

div#jornadaindex {
  position: relative;
    top:80px;
  width: 79%;
  height: 20%;
 

}


div#bannerfilosofia {
  position: relative;
    top:100px;
}

div#maquinaimpresora {
  position: relative;
    top:130px;
}

article#filosofia h2{
     position:relative;
    font-family: 'ostrich_sanscondensed_light';
    font-size: 30px;
    width: 40%;
    height: auto;
    font-style: normal;
    top: 190px;
    left:-200px;
}
article#filosofia p{
     position:relative;
    width: 35%;
    height: auto;
    font-style: normal;
    top: 190px;
    left:-200px;
}

article p#filosofia {
width: 100%;
    position: absolute;
}


div#caja_header {
    position: relative;
    width: 960px;
    height: 100%;
    margin: auto; 
}



div#caja_pagina {
    position: relative;
    width: 960px;
    height: 1201px;
    margin: auto; 
}

div#zachin {
    
background-color: #000;
    position: relative;
    top: 20px;
    left: 40px;
    width: 190px;
    height: 700px;
    
    }

div#fotozachin {
    
background-color: #000;
    position: relative;
    top: 20px;
    left: 20px;
    width: 150px;
    height: 150px;
    
    }




div#fotodocentes {
width: 63%;
height: 22%;
position: relative;
left: 270px;
top: -680px;}


div#objetivos p {
    position: relative;
    width: 35%;
    top: -360px;
    left: 220px;
}

div#bannertps {   
    top:10px;
background-color: #000;
    position: relative;
    width: 870px;
    margin:auto;
    
    }

div#evaluacion {    
background-color: #000;
    top:10px;
    position: relative;
    width: 870px;
    height: 410px;
    margin:auto;
    
    }
div#evaluacion p {
    color: #fff;
    position: relative;
    top: 50px;
    left: 0px;
    width: 91%;
    height: auto;
    
    }
p#titulozachin {
    position: relative;
    top: 60px;
    left: 5px;
    width: 150px;
    height: 60px;
    font-size: 11pt;
    font-family: sans-serif;
    text-align: center;
    color: #EDE6CD;
}

div#contenido p {
    position: relative;
    width: 35%;
    top: -190px;
    left: 220px;
}
div#contenido2 p {
    position: relative;
    width: 35%;
    top: -370px;
    left: 220px;
}


p#biozachin {
    position: relative;
    top: 100px;
    left: 5px;
    width: 150px;
    height: 350px;
    font-size: 9pt;
    font-family: sans-serif;
    text-align: left;
    color: #EDE6CD;
}

p#docentes{
position: relative;
    width: 60%;
top: -650px;
left: 80px;}

p#docentes1 {
    position: relative;
    top: -650px;
    width: 150px;
    height: 250px;
    font-size: 9pt;
    font-family: sans-serif;
    text-align: left;
}
p#lista2 {position: relative;
    top: -870px;
    left:  150px;
    width: 150px;
    height: 250px;
    font-size: 9pt;
    font-family: sans-serif;
    text-align: left;}
p#docentes2 {
    position: absolute;
    top: 20px;
    left: 520px;
    width: 150px;
    height: 350px;
    font-size: 9pt;
    font-family: sans-serif;
    text-align: left;
}




p#jornada { 
   position: relative;
   font-size: 14px;
   top: -210px;
    left: 160px;
   width: 58%}

p#tps{
position: relative;
left: 80px;
width: 50%;
top: -216px;

}
p#materiales{
position: relative;
left: 80px;
width: 50%;
top: -70px;

}
label {
    position: relative;
    left: 2px;
    top: 2px;
    font-size: 16px;
    font:'ostrich_sanscondensed_light';
    letter-spacing:1px;
}

form {
    position: relative;
    top: 80px;
    margin:0 auto;
    width:400px;
}
 
input, textarea {
    width:380px;
    height:6px;
    background:#fff;
    border:2px solid #000;
    padding:10px;
    margin-top:8px;
    font-size:14px;
    color:#000;
}
 
textarea {
    height:150px;
}
 
#submit {
    width:185px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
    background-color: #000;
    color: #fff;
}


footer {
    background-color: #2c2121;
    width: 100%;
    height: 160px;
    margin: auto;
    text-align: center;
    font-size: 10pt;
    color: #EDE6CD
}

div#cajafooter{
    font-family: sans-serif;
    font-size: 12px;
    position: relative;
    border-color: #EDE6CD;
    border-width: thin;
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-top: 
    background-color: #80232B;
    width: 95%;
   top:15px;
    height: 130px;
    text-align: center;
    margin:auto;

    color: #EDE6CD
}

.footer{
}

/* Navegacion */


div#caja_nav {
    position: relative;
    background-image: url(img/background/nav.jpg);
    width: 960px;
    height: 51px;
    margin: auto; 
}





nav {
    position: relative;
    margin: auto; 
    width: 100%;
    height: 100%;
}

nav ul {
    list-style: none;
    position: relative;
    width:  100%;
    height: 100%;
    margin: auto;
    float: left;

}

nav ul li{
    position: relative;
    width: 118px;
    height: 42px;
    float: left;
    margin: auto;
    margin-right: 8px;
    background-color: #000;
}

nav ul li a {
    position: relative;
    text-decoration: none;
    font-size: 14pt;
    color: #EDE6CD;
    display: block;
    width:100%;
    text-align: center;
    margin-top: 11px;
}

div#nav_docentes{
position: relative;
width: 290px;
    height: 40px;
    margin: auto;
    top: -620px;
    left: 110px;
}
div#nav_tp{
    top:10px;
position: relative;
width: 290px;
    height: 40px;
    margin: auto;

}

div#nav_contenidos{
position: relative;
    top:10px;
width: 440px;
    height: 40px;
    margin: auto;

}

div#columnavid1 {
    position: relative;
    margin-left:40px;
    width: 430px;
    height: 800px;
    text-align: center;
 
}



div#columnavid1titulo {
    background-color: #000;
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
 
}

div#columnavid1texto {
    background-color: #000;
    position: relative;
    width: 100%;
    height: 55px;
    text-align: center;
 
}

div#columnavid2texto {
    background-color: #000;
    position: relative;
    width: 100%;
    height: 55px;
    text-align: center;
 
}

 div#descripcion1{
     width: 90%;
     top: 10px;
     color: #EDE6CD;
     position: relative;
     font-family: 'bebas_neueregular';
    font-size: 12pt;
     margin: auto;

}

 div#descripcion2{
     width: 90%;
     top: 10px;
     color: #EDE6CD;
     position: relative;
     font-family: 'bebas_neueregular';
    font-size: 12pt;
     margin: auto;

}

.titulovideo1{
    font-family: 'bebas_neueregular';
    color: #EDE6CD;
    top: 12px;
    font-style: bold;
    font-size: 24px;
    position: relative;
        }

.titulofotos1{
    font-family: 'bebas_neueregular';
    color: #EDE6CD;
    top: 12px;
    font-style: bold;
    font-size: 24px;
    margin-left: 15px;
    position: relative;
        }

div#columnavid2titulo {
    background-color: #000;
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
 
}





div#columnavid2 {
    position: relative;
    margin-left:490px;
    margin-top: -800px;
    width: 430px;
    height: 800px;
 
}

div#cajaarticle{
    width: 870px;
    margin: auto;
    }


div#logovideos {
   background-image: url(img/background/bannervideos.jpg);
    position: relative;
    top:10px;
    bottom;20px;
    width: 880px;
    height: 180px;
    margin: auto;
 
}

div#bannerfotos {
   background-image: url(img/background/bannerfotos.jpg);
    position: relative;
    top:10px;
    bottom;20px;
    width: 880px;
    height: 180px;
    margin: auto;
 
}

div#titulofotos1{
    background-color: #000;
    position: relative;
    top:5px;
    width: 880px;
    height: 50px;
    margin: auto;

 
}



#linksfinal {  
    position:relative;
    width: 415px;
    height: 40px;
    top: -30px;
    height: 20px;
    padding-left: 5;
    margin:auto;
    }

ul {
    list-style: none;
    
}

#linksfinal ul li a {
    background-color: #000;

    width:100px;
    height:px;
    font-size: 20px;
    float: left;
    text-decoration: none;
    color: #EDE6CD;
    font-family: 'bebas_neueregular';
    margin-right: 25px;
}

.titulofooter{
font-family: 'ostrich_sansmedium';
     font-size: 18px;
    }




span.tiponav {
         font-family: 'bebas_neueregular'
}


.videos {position: relative; top: 20px; left: 350px;}





.titulovideo2 {
    font-family: 'bebas_neueregular';
    color: #EDE6CD;
    top: 12px;
    font-style: bold;
    font-size: 24px;
    position: relative;
        }
.titulovideo3 {
    font-family: 'bebas_neueregular';
    color: #EDE6CD;
    top: 12px;
    font-style: bold;
    font-size: 24px;
    position: relative;
        }
.titulovideo4 {
    font-family: 'bebas_neueregular';
    color: #EDE6CD;
    top: 12px;
    font-style: bold;
    font-size: 24px;
    position: relative;
        }

.titulos{ font-family: 'bebas_neueregular';
    font-size: 20px;
    color: 
bottom: 20px;
 }

.filosofia {position: relative;
    margin: auto;
    top: -1087px;
    left: 290px;
    width: 330px;
   }
.impresora {position: absolute;
    left: 50px;
    width: 450px;
    top: 750px;    
      }

.camara {position: absolute;
    left: 200px;
    width: 300px;
    top: 300px;    
      }

.titulojornada { font-style: oblique;
    font-size: 18px;
    position: relative;
    left: 10px;
    top: -226px;
    width: 20%;}
.tps{
    position: relative;
    margin: auto;
    left: 40px;
    top: 70px;
    height: 70px;
    width: 873px;
}
    .tp1n2{
    position: relative;
    width: 25%;
    left: 40px;
    top:30px; 
    }
.tp2n2{
    position: relative;
    width: 25%;
    top: 300px;
    left: -203px;
    }
.tp3n2{
    position: relative;
    width: 25%;
    left: -445px;
    top: 570px;
    }
.contenido {
    position: relative;
    margin: auto;
    left: 40px;
    top: 90px;
    height: 70px;
    width: 873px;
}
.lineometro {height:  15%;
position: relative;
left: 220px;
top: 80px;}

.cuentahilos{width: 15%;
position: relative;
left: 110px;
top: 269px;}