/*---fuente1---*/

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


/*---fuente2---*/

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

}

/*---fuente3---*/


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

}

/*---fuente4---*/

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

}
/*----------fin tipos----------------------*/







body{
align-content: center;
width: 900px;
    margin: auto;
    background-image: url(img/fondo3.png);
}

#header {
border-top: 12px solid #86ffbe;
height:123px; 
width:900px;
margin-top:0px;
background-color: #fff;
}

 
    


/*
 Esto es un ejemplo de Absolute

#ejemplo {
 position:fixed;
 height:10%;
 width:10%;
 background:red;
 left:50%;
 top:12%;
 z-index:9;
}

#ejemplo2 {
 position:fixed;
 height:10%;
 width:10%;
 background:blue;
 left:45%;
 top:10%;
 z-index:10;

}

#ejemplo:hover {

 z-index:18;
}

*/

hr.barrita {
    

background-color: #86ffbe;
width: 900px;
height: 12px;
margin: auto;
margin-top: none ;  
    
}

#logo {
    margin: 0px;
    width: 123px;
    height: 123px;
   float:left;
    padding: 0px
    
}


nav {
    
    background-color: #fff;

}

ul  {
    display: block;
    margin: 0px;
    margin-right: 0px; 
    list-style: none;
    width: 250px;
    height: 56px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float:right;
    
}


/*/  (comienzo) BOTONERA DE REDES /*/

#facebook {
    display: inline-block;
    float: none;
    margin: none;
    padding-left: 0px;
    padding-right: 0px;
    width: 55px;
    height: 55px;
    float: none;
    background-image:url("./img/1.png");
}

#facebook:hover {
  background-image:url("./img/7.png");
}

#pinterest {
    display:inline-block;
    float: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 34px;
    height: 55px;
    background-image:url("./img/2.png");

}



#pinterest:hover{
     background-image: url(img/8.png);
}


#blog {
    display:inline-block;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float:left;
    float:none;
    width: 31px;
    height: 55px;
    background-image:url("./img/3.png");

}



#blog:hover{
     background-image: url(img/9.png);
}



#gmail {
    display: inline-block;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float:none;
     width: 32px;
    height: 55px;
    background-image:url("./img/4.png");

}



#gmail:hover{
     background-image: url(img/10.png);
}

#youtube {
    display: inline-block;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float:none;
     width: 33px;
    height: 55px;
    background-image:url("./img/5.png");

}



#youtube:hover{
     background-image: url(img/11.png);
}


#dropbox {
 display: inline-block;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float:none;
     width: 33px;
    height: 55px;
    background-image:url("./img/6.png");

}


#dropbox:hover{
     background-image: url(img/12.png);
}


/*/  (final) BOTONERA DE REDES /*/





/*/ logo /*/

#logo {
 display: inline-block;
    margin: 0px;
    width: 47%;
    height: 100%;
    background-image:url("./img/logo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    list-style: none;
    	
}
/*
#logo img {
 width:100%;
 height:100%;
}
*/

#logo:hover{
     background-image: url(img/logo1.png);
}




/*/ (cominzo) BOTONERA NAV /*/ 


nav ul{
    width: 900px;
    height: 26px;
    margin: 0px;
    padding:0px;
    float:none;
    padding-top: 24px;

}

.navegador {
    border-top: 0px solid;
    border-bottom: 8px solid;
    border-left: none;
    border-right: none;
    height:50px; 
    width:900px;
    margin-top: 0px;
    background-color: #fff;
    
}


/*/ul de botonera de reds/*/

ul  {
    display: block;
    margin: 0px;
    margin-right: 0px; 
    list-style: none;
    width: 250px;
    height: 56px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    float:right
}



.navegador li{
text-align: center;
}



.navegador li a{

    display:inline-block;
    padding-top: 5px;
    padding-right: 0px;
    list-style: none;
    width: 150px;
    height: 24px;
    float:left;
    align-content: center;
    color: #000;
    text-decoration: none;
    font-size: 10pt;
    font-family: sans-serif;
    font-weight: bold;
}


.navegador li a:hover{
    
  background-color: #000  ; 
  color:#fff;
  font-weight: bold;
}



.navegador li a.botonactivo{
    
  background-color: #000  ; 
  color:#fff;
  font-weight: bold;
}

/*/ (final) BOTONERA NAV /*/


/*/subbotonera/*/

.subbotonera {
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: none;
    border-right: none;
    height:50px; 
    width:900px;
    margin-top: 0px;
    background-color: #fff;
    
}

.subbotonera ul{
    width: 700px;
    height: 26px;
    margin: 0px;
    padding:0px;
    float:none;
    padding-top: 0;

}

.subbotonera li{
text-align: center;
}



.subbotonera li a{

    display:inline-block;
    padding-top: 10px;
    padding-right: 0px;
    list-style: none;
    width: 100px;
    height: 24px;
    float:left;
    align-content: center;
    color: #000;
    text-decoration: none;
    font-size: 8pt;
    font-family: sans-serif;
   
}


.subbotonera li a:hover{
  color:#000;
  font-weight: bolder;
}



.subbotonera li a.botonactivo{
    
   color:#000;
  font-weight: bolder;
    text-decoration:underline;
}


/*/ BIENVENIDOS GIF /*/


h3 {
    margin: 0px;
    padding: 0px;
    width: 900px;
    height: 180px;
    background-color: #fff;
    border-bottom: 4px solid; 
}



section {
    margin: 0px;
    padding: 0px;
    background-color: #fff; 


}





footer nav {

    width: 900px;
    height: 145px;
    background-color: #ededed ;
    border-top: 4px solid; 
    

}





/*/ BOTONERAS DEL FOOTER (comienzo) /*/




#navfooter {
       position: absolute;
       width: 700px;
       height: 100px;
       margin-left: 20px;
       margin-top: 20px;
  


}    


#navfooter li {
       width: 95px;
       height: 12px;

}


#bot1 ul{
       border-left:1px solid;
       border-left-color: #d0d0d0; 
       float: left;
       padding-top: 5px;
       padding-left: 15px;
       width: 130px;
       height: 105px;

}



#bot1 ul li a{
    
    
    list-style: none;
    font-size: 8pt;
    color: #000;
    font-family: sans-serif;
    text-decoration: none;



}



#bot1 ul li a:hover{  color:#86ffbe; }

#bot2 ul{
    border-left:1px solid;
    border-left-color: #d0d0d0;
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    
    width: 130px;
    height: 105px;

}
    
    
#bot2 ul li a{
    
    
    list-style: none;
    font-size: 8pt;
    color: #000;
    font-family: sans-serif;
    text-decoration: none;
}


#bot2 ul li a:hover{  color:#86ffbe; }


#bot3 ul{
    border-left:1px solid;
    border-left-color: #d0d0d0;
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    
    width: 130px;
    height: 105px;

}
    
    
    
#bot3 ul li a{ 
    
    
    list-style: none;
    font-size: 8pt;
    color: #000;
    font-family: sans-serif;
    text-decoration: none;
    
}



#bot3 ul li a:hover{  color:#86ffbe; }




/*/ BOTONERAS DEL FOOTER (final) /*/






h8{
    display: block;
    width: 250px;
    height: 56px;
    background-color: #ededed;
    margin-top:80px;
    margin-right: 0px;
    padding: none;
    float:right;
    padding-bottom: 0px;
    
    
}

h8 ul  {
    display: block;
    margin: 0px;
    margin-right: 0px; 
    list-style: none;
    width: 250px;
    height: 56px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float:right
}



/*/-----------------------------------------------------SECCION DE HOME------------------------------------------------/*/

#homenav {
display: block;
width: 900px;
height: 980px;}

#homenav ul{
display: block;
width: 900px;
    height: 980px;

}


.home {

    width: 900px;
    height: 980px;
    background-color: #fff;

}


#contenedorhome1{
    
    width: 500px;
    height: 430px;
    background-color: #fff;
    list-style: none;
    
}





#home1{
    display: inline-block;
    width: 297px;
    height: 223px;
    background-image: url(img/home_03.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    
}


#home1:hover{  background-image:url(img/home2_03.png); 
     background-repeat: no-repeat; }


#home1 a{
width: 297px;
height: 223px;
display:inline-block;
}



#home2 {
    display: inline-block;
    width: 198px;
    height: 223px;
    background-image: url(img/home_04.png);
    background-repeat: no-repeat;
    float: none;
    list-style: none;

}


#home2:hover{  background-image:url(img/home2_04.png); 
     background-repeat: no-repeat; }


#home2 a{
width: 198px;
    height: 223px;
display:inline-block;
}




#home3{
    display: inline-block;
    width: 499px;
    height: 203px;
    background-image: url(img/home_05.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;

}


#home3 a{
width: 499px;
    height: 203px;
display:inline-block;
}


#home4{
    display: inline-block;
    width: 397px;
    height: 431px;
    margin-top: -431px;
    background-image: url(img/home_02.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: right;
    list-style: none;

}


#home4:hover{  background-image:url(img/home2_02.png); 
     background-repeat: no-repeat; }

#home4 a{
width: 397px;
    height: 431px;
display:block;
}





#home5{
    display: inline-block;
    width: 258px;
    height: 309px;
    
    background-image: url(img/home_06.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    list-style: none;

}


#home5:hover{  background-image:url(img/home2_06.png); 
     background-repeat: no-repeat; }

#home5 a{
width: 258px;
    height: 309px;
display:block;
}

#home6{
    display: inline-block;
    width: 401px;
    height: 309px;
    
    background-image: url(img/home_07.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    list-style: none;

}


#home6:hover{  background-image:url(img/home2_07.png); 
     background-repeat: no-repeat; }

#home6 a{
width: 401px;
    height: 309px;
display:block;
}


#home7{
    display: inline-block;
    width: 242px;
    height: 309px;
    margin-top: -309px;
    background-image: url(img/home_08.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: right;
    list-style: none;

}

#home7 a{
width: 242px;
    height: 309px;
display:block;
}

#home8{
    display: inline-block;
    width: 497px;
    height: 237px;
    
    background-image: url(img/home_10.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    list-style: none;

}

#home8 a{
width: 497px;
height: 237px;
display:block;
}

#home9{
    display: inline-block;
    width: 401px;
    height: 237px;
    
    background-image: url(img/home_11.png);
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    list-style: none;

}


#home9:hover{  background-image:url(img/home2_11.png); 
     background-repeat: no-repeat; }


#home9 a{
width: 401px;
height: 237px;
display:block;
}



/*/---------------------------------------------------------------------------------------------/*/
/*/ taller /*/


.section {
width: 900px;
    height: 1320px;
    background-color: #fff;
    
}





#caja{
     display: block;
     float: left;
     width: 655px;
     height: 415px;
     background-color: #fff;
     border-top:3px solid;
     margin-right: 0px;
     margin:0px;
     padding: 0px;
}

#iframe{
     display:inline-block;
     width: 651px;
     height: 411px;
     margin:0px;
     margin-right: 0px;
     padding: 0px;
     background-color: #fff;
     float: none;
     border-top:3px solid;
}

#ifr{
   margin-left: 20px;
   margin-top: 10px;
   border: none;
}

#botoneraiframe{
     list-style: none;
     display:inline-block;
     width: 420px;
     height: 45px; 
     background-color: #fff;
     floar:none;
     margin-left: 0px;
}

#botoneraiframe ul{
      width: 395px;
      height: 30px;
      padding-left: 3px;
}

#botoneraiframe ul li {
    float: left;
    text-decoration:none;
    font-family: 'dinbold';
    font-size: 12pt;
    margin-right: 5px;
}
#botoneraiframe ul li a{
    font-family: 'dinbold';
    font-size: 12pt;
    text-decoration:none;
    color: #000;
    
    
}
#botoneraiframe ul li a:hover {
color: #86ffbe;}

#botoneraiframe p{
    display:inline-block;
    width:177px;
    height: 20px;
    font-family: 'dinbold';
    font-size: 7pt;
    text-decoration:none;
    color: #86ffbe;
    margin-top: 0px;
    padding-top: 6px;
    float:none;
}



.titulo{
    font-family: 'dinbold';
    font-size: 27pt;
    

}


.cuerpo12{
    font-family: 'din_lightregular';
    font-size: 12pt;
}

.cuerpo10{
    font-family: 'din_lightregular';
    font-size: 10pt;
    text-align: center;
}


#kit {
    display:inline-block;
    float: right;
    margin-right: 0px;
    border-top:3px solid;
    border-top-color: #fff;
    background-color: #86ffbe;
    width: 239px;
    height: 411px;
    

}




.cuerpoblanco80 {
    font-family: 'dinbold';
    text-align: center;
    font-size: 80pt;
    color: #fff;
    margin: 0px;
    border-bottom: 8px solid;
    border-bottom-color: #fff;
    width: 163px;
    margin-left:35px;
    margin-top: 25px;

}



.cuerpoblanco9{
    font-family: 'dinbold';
    font-size: 9pt;
    color: #fff;
    text-align:left;
    padding-left: 35px;
    padding-top: 20px;
}


#tp1{
    display: inline-block;
    float: left;
     width: 412px;
     height: 355px;
    background-color: #fff;
    padding-top: 0px;
   margin-right: 0px;
    padding-bottom: 1px;
margin:0px;
  background-image:url(img/apunte2.png);
list-style: none;
}

#tp1:hover{  background-image:url(img/apunte.png) }



#fototaller {
    display: block;
    margin-top: 0px;
    padding-top: 4px;
    float:right;
    margin-right: 0px;
    width: 479px;
    height: 354px;
    border: none;
    background-image:url(img/taller.png);
    background-repeat: no-repeat;
    list-style: none;

}




#comentarios {
      display:inline-block;
      width: 670px;
     height: 538px;
     float: left;

}

#formulario1 {
      
      display:inline-block;
      float:none;
      width: 230px;
      height: 538px;
      margin-right: 0px;
      
      
}


/*/----------------------------------------------------------------------------/*/
/*/ TEORICA /*/




.teorica {
    
    width: 900px;
    height: 998px;
    background-color: #fff;
    


}

#contenedorteorica {
 
    width: 472px;
    height: 609px;
    background-color: #fff;


}


#fototeorica{
           width: 472px;
           height: 354px;
           background-color: #fff;
           float: left;
           display:inline-block;
           background-image: url(img/teorica1.png);
           background-repeat: no-repeat;
    
}

/*/
#fototeorica:hover{  background-image:url(img/teorica6.png); 
     background-repeat: no-repeat; }

/*/


#audioteorica{
           width: 229px;
           height: 230px;
           background-color: #fff;
           float: right;
           margin-top: 10px;
           display:inline-block;
           background-image: url(img/teorica8.png);
}

#audioteorica:hover{  background-image:url(img/teorica11.png); 
     background-repeat: no-repeat; }



#videosteorica{
           width: 229px;
           height: 230px;
           background-color: #fff;
           float: left;
           display:inline-block;
           margin-top: 10px;
           background-image: url(img/teorica7.png)
}


#videosteorica:hover{  background-image:url(img/teorica10.png); 
     background-repeat: no-repeat; }






#teorica4{
    
           display: inline-block;
           width: 420px;
           height: 590px;
           background-color: #fff;
           float: right;
         margin-top:-609px;
           border-top: 3px solid;
           

}

#textoteorica{
            display: inline-block;
           width: 390px;
           height: 70px;
           margin-left: 20px;


}


#textoteorica2{
           display: inline-block;
           width: 370px;
           height: 470px;
           margin-left: 0px;
           
    border-top: 8px solid;


}

#teoricas {
    margin-top: 50px;
    border-top: 2px  solid;
    display:block;
    width: 900px;
    height: 300px;
    margin-left: -480px;
    float: none;

}

.verde14{
font-family: 'dinbold';
color: #86ffbe ;
    font-size: 12pt;

}

/*/-----------------------------------------------------EXPO------------/*/



.expo{
    padding-top: 20px;
    width: 900px;
    height: 850px;
    background-color: #fff;
    
    
    
}


#contenedorexpo1 {
 
    padding-top: 20px;
    width: 600px;
    height: 438px;
    background-color: #fff;
    
}

#contenedorexpo2 {
 
    display: inline-block;
    margin-top: -438px;
    width: 254px;
    height: 438px;
    background-color: #fff;
    float: right;
    position: relative;
}


#imgexpo2 {
padding-top: 10px;

}


#titulodevideo{
     text-align: center;
     font-size: 35pt;
     display: block;
     font-family: 'dinbold';
     color: #fff;
     background-color: #000;
     width: 638px;
    height:62px ;
    margin: 0px;
}

#titulodevideo p{
    
    margin: 0px;}




/*/---------------------------------------------CONTACTO--------------------------/*/


#contacto{

    width:900px;
    height: 300px;
    background-color: #fff;
    padding-top: 30px;

}


#texturacontacto{
float:left;
 width: 250px;
    height: 216px;
    padding-right: 10px;
    margin-top: 30px;
}

#contenedorcontacto{
    
    background-color: #fff;
    width: 358px;
    height: 216px;
    float: left;
    padding: 0px;
    margin-top: 30px;
    
    
}


#contitulo{
margin: 0px;

}

#cont1{
font-family: 'dinbold';
    font-size: 12px;
    width: auto;
    height: auto;
    margin-top: 40px;

}

#cont2{
font-family: 'dinbold';
    font-size: 17px;
    width: auto;
    height: auto;
    padding-top: 12px;
    border-top: 2px solid;
    color: #86ffbe;
    border-top-color: #86ffbe;
    margin: auto;
    padding-top:20px;

}

#redescontacto ul{
    width: auto;
    height: auto;
    float: left;
    margin: 0px;

}

#consulta{
font-family: 'dinbold';
    font-size: 18px;
    text-align: center;
    margin-left:19px; 
    width: auto;
    height: auto;
    background-color: #000;
    color: #86ffbe;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#contenedorcontacto{
float:left;
    margin-left: 22px;
    width: auto;
    height: auto;

}

/*/

#concurso1{
float: left;
    width: 900px;
    height: auto;
    

}
#concurso1 p{
    display: block;
    float: left;
    width: 900px;
    height: auto;
    border-bottom: 8px solid;
    font-family: 'dinbold';
    font-size: 25pt;
    text-align: left;
    margin:0px;
    padding-top: 60px;

}

#concurso2{
    width: 385px;
    height: 500px;
    margin: auto;
    float: none;
    display: inline-block;
}

#unframe{
    font-family: 'dinbold';
    font-size: 25px;
    text-align: center;
    background-color: #000;
    color: #86ffbe;
    float:none;
    margin: auto;
    padding-top: 20px;
}

.cuerpo {
font-family: 'din_lightregular';
    font-size: 13px;
    text-align: center;
        margin: auto;
    padding-top: 8px;

}

#unframe2 {
    width: 200px;
    height: 315px;
    margin: auto;
    float: none;
    display: inline-block;
}

.caja111{
    display: block;
font-family: 'din_lightregular';
font-size: 11px;
border: 2px solid;
    border-bottom-color: #000;
    border-top: 4px solid;
    float: none;
    width:150px;
    height: 20px;
    margin: none;
    text-align: center;
}

#cajaconcurso{

 width: 155px;
    height: 310px;
    margin: auto;
    float: none;
    display: inline-block;
    margin-top:0px;
}


/*/

/*/---------------------------------------------------------INVITADOS--------------------------------/*/


#invitados{
width: 900px;
    height: 1020px;
    padding-top: 10px;

}


#inv{
    display: block;
    width: 330px;
    height: 572px;
    padding-top: 5px;
    float: left;
    background-color: #fff;
    


}

#inv2{
    padding-top: 5px;
padding-bottom: 10px;

}

#inv3{
padding-bottom: 10px;
border-bottom: 8px solid;
}

#inv4{
padding-bottom: 5px;
padding-top: 5px;
}


#inv5{
    display: inline-block;
    width: 556px;
    height: 670px;
    padding-top: 12px;
    float: right;
    background-color: #fff;
    margin-left: 5px;

}

#inv6{
float: left;

}


#inv7{
display: block;
width: 218px;
height: 190px;
border-bottom: 8px solid;
border-top: 8px solid;
font-family:'dinbold';
font-size: 28px;
text-align: center;
margin: 0px;
float: left;
margin-left: 7px;
}

#inv8{
padding-top: 5px;
}










/*/------------------------------------------------------FNA----------------------------------------------------/*/


.fna{
    background-color: #fff;
    width: 900px;
    height: 530px;
}


#fna3{
width: 517px;
    height: 515px;
    float: right;
    border-top: 3px solid;
    


}

.cuerpo7{
font-size: 14px;
 font-family: 'din_lightregular';
    margin: 15px;

}

.titulo2{
margin:15px;
font-family: 'dinbold';  
font-size: 18px;    

}











/*/--------------------------------------------------------galeria---------------------------------------------/*/



#galeria{

width: 900px;
    height: 1100px;
    background-color: #fff;
    


}

#galeria1{
margin-bottom: 20px; 

}


.galeria1{
    display: inline-block;
    width: auto;
    height: auto;
    float: left;
    

}



.galeria2{
    display: inline-block;
    width: auto;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;

}


.galeria3{
    display: inline-block;
    width: auto;
    height: auto;
    float: right;
    margin-left: 5px;
    margin-bottom: 15px;

}




.titulo3{
    font-family: 'dinbold';
    font-size: 24pt;
margin:0px;
}


.lineagaleria{
width: 900px;
    border-bottom: 4px solid;


}




/*/-------------------------------------tutorial----------------------------------------------------/*/





#tutorial{

width: 900px;
    height: 950px;
    background-color: #fff;
    


}




#tutorial1{

width: 800px;
    height: 220px;
    background-color: #fff;
    border-top: 3px solid;
    float: right;
    


}


#tutorial2{

width: 790px;
    height: 220px;
    float: left;

}

#tutorial3{

width: 790px;
    height: 400px;
    float: right;

}



/*/----------------------------------------------------------------REFERENTES---------------------------------------/*/


.titulo6{
margin-top: 0px;
padding-left: 20px;
font-family: 'dinbold';  
font-size: 28px;  
border-bottom: 8px solid;    

}

#referentes{
 width: 900px;
    height: 270px;
    background-color: #fff;
    margin: 0px;
    padding-bottom: 50px;


}

#botonerareferente{
display: block;
    float: left;
    width: 400px;
    height: 200px;
margin: 0px;

}

#botonerareferente ul {
display: block;
    float: left;
    width: 400px;
    height: 200px;
margin: 0px;
list-style: none;
font-family: 'dinbold';
    text-decoration: none;
    color: #fff;
}

#botonerareferente ul li a{
display: block;
    float: left;
    width: 400px;
    height: 20px;
margin: 0px;
list-style: none;
font-family: 'dinbold';
    text-decoration: none;
    color: #000;
    margin-left: 20px;
}
#botonerareferente ul li a:hover {


color: #86ffbe;
}






/*/------------------catedra con slider-------------------/*/



#cajacatedra{
width: 480px;
    height: 400px;
    background-color: #fff;
    float: left;
    padding-left: 10px;
    padding-right: 10px;


}


#ifr2{

width: 400px;
    height: 400px;
border: none;
float: left;
    
    

}













    
    
    
 


    
 




* -------------------responsive---------*/

@media all and (min-width:320px) and (max-width:480px){
    #header { /*todas las reglas css aca adentro*/
 width:50%;
    height:10%;
float:inherit;}
    #logo{
 max-width:60%;
    height:60%;}
    
     #header ul{
    height: 10%;
     width:60%;
     float:none;
     position:absolute;
     top:0px;
     left:45%;}
    
    
    nav{
        max-width:50%;
         max-height: 60%;}
    
    /*nav ul{max-width:100%;
         max-height: 100%;}*/
    
     .navegador {
 max-width:100%;
         max-height: 60%;
     display:flex;
     flex-direction: column;}
         
    /* botones*/
    
    /*tamaño de la botonera*/
    .navegador li { 
        width:8%;
        height:75%;
    float:left;}
    
    /*cada uno de los botones*/
    .navegador li a{ 
        width:100%;
        height:80%;
        font-size:8pt;}
    /* fin botonera */
    h3 { width:50%;
        height:100%;}
    h3 img{ width:50%;
        height:100%;}
    /* cuerpo de la pag */
    section{width:60%;
        height:30%;}
    #homenav{width:60%;
        height:30%;}
    #homenav ul{width:100%;
        height:30%;}
    .home {width:50%;
        height:30%;}
    #contenedorhome1{width:50%;
        height:30%;}
    
    
   /*/ .navegador li ul{
    width:100%;
    height:100%;
    display:flex;
     flex-direction: column;
    font-size:8pt;
     }/*/
    
}/*/----para celular---/*/


<!-- BOTONES!!!
A:link {COLOR: red; TEXT-DECORATION: none} 
A:visited {COLOR: gray; TEXT-DECORATION: none} 
A:active {TEXT-DECORATION: none} 
A:hover {COLOR: blue; TEXT-DECORATION: underline}





@media only screen and (min-width:768px) and (max-width:24rem) {
    #header{ /*todas las reglas css aca adentro*/ }
} /*/---para tablet---/*/

@media only screen and (min-width:1024px) and (max-width:24rem) { #botonera{ 
    width:60%;
    #header {width: 65%; }
}/*/----para pc de escritorio---/*/