/*
font-family: 'Abel', sans-serif;
font-family: 'Oswald', sans-serif;
rojo: #ff5c40;
azul:  #0c7cc4;
grisoscuro:  #2c2c2c;
amarillo: #ffc600	;
naranja:  #ff9c05;
*/
body{
	font-family:  'Abel', sans-serif;
	font-size: 16px;
}
.ancho{
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
header{
	background: #2c2c2c;
	color: white;
	border-bottom: 10px #ff5c40 solid;
}
#iconos{
	display: inline-block;
	vertical-align: middle;
}
#direccion{
	display: inline-block;
	width: 320px;
}
#direccion p{
	display: inline-block;
	width: 250px;
	text-align: justify;
	vertical-align: middle;
}
#correo{
	display: inline-block;
	width: 280px;
	text-align: center;
	vertical-align: middle;
}
#correo a{
	text-decoration: none;
	color: white;
	display: inline-block;
	vertical-align: middle;
}
#correo a:hover{
	color: #b3b3b3;
}
#oficina{
	display: inline-block;
	width: 250px;
	text-align: center;
	vertical-align: middle;
}
#oficina a{
	text-decoration: none;
	color: white;
	display: inline-block;
	vertical-align: middle;
}
#oficina a:hover{
	color: #b3b3b3;
}
#celular{
	display: inline-block;
	width: 210px;
	text-align: center;
	vertical-align: middle;
}
#celular a{
	text-decoration: none;
	color: white;
	display: inline-block;
	vertical-align: middle;
}
#celular a:hover{
	color: #b3b3b3;
}
#logo{
	display: inline-block;
	vertical-align: middle;
}
#navegacion{
	display: inline-block;
	vertical-align: middle;
	width: 65%;
	padding: 6px;
	text-align:right;
}
#redes{

	padding: 10px;
	font-size: 40px;
	color: #777777;
}
#redes a{
	color: #777777;
}
#redes a:hover{
	color:  #B3B3B3;
}
.ligas{

	display: inline-block;
	text-decoration: none;
	color: #ff9c05;
	font-size: 1.3em;
   font-weight: 600;
	padding: 5px 10px;
}
.ligas:hover{
	border-bottom: 2px #ff9c05 solid;
}
nav{
	background: #f0f0f0;	
	padding: 15px 10px;
}
nav ul{
	max-width: 1200px;
	margin: auto;
	list-style: none;
	text-align:center;
}
nav ul li{
	display: inline-block;
}
nav ul li a{
	padding: 15px 10px;
	color: #2c2c2c;
	text-decoration: none;
	border-left: 2px #dedede solid;
	border-right: 2px #dedede solid;
	margin: 0px;
	font-size: 18px;
	margin-right: 10px;
}
nav ul li a:hover{
	background-color: #dedede;
}
#slide{
	background: url(imagenes/fotoslide.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 7em;
	text-align: center;
	vertical-align: middle;
}
#transparente{
	padding: 15px;	
	text-align:center;
	width: 70%;
	font-size: 25px;
	margin: auto;
	background-color: rgba(255, 255, 255, .7);
}
h1{
	font-size: 20px;
	color: #ff5c40;
	text-transform: uppercase;
}
#belleza{
	color: #0c7cc4;
	font-size: 25px;
	font-family: 'Oswald', sans-serif;
}
#gruesa{
	font-weight: bold;
	color: #343434;
	font-family: 'Oswald', sans-serif;
}
#btnrojo{
	margin-top: 20px;
	text-decoration: none;
	color: white;
	padding: 15px 20px;
	background-color: #ff0000;
}
#secciones{
	padding: 10px;

}
figure{

	width: 30%;
	margin: 0px;
	display: inline-block;
	margin:10px;
	text-align:center;
	vertical-align: top;
}	
figure img{
	width: 100%;
}
figcaption{
	text-align:left;
	padding: 10px;
	margin: 0px;
}
figure a{
	margin: 0px;
	width: 98%;
	text-decoration: none;
	color: white;

}
#cortinas2
{
	background-color: #0c7cc4;
	color: white;
	font-size: 1.2em;
}
#toldos{
	background-color: #9e2ab3;
	color: white;
	font-size: 1.2em;
}
#pisos{
	background-color: #ffc600;
	color: white;
	font-size: 1.2em;
}
#alfombras{
	background-color: #b26800;
	color: white;
	font-size: 1.2em;
}
#carpinteria{
	background-color: #ff5c40;
	color: white;
	font-size: 1.2em;
}
#tapiceria{
	background-color: #00bfa3;
	color: white;
	font-size: 1.2em;
}
#fotomurales{
	background-color: #b4aebb;
	color: white;
	font-size: 1.2em;
}
#woodplastic{
	background-color: #ff5c40;
	color: white;
	font-size: 1.2em;
}
#paneles{
	background-color: #ff9c05;
	color: white;
	font-size: 1.2em;
}

#flecha{
	padding:0px 20px;
	font-size: 25px;
	text-align: right;
}
#info{
	background-color: #ececec;
}
#bienvenida{
	width: 55%;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}
#bienvenida figure{
	width:30%;
	display: inline-block;
}
#bienvenida figure img{
	width: 100%;
}
#bienvenida p{
	vertical-align: top;
	width: 60%;
	display: inline-block;
}
#servicios{
	width: 38%;
	display: inline-block;
	vertical-align: top;
}
#cliente{
	text-align:justify;
}
#cliente h3{
	color: black;
}
.vermas{
	background-color: #ff5c40;
	padding: 10px 25px;
	color: white;
	text-decoration: none;
}
#vermas{
	background-color: #ff5c40;
	padding: 10px 25px;
	color: white;
	text-decoration: none;
}
#ico{
	padding: 10px;
}
h2{
	font-family: 'Oswald', sans-serif;
}
h3{
	color: white;
	margin: 0px;
}
#ultimostrabajos{
	padding: 20px;
}
#trabajo1, #trabajo2{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
#trabajo1 img , #trabajo2 img, .trabajos img{
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
#trabajo1 div , #trabajo2 div, .trabajos div{
	text-align: justify;
	width: 53%;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
}
#trabajo1 h3 , #trabajo2 h3, .trabajos h3 {
	font-family: 'Oswald', sans-serif;
}
.tituloTrabajo{
	color: black;
}
.trabajo{
	width: 90%;
	display: inline-block;
	margin-bottom: 40px;
	text-align: left;
	
}
 .trabajo img{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-right: 20px;
	border: 5px white solid;
    box-shadow: 0px 0px 10px #B3B3B3;
}

.mes{
	color: #ff9a11;
	font-family: 'Oswald', sans-serif;
}
#azulcorreo{
	background-color: #0c7cc4;
}
#azulcorreo p{
	width: 45%;
	display: inline-block;
	color: white;
	font-size: 18px;
	padding: 2px 15px;
}
#azulcorreo form{
		width: 45%;
		vertical-align: middle;
	display: inline-block;
}
#escribe{
	width: 70%;
	display: inline-block;
	padding: 4px 6px;
}
#suscribete{
	display: inline-block;
	width: 25%;
	background-color: #ffc600;
	border-color: 1px #ffc600 solid;
	padding: 4px 10px;
}
#disenosexclusivos{
	padding: 20px 0px;
}
#amarillo{
	background-image: url(imagenes/disenosexclusivos.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 48%;
	display: inline-block;
	text-align:justify;
	padding: 15px;	
	vertical-align: top;
	font-size: 18px;
}
#trabajos{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
#trabajos img{
	width: 100%;
}
#exc{
	color: white;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
}
#amarillo h3{
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
}
#call{
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	color: #9d0707;
}
#marcas{

}
#marcas figure{
	width: 22%;
	box-shadow: 0px 0px 10px #B3B3B3;
}
#marcas img{
	width: 100%;
}
footer{
	background-color: #2c2c2c;
	text-align: center;
	padding: 10px;
	color: white;
}
footer figure{
	width: 300px;
}
footer #uno ,#dos,#tres{
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
#uno{
	text-align: left;
	padding: 10px;
	color: white;
}
#infopie{
	text-align:left;
	width: 70%;
	margin: auto;
}
#infopie a{
	color: white;
	text-decoration: none;
}
#infopie img{
	width: 40px;
	vertical-align: middle;
}
#infopie #envio{
	color: #ffc600;
}
#ultimo{

	background-color: #ffc600;
}
#ultimo p{
	display: inline-block;
	color: black;
	text-decoration: none;
}
#ultimo a{
	display: inline-block;
	color: black;
	text-decoration: none;
}
#ultimo p{
	text-align: left;
	width: 80%;
}
.ir-arriba {
	display:block;
	padding:15px;
	border-radius: 5px;
	background:#ff0000;
	color:#fff;
	cursor:pointer; /* hace que funcione como boton sin ser una etiqueta <a>*/
	position: fixed;
	bottom:20px;
	right:20px;
}
.ir-arriba:hover
{
	color: #7a1d1e;
}
#movil
{
	display: none;
	background-color: #fe9300;
	margin: auto;
	width: 30px;
	height: 30px;
	padding:17px;
	color: white;
}  
#largo{
	width: 90%;
	display: block;
}
#secc_servicios
{
	text-align: center;	
}
#secc_servicios h2{
	text-align: center;
}
#servicios1 , #servicios2{
	border: 1px #CCCCCC solid;
	width: 45%;
	text-align: left;
	margin-right: 10px;
	vertical-align: top;
	padding: 15px;
	border-radius: 10px;
	background-color: #E6E6E6;
	display: inline-block;
}
.rojo{
	color: #800000;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
}
#un , #do{
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	padding: 10px;
	width: 45%;
}
#do{

}
#do figure{
	width: 95%;
}

#garantizado{
	color: #ff5c40;
}
#secc_clientes article{
	display: inline-block;
	vertical-align: middle;
	width: 30%;

}
#secc_clientes figure{
	width: 80%;
}
#secc_clientes article figure img{
	width: 100%;
}
#secc_contactanos {
	text-align: left;
	padding: 10px;
}
#secc_contactanos h1{
 font-size: 30px;
}
#secc_contactanos a{
	color: #ff5c40;
	text-decoration: none;
}
#secc_contactanos p{
	width: 37%;
	text-align: left;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	vertical-align: top;
	display: inline-block;
}
#secc_contactanos figure{
	width: 60%;
	vertical-align: top;
	display: inline-block;
}
#secc_contactanos figure img{
	width: 100%;
}
#ladoizq , #ladoder{
	width: 48%;
	text-align: left;
	padding: 10px;
	vertical-align: top;
	display: inline-block;
}
#ladoder{
	padding-top: 20px;
	width: 48%;
	display: inline-block;
}
input{
	padding: 10px;
	width: 80%;
	display: block;
	margin-bottom:10px;
}
textarea{
	width: 80%;
}
#enviar{
	background-color: #ff9c05;
	font-size: 18px;
	font-family: 'Abel', sans-serif;
	color: white;
	border-radius: 5px;
	border: 1px #ff9c05 solid;
}
#enviar:hover{
	background-color: #FFCC66;
}
#aviso{
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	color: #0080FF;
}
#ro{
	color: #ff5c40;
}
#cortinas{
	background-color: white;
}
#cortinas h1{
	padding:0px; 
	font-size: 24px;
	background-color: white;
	font-family: 'Oswald', sans-serif;
	color: black;
}
#cortinas h3{
	margin: 0px;
	background-color: black;
}
#submenu2{
	padding: 10px;
	background-color: #FF8000;
	color: white;
	text-decoration:none;
}
#cortinas #galeria
{
	background-color: white;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0px 10px;
	display: inline-block;
}
#galeria figure{
	width: 25%;
	border: 5px white solid;
	box-shadow: 0px 0px 10px #B3B3B3;
}
#definicion{
	color: black;
	text-align: left;
}

#ligacontacto{
	padding: 10px 20px;
	background-color: #ff5c40;
	text-decoration: none;
	margin:auto;
	display: inline-block;
	color: white;
	margin-bottom: 10px;
}
#con span{
	font-family: 'Oswald', sans-serif;
	color: black;
	display: inline-block;
}
#con #what{
	text-decoration: none;
	color: black;
	color: #ff5c40;
	display: inline-block;
	padding: 10px;
}
#galeria a
{
	margin-right: 20px;
}
#galeria a img
{
	width: 100%;
}
#galeria ul{
	text-align: left;
	color: #ff9c05; /*#ffc600;*/
	font-weight:bold;
}
#secc_persianas{
	width: 60%;
	display: inline-block;
}
#secc_cortinas{
	width: 20%;
	display: inline-block;
}
#amarrillo_fuerte{
	color: #ff9c05 !important;
}


/*IPAD*/
body{
	font-size: .9em;
}
@media only screen and (max-width:768px){
#navegacion{
	text-align:center;
	padding-bottom: 10px;
	width: 95%;
	display: block;
}
nav{
	background: #f0f0f0;
	padding: 20px;	
}
nav ul{
	width: 70%;
	margin: auto;
	list-style: none;
	text-align:center;
	max-height: 0px;
    	overflow: hidden;
}
#menu ul.open-menu
{
    max-height: 500px;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
}
#pisos{
	width: 90%;
}
nav ul li{

	margin: 5px;
	display:block;
	width: 100%;
}
nav ul li a{
	display: block;
	padding: 15px 10px;
	color: #2c2c2c;
	text-decoration: none;
	border: 2px #dedede solid;
	margin: 0px;
	font-size: 18px;
	margin-right: 30px;
}
nav ul li a:hover{
	background-color: #dedede;
}
#slide{
	padding: 5em;
	text-align: center;
	vertical-align: middle;
}
#transparente{
	padding: 10px;	
	text-align:center;
	width: 95%;
	font-size: 20px;
	margin: auto;
	background-color: rgba(255, 255, 255, .7);
}
#bienvenida figure{
	display: none;
}
#bienvenida p{
	width: 90%;
}
#ultimostrabajos{
	padding: 10px;
}
#trabajo1 ,#trabajo2{
	width: 49%;
}
#trabajo1 img , #trabajo2 img{
	width: 70%;
}
#trabajo1 div , #trabajo2 div{
	width: 90%;
	padding: 10px;

}
#trabajo1 h3 , #trabajo2 h3{
	font-family: 'Oswald', sans-serif;
}
#azulcorreo{
	padding-bottom:10px;
}
#disenosexclusivos{
	width: 90%;
	text-align: center;
	padding: 10px 0px;
}
#amarillo{
	background-image: url(imagenes/disenosexclusivos.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 95%;
	display: block;
	text-align:center;
	padding: 15px;	
	vertical-align: top;
	font-size: 18px;
}
#trabajos{
	display: none;
}
#marcas figure{
	width: 28%;
	box-shadow: 0px 0px 10px #B3B3B3;
}
#tres{
	display: block;
	margin: auto;
	width: 60%;
}
#uno{
	text-align: left;
	padding: 10px 10px;
	color: white;
}
#dos{

	width: 300px;
	height: 160px;
}
#ultimo{
	padding-bottom: 10px;
}
#ultimo p{
	text-align: center;
	width: 100%;
}
footer figure{
	width: 200px;
}
#movil
{ 
    display: block;
    font-size: 25px;
    width: 20px;
    height: 30px;
    color: white;
    padding: 10px;
}
#servicios1 , #servicios2{
	width: 40%;
}
#secc_servicios h2{
	text-align: center;
}
#secc_clientes article{
	display: inline-block;
	vertical-align: middle;
	width: 40%;

}
#secc_clientes figure{
	width: 90%;
}
#secc_clientes article figure img{
	width: 100%;
}
#secc_contactanos {
	text-align: center;
}
#secc_contactanos h2{
	text-align: center;
}
#secc_contactanos h1{
 	font-size: 30px;
 	text-align:center;
}
#secc_contactanos a{
	color: #ff5c40;
	text-decoration: none;
}
#secc_contactanos p{
	width: 90%;
	text-align: center;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	display: block;
	vertical-align: top;
	display: block;
	margin: auto;
}
#secc_contactanos figure{
	width: 90%;
	vertical-align: top;
	display:block;
	margin: auto;
	padding-top: 15px;
}
#secc_contactanos figure img{
	width: 100%;
}
#ladoizq , #ladoder{
	width: 90%;
	text-align: center;
	margin: auto;
	text-align: left;
	padding: 10px;
	vertical-align: top;
	display: block;
}
#ladoder{
	padding-top: 20px;
	width: 90%;
	display: block;
}
#suscribete{
	width: 50%;
}
#secc_persianas{
	width: 90%;
	margin: auto;
	display: block;
}
#secc_cortinas{
	width: 90%;
	margin: auto;
	padding-top: 10px;
	display:block;
}
}
/*CELULAR*/
@media only screen and (max-width:765px){
    #logo{
    	width: 90%;
    }
    #navegacion{
    	width: 95%;
    	height: 110px;
    }
    #transparente{
    	width: 90%;
    	display: block;
    	padding: 10px;
    }
    #direccion{
    	display: none;
    }
    #redes{
    	padding: 5px;
    	font-size: 30px;
    	color: #777777;
    }
    #redes a{
    	padding-right: 10px;
    }
    .ligas{
    	width: 50px;
    	margin-top: 15px;
    	text-decoration: none;
    	color: #ff9c05;
    	font-size: 1em;
    	padding: 5px 15px;
    }
    .cont{
    	width: 25%;
    	margin:auto;
    	margin-top: 15px; 
    }
    .ligas:hover{
    	border-bottom: 2px #ff9c05 solid;
    }
    #slide{
    	padding:40px 15px;
    	height: 420px;
    }
    #transparente{
    		
    	text-align:center;
    	width: 90%;
    	height: 310px;
    	font-size: 20px;
    	margin: auto;
    	background-color: rgba(255, 255, 255, .7);
    }
    figure{
    
    	width: 90%;
    }	
    #bienvenida{
    	width: 90%;
    	display: inline-block;
    	vertical-align: top;
    	text-align: justify;
    }
    #bienvenida figure{
    	display: none;
    }
    #bienvenida p{
    	width: 95%;
    	display: inline-block;
    }
    #info{
    	padding-bottom:10px;
    }
    #servicios{
    	width: 90%;
    	display: block;
    	margin: auto;
    }
    #ultimostrabajos{
    	padding: 10px;
    }
    #trabajo1 ,#trabajo2{
    	width: 95%;
    	display: block;
    	margin-bottom: 20px;
    }
    #marcas figure{
    	width: 50%;
    }
    footer #uno ,#dos,#tres{
    	display: block;
    	margin: auto;
    	width: 60%;
    }
    footer figure{
    	width: 220px;
    }
    #uno{
    	height: 150px;
    	padding: 10px 60px;
    	text-align: center;
    }
    #uno img{
    	width:100%;
    }
    #uno p{
    	padding: 0px;
    	right: 0px;
    }
    #dos{
    	width: 95%;
    	height: 130px;
    }
    #tres{
    	width: 95%;
    }
    #infopie{
    	width: 90%;
    }
    #ultimo{
    	font-size: 14px;
    }
    #servicios1 , #servicios2{
    	width: 80%;
    	display: block;
    	margin: auto;
    	padding-bottom: 10px;
    	margin-bottom:10px;
    }
    #secc_servicios h2{
    	text-align: center;
    }
    #un{
    	width: 90%;
    }
    #un a{
    	text-align: center;
    	text-decoration: none;
    	color: yellow;
    	padding: 15px 20px;
    	background-color: #ff0000;
    }
    #secciones figure{
    	
    }
    #pisos{
    	width: 95%;
    }
    #secc_contactanos figure{
    	display: none;
    }
    #azulcorreo{
    	vertical-align: top;
    	padding-top: 0px;
    }
    
    #escribe{
    	width: 80%;
    	display: inline-block;
    	padding: 4px 6px;
    }
    #suscribete{
    	display: inline-block;
    	width: 80%;
    	font-size: 15px;
    	background-color: #ffc600;
    	border-color: 1px #ffc600 solid;
    	padding: 4px 5px;
    }
    #submenu2{
    	display: block;
    	width: 90%;
    	margin: auto;
    	margin-bottom: 5px;
    }
    #galeria a
    {
    	margin: 0 auto;
    
    }
    #galeria figure
    	{
    		display: block;
    		width: 90%;
    	}
    #seccion_blanco{
    	height: 300px;
    }
}

/* ADICIONALE 03/07/2025 */
#galeria.prod_block figure a img { max-width: 295px; max-height:238.88px; height:238.88px; }
.prod_index figure a img { max-width: 360px; max-height:291.52px; height:291.52px;  }

#galeria #woodplastic a { margin-right: 0px; }
.upper { text-transform:uppercase; }

.w-flex { display: flex; width: 100%; }
@media only screen and (max-width: 765px) {
    .w-flex { display: block !important; }
}
@media only screen and (max-width: 768px) {
    
}
.logo-block { padding-top:15px; }
.playfair-bold-italic { font-size: 1.2rem; font-family: "Playfair Display", serif; font-weight: 700; font-style: italic; }
.lobster-bold-italic { font-size: 1.4rem; font-family: "Lobster Two", sans-serif; font-weight: 500; font-style: italic; }
.d-flex { display: flex; } 
.px-20 { padding-left: 20px; padding-right:20px; }

#what { font-size:1.2rem; }
#what .fa.fa-whatsapp { color: #14a215; font-size: 1.5rem; font-weight:bold;padding-right: 5px; }

.icon-fa { font-size:1.2rem; }
.icon-fa .fa { font-size: 1.5rem; font-weight:bold;padding-right: 5px; }