@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap');

.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}

.item { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.wrapper {
    width: 95%;
    margin: 3em auto;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
  column-count:4;
}

.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.item img{max-width:100%;}

.text-b
{
font-family:'Open Sans' !important;
font-size: 14px;	
color: fff;
text-decoration: none;
	margin-bottom: 10px;
}

.modal-header
{
	border-bottom: none !important;
}
.dropdown-item
{
font-family: 'Lora', serif !important;
}

@media only screen and (min-width: 200px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}



/********************************/
/*           PAGINADOR          */
/********************************/

.paginador{

	float:left;

	padding:4px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:1px;

	margin-right:1px;
	
	width:25px;

	text-align:center;

	
	color:#999;
	
	background-color: #CCC;
	

	}

.paginador_ac{

	float:left;

	padding:4px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:1px;

	margin-right:1px;

	width:25px;

	text-align:center;

	background: #1c88e3;

	color:#fff;

	}

.paginador a{ 

text-decoration:none;
color: #fff;

}
.paginador:hover{
text-decoration:none;
background-color:#1c88e3;

}

.contenido_paginador
{
margin-top:20px; 
margin-left:20px;	
}



.titulo_portada {font-family: 'Lora', serif; border-bottom: solid 4px #d7b85e; text-decoration: none/*font-size: 36px;*/}
.titulo_portada2 {font-family: 'Lora', serif; border-bottom: solid 4px #000; /*font-size: 36px;*/}
.texto_portada {font-family: 'Lora', serif; }
.texto_portada a {font-family: 'Lora', serif; color: #000; }
.texto_portada a:hover {font-family: 'Lora', serif; color: #978654; }

.btn-warning {
    color: #fff;
    background-color: #ffc313;
    border-color: #ffc313;}
.btn-warning:hover {
    color: #fff;
    background-color: #d7b85e;
    border-color: #d7b85e;}
.btn {font-family: 'Lora', serif; font-size: 14px; font-weight: 600;}

.titulo_int {font-family: 'Lora', serif; border-bottom: solid 4px #d7b85e; /*font-size: 36px;*/}

.textos {  font-size: 15px; font-family: 'PT Sans', sans-serif;}

h1 {font-family: 'Lora', serif; border-bottom: solid 4px #d7b85e;}



a {
    color: #a68b36;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #b5a05c;
    text-decoration: underline;
}







/*MENU*/
.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
    font-family: 'Lora', serif;}

.bg-light {background-color: #f8f9fa00 !important;}

.navbar {padding: 0.3rem 1rem;}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.0);}
.espacio_raya_int {/*margin-top: -14px;*/}




/*SLIDE*/
.carousel-caption {
    position: absolute;
  /*  right: 50%;
	top: 180px;
    left: 21%;*/
    /*bottom: 100px;*/
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    text-align: left;
	font-family: 'Lora', serif;
	/*font-size: 22px;*/}

.contenido_slide { /*background-color: #fff;*//* padding-top: 45px; padding-left: 45px; padding-right: 45px; padding-bottom: 23px;*/}

.crop_text_slide {
   display: block;
max-width: auto;
/*height: 170px;*/ /* alto máximo del div( debe tener directa relación con la cantidad de líneas a mostrar) o puedes calcularlo de esta forma: $font-size*$line-height*$lines-to-show */
 margin: 0 auto;
 -webkit-line-clamp: 3; /*Cantidad de líneas que desea mostrar*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;}
.carousel-control-next-icon { background-image: url(imagenes/arrow_right.png); width: 23px; height: 35px;}
.carousel-control-prev-icon { background-image: url(imagenes/arrow_left.png); width: 23px; height: 35px;}

.slide_575 { height: 179px;}






/*NOVEDADES*/
.borde_novedades { /*border: solid #d7b85e 6px; padding: 15px;*/}
.fondo_novedades {position: absolute; margin-top: -40px; margin-left: -12px;}
.imagen_novedades {box-shadow: 0px 7px 8px #808080;}
.espacio_novedades { /*margin-top: 75px;*/}
.espacio_novedades_btm {/*margin-bottom: 69px;*/}





/*COMO COMPRAR*/
.s_izq_comprar {/*width: 50%; margin-left: 29%;*/}
.imagen_comprar { position: absolute; /* margin-left: -45%;*/ z-index: 100; }
.espacio_amarillo {background-color: #ffd55c;}
.espacio_ocre {}




/*ARTE QUILVO*/
.imagen_arte { /*box-shadow: 0px 17px 14px #919191;*/}
.fondo_arte {position: absolute;/* margin-top: -35px; margin-left: -6px;*/}
.espacio_arte { /*margin-top: 75px;*/}





/*PIE*/
.fondo_pie {background-color: #b5a05c;}
.texto_pie {font-family: 'Lora', serif; /*font-size: 15px;*/ color: #fff; }
.texto_pie a {color: #fff;}
.texto_pie a:hover {color: #fff;}








/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

@media (max-width: 575px) {
.carousel-caption {right: 14%; top: 19px; left: 15%; font-size: 14px;}
.contenido_slide { background-color: #ffffffd4; padding: 18px 18px 15px 18px;}
.crop_text_slide {height: 108px;}
.borde_novedades { border: solid #d7b85e 6px; padding: 15px;}
.espacio_novedades { margin-top: 55px;}
.espacio_novedades_btm {margin-bottom: 82px;}
.s_izq_comprar {width: 90%; margin-left: 4%;}
.imagen_comprar {  margin-left: 2%; margin-top: -58%; width: 278px;}	
.espacio_amarillo { height: 150px;}
.espacio_ocre { padding-bottom: 83px !important;}
.fondo_arte {margin-top: -17px; margin-left: -14px;}
.espacio_arte { margin-top: 40px;}
.titulo_portada {font-size: 32px;}
.titulo_portada2 {font-size: 32px;}
h1 {font-size: 32px;}
.titulo_int {font-size: 30px;}
.texto_pie { font-size: 14px;}
	
}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.carousel-caption {right: 44%; top: 53px; left: 12%; font-size: 14px;}
.contenido_slide {background-color: #ffffffe3; padding: 24px 24px 19px 24px;}	
.crop_text_slide {height: 45px;}
.borde_novedades { border: solid #d7b85e 6px; padding: 15px;}
.espacio_novedades { margin-top: 75px;}
.espacio_novedades_btm {margin-bottom: 80px;}
.s_izq_comprar {width: 90%; margin-left: 4%;}
.imagen_comprar {  margin-left: 2%; margin-top: -47%; width: auto;}	
.espacio_amarillo { height: 245px;}
.espacio_ocre { padding-bottom: 170px !important;}
.fondo_arte {margin-top: -15px; margin-left: -14px;}
.espacio_arte { margin-top: 43px;}
.titulo_portada {font-size: 36px;}
.titulo_portada2 {font-size: 36px;}
h1 {font-size: 36px;}
.titulo_int {font-size: 36px;}
.texto_pie { font-size: 15px;}
	
}


/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.carousel-caption {right: 48%; top: 50px; left: 12%; font-size: 15px;}
.contenido_slide { background-color: #ffffffe3; padding: 30px 30px 22px 30px;}	
.crop_text_slide {height: 118px;}
.borde_novedades { border: solid #d7b85e 4px; padding: 8px;}
.espacio_novedades_btm {margin-bottom: 42px;}
.s_izq_comprar {width: 90%; margin-left: 5%;}
.imagen_comprar { margin-left: -5%; width: 350px; margin-top: 12%;}	
.espacio_amarillo { height: auto;}
.espacio_ocre { padding-bottom: 3rem !important;}
.fondo_arte {margin-top: -19px; margin-left: -14px;}
.espacio_arte { margin-top: 37px;}
.espacio_raya_int {margin-top: -14px;}
	
}


/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.carousel-caption {right: 51%; top: 66px; left: 11%; font-size: 17px;}
.contenido_slide {background-color: #fff;  padding: 45px 45px 35px 45px;}
.crop_text_slide {height: 135px;}
.borde_novedades { border: solid #d7b85e 6px; padding: 15px;}
.espacio_novedades_btm {margin-bottom: 23px;}
.s_izq_comprar {width: 70%; margin-left: 3%;}
.imagen_comprar { margin-left: -22%; width: 450px; margin-top: 0;}	
.fondo_arte {margin-top: -35px; margin-left: -6px;}
.espacio_arte { margin-top: 55px;}
.espacio_raya_int {margin-top: -14px;}
	
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.carousel-caption {right: 51%; top: 97px; left: 13%; font-size: 18px;}
.contenido_slide { padding: 45px 45px 35px 45px;}	
.crop_text_slide {height: 141px;}	
.s_izq_comprar {width: 65%; margin-left: 4%;}
.imagen_comprar { margin-left: -22%; width: auto;}

}
















@media (min-width: 1400px) {
.carousel-caption {right: 50%; top: 125px; left: 21%; font-size: 18px;}
.contenido_slide { padding: 45px 45px 35px 45px;}
.crop_text_slide {height: 141px;}
.s_izq_comprar {width: 55%; margin-left: 15%;}
.imagen_comprar {  margin-left: -18%;}
}


@media (min-width: 1500px) {
.carousel-caption {right: 50%; top: 140px; left: 21%; font-size: 20px;}	
.contenido_slide { padding: 45px 45px 37px 45px;}
.crop_text_slide {height: 155px;}
.s_izq_comprar {width: 50%; margin-left: 20%;}
.imagen_comprar { margin-left: -17%;}
}


@media (min-width: 1700px) {
.carousel-caption {right: 50%; top: 170px; left: 21%; font-size: 22px;}	
.contenido_slide { padding: 45px 45px 35px 45px;}
.crop_text_slide {height: 170px;}
.s_izq_comprar {width: 50%; margin-left: 26%;}
.imagen_comprar {  margin-left: -15%;}
}

@media (min-width: 1800px) {
.carousel-caption {right: 50%; top: 177px; left: 21%; font-size: 22px;}	
.contenido_slide { padding: 45px 45px 35px 45px;}
.crop_text_slide {height: 170px;}
.s_izq_comprar {width: 50%; margin-left: 29%;}
.imagen_comprar {  margin-left: -14%;}
}