/* ------------------------------------------------------------ ESTILOS CABECERAS Y BLOQUES DE COLUMNAS - JEG - PERSONALIZADOS ---------------------------------*/ /* fuentes de google fonts */ @import url('https://fonts.googleapis.com/css?family=News+Cycle'); @import url('https://fonts.googleapis.com/css?family=Abel|Catamaran|Karla'); @import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:600'); /* codigos para las font-family font-family: 'Karla', sans-serif; font-family: 'Abel', sans-serif; font-family: 'Catamaran', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Oswald', sans-serif;*/ /*------------ BLOQUE DE 4 y 3 COL ------*/ .bloque-cabecera-texto-central { max-width: 1200px; color:#1a0d00 !Important; vertical-align: top; background:#ccc; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-4col { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .texto-primeras-especies {color:#333333; text-align:left !Important; } .texto-primeras-especies h6{color:#333333; text-align:left !Important; } .texto-primeras-especies a{color:#333333; } /*------------ BLOQUE DE 4 COL ------*/ .bloque-central-4col-2 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-4col-3 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-4col-4 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-4col-5 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-4col-6 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .caja1-4col {float: left; width:25%; vertical-align: top; background:#efefef ;color:#f3f2f0 !Important; padding-bottom: 12000px; margin-bottom: -12000px; } .caja2-4col {float: left; width:25%; vertical-align: top; background:#e0e0e0 ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja3-4col {float: left; width:25%; vertical-align: top; background:#efefef ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja4-4col {float: left; width:25%; vertical-align: top; background:#e0e0e0 ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja4-4col-1 {float: left; width:25%; vertical-align: top; background:#e0e0e0 ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja1-4col a {color:#3b1d00; } .caja2-4col a {color:#3b1d00; } .caja3-4col a {color:#3b1d00; } .caja4-4col a {color:#3b1d00; } .caja4-4col-1 a {color:#3b1d00; } .caja1-4col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja1-4col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja1-4col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja1-4col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-4col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja2-4col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-4col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-4col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-4col img {padding-bottom:0px; padding-left:7%; padding-right:7%;} .caja3-4col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja3-4col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-4col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-4col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-4col img {padding-bottom:0px; padding-left:7%; padding-right:7%;} .caja4-4col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja4-4col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col img {padding-bottom:0px; padding-left:7%; padding-right:7%;} .caja4-4col-1 img {padding-bottom:0px; padding-left:7%; padding-right:7%;} .caja4-4col-1 h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja4-4col-1 h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col-1 h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col-1 p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja4-4col-1 img {padding-bottom:0px; padding-left:7%; padding-right:7%;} /*------------ BLOQUE DE 3 COL ------*/ .bloque-central-3col-1 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-3col-2 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-3col-3 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .bloque-central-3col-4 { max-width: 1200px; color:#1a0d00 !Important; background-color: #f9f9f9;vertical-align: top; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;} .caja1-3col {float: left; width:33%; vertical-align: top; background:#efefef ;color:#f3f2f0 !Important; padding-bottom: 12000px; margin-bottom: -12000px; } .caja2-3col {float: left; width:33%; vertical-align: top; background:#e0e0e0 ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja3-3col {float: left; width:33%; vertical-align: top; background:#efefef ;color:#f3f2f0;padding-bottom: 12000px; margin-bottom: -12000px; } .caja1-3col a {color:#3b1d00; } .caja2-3col a {color:#3b1d00; } .caja3-3col a {color:#3b1d00; } .caja1-3col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja1-3col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja1-3col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja1-3col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-3col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja2-3col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-3col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-3col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja2-3col img {padding-bottom:0px; padding-left:7%; padding-right:7%;} .caja3-3col h1 {color:#1a0d00 !Important;font-size:22px !Important; padding-left:10%; padding-right:10%; padding-top:5px; padding-bottom:5px; } .caja3-3col h5 {color:#1a0d00!Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-3col h6 {color:#1a0d00 !Important;font-size:22 px !Important; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-3col p {color:#1a0d00 !Important;font-size:14px; padding-left:10%; padding-right:10%; padding-top:0px; padding-bottom:0px; } .caja3-3col img {padding-bottom:0px; padding-left:7%; padding-right:7%;} /*---- FINAL BLOQUE 3 COL --------------*/ .seccion-familia{color:#333333; text-align:left !Important; } .seccion-familia h6{color:#333333; text-align:left !Important; } .seccion-familia a{color:#333333; } .seccion-familia img {width:100% !Important; height:auto; padding-left:0px !Important; padding-right:0px !Important; } .seccion-familia hr {width:75%; color: #996633; } .seccion-familia p {width:75%; } .bloque-especies img {padding-bottom:0px; padding-left:5%; padding-right:5%;} /*------------ MEDIA QUERYS -----------*/ @media (max-width:1100px) { .caja1-4col {width: 25%;} .caja2-4col {width: 25%;} .caja3-4col {width: 25%;} .caja4-4col {width: 25%;} .caja1-3col {width: 33%;} .caja2-3col {width: 33%;} .caja3-3col {width: 33%;} } @media (max-width:1024px) { .caja1-4col {width: 25%;} .caja2-4col {width: 25%;} .caja3-4col {width: 25%;} .caja4-4col {width: 25%;} .caja4-4col-1 {width: 25%;} .caja1-3col {width: 33%;} .caja2-3col {width: 33%;} .caja3-3col {width: 33%;} } @media (min-width:980px) { } @media (max-width:980px) { .caja1-4col { width: 25%;} .caja2-4col {width: 25%;} .caja3-4col {width: 25%;} .caja4-4col {width: 25%;} .caja4-4col-1 {width: 25%;} .caja1-3col {width: 33%;} .caja2-3col {width: 33%;} .caja3-3col {width: 33%;} } @media (max-width:910px) { .caja1-4col {width: 25%;} .caja2-4col {width: 25%;} .caja3-4col {width: 25%;} .caja4-4col {width: 25%;} .caja4-4col-1 {width: 25%;} .caja1-3col {width: 33%;} .caja2-3col {width: 33%;} .caja3-3col {width: 33%;} } @media (max-width:780px) { .caja1-4col {width: 80%;margin-top:50px; } .caja2-4col {width: 80%; margin-top:-100px;} .caja3-4col {width: 80%; margin-top:10px;} .caja4-4col {width: 80%;} .caja1-3col {width: 50%;margin-top:10px;} .caja2-3col {width: 50%; margin-top:10px;} .caja3-3col {width: 50%; margin-top:10px;} } @media (max-width:480px) { .caja1-4col {width: 100%;margin-top:10px; text-align:center;} .caja2-4col {width: 100%; text-align:center; margin-top:20px;} .caja3-4col {width: 100%; text-align:center; margin-top:20px;} .caja4-4col {width: 100%; } .caja4-4col-1 {display:none; } .caja1-3col {width: 100%;margin-top:0px; text-align:center;} .caja2-3col {width: 100%; text-align:center; margin-top:20px;} .caja3-3col {width: 100%; text-align:center; margin-top:20px;} .seccion-familia img {width:100% !Important; height:auto; padding-left:0px !Important; padding-right:0px !Important; } .texto-primeras-especies {color:#333333; margin-left:0%; margin-right:0%;text-align:left !Important; } .bloque-cabecera-familias {text-align:left;} .bloque-especies {text-align:center;} .bloque-especies img {padding-bottom:0px; padding-left:10%; padding-right:10%;} }