@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Social Media Circled";
    src: url(../Fonts/SocialMediaCircled.eot); /* IE */
    src: local("Social Media Circled"), url(../Fonts/SocialMediaCircled.ttf) format("truetype"), url(../Fonts/SocialMediaCircled.woff) format("woff"), url(../Fonts/SocialMediaCircled.otf) format("opentype"), url(../Fonts/SocialMediaCircled.woff2) format("woff2"); /* resto de navegadores */
}

/*::-webkit-scrollbar-track {border-radius: 10px; background-color: #6CC} color del fondo

::-webkit-scrollbar {width:10px; height:10px}

::-webkit-scrollbar-thumb { border-radius: 10px; background-color:#C482C3 } color del scroll*/



/*Etiquetas que sí se usan*/
hr {height: 10px; clear: both; border: none}
.movil-space {display:none}
.obj-cent {display: flex; justify-content: center; align-items: center}
.obj-background {align-self: center; background-color:#FF7E93}
#u-padding {padding-top:0}

.cab-mov { visibility:hidden; display:none}
.cab-desk { visibility:visible; display:block}

.pie {background-color:#FFF; padding-bottom:2%; text-align:left; font-family: 'Raleway', sans-serif}
.pie img {width:50%; display:block; float:left}
.pie img:hover {filter: opacity(.5); transition:all ease 500ms}
.pad {padding-top:10px}
.pad a {text-decoration:none; color:#666; font-size:90%}
.pad a:hover {text-decoration:none; color:#C482C3}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:200%; text-align:center; color:#FF7E93; letter-spacing:8px; margin-left:auto; margin-right:auto; z-index:100000000}

.pie-txt-redes3 {font-family: 'Social Media Circled'; display:block; font-size:160%; text-align:center; color:#1CB0D4; letter-spacing:25px; margin-left:auto; margin-right:auto; padding-top:4%}
.pie-txt-redes3 a {text-decoration:none; color:#1CB0D4}
.pie-txt-redes3 a:hover {color:rgba(28,176,212,0.5); transition:all ease-in 200ms}

.mov {display:none}

.social img {width:50%}
.social {padding-top:5%}
.trans-point {color: rgba(0,0,0,0)}

.pie-txt {bottom:0}
.pie1 {margin-left:2%}
.div {height:2px; background-color:#1CB0D4; width:80%; margin-top:5%} /*Barras bajo menú*/







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

.hr2 {height:10px; clear:both; border:none}

#in {background-color:#BCB9B9; border-radius:10px; height:20px; width:100%}

#in2 {background-color:#BCB9B9; border-radius:10px; height:20px; width:100%}

#in3 {background-color:#BCB9B9; border-radius:10px; width:100%}

#enviar { background-color:#FF7E93; color:#FFFFFF; margin-left:230px; width:100px; height:30px; font-size:14px; border-radius:10px}

#img {width:50px; height:50px; padding-left:40px}
#img2 {width:50px; height:50px; margin-left:345px; padding-left:40px}

#con {padding-top:15px}

.right { padding-right:3px}
.left { margin-left:3%}

.no {display:none}

.label {vertical-align:top}

.barrapie {background-color:#FF7E93; width:100%; height:55px; bottom:0}
.invisible {width:100%; opacity:0}
.scaled {transform: scale(0.6)}
.scaled2 {transform: scale(0.8)}
.piesocial img:hover {width:100%; transition:all ease 100ms; filter: opacity(.5)}

/*footer*/





.pad2 {padding-top:15px}
.pad2 a {text-decoration:none; color:#666; font-size:95%}
.pad2 a:hover {text-decoration:none; color:#C482C3}





/*menú*/
nav {width:100%; text-align:left}

ul li {list-style:none; display:inline-block}

ul li a {height:15px; display:block; text-decoration:none; padding-top:4px; color:#F69}

ul li a:hover {color:#FFFFFF}

ul li ul {display:none}

ul li:hover ul {display:block; width:80px; position:fixed; padding-top:65px; position:absolute}

ul li ul li a {color:#000; font-family: 'Indie Flower', cursive;}

ul li ul li a:hover {color:#FF7E93; transition:all ease-in 200ms; font-family: 'Indie Flower', cursive}


@media all and (max-width:768px) {
.obj-cent {display:block}
.movil-space {display:block; height: 10px; clear: both; border: none; padding-bottom:25%}
#u-padding {padding-top:10%}

.cab-mov { visibility:visible; display:block}
.cab-desk { visibility:hidden; display:none}

.pie {background-color:#fff; padding-bottom:2%; text-align:center; font-family: 'Poppins', sans-serif; color:#FF7E93; bottom:0; position:fixed}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:200%; text-align:center; color:#FF7E93; letter-spacing:8px; margin-left:auto; margin-right:auto}
pie-txt-redes2 a {color:#FF7E93}
.pie-txt-redes2 a:hover {color:#000; transition:all ease-in 200ms}

.mov {display:block}








#bar {height:30px; overflow:hidden}

#menu ul li {list-style:none; display:block}

#menu ul li img {visibility:hidden}

#menu ul li a {display:block; color:#FFFFFF; text-decoration:none; background-color:#FF7E93; text-align:center; height:25px}

#menu ul li a:hover {background-color:#F99}

#menu ul li ul {display:none}

#menu ul li:hover ul {display:block; width:100%; padding-top:0px}

#menu ul li ul li a {color:#000; font-family: 'Indie Flower', cursive; background-color:#FF7E93; opacity:0.5}

#menu ul li ul li a:hover {color:#FFFFFF; transition:all ease-in 200ms; font-family: 'Indie Flower', cursive}


#img {width:50px; height:50px; padding:0}
#img2 {width:50px; height:50px; padding:0; margin:0}

.oculto {display:none}

.no { display:inline-block}
.redes {width:100%; margin:0 auto}
.redes img {width:70%; margin:20px}
#youtube {width:60%}
.left {margin-left:0}

.barrapie {background-color:#FF7E93; width:100%; height:150px; position:relative; bottom:0; position:absolute}

.cel {display:none}


.menu {display:none}

}