html, body, div, applet, object, iframe, img, h1, h2, p, img,
html, body, div, applet, object, iframe, img, h1, h2, p, img,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, 
center, i{font-family: 'Roboto', sans-serif;border:0;outline:0;color: black;text-decoration:none; font-size:14px; line-height: 24px; font-weight: 400; color: rgba(0,0,0,1);}
*{margin:0;padding:0}

:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: bold; font-style: normal; font-size: inherit}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
a{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{opacity: 0.6; }
.comoboton{cursor: pointer; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.comoboton:hover{opacity: 0.6;}

.dragbottom{position: absolute; bottom: 20px; right: 50%; margin-right: -23px; width: 46px; height: 30px; z-index: 200; background-image: url(images/downicon.svg); background-repeat: no-repeat; background-size: cover}

.homepage{width: 100%; height: 100vh; background: url(images/homepage.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.margensuperior40{margin-top: 40px!important; display: block}

nav{background-color: rgba(100,114,98,0.9); padding: 20px; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; display: inline-flex; justify-content: space-between; box-sizing: border-box;align-items: center;flex-wrap: wrap;}
.logo{background-image: url(images/logo-plesium.svg); width: 219px; height: 40px; display: block; background-size: contain; background-repeat: no-repeat }
.iconmenu{background-image: url(images/menumobil.svg); width: 40px; height: 30px; display: block; margin: 0 auto; background-size: contain;}
.down{margin-top: 40px;background-image: url(images/down.svg); width: 26px; height: 40px; display: block; margin-left: 25px; background-size: contain;margin-bottom: 10px;}
.back{background-image: url(images/back.svg); width: 40px; height: 30px; background-size: contain; position: relative;}
.back > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.iconmenu.close{background-image: url(images/menumobilclose.svg);}
.invisible{display: none!important;}
.corto{width: 80px;}

.menu{margin-left: 20px;justify-content: flex-start; align-items: flex-start; display: inline-flex;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;width: auto;position: relative;}
.menu > div:nth-child(2) {display: none;margin-top: -50px;}
.menu > div:nth-child(2) > div{display: inline-block; margin-left: 60px; margin-right: 0px; vertical-align: middle; text-align: center}
.menu > div:nth-child(2) > div:nth-child(1){margin-right: 0px; margin-left: 80px}
.menu > div:nth-child(2) > div > a{text-transform: uppercase; color: white; font-weight: bold; }
.menu > div:nth-child(2) > div > a:before{display: block; margin: 0 auto; width: 60px; height: 65px;}
.menu > div:nth-child(2) > div:nth-child(1) > a:before{content: url(images/icon1.svg)}
.menu > div:nth-child(2) > div:nth-child(2) > a:before{content: url(images/icon2.svg)}
.menu > div:nth-child(2) > div:nth-child(3) > a:before{content: url(images/icon3.svg)}
.menu > div:nth-child(2) > div:nth-child(4) > a:before{content: url(images/icon4.svg)}

.menu2{}
.menu2 > .iconmenu {background-image: url(images/menumobil.svg); width: 40px; height: 30px; display: block; margin: 0 auto; background-size: contain; display: none;}
.menu2 > ul > li{display: inline-block; margin-right: 40px;}
.menu2 > ul > li > a{text-transform: uppercase; color: white; font-size: 16px}

.products{width: 100%; overflow: hidden;}
.product, .product2{width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.product{position: relative;left: 20%;}
.product2{position: relative;right: 20%;}
.product2 > div:nth-child(2){width: 30%; margin-left: 10%}
.product > div:nth-child(1){width: 30%; margin-right: 10%}
.product > div:nth-child(2), .product2 > div:nth-child(1){width: 60%;}
.description{position: relative;}
.product > .image{text-align: right;}
.product2 > .image{text-align: left}
.product > .image > img{width: 90%;}
.product2 > .image > img{width: 90%;}

.product > .description{text-align: right;}
.product2 > .description{text-align: left;}
.description > h2{font-weight: bold; text-transform: uppercase; font-size: 30px; margin-bottom: 10px; line-height: 30px;color:rgba(82,89,89,1);}
.description > p{font-size: 16px; margin-bottom: 20px; line-height: 24px;}
.description > .leermas {text-transform: uppercase; padding: 7px 50px 7px 50px; color: white; background-color: rgba(100,114,98,1); position: absolute; right: 0;font-size: 16px}
.description > .leermas2 {text-transform: uppercase; padding: 7px 50px 7px 50px; color: white; background-color: rgba(100,114,98,1); position: absolute; left: 0;font-size: 16px}

.infoprod{width: 75%; margin-left: 12.5%; padding:40px; box-sizing: border-box; display: inline-flex; flex-wrap: wrap; justify-content: center;}
.infoprod > div{width: 30%; margin-left: 1.5%; margin-right: 1.5%; padding-bottom: 10px; text-align: center; position: relative; margin-bottom: 40px;}
.infoprod > div > .foto {padding: 10px; box-sizing: border-box;  background-color: rgba(247,247,247,1); margin-bottom: 10px}
.infoprod > div > .foto > img{width: 100%; height: auto}
.infoprod > div > h2{font-weight:bold; color: black; font-size: 18px}
.infoprod > div > h3{color: black;}
.infoprod > div > a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.infoprod > div > a:hover{background-color: white;}

.company{width: 100%; height: 100vh; background: url(images/company.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative;}
.company > .info {width: 600px; background-color: rgba(100,114,98,0.9); padding: 40px; position: absolute; top: 40px; right: 40px; text-align: right;}
.company > .info > h1{color: rgba(255,255,255,1);font-weight: 700;margin-bottom: 40px;text-transform: uppercase;font-size: 40px;display: block;}
.company > .info > h2{color:rgba(255,255,255,1);font-size: 24px;margin-bottom: 30px;line-height: 30px;}
.company > .info > h3{color:rgba(255,255,255,1);font-weight: 400;line-height: 30px;font-size: 16px;}


.masinfocompany > .info100{padding: 120px; box-sizing: border-box; background: url(images/fons_company_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 80px; margin-top: 80px; text-align: center}
.masinfocompany > .info100 > h2{font-weight: bold;color:white;font-size: 40px;line-height: 50px; margin-bottom: 60px;}
.masinfocompany > .info100 > ul > li{display: inline-block; width: 300px; text-align: center; color: white;}
.masinfocompany > .info100 > ul > li:nth-child(1):before{content: url(images/icon_company_1.svg); width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px; display: block}
.masinfocompany > .info100 > ul > li:nth-child(2):before{content: url(images/icon_company_2.svg); width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px; display: block}
.masinfocompany > .info100 > ul > li:nth-child(3):before{content: url(images/icon_company_3.svg); width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px; display: block}

.contact{width: 100%; height: 100vh; background: url(images/contact.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative;}
.contact > .info {width: 400px; background-color: rgba(100,114,98,0.9); padding: 40px; position: absolute; top: 40px; right: 40px; text-align: right;}
.contact > .info > h1{color: rgba(255,255,255,1);font-weight: 700;margin-bottom: 40px;text-transform: uppercase;font-size: 40px;display: block;}
.contact > .info > h2{color:rgba(255,255,255,1);font-size: 24px;margin-bottom: 30px;line-height: 30px;}
.contact > .info > h3, .contact > .info > h3 > a{color:rgba(255,255,255,1);font-weight: 400;line-height: 30px;font-size: 16px;}

/*homepage*/
.cycle-slideshow{width: 720px; height: 540px; position: absolute; top: 50%; margin-top: -270px; left: 50%; margin-left: -360px}
.cycle-slideshow img{width: auto;}
.cycle-pager {display: block;margin: 0 auto;text-align: center; width: 400px; position: absolute; bottom: 120px; left: 50%; margin-left: -200px; z-index: 10000}
.cycle-pager span{display:inline-block;width:20px;height:20px;margin-left:10px;margin-right:10px;background:url(images/pagerBg.png) no-repeat;text-indent: -3333px; cursor: pointer}
.cycle-pager span:last-child{margin-right:0;}
.cycle-pager-active, .cycle-pager span:hover{background:url(images/activePagerBg.png) no-repeat!important;}
.navegacion{position: absolute; width: 100%; bottom: 0; text-align: center; padding: 40px; padding-bottom: 20px; box-sizing: border-box; display: inline-flex; justify-content: center;z-index: 100;}
.navegacion > div{padding: 10px 20px 10px 20px; width: 10%; line-height: 0; margin-left: 20px; margin-right: 20px; background-color: rgba(100,114,98,1); cursor: pointer; color: white;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.navegacion > #verslide > span:before{display: inline-block; margin-right: 10px; content: url(images/slideshow.png);vertical-align: middle; }
.navegacion > #ver3d1 > span:before{display: inline-block; margin-right: 10px; content: url(images/3d.png);vertical-align: middle;}
.navegacion > #ver3d2 > span:before{display: inline-block; margin-right: 10px; content: url(images/3d.png);vertical-align: middle;}
.navegacion > #verslide:hover, .navegacion > #ver3d1:hover, .navegacion > #ver3d2:hover{opacity: 0.6;}
.informacion{position: absolute; top: 105px; right: 20px; text-align: right; width: 300px;  background-color: rgba(100,114,98,0.9); padding: 20px; color: white; box-sizing: border-box; z-index: 999}
.informacion > h1{font-weight: bold; font-size: 40px; line-height: 1em; margin-bottom: 20px; color: white}
.informacion > h2{font-size: 16px; line-height: 1.4em; color: white}
section.principal{min-height: 100vh}


.galeria_superior{width: 720px; height: 540px;overflow: hidden;position: absolute; top: 50%; margin-top: -270px; left: 50%; margin-left: -360px}
.galeria_inferior{width: 720px; height: 540px;overflow: hidden;position: absolute; top: 50%; margin-top: -270px; left: 50%; margin-left: -360px}

.caracteristicas{width: 100%; margin: 0 auto; background-color: rgba(100,114,98,0.1); background-image:url(images/fons_seccions_diagonal.svg); background-repeat: no-repeat; background-size: cover; background-position: bottom left;box-sizing: border-box; padding: 80px; text-align: center; font-size: 16px}
.caracteristicas li, .caracteristicas p, .accesorios, .modeloarmas, .doscolumnasmanual li, .doscolumnasmanual p{font-size: 16px}
.accesoriosv2{width: 100%; margin: 0 auto; box-sizing: border-box; padding: 80px; text-align: center}
.accesoriosv22{width: 100%; margin: 0 auto; box-sizing: border-box;text-align: center; padding: 80px 0px 80px 0px}
.accesoriosv22 > img{width: 1000px; height: auto; margin-bottom: 80px}
.caracteristicas > div, .accesoriosv2 > div{column-gap: 120px; columns: 2; width: 1024px; text-align: left;margin: 0 auto; }


.doscolumnasmanual{column-gap: 0px!important; columns: 1!important; width: 100%!important; text-align: left;margin: 0 auto; display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: center; background-color: rgba(100,114,98,0.1); background-image:url(images/fons_seccions_diagonal.svg); background-repeat: no-repeat; background-size: cover; background-position: bottom left;box-sizing: border-box; padding: 80px 0px 80px 0px;}
.doscolumnasmanual > div{width: 500px;}
.doscolumnasmanual > div > p{border-top: 0px solid white!important; padding-top: 0px!important}

.accesoriosv22 h2, .accesoriosv2 h2, .caracteristicas h2{font-weight: bold; font-size: 34px; margin-bottom: 80px; text-align: center; color: rgba(82,89,89,1); line-height: 1.2em}
.accesoriosv2 > div > div >p, .accesorios > div > div >p, .caracteristicas > div >p{margin-bottom: 10px; border-top: 1px solid rgba(82,89,89,1); padding-top: 10px;}
.accesoriosv2 > div > div > ul, .accesorios > div > div > ul, .caracteristicas > div > ul{margin-bottom: 10px; margin-left: 30px; list-style-type: disc}
.accesoriosv2 > img{width: 100%; height: auto; max-width: 1024px; margin-bottom: 80px}

.accesorios{width: 100%; margin: 0 auto; box-sizing: border-box; padding: 80px; text-align: center;}
.accesorios.cien{padding-left: 0px; padding-right: 0px;}
.accesorios.seguido{border-top: 1px solid grey;}

.accesorios h2{font-weight: bold; font-size: 34px; margin-bottom: 80px; text-align: center; color: rgba(82,89,89,1); line-height: 1em}
.accesorios h3{font-weight: bold; font-size: 20px; margin: 0 auto; margin-bottom: 40px; text-align: left; color: rgba(82,89,89,1); border-bottom: 1px solid rgba(82,89,89,1); width: 100% }
.accesorios > div{width: 1024px; display: inline-flex; justify-content: space-between; flex-wrap: wrap}

.accesorios > div > div.tres:nth-child(1){width: 40%; text-align: left}
.accesorios > div > div.tres:nth-child(2){width: 25%; text-align: left}
.accesorios > div > div.tres:nth-child(3){width: 20%; text-align: left}

.accesorios > div > div > img{width: 100%; height: auto}
.accesorios > div > div > em{font-weight: bold; margin-right: 10px; display: inline-block; width: 35px}

.accesoriosv3{width: 800px; margin: 0 auto; box-sizing: border-box; text-align: center; padding: 80px}
.accesoriosv3 h2{font-weight: bold; font-size: 34px; margin-bottom: 80px; text-align: center; color: rgba(82,89,89,1); line-height: 1em}
.accesoriosv3 h3{font-weight: bold; font-size: 24px; text-align: center; color: rgba(82,89,89,1); line-height: 1em; margin-bottom: 10px}
.accesoriosv3 h4{font-weight: 100; font-size: 16px; text-align: center; color: rgba(82,89,89,1); line-height: 1.5em}
.accesoriosv3 > img{width: 100%;height: auto; border-bottom: 1px solid rgba(82,89,89,1); margin-bottom: 30px}
.ancho100{width: 100%!important;}
.accesoriostipo2{width: 100%; margin: 0 auto; box-sizing: border-box; padding: 80px; text-align: center;}
.accesoriostipo2 h2{font-weight: bold; font-size: 34px; margin-bottom: 80px; text-align: center; color: rgba(82,89,89,1)}
.accesoriostipo2 > div{width: 1024px; display: inline-flex; justify-content: space-between; flex-wrap: wrap}
.accesoriostipo2 > div > div{width: 20%;  box-sizing: border-box }
.accesoriostipo2 > div > div > img{width: 100%; height: auto; display: block;}
.accesoriostipo2 > div > div > span{padding: 5px 10px 5px 10px;color: black;box-sizing: border-box; display: block;}

.separadora{width: 100%;}
.separadora > img, .separadoraestrecha > img{width: 100%; height: auto;}
.separadoraestrecha{width: 1024px; margin: 0 auto;}

.contacto{width: 100%; margin: 0 auto; box-sizing: border-box; padding: 80px; background-color: rgba(82,89,89,1); text-align: center; }
.contacto h2{font-weight: bold; font-size: 34px; margin-bottom: 60px; text-align: center; color: white; line-height: 1em}
.contacto form{background-color: rgba(82,89,89,1); color: white; padding: 20px;}
.contacto input{ border: 1px solid white; color: white; padding: 10px; box-sizing: border-box; width: 40%; margin-left: 20px; margin-right: 10px; background-color: rgba(82,89,89,1); display: inline-block}
.contacto #enviar{ border: 1px solid white; color: white; padding: 10px; box-sizing: border-box; width: 10%; background-color: rgba(82,89,89,1); display: inline-block; cursor: pointer;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; font-size: 16px}
.contacto #enviar:hover{background-color: rgba(255,255,255,1); color: rgba(82,89,89,1)}

.caracteristicas > div.modeloarmas{margin-bottom: 120px; display: block;column-gap: 0px!important;columns: 1!important; text-align: center}

.separadoravideo video, .separadoravideo{
    width: 100%    !important;
    height: auto   !important;
 }

.anchopeque{width: 1024px; margin: 0 auto}

.flexat{display: inline-flex; width: 100%; justify-content: space-between; flex-wrap: wrap}
.flexat > .flexat2{width: 48%; border: 1px solid grey; margin-bottom: 40px; padding: 40px; box-sizing: border-box}
.flexat > .flexat3{width: 30%;border: 1px solid grey; padding: 40px; box-sizing: border-box}
.flexat2 img, .flexat3 img{width: 100%; height: auto}

.flexat > .flexat2sinborde{width: 40%; margin-top: 40px; margin-bottom: 40px; box-sizing: border-box}
.flexat2sinborde img{width: 100%; height: auto}

.formulario{position: absolute; left: 50%; margin-left: -200px; width: 400px; padding: 40px; background-color: white; box-sizing: border-box; top: 200px;}
.formulario input, .formulario textarea{width: 100%; padding: 8px; font-size: 16px; margin-bottom: 20px; box-sizing: border-box;font-family: 'Roboto', sans-serif; border: 1px solid grey}
.formulario #enviar{cursor: pointer; background-color: rgba(100,114,98,1); color: white;}
.formulario input[type=checkbox]{width: 30px;}
#textosalida{position: relative; color: rgba(100,114,98,1); font-size: 18px; text-align: center}
.botoncontacta{color: white; padding: 20px; box-sizing: border-box; border: 1px solid white}

.detallem21{display: inline-flex; justify-content: flex-start!important; width: 100%; align-items: flex-start;}
.detallem21 > div{margin-bottom: 30px; width: 18%; margin-right: 2%}
.detallem21 img{width: 100%; height: auto}
.detallem21 h2 { font-weight: 100;font-size: 14px;margin-bottom: 10px;text-align: left;color: rgba(82,89,89,1);line-height: 1em;}
.detallem21 h3 { font-weight: bold;font-size: 16px;margin-bottom: 10px;text-align: left;color: rgba(82,89,89,1);line-height: 1.3em;    border-bottom: 1px solid rgba(82,89,89,0);}
.detallem21 h3 span{display: block; font-weight: 100;font-size: 13px;margin-bottom: 10px;text-align: left;color: rgba(82,89,89,1);line-height: 1.3em;}
.detallem21 p {margin-bottom: 10px;border-top: 1px solid rgba(82,89,89,0)!important;text-align: left; font-size: 13px}


.bannerferia{position: fixed; z-index: 100000000; margin-top: -100px; top: 50%; left: 0%; margin-left: 20%; background-color: rgba(255,255,255,0.9); box-sizing: border-box; padding: 34px 10px 10px 10px;color: black; font-size: 40px; line-height: 45px; text-transform: uppercase; font-weight: 400; width: calc(60%);}
.bannerferia img{width: 100%; height: auto;}
.bannerferia > .q{position: absolute; top: 5px; right: 10px; font-size: 14px; font-weight: bold; cursor: pointer;}
.bannerferiam{display: none}


@media screen 
and (max-width : 1279px) 
and (min-width : 1024px) 
{
	.infoprod {width: 100%; margin-left: 0%; padding: 40px; box-sizing: border-box}
	.masinfocompany > .info100 > ul > li{width: 220px}
	.navegacion > div{width: 18%}
	.caracteristicas > div, .accesoriostipo2 > div{width: 100%;}
	.anchopeque{width: 90%;}
		section.principal{min-height: auto; margin-bottom: 40px}
			.informacion { position: relative; top: 0px; right: 0px; text-align: left; width: 100%;padding: 20px;z-index: 0;}

.products{padding: 10px; box-sizing: border-box}
	.product, .product2{left: 0; right: 0; margin-bottom: 40px; border-bottom: 1px solid rgba(82,89,89,1); padding-bottom: 40px}
	.product > div:nth-child(1),.product > div:nth-child(2), .product2 > div:nth-child(1), .product2 > div:nth-child(2) { width: 100%; margin-right: 0; margin-left: 0;}
	.product > .description{text-align: left; order: 2}
	.product > .image{order: 1;margin-bottom: 20px}
	.product2 > .image{margin-bottom: 20px}
	.product > .image > img{width: 90%; margin: 0 auto;}
	.description > .leermas,.description > .leermas2 {position: relative; width: 80px; margin: 0 auto;}
	nav{display: inline-flex;width: 100%;justify-content: space-between;top: 0%;margin-top:0;box-sizing: border-box; align-items: center}
	.down{display: none}
	.company, .contact{position: relative;}
	.company > .info, .contact > .info {width: 100%;background-color: rgba(100,114,98,0.9);padding: 20px;position: relative;top: 0px;right: 0px;text-align: left; box-sizing: border-box;padding-top: 40px;}
	.masinfocompany > .info100{padding: 20px; box-sizing: border-box}
	.masinfocompany > .info100 > h2{font-size: 28px; line-height: 40px}
	.masinfocompany > .info100 > ul > li{width: 31%}
	.infoprod{width: 100%; margin-left: 0%;padding: 0px; border-bottom: 1px solid rgba(100,114,98,1); margin-bottom: 40px}
	.infoprod > div {width: 47%; margin-left: 1.5%; margin-right: 1.5%; padding-bottom: 10px; text-align: center; position: relative; margin-bottom: 40px;}
	section.principal{margin-top: 140px;}
	.informacion { position: relative; top: 0px; right: 0px; text-align: left; width: 100%;padding: 20px;z-index: 0;}
	.back{margin-right: 0;}
	.cycle-slideshow {width: 100%;height: auto;position: relative;top: auto;margin-top: 0;left: auto;margin-left: 0;}
	.cycle-pager {display: block;margin: 0 auto;margin-left: auto;text-align: center;width: 100%;position: relative;bottom: 0;left: 0;margin-left: 0;z-index: 10000;}
	.navegacion {position: relative;width: 100%;flex-wrap: wrap;bottom: 0;text-align: center;padding: 20px;box-sizing: border-box;display: inline-flex;justify-content: center;}
	.navegacion > div{width: 100%; margin-bottom: 10px}
	.cycle-slideshow img{width: 100%;}
	.galeria_inferior {width: 100%;height: auto;overflow: hidden;position: relative;top: 0;margin-top: 0;left: 0;margin-left: 0;}
	.galeria_inferior > ul > li > img{width: 100%}
	.caracteristicas, .accesoriostipo2, .contacto, .accesorios{padding: 20px; padding-top: 40px}
	.caracteristicas h2{margin-bottom: 40px}
	.caracteristicas > div.modeloarmas{margin-bottom: 40px}
	.caracteristicas > div{width: 100%; columns: 1;}
	.accesoriostipo2 > div{width: 100%;}
	.caracteristicas h2, .caracteristicas > div.modeloarmas, .accesorios h2, .accesoriostipo2 h2{text-align: left}
	.contacto form{padding: 0}
	.contacto input{width: 100%; margin-bottom: 10px; box-sizing: border-box; margin-left: 0; margin-right: 0}
	.contacto #enviar{width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0}
	.accesorios > div{width: 100%;}
	.accesorios > div > div:nth-child(1){width: 100%; margin-bottom: 20px}
	.accesorios > div > div:nth-child(2){width: 100%;}
	.accesoriosv3{width: 100%; padding: 20px}
	.separadoraestrecha, .anchopeque{width: 100%}
	section.principal{min-height: auto; margin-bottom: 40px}
	.caracteristicas{text-align: left}
	.menu2 > ul > li{margin-right: 20px; margin-left: 20px;}
	.menu2 > ul > li:first-child{margin-left: 0;}
	.menu2 > ul > li:last-child{margin-right: 0;}
	.back{display: none}
	nav > div:nth-child(1){order: 2; width: 100%; text-align: center}
	nav > div:nth-child(2){order: 1; width: 100%;}
	nav.home> div:nth-child(2){margin-bottom: 20px}
	nav > div > .logo{margin: 0 auto;}
	#ver3d1, #ver3d2{display: none}
.flexat > .flexat2{width: 100%; }
.flexat > .flexat3{width: 100%; margin-bottom: 40px}
.product .image img{margin-left: 30%}
.product2 .image img{margin-left: -30%}
.accesorios img{max-width: 100%;}

.doscolumnasmanual{width: 100%!important;}

.accesoriosv22 > img{width: 800px; height: auto; margin-bottom: 80px}

.detallem21{display: inline-flex; justify-content: space-between!important; width: 100%; align-items: flex-start;}
.detallem21 > div{margin-bottom: 30px; width: 24%!important; margin-right: 0!important}

}


@media screen 
and (max-width : 1023px)
{
.product .image img{margin-left: 30%}
.product2 .image img{margin-left: -30%}
	.products{padding: 10px; box-sizing: border-box}
	.product, .product2{left: 0; right: 0; margin-bottom: 40px; border-bottom: 1px solid rgba(82,89,89,1); padding-bottom: 40px}
	.product > div:nth-child(1),.product > div:nth-child(2), .product2 > div:nth-child(1), .product2 > div:nth-child(2) { width: 100%; margin-right: 0; margin-left: 0;}
	.product > .description{text-align: left; order: 2}
	.product > .image{order: 1;margin-bottom: 20px}
	.product2 > .image{margin-bottom: 20px}
	.product > .image > img{width: 90%; margin: 0 auto;}
	.description > .leermas,.description > .leermas2 {position: relative; width: 80px; margin: 0 auto; margin-left: 0}
	nav{display: inline-flex;width: 100%;justify-content: space-between;top: 0%;margin-top:0;box-sizing: border-box; align-items: center}
	.down{display: none}
	.company, .contact{position: relative; height: auto}
	.company > .info, .contact > .info {width: 100%;background-color: rgba(100,114,98,0.9);padding: 20px;position: relative;top: 0px;right: 0px;text-align: left; box-sizing: border-box;padding-top: 40px;}
	.masinfocompany > .info100{padding: 20px; box-sizing: border-box}
	.masinfocompany > .info100 > h2{font-size: 28px; line-height: 40px}
	.masinfocompany > .info100 > ul > li{width: 31%}
	.infoprod{width: 100%; margin-left: 0%;padding: 0px; border-bottom: 1px solid rgba(100,114,98,1); margin-bottom: 40px}
	.infoprod > div {width: 47%; margin-left: 1.5%; margin-right: 1.5%; padding-bottom: 10px; text-align: center; position: relative; margin-bottom: 40px;}
	section.principal{margin-top: 140px;}
	.informacion { position: relative; top: 0px; right: 0px; text-align: left; width: 100%;padding: 20px;z-index: 0;}
	.back{margin-right: 0;}
	.cycle-slideshow {width: 100%;height: auto;position: relative;top: auto;margin-top: 0;left: auto;margin-left: 0;}
	.cycle-pager {display: block;margin: 0 auto;margin-left: auto;text-align: center;width: 100%;position: relative;bottom: 0;left: 0;margin-left: 0;z-index: 10000;}
	.navegacion {position: relative;width: 100%;flex-wrap: wrap;bottom: 0;text-align: center;padding: 20px;box-sizing: border-box;display: inline-flex;justify-content: center;}
	.navegacion > div{width: 100%; margin-bottom: 10px}
	.cycle-slideshow img{width: 100%;}
	.galeria_inferior {width: 100%;height: auto;overflow: hidden;position: relative;top: 0;margin-top: 0;left: 0;margin-left: 0;}
	.galeria_inferior > ul > li > img{width: 100%}
	.caracteristicas, .accesoriostipo2, .contacto, .accesorios{padding: 20px; padding-top: 40px}
	.caracteristicas h2{margin-bottom: 40px}
	.caracteristicas > div.modeloarmas{margin-bottom: 40px}
	.caracteristicas > div{width: 100%; columns: 1;}
	.accesoriostipo2 > div{width: 100%;}
	.caracteristicas h2, .caracteristicas > div.modeloarmas, .accesorios h2, .accesoriostipo2 h2{text-align: left}
	.contacto form{padding: 0}
	.contacto input{width: 100%; margin-bottom: 10px; box-sizing: border-box; margin-left: 0; margin-right: 0}
	.contacto #enviar{width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0}
	.accesorios > div{width: 100%;}
	.accesorios > div > div:nth-child(1){width: 100%; margin-bottom: 20px}
	.accesorios > div > div:nth-child(2){width: 100%;}
	.accesoriosv3{width: 100%; padding: 20px}
	.separadoraestrecha, .anchopeque{width: 100%}
	section.principal{min-height: auto; margin-bottom: 40px}
	.caracteristicas{text-align: left}
	.menu2 > ul > li{margin-right: 10px; margin-left: 10px;}
	.menu2 > ul > li:first-child{margin-left: 0;}
	.menu2 > ul > li:last-child{margin-right: 0;}
	.back{display: none}
	nav > div:nth-child(1){order: 2; width: 100%; text-align: center}
	nav > div:nth-child(2){order: 1; width: 100%;}
	nav.home> div:nth-child(2){margin-bottom: 20px}
	nav > div > .logo{margin: 0 auto;}
	#ver3d1, #ver3d2{display: none}
.flexat > .flexat2, .flexat2sinborde, .flexat > .flexat2sinborde{width: 100%; }
.flexat > .flexat2sinborde{margin-bottom: 0}
.flexat > .flexat3{width: 100%; margin-bottom: 40px}
.accesorios.cien{padding: 20px; box-sizing: border-box}
.accesorios img{max-width: 100%;}

.doscolumnasmanual{width: 100%!important; padding-left: 20px;}
.doscolumnasmanual > div{width: 100%;}
nav{padding-left: 5px; padding-right: 5px}
.accesoriosv22 > img{width: 100%; height: auto; margin-bottom: 80px}
.product2 .image img{margin-left: 0}
.menu2 > ul > li > a{font-size: 14px}
.detallem21 > div{margin-bottom: 30px; width: 48%!important}

.formulario{position: relative; left: 5%; margin-left: 0; width: 90%; padding: 20px; background-color: white; box-sizing: border-box; top: 20px;}
.formulario input, .formulario textarea{width: 100%; padding: 8px; font-size: 16px; margin-bottom: 20px; box-sizing: border-box;font-family: 'Roboto', sans-serif; border: 1px solid grey}
.formulario #enviar{cursor: pointer; background-color: rgba(100,114,98,1); color: white;}
.formulario input[type=checkbox]{width: 30px;}
.formulario #textosalida{color: red; font-size: 10px;}


.bannerferia{display: none!important}
.bannerferiam{display: block; position: fixed; z-index: 100000; top: 50%; left: 50%; margin-top: -250px; margin-left: -125px; background-color: rgba(255,255,255,0.9); box-sizing: border-box; padding: 34px 10px 10px 10px;color: black; font-size: 40px; line-height: 45px; text-transform: uppercase; font-weight: 400}
.bannerferiam > .q2{position: absolute; top: 5px; right: 10px; font-size: 14px; font-weight: bold; cursor: pointer;}

}