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

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none; border: 0px solid;}a:hover,a:active {	text-decoration: underline;}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
	font-family: 'GothamLight';
	src: url('../fonts/GothamLight.eot');
	src: url('../fonts/GothamLight.eot') format('embedded-opentype'),
		 url('../fonts/GothamLight.woff2') format('woff2'),
		 url('../fonts/GothamLight.woff') format('woff'),
		 url('../fonts/GothamLight.ttf') format('truetype'),
		 url('../fonts/GothamLight.svg#GothamLight') format('svg');
}

@font-face {
	font-family: 'GothamBlack';
	src: url('../fonts/GothamBlack.eot');
	src: url('../fonts/GothamBlack.eot') format('embedded-opentype'),
		 url('../fonts/GothamBlack.woff2') format('woff2'),
		 url('../fonts/GothamBlack.woff') format('woff'),
		 url('../fonts/GothamBlack.ttf') format('truetype'),
		 url('../fonts/GothamBlack.svg#GothamBlack') format('svg');
}

@font-face {
    font-family: 'KittenSwashTrial';
    src: url('../fonts/KittenSwashTrial.eot');
    src: url('../fonts/KittenSwashTrial.eot') format('embedded-opentype'),
         url('../fonts/KittenSwashTrial.woff2') format('woff2'),
         url('../fonts/KittenSwashTrial.woff') format('woff'),
         url('../fonts/KittenSwashTrial.ttf') format('truetype'),
         url('../fonts/KittenSwashTrial.svg#KittenSwashTrial') format('svg');
}



html, body {
	font-family: 'Open Sans', sans-serif !important;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	overflow-x: hidden;
	position: relative;
  background-color: #f1f1f1;
	z-index: -101;
	box-sizing: border-box;
}

.container-fluid{
	padding: 0 0 0 0;
}

header{
	margin-top: -10px;
}

.principal {
	width: 100%;
	height: 100vh;
	background-image: url(../images/fondoHome.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	min-height: 750px;
}

.redes{
	padding-left: 10px;
	padding-top: 40px;
	font-size: 20pt;

}

.logo_ls{
	position: absolute;
	top: 20px;
	right: 10px;
}


.titulo {
	text-align: center;
	margin-top: 0vh;
	margin-bottom: 50px;

}

.titulo img{
	width: 85%;
}

.titulo-mobile{
	text-align: center;
	margin-top: 1vh;
	margin-bottom: 50px;

}

.titulo-mobile img{
	width: 90%;
}

.participa {
	text-align: center;
	margin-top: -70px;
	margin-bottom: 30px;
}

.participa img{
	width: 300px;

}

.logoChele {
	text-align: center;
	margin-bottom: 30px;
}

.logoChele img{
	width: 180px;
}

.principal_2 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/fondo2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	min-height: 750px;
}

footer {
	margin-bottom: 0px;
	padding-top: 15px;
	padding-left: 30px;

}

.logo_ls2 img {
	left: 40px;
	width: 100px;
}

.logo_ls2 {
	position: relative;
	bottom: 10px;
	left: 0px;
}

.vaso {
	text-align: center;
	margin-bottom: -10px;
	margin-top: 0px;
}

.vaso img {
	text-align: center;
	margin-bottom: -10px;
}

.jastag {
	text-align: center;
	margin-top: 20px;
	margin-bottom: -10px;
}

.jastag img{
	width: 65%;
}

.jastag-mobile{
	text-align: center;
	margin-bottom: -20px;
}

.jastag-mobile img{
	width: 65%;
}

.txtRojo{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
	margin-left: 35px;
	margin-right: 35px;
	font-family: 'Open Sans';
	color: #ED515E;
	text-align: center;
	font-size: 18px;
}

.txtRojo span{
	font-family: 'GothamBlack';
}

.txtAzul{
	padding: 20px;
	margin-left: 35px;
	margin-right: 35px;
	font-family: 'Open Sans';
	color: #09ACFC;
	text-align: center;
	font-size: 18px;
}

.txtAzul span{
	font-family: 'GothamBlack';
}

.comenzar {
	text-align: center;
}

.comenzar img{
	width: 230px;
	margin-bottom: 15px;

}

.mirale {
	text-align: center;
}

.mirale img{
	width: 230px;
}

.principal_3{
	width: 100%;
	height: 100vh;
	background-image: url(../images/fondo3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	justify-content: center;
	align-items: center;
	min-height: 750px;
}

.barraLateral{
	position: absolute;
	width: 110px;
	height: 100vh;
	background-color: white;
	padding: 10px;
	text-align: center;
	min-height: 750px;	
}

.abajoide{
	position: absolute;
	bottom: 15px;
	text-align: center;
	margin-left: 5px;
}

.goHome{
	position: relative;
	top: 42%;
}

.goHome img{
	width: 45px;
}

.redes3{
	position: relative;
	text-align: center;
}

.redes3 a{
	display: block;
	font-size: 18px;
}

.logo_ls3{
	position: relative;
	margin-top: 20px;
}

.logo_ls3 img{
	width: 80px;
	bottom: 15px;
}

.titulito{
	z-index: 10;
	position: absolute;
	left: 85px;
	top: 50px;
}

.titulito img{
	width: 220px;
}

.contenedorLoguin{
	position: absolute;
	right: 10%;
	top:18%;
	width: 850px;
}

.tituloLoguin img{
	width: 850px;
}
.logueo{
	display: flex;
}

.redeesLoguin{
	margin-top: 20px;
	display: flex;
	text-align: center;
	width: 45%;
	flex-direction: column;
}

.redeesLoguin img{
	width: 50px;
	margin: 15px;
}

.formLoguin{
	margin-top: 20px;
	display: flex;
	text-align: center;
	width: 60%;
	flex-direction: column;
	align-content: center;
}

.formLoguin input{
	width: 400px;
	height: 40px;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-family: 'GothamBlack';
	color: rgba(9, 172, 252, 0.5);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: none;
}
.borototon {
	margin-top: 10px;
	border: none;
	background-color: rgba(255, 0, 0, 0);
}

.principal_4{
	width: 100%;
	height: 100vh;
	background-image: url(../images/fondo_4.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	min-height: 750px;
}

.principal_5 {
    background-image: url(../images/fondoFelicita.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	min-height: 750px;
}

.titulito4{
	z-index: 20;
	position: absolute;
	left: 85px;
	top: 50px;
}

.titulito4 img{
	width: 650px;
}

.avatar4{
	z-index: 10;
	position: absolute;
	right: -45px;
	top: 52px;
}

.avatar4 img{
	width: 175px;
}

.mapaCompleto{
	position: absolute;
	top: 13%;
	left: 13%;
	width: 360px;
	height: 650px;
}

.mapaCompleto img{
	width: 100%
}

.noseven{
	visibility: hidden;
	opacity: 0;
}

.bsas{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 100;
}

.chaco{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 101;
}

.catamarca{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 102;
}

.chubut{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 103;
}

.cordoba{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 104;
}

.corrientes{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 105;
}

.entreRios{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 106;
}

.formosa{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 107;
}

.laPampa{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 108;
}

.laPampa{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 109;
}

.laRioja{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 110;
}

.mendoza{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 111;
}

.misiones{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 112;
}

.neuquen{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 113;
}

.rioNegro{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 114;
}

.salta{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 115;
}

.sanJuan{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 116;
}

.sanLuis{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 117;
}

.santaCruz{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 118;
}

.santaFe{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 119;
}

.santiagoDelEstero{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 120;
}

.TDF{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 121;
}

.tucuman{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 122;
}

.jujuy{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 123;
}

.argentina{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 40;
}

.botones{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 1000;
}

.argerntina{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 2;
}


.bt1{
	position: absolute;
	top: 45px;
	left: 117px;
}

.bt2{
	position: absolute;
	top: 78px;
	left: 119px;
}

.bt3{
	position: absolute;
	top: 103px;
	left: 122px;
}

.bt4{
	position: absolute;
	top: 103px;
	left: 100px;
}

.bt5{
	position: absolute;
	top: 138px;
	left: 100px;
}

.bt6{
	position: absolute;
	top: 73px;
	left: 190px;
}

.bt7{
	position: absolute;
	top: 94px;
	left: 181px;
}

.bt8{
	position: absolute;
	top: 112px;
	left: 151px;
}

.bt9{
	position: absolute;
	top: 130px;
	left: 220px;
}

.bt10{
	position: absolute;
	top: 100px;
	left: 261px;
}

.bt11{
	position: absolute;
	top: 154px;
	left: 180px;
}

.bt12{
	position: absolute;
	top: 158px;
	left: 80px;
}

.bt13{
	position: absolute;
	top: 175px;
	left: 140px;
}

.bt14{
	position: absolute;
	top: 175px;
	left: 200px;
}

.bt15{
	position: absolute;
	top: 210px;
	left: 83px;
}

.bt16{
	position: absolute;
	top: 206px;
	left: 115px;
}

.bt17{
	position: absolute;
	top: 277px;
	left: 65px;
}

.bt18{
	position: absolute;
	top: 258px;
	left: 122px;
}

.bt19{
	position: absolute;
	top: 242px;
	left: 185px;
}

.bt20{
	position: absolute;
	top: 306px;
	left: 97px;
}

.bt21{
	position: absolute;
	top: 371px;
	left: 80px;
}

.bt22{
	position: absolute;
	top: 456px;
	left: 61px;
}

.bt23{
	position: absolute;
	top: 571px;
	left: 95px;
}

.notocaboton{
	opacity: 0;
}

.fotoslocaslocas{
	position: absolute;
	top: 13%;
	right: 3%;
	width: 50%;
	height: 650px;

}
.fotosAtras{
	display: flex;
	position: absolute;
	top: 25%;

}
.faDer{
	margin: 20px;

}
.faIz{
	margin: 20px;

}
.fotosAtras img{
	width: 250px;
}

.fotoDelantera{
	position: absolute;
	top: 14%;
	left: 15%;
	z-index: 14;
}

.fotoDelantera img{
	width: 400px;

}
.votar{
	position: absolute;
	top: 14%;
	left: 15%;
	z-index: 1000;
}

.votito1{
	position: relative;
	top: -35px;
	left: 320px;
	width: 135px;
	cursor: pointer;
}

.votito1 img{
	width: 100%;
}

.votito2 img{
	width: 100%;
}

.votito2{
	position: relative;
	top: 368px;
	left: -50px;
	width: 500px;
}

div#ui-datepicker-div {
	z-index: 89!important;
}
.pantalla_c {
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	position: absolute;
	overflow: hidden;
}
.pantalla_c.activa {
	visibility: visible;
	opacity: 1;
	overflow-y: auto;
}

a.sociallink {
	color: #09ACFC;
}

.titugale {
	position: absolute;
	top: 20px;
	left: 85px;
	width: 260px;
	height: 60px;
	background: no-repeat center center url(../images/titulogaleria.png);
	background-size: contain;
}

.usuarioCont {
	position: absolute;
	top: 20px;
	right: -31px;
	width: 260px;
	height: 60px;
	background: no-repeat center center url(../images/tituloNombre.png);
	background-size: contain;
	padding: 20px 37px 20px 72px;
	color: #FFF;
	font-weight: bold;
	overflow: hidden;
}

.tira_2 {
	z-index: 20;
    position: absolute;
    left: 13px;
    top: 90px;
    width: 600px;
    height: 120px;
	background: no-repeat center center url(../images/tira_paso_2.png);
	background-size: contain;
}

.tira_3 {
    z-index: 24;
    position: absolute;
    left: -11px;
    top: 163px;
    width: 600px;
    height: 140px;
    background: no-repeat center center url(../images/tira_paso3.png);
    background-size: contain;}

.tira_1 b {
	font-family: 'GothamBlack';
}

.tira_1 {
    z-index: 20;
    position: absolute;
    left: 85px;
    top: 20px;
    width: 300px;
    height: 60px;
    background: no-repeat center center url(../images/tira_vacia_i.png);
    background-size: contain;
    padding: 14px 10px 13px 57px;
    color: #FFF;
    font-weight: bold;
    overflow: hidden;
    line-height: 15px;
}

.imagenGal {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	background: #FFF;
	padding: 10px;
	border: 3px solid #09acfc;
	border-radius: 8px;
	cursor: pointer;
}

.titulovaso {
	background: #09acfc;
	border-radius: 8px;
	padding: 10px;
	position: relative;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #FFF;
	text-align: center;
}

.tituloinst {
	font-weight: bold;
}

.pos0 {
	margin-left: -340px;
	z-index: 997;
	transform: scale(0.8);
}

.pos2 {
	margin-left: -50px;
	z-index: 998;
	transform: scale(0.8);
}

.pos1 {
	margin-left: -200px;
	z-index: 999;
}

.contenidonoticia2 {
	margin-bottom: 15px;
    height: 330px;
    width: 100%;
    background: no-repeat center center url(../images/vasoejemplo.png);
    background-size: cover;
}

.contenidonoticia {
	margin-bottom: 15px;
	width: 100%;
	height: 300px;
	background: no-repeat center center;
	background-size: cover;
	border-radius: 15px;
}

.contenidonoticia img {
	width: 100%;
}
.notocaboton {
	opacity: 0;
	width: 30px;
	height: 30px;
}
h4.modal-title {
	font-family: 'gothamBlack';
	color: #09acfc;
	font-size: 22px;
}

.labelform {
	font-family: 'gothamBlack';
	color: #09acfc;
	font-size: 16px;
}
#formH td {
	padding: 5px;
	width: 50%;
}

#formH td input, #formH td textarea, #formH td select {
	border: 2px solid #09acfc;
	resize: none;
}

a.btn.btnEnviarIns {
	width: 260px;
	height: 60px;
	background: no-repeat center center url(../images/btnEnviarInst.png);
	background-size: contain;
	color: #FFF;
	border: 0;
}

button.btnGuardarMsg {
	width: 160px;
	height: 60px;
	background: no-repeat center center url(../images/btnEnviar.png);
	background-size: contain;
	color: #FFF;
	border: 0;
	position: absolute;
	bottom: -40px;
	right: 30px;
}

.bloquevasomuestra {
	width: 30%;
	position: absolute;
	top: 24%;
	right: 50%;
	margin-right: -40%;
}

.bloquevasomuestra .vaso {
	width: 350px;
	height: 500px;
	background: no-repeat top center url(../images/vasobig.png);
	background-size: 100% auto;
	position: relative;
}

.bloquenewmess {
	width: 30%;
	position: absolute;
	top: 230px;
	left: 50%;
	margin-left: -30%;
	height: 130px;
}

textarea#mensajebox {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
	resize: none;
	font-family: 'GothamLight';
	color: #808285;
	padding: 15px;
}

.bloquevasomuestra .vaso .mensaje {
	color: #09acfc;
	font-family: 'KittenSwashTrial';
	padding: 15px;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
}

.vasomsg {
	position: absolute;
	width: 95%;
	height: 190px;
	top: 56%;
	display: table;
}

.tira_2_m {
    z-index: 20;
    position: absolute;
    left: 84px;
    top: 90px;
    width: 220px;
    height: 60px;
    background: no-repeat center center url(../images/tira_enviaste_msg.png);
    background-size: contain;
}

.bloquevasomensaje {
    position: absolute;
    left: 50%;
    height: 400px;
    width: 450px;
    background: no-repeat center center url(../images/vasoejemplo.png);
    background-size: cover;
    top: 150px;
}

.vasomsg2 {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}

.vaso2 {
    height: 100%;
    width: 100%;
    position: relative;
}

div#msgres2, .mensaje {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
	color: #09acfc;
	font-family: 'KittenSwashTrial';
	padding: 15px;
	font-size: 20px;
}

.boxShare {
    position: absolute;
    top: 560px;
    left: 50%;
    margin-left: 190px;
}

a.btnShareFace img {
	width: 100%;
}

a.btnShareFace {
    display: inline-block;
    height: 60px;
    width: 60px;
}

button.btn.btnMirallagaleria {
    position: absolute;
    top: 690px;
    left: 50%;
    margin-left: 90px;
    background: no-repeat center center url(../images/btnMirallagaleria.png);
    background-size: cover;
    width: 260px;
    height: 35px;
}

button.btn.btnContinuarSincom {
    position: absolute;
    top: 630px;
    left: 50%;
    margin-left: 90px;
    background: no-repeat center center url(../images/btnContinuarSincom.png);
    background-size: cover;
    width: 260px;
    height: 53px;
}

#pantalla6 .contenedorycuchillo {
    height: 100%;
}

.mensajeFelicita {
    background: no-repeat center center url(../images/felicidades.png);
    position: relative;
    max-width: 900px;
    width: 100%;
    height: 350px;
    background-size: contain;
    margin: 0 auto;
    top: 150px;
}

.tira_3_ok {
	z-index: 20;
	position: absolute;
	left: 84px;
	top: 165px;
	width: 225px;
	height: 60px;
	background: no-repeat center center url(../images/tira_3_ok.png);
	background-size: contain;
}

.mensajeFeli2 {
    background: no-repeat center center url(../images/text_feli.png);
    position: absolute;
    max-width: 760px;
    width: 100%;
    height: 60px;
    background-size: contain;
    margin: 0 auto;
    bottom: 20px;
    left: 50%;
    margin-left: -380px;
}

a.linknavvaso {
    position: absolute;
    left: 50%;
    top: calc(50vh - 40px);
    z-index: 9999;
    font-size: 40px;
    color: #09acfc;
}

a.linknavvaso.navprev {
    margin-left: -340px;
}

a.linknavvaso.navnext {
    margin-left: 330px;
}

img.imgctermino {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 20px auto;
}