.container{
font-family: "Open Sans",sans-serif;
text-align: justify;
}
strong{
font-weight: bold;
}
.ether-cols-2.ppal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media(max-width: 991px){
.ether-cols-2.ppal {
margin-top: 0px;
}
}
.ppalizq,
.ppalder {
-webkit-flex-basis: 48%;
flex-basis: 48%;
}
@media(max-width: 991px){
.ppalizq,
.ppalder {
-webkit-flex-basis: auto;
flex-basis: auto;
}
.sup .ppalizq {
order: 2;
}
.sup .ppalder {
order: 1;
}
}
.sup .ppalder {
margin: 0 auto;
}
.ppalder span {
display: block;
text-align: center;
}
.ppalizq img,
.ppalder img {
width: 100%;
}
.ppalder img {
border: 1px solid #afbbaa;
border-radius: 5px;
box-shadow: 1px 1px 5px #333;
width: 100%;
}
.galeria .ether-spacing{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
}
.galeria .ether-col {
-webkit-flex-basis: 45%;
flex-basis: 45%;
padding: 15px;
}
@media (max-width: 1699px){
.galeria .ether-col{
-webkit-flex-basis: 44%;
flex-basis: 44%;
}
}
@media (max-width: 1199px){
.galeria .ether-col{
-webkit-flex-basis: 43%;
flex-basis: 43%;
}
}
@media (max-width: 475px){
.galeria .ether-col{
-webkit-flex-basis: auto;
flex-basis: auto;
}
}
@media (max-width: 991px){
.galeria .ether-cols-1 {
padding: 0;
}
}
.galeria img{
border-radius: 5px;
border: 1px solid #afbbaa;
box-shadow: 1px 1px 5px #333;
margin-bottom: 15px;
width: 100%;
}
@media (max-width: 991px){
.galeria img{
margin-bottom: 0;
}
.ppalder h2 {
margin-top: 0;
}
}
@media (max-width: 375px){
.galeria img{
width: 100% !important;
}
} .padre{
display: none;
opacity: 0;
margin: 0 auto;
max-width: 1140px;
position: relative;
width: 800px;
z-index: 2501;
}
@media(max-width:799px){
.padre{
width: 95%;
}
}
.img_grande {
border: 10px solid #fff;
border-radius: 8px;
position: absolute;
display: none;
opacity: 0;
}
.close{
position: absolute;
width: 100%;
z-index: 25000;
}
.cierre{
background: #fff url(//esgaravita.com/wp-content/themes/esgaravita/imagenes/cerrar.png) no-repeat scroll 50% 50%;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 0 0 0 5px;
cursor: pointer;
float: right;
height: 50px;
width: 50px;
}
.flechas{
background: transparent none repeat scroll 0 0;
margin-top: 250px;
position: absolute;
width: 100%;
z-index: 25000;
}
@media(max-width:799px){
.flechas{
margin-top: 185px;
}
}
@media(max-width:599px){
.flechas{
margin-top: 155px;
}
}
@media(max-width:499px){
.flechas{
margin-top: 125px;
}
}
@media(max-width:399px){
.flechas{
margin-top: 80px;
}
}
.flecha_der,
.flecha_izq{
background: #fff url(//esgaravita.com/wp-content/themes/esgaravita/imagenes/avance.png) no-repeat scroll right 50%;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 5px 0 0 5px;
border-top: 1px solid #fff;
cursor: pointer;
height: 50px;
width: 4%;
}
@media(max-width:640px){
.flecha_der,
.flecha_izq{
width: 6%;
}
}
@media(max-width:550px){
.flecha_der,
.flecha_izq{
width: 7%;
}
}
@media(max-width:420px){
.flecha_der,
.flecha_izq{
width: 8%;
}
}
@media(max-width:365px){
.flecha_der,
.flecha_izq{
width: 9%;
}
}
.flecha_izq{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
float: left;
}
.flecha_der{
float: right;
}
.img_grande img{
width: 100%;
}
.cabeceraizq {
text-align: left;
}
.colorines p {
font-size: 1.3rem;
margin: 5px 0;
}
@media (max-width: 1399px){
.colorines p {
font-size: 1rem;
}
}
@media (max-width: 869px){
.colorines p {
font-size: 1.2rem;
margin: 10px 0;
}
}
.colorines p:nth-child(1) {
color: #c40f36;
}
.colorines p:nth-child(2) {
color: #4363d7;
margin-left: 5%;
}
.colorines p:nth-child(3) {
color: #15ac1c;
margin-left: 10%;
}
.colorines p:nth-child(4) {
color: #c6b125;
margin-left: 15%;
}
.colorines p:nth-child(5){
color: #9a0fcd;
margin-left: 20%;
}
.colorines p:nth-child(6){
color: #eb9000;
margin-left: 25%;
text-align: left;
}
@media (max-width: 489px){
.colorines p:nth-child(n){
margin-left: 0;
text-align: left;
}
}
.nenes {
display: block;
margin: 0 auto;
max-width: 420px;
}
.container p.sinmarg {
margin-bottom: 0;
}
.merienda {
margin-left: 20px;
}
.descarga {
font-size: 1.5em;
position: relative;
}
.descarga img {
width: auto;
top: 0px;
left: -35px;
position: absolute;
}