@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');

html {
    font-family:Raleway;
    }

body {
    background-image:url(../img/Backgrounds/1.jpg);

}

h1 {
    text-align:center;
}
        /*HEADER*/

#abt {
    background-image:url(../img/Backgrounds/1.jpg);
}

#head {
 	margin: auto;
	padding: 4px 0;
	min-width: 600px;
	max-width: 1000px;
	text-align: left;
	background-color:#38fffc;
    position: relative;
	top: 10px;

}

.minilog {
    display: inline-block;
    margin:auto;
	max-width: 70%;
    position:relative;
    left:100px;

}

.mn {
     position:relative;
     background-color:#00ccff;
     max-height:500px;
     padding:3px;
}


#ubi {
    position:relative;
    left:45px;
}

#cont{
    position:relative;
    left:55px;
}

#prom{
    position:relative;
    left:100px;
}

#cat{
    position:relative;
    left:40px;
}

#index {
    position:relative;
    left:10px;
}
#location {
    position:relative;
    top:225px;
    right:690px;
    max-height:465px;

}

#location:hover {
    transform: scale(1.05);
    transition:1s;
}

#lc {
    width:575px;
    box-shadow: 0 0 0 4px #009dff,0 5px 15px;
}
.menuTop {
    position:relative;
    left:25px;
    color: black;
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
    margin: 1%;
}
.menuTopa {
    position:relative;
    left:45px;
    color: black;
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
    margin: 1%;
}
.menuTopa:hover {
    color:white;
    transition-duration:0.5s;
}
.menuTopc {
    position:relative;
    left:30px;
    color: black;
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
    margin: 1%;
}
.menuTopc:hover {
    color:white;
    transition-duration:0.5s;
}
.menuTop:hover {
    color:white;
    transition-duration:0.5s;
}

        /*BODY*/

#corp {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:770px;

}

#corp-incru {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1150px;

}

#corp-serv {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:900px;

}

#corp-serv3 {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:700px;

}

#corp-inst {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:2200px;
}

#corp-consu{
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1425px;
}

#corp-peri {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:900px;

}

#corp-dent {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:3200px;

}

#corp-coro {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:925px;

}

#corp-cont {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1150px;

}

#corp-abt {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:925px;

}

#corp-radio {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1225px;

}

#corp-radio {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1225px;

}

#corp-blanc {
    display:flex;
    background-color:white;
    margin:auto;
    min-width: 600px;
    max-width: 1000px;
    height:1550px;

}


#back {
    background-color:rgba(0,0,0,.3);
    margin:auto;
    min-width: auto;
    max-width: 1020px;
    height:auto;

}

#txt {
    max-width:900px;
    max-height:200px;
    position:relative;
    left:50px;
    top:30px;
}

#parr1 {
    font-size:23px;
    width:900px;
    max-height:100px;

}

#tit2 {
    width:400px;
    height:40px;
    text-align:left;
}

#ct {
    display:inline-flex;
    position:relative;
    top:180px;
    right:850px;
    text-align:center;
}

#HED {
    text-align:center;
    width:1000px;
}

#CBK {
    position:relative;
    background-color:#ed2fbb;
    padding:6px;
    color:black;
    top:50px;
    left:800px;
    text-decoration:none;
    font-weight:bolder;
    font-size:17px;

}

#CBK2 {
    position:relative;
    background-color:#36d6eb;
    padding:6px;
    color:black;
    top:50px;
    left:850px;
    text-decoration:none;
    font-weight:bolder;
    font-size:20px;
}

#CBK2:hover {
    color:white;
    transition-duration:0.5s;

}

#CBK:hover {
    color:white;
    transition-duration:0.5s;

}

.ctmain {
    position:relative;
    left:40px;
}

.ctmain3 {
    position:relative;
    right:15px;
    margin-top:30px;
}

.imm {
    max-width:250px;
    margin:10px;
    box-shadow: 0 0 0 4px #009dff,0 5px 12px;
}

.imm3 {
    max-width:290px;
    margin:10px;
    box-shadow: 0 0 0 4px #009dff,0 5px 12px;
}

.imm:hover {
    transform: scale(1.05);
    transition:.5s;
}

.imm3:hover {
    transform: scale(1.05);
    transition:.5s;
}

#im1 {
    position:relative;
    right:20px;
}

#im3 {
    position:relative;
    left:20px
}

#img:hover {
    background-image:url(../img/cat/3hover.jpg);
}


.img-ctn {
    display:flex;
    max-height:100px;
    position:relative;
    margin-top:475px;
}



#img-ctn1 {
    margin-top:50px;
}
#img-ctn2 {
    margin-top:650px;
}

.img-prom {
    height:100px;
}


.tx {
    font-size:20px;
    position:relative;
    right:10px;
    font-weight:bold;
}

#dc1 {
    position:relative;
    right:13px;
}

#dc2 {
    position:relative;
    left:7px;
}

#dc3 {
    position:relative;
    left:27px;
}

#dc4 {
    position:relative;
    right:13px;
}

#dc5 {
    position:relative;
    left:7px;
}

#dc6 {
    position:relative;
    left:27px;
}
/* CONTACTENOS*/
.Ccont{
    padding:20px;
    height:500px;
    width:850px;
    position:relative;
    right:855px;
    border:solid 5px;
    border-color:#009dff;
    top:175px;
}

.txTag{
    font-weight:bolder;


}

.txBox{
    height:30px;
    font-size:20px;
    position:relative;
    left:10px;
}

#form {
    padding:30px;
    background-image:url(../img/Backgrounds/2.jpg);
}

#nombre {
    width:350px
}

#correo{
    width:400px;
}

#txa1 {
    position:relative;
    right:25px;
    padding:25px;
}

#pedi {
    position:relative;
    bottom:125px;
}

#txa3 {
    padding:30px;
    position:relative;
    right:30px;
}

#txa4 {
    padding:10px;
    position:relative;
    right:10px;

}

#pedido{
    width:520px;
    height:150px;
}

#button{
    font-size:22px;
    padding:15px;
    width:150px;
    position:relative;
    left:700px;
    top:15px;
}

#recom{
    width:600px;

}

.imgrup {
    width:210px;
    border:solid 3px #009dff;
    position:relative;
    left:15px;
}

.imgrup2 {

    width:800px;
    margin:10px;
    border:solid 3px #009dff;
    position:relative;
    left:40px;
}

#imgendo {
    width:500px;
    bottom:75px;
}

#imgodonto {
    width:600px;
    margin-top:1px;
}

#imgperi {
    width:450px;
    margin-top:85px;
}

#imgcoro {
    width:550px;
    margin-top:175px;
}

#imgcari {
    width:550px;
}

#imgguard {
    margin-top:90px;
}

#imgenci {
    width:475px;
    margin-top:10px;
}

#imginc {
    margin-top:10px;
}

#imgextra {
    width:550px;
    margin-top:100px;
}

.mapa {
    width:875px;
    position:relative;
    left:15px;
    bottom:20px;


}



/* ----------------------------------- */
/* CATALOGO */



#cct {
    max-height:300px;
    width:975px;
    display:inline-flex;
    position: relative;
    top:50px;
}

#cct1    {
    max-height:300px;
    width:975px;
    display:inline-flex;
    position: relative;
    top:50px;

}


.BCT {
    max-height:600px;
    position:relative;
    right:988px;
    top:120px;
}

.imC {
    max-width:200px;
    padding:22px;
    position:relative;
    bottom:40px;
}

.imC:hover {
    transform: scale(.9);
    transition:.5s;
}
.txorder {
    margin:10px;
    position:relative;
    bottom:60px;
    text-align:center;
    font-weight:bold;
}

/*-----------------*/


/* PAGINAS DE PRODUCTOS */
.menuTop1{
    position:relative;
    left:95px;
    color: black;
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
    margin: 1%;
}

.menuTop1:hover {
    color:white;
    transition-duration:.5s;
}

/* --------------------------------------------------------------------------- */

#HED2 {
    position:relative;
    left:400px;
}

#info {
        position:relative;
        height:600px;
        width:350px;
        right:50px;
        top:130px;
}

#subTx {
    position:relative;
    left:50px;
    top:10px;
}



#desc {
    margin-top:30px;
    margin-bottom:60px;
    margin-left:30px;
    display:block;
    font-weight:bolder;
}

#content {
    display:flex;
}

#sellS {
    text-decoration:none;
    color:black;
    background-color:#f6ff00;
    max-height:30px;
    padding:5px;
    width:200px;
    position:relative;
    top:690px;
    right:75px;
    font-size:20px;
    font-weight:bolder;
    text-align:center;
}

#sellS:hover {
    color:white;
    transition-duration:.5s;
}

.inf {
    margin:30px;
    display:block;
    font-weight:bold;
}

label {
        font-size:20px;
}
.container {
    overflow: hidden;
    max-height:500px;
    max-width: 500px;
    box-shadow: 0 0 0 4px #009dff,0 5px 15px;
    position:relative;
    top:150px;
    left:50px;
    margin:0px, 1px, 0px , 1px;
}

.container-sliderV {
    overflow: hidden;
    max-height:500px;
    max-width: 500px;
    box-shadow: 0 0 0 4px #009dff,0 5px 15px;
    position:relative;
    top:150px;
    left:50px;
    margin:0px, 1px, 0px , 1px:

}

.sliderV {
    display: flex;
    width: 500%;
    height: 500px;
    margin-left: -100%;
}

.slider__sectionV {
    width: 100%;

}

.slider__imgV {
    display: block;
    width: 100%;
    height: 100%;
}

.slider__btnV {
    position:absolute;
    width: 60px;
    height: 60px;
    color:#36d6eb;
    top:50%;
    transform: traslateY(-50);
    font-size: 40px;
    font-weight: bold;
    font-family: monospace;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.slider__btnV:hover {
    background-color:#36a6eb;
    color:white;
    transition-duration:0.5s;

}

.slider__btn--leftV{
    margin:-30px 10px 30px 10px;

}

.slider__btn--rightV {
    position:absolute;
    left:430px;
    top:220px;
}

.imgabt {
    width:1000px;
    position:relative;
    right:52px;
    text-align:center;
    bottom:20px;
}

.imgabt2 {
    width:550px;
    border:solid 3px #009dff;
}

.btn-more {
    position:relative;
    background-color:#009dff;
    text-decoration:none;
    color:black;
    font-weight:bold;
    padding:10px;
    font-size:20px;
    box-shadow: 0 0 0 0px black, 0 3px 9px;
}

.btn-back {
    position:relative;
    background-color:#009dff;
    text-decoration:none;
    color:black;
    font-weight:bold;
    padding:10px;
    font-size:20px;
    box-shadow: 0 0 0 0px black, 0 3px 9px;
}

.btn-ct {
    text-align:center;
}

#btn-serv {
    bottom:555px;
    right:130px;
}

#btn-serv2 {
    bottom:580px;
    right:130px;
}

#btn-serv3 {
    bottom:300px;
    right:px;
}


#btn-back1 {
    bottom:35px;
}

#btn-back2 {
    top:35px;
}

#btn-back3 {
    top:10px;
}

#btn-back3 {
top:20px;
}


/*-----------------------------------------*/

        /*CONTENEDOR DE IMAGENES PAGINA PRINCIPAL*/

.container-slider {
    overflow: hidden;
    max-height:400px;
    max-width: 700px;
    box-shadow: 0 0 0 4px #009dff,0 5px 15px;
    position:relative;
    right:750px;
    top:275px;
    margin:0px, 1px, 0px , 1px:


}

.slider {
    display: flex;
    width: 300%;
    height: 400px;
    margin-left: -100%;
}


.slider__section {
    width: 100%;

}

.slider__img {
    display: block;
    width: 100%;
    height: 100%;
}

.slider__btn {
    position:absolute;
    width: 60px;
    height: 60px;
    color:#3db5ff;
    top:50%;
    transform: traslateY(-50);
    font-size: 40px;
    font-weight: bold;
    font-family: monospace;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.slider__btn--left {
    margin:-30px 10px 30px 10px;

}

.slider__btn--right {
    margin:-30px 10px 30px 630px;

}
/*---------------------------------------------------*/

#bottomtxt {
    margin:120px -750px 1px -120px;
    font-size:25px;
    max-width:300px;
    height:100px;
    position:relative;
    top:580px;
    right:1050px;
    color:black;
    text-decoration:none;
    text-align:center;
    background-color:#36d6eb;;
    padding:10px;
    padding-left:30px;
    padding-right:30px;
    max-height:30px;
}

#bottomtxt:hover {
    background-color:#36c6eb;;
    color:white;
    transition-duration:.5s;

}


        /*QUIENES SOMOS*/

.historia {
    font-size:30px;
    text-align:justify;
}

.img-ct {
    text-align:center;
}

.img-ctcon {
    text-align:center;
    margin-top:175px;
}

.img-sr {
    max-width:700px;
    border:solid 3px #009dff;
    margin-top:50px;
    position:relative;

}

.img-sr2 {
    max-width:700px;
    border:solid 3px #009dff;
    margin-top:75px;
    position:relative;

}
.whatsapp {
    position:relative;
    right:50px;
    text-align:center;
    width:1000px;
}



.wha-btn {
    background-image:url(../img/Backgrounds/whatsapp.png);
    width:654px;
    height:263px;
    position:relative;
    left:175px;
}

.wha-btn:hover {
    background-image:url(../img/Backgrounds/whatsappblur.png);
}

.whats {
    position:relative;
    top:125px;
    padding:100px 320px 100px 320px;
}

#maximg {
    width:500px;
    margin-top:130px;
}

#his {
    font-size:18px;
    font-weight:bolder;
}