/* CSS Document */

h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;  
}

h3 {
    font-family: 'Gochi Hand', cursive;
    font-size: 30px;
}

p {
   font-family: 'Open Sans', sans-serif;
    font-size: 16px;    
}

/* Linea verde de arriba */

#line-up {
    width: 100%;
    height: 40px;
    background: #80B93F;   
}

#line-up-inside {
    width: 100%;
    max-width: 1080px;
    min-width: 720px;
    height: 40px;
    margin: auto;
}

#phone-icon {
    float: left;
    margin: 9px 10px 0 15px; 
}

#letter-icon {
    float: left;
    margin: 9px 10px 0 15px; 
}

#line-up-inside p { 
    margin: 12px 5px 0 5px; 
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 14px;
}

#colors {
    margin: 0;
    float: right;
}

.cycle-slideshow {
    width: 100%;
    display: block;
    position: relative;
    margin: -266px auto;
    float: left;
    overflow: hidden;
    background: url(../images/arriba.jpg) center top no-repeat;
}

.cycle-slideshow img {
    max-width: 100%;
}

.cycle-prev, .cycle-next {
    font-size: 200%;
    font-weight: 500;
    color: #299ED5;
    display: block;
    position: absolute;
    top: 43%;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
}

.cycle-prev {
    left: 16%;
    background: #80B93F;
    padding: 5px 20px 14px 20px;
}

.cycle-next {
    right: 16%;
    background: #80B93F;
    padding: 5px 20px 14px 20px;
}

.cycle-pager {
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 20px;
    z-index: 9999;
    cursor: pointer;
}

.cycle-pager span {
    text-indent: 100%;
    white-space: nowrap;
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0 10px;
}

.cycle-pager .cycle-pager-active {
    background: #299ED5;
}

#top {
    width: 100%;
    max-width: 1080px;
    min-width: 720px;
    height: 263px;
    margin: auto;  
    border: none;
    display: block;
    position: relative;
    z-index: 9999;
}

#logo {
    margin-top: 31px;
  -webkit-transition: -webkit-transform .5s ease-in-out;
          transition:         transform .5s ease-in-out;
}

#logo:hover {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

#infort {
    float: right; 
    margin-top: 14px;
}

/* Navegación */

#top nav, #top ul {
    width: 738px;
    height: 97px;
    display: inline-flex;
    list-style: none;
    margin: -150px 0 0 50px;
}

#top nav ul li {
    width: 147px;
    height: 34px;
    float: left; 
    text-align: center;
    padding-top: 63px;   
}

#top nav ul li#boton1 {
    background: url(../images/btn-inicio.png) no-repeat top center;
}

#top nav ul li#boton2 {
    background: url(../images/btn-mi_jardin.png) no-repeat top center;
}

#top nav ul li#boton2:hover {
    background: url(../images/btn-mi_jardin-over.png) no-repeat top center;
}

#top nav ul li#boton3 {
    background: url(../images/btn-metodologia.png) no-repeat top center;
}

#top nav ul li#boton3:hover {
    background: url(../images/btn-metodologia-over.png) no-repeat top center;
}

#top nav ul li#boton4 {
    background: url(../images/btn-admin.png) no-repeat top center;
}

#top nav ul li#boton4:hover {
    background: url(../images/btn-admin-over.png) no-repeat top center;
}

#top nav ul li#boton5 {
    background: url(../images/btn-contacto.png) no-repeat top center;
}

#top nav ul li#boton5:hover {
    background: url(../images/btn-contacto-over.png) no-repeat top center;
}

#top nav ul a {
    width: 147px;
    height: 97px;
    color: white;
    float: left;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
}

#boton1 {
    background: #80B93F;  
}




footer {
    border-top: 12px solid #80B93F;
    background: url(../images/back-footer.jpg);
    width: 100%;
    height: 55px;
}

#dentro-footer {
    width: 1080px;
    margin: auto;
}

#dentro-footer ul {
    width: 700px;
    padding: 0;
    float:left;
}

#dentro-footer li {
    list-style: none;
    float: left;
    font-family: 'Montserrat', sans-serif;
    padding-right: 40px;
}

#dentro-footer a {
     color: #299ED5;  
    width: 30px;
    padding-right: 20px;
    text-decoration: none;
}

#dentro-footer a:hover {
    text-decoration: overline;  
    color: #80B93F;
}

#dentro-footer img {
    float: right;   
    margin-top: -42px;
}