html {
    background-color: #31DDB4;
    background-image: #31DDB4;
    background-image: #31DDB4;
    -webkit-font-smoothing: antialiased;
}

/*tipografías*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900|PT+Sans+Narrow:400,700); 
/*tipografías*/

body#home {
    background-color: #fff;
    margin: auto;
    max-width: 920px;
    height: 1750px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #545454;
}

header#home {
    background-image: url(imagen/header.jpg);
    width: 920px;
    height: 197px;
    align-content: center;
    margin:auto;
    text-align: center;
    color: #000;
    font-family: sans-serif;
    font-size: 11px;
}

div#logo {
    float: left;
    overflow: auto;
    margin-left: 30px;
    margin-top: 15px;
}

/*botonera principal*/
header nav#botonera {
    float: right;
    margin-top: 150px;
    margin-right: 45px;
    overflow: auto;
}

header nav#botonera ul li{
    list-style: none;
    display: inline-block;
    padding-left: 20px;
}

ul li a#botonera{
    text-decoration: none;
    color: #000000;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0);  
}

ul li a#botonera:hover {
    color: #31DDB4;
    font-family: "PT Sans Narrow";
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #31DDB4;
}

/*body*/
img#fotohome{
    display: block;
    margin-top: 30px;
    margin-left: 43px;
    position: absolute;
}

h1#texto {
    color: #fff;
    font-size: 3.2rem; 
    font-family: "PT Sans Narrow", sans-serif;
    text-align: left;
    float: left;
    background-color: rgba(49, 221, 180, 0.8);
    margin-top: 60px;
    margin-left: 43px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 250px;
}

p#texto2 {
    color: #fff;
    font-size: 1.2rem; 
    font-family: "PT Sans Narrow", sans-serif;
    text-align: left;
    float: left;
    clear:both;
    background-color: rgba(215, 78, 119, 0.8);
    margin-left: 43px;
    margin-top: -10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    line-height: 1.9rem;
    width: 250px;
}

/*novedades*/
div#botonerasecundaria{
    background-image: url(imagen/novedadesbyn.jpg);
    width: 403px;
    height: 201px;
    float: left;
    position: absolute;
    margin-left: 43px;
    margin-top: 520px;
    -webkit-transition: all 1s ease-out 0s;
  	-moz-transition: all 1s ease-out 0s;
  	-ms-transition: all 1s ease-out 0s;
  	-o-transition: all 1s ease-out 0s;
  	transition: all 1s ease-out 0s;
}

div#botonerasecundaria a{
    text-decoration: none;
}

div#botonerasecundaria:hover{
	background-image: url(imagen/novedades_color.jpg);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 1;
}

p#novedades{
    overflow: auto;
    margin-left: 25px;
    margin-top: 50px;
    color: #fff;
    font-size: 2.5rem;
    font-family: "PT Sans Narrow", sans-serif;
    border-bottom: 0.3rem solid #31DDB4;
    border-bottom-color: #31DDB4;
    width: 180px;
    font-weight: 600;
}

/*referencias*/
div#botonerasecundaria1{
    background-image: url(imagen/referentes_byn.jpg);
    width: 403px;
    height: 201px;
    float: right;
    position: absolute;
    margin-left: 470px;
    margin-top: 520px;
    -webkit-transition: all 1s ease-out 0s;
  	-moz-transition: all 1s ease-out 0s;
  	-ms-transition: all 1s ease-out 0s;
  	-o-transition: all 1s ease-out 0s;
  	transition: all 1s ease-out 0s;
}

div#botonerasecundaria1 a{
    text-decoration: none;
}

div#botonerasecundaria1:hover{
	background-image: url(imagen/referentes_color.jpg);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 1;
}

p#referencias{
    overflow: auto;
    margin-left: 25px;
    margin-top: 50px;
    color: #fff;
    font-size: 2.5rem;
    font-family: "PT Sans Narrow", sans-serif;
    border-bottom: 0.3rem solid #31DDB4;
    border-bottom-color: #D74E77;
    width: 197px;
    font-weight: 600;
}

/*footer*/
footer {
    clear:both;
    font-family: sans-serif;
    font-size: 0.6rem;
    color: #63B8A3;
    text-align: center;
    margin-top: 1200px;
    margin-bottom: 100px;
}

/*botonera técnicas*/

div#izquierda {
    float:left;
    height: 500px;
}

nav#botoneratecnicas{
    float: left;
}

nav#botoneratecnicas ul li{
    list-style: none; 
    padding-bottom: 24px;
}

ul li a#tecnica{
    text-decoration: none;
    color: #000000;
    font-family: "LATO";
    font-size: 0.8rem;
    display: block;
}

ul li a#tecnica:hover{
    text-decoration: none;
    color: #63B8A3;
    font-family: "LATO";
    font-size: 0.8rem;
    display: block;
    border-bottom: 0.1rem solid #31DDB4;
    width: 200px;
}

/*TECNICAS>>*/

/*títulos*/
h3{
    color: #63B8A3;
    font-family:"PT Sans Narrow";
    font-size: 1.5rem; 
    margin-left: 43px;
    margin-top: 40px;
}
/*títulos*/

p#texto_tecnica {
    color: #000000;
    font-size: 0.8rem;
    margin-left: 43px;
    width: 200px;
    margin-top: -10px;
    font-family: "LATO";
}

/*galeria*/

div#acuarela li { 
    display:inline; 
    float:left; 
    width:285px; 
    background-color:#f5f7f9; 
    margin:10px; 
    margin-top: 25px;
    margin-left: 25px;
    margin-bottom: 0px;
}
    
/*descripcion de tecnicas*/

p#descripcion{
    color: #63B8A3;
    font-size: 0.8rem;
    margin-left: 43px;
    width: 200px;
    margin-top: 370px;
    font-family: "LATO";
}

/*trabajos prácticos*/

/*tp*/

h2{
    color: #000000;
    text-align: center;
    font-family:"PT Sans Narrow";
    width: 200px;
    margin-left: 40px;
    font-size: 2.7rem;
    margin-bottom: 0px;
}

h4{
    color: #D74E77;
    text-align: center;
    font-family:"PT Sans Narrow";
    width: 200px;
    margin-left: 40px;
    font-size: 1.5rem;
    margin-top: -12px;
}

p#tp{
    color: #000000;
    font-size: 0.8rem;
    margin-left: 43px;
    width: 200px;
    font-family: "LATO";
}

p#datos{
    color: #000000;
    font-size: 0.6rem;
    margin-left: 43px;
    width: 200px;
    font-family: "LATO"; 
    margin-top: 20px;
    line-height: 15px;
}

div#tp1{
    float: right;
    margin-top: 100px;
    margin-right: 45px;
    width: 592px;
}

div#derecha{
    float: right;
    width: 200px;
    margin-right: 85px;
}

div#tp2{
    float: left;
    margin-left: 43px;
    width: 592;
    margin-top: 20px;
}

/*NOVEDADES*/

div#muestra{
    float: left;
    margin-left: 43px;
    margin-top: -30px;
}

p#muestra{
    font-family: "PT Sans Narrow";
    font-size: 1rem;
    font-weight: 600;
}

.destacado1{
    color:#63B8A3; 
}

p#divisor{
    text-align: center;
    font-family: "PT Sans Narrow";
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: -15px;
    margin-top: 25px;
}

a#ver{
    text-decoration: none;
}

p#ver{
    text-align: center;
    font-family: "PT Sans Narrow"; 
    color:#63B8A3;
    margin-top: 10px;
}

img#muestra{
    margin-right: 43px;
    width: 592px;
}

/*recomendaciones*/
div#curso{
    float: right;
    width: 200px;
}

p#curso{
    font-family: "PT Sans Narrow";
    font-size: 1rem;
    font-weight: 600;
    color: #D74E77;
}

img#curso{
    margin-bottom: 10px;
}

/*DOCENTES*/
nav ul#docente{
    width: 920px;
    float: left;
    list-style: none;
}

nav ul li#docente{
    display: inline-block;
}

nav ul li a#docente{
    display: block;
    margin-right: 35px;
    margin-bottom: 35px;
}