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

html, body {
height:100%;
scroll-behavior: smooth;
}

body {
margin:0; 
text-align:center;
font-family: 'Open Sans', sans-serif;
color: #808080;
}
	
.center {
width:1000px;
margin:0px auto;
/*text-align:left;*/
}

.clear {
clear:both;
}

a {
	color:#9e005d;
}
a img, img a, a {
border:none;
text-decoration:none;
}

ul, li, h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	list-style:none;
	list-style: circle;
	list-style-position: inside;
}

/******** TITLES **********/
h1 {
	font-size: 40px;
	font-weight: 300;
	font-family: 'Zilla Slab', serif;
	color:#9e005d;

	margin: 20px 0 10px 0;
}
h2 {
	font-size: 25px;
	font-weight: 300;
	font-family: 'Zilla Slab', serif;
	color:#9e005d;
	margin: 40px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;}
h3 {
	font-size: 25px;
	font-weight: 300;
	font-family: 'Zilla Slab', serif;
	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
	color: #9e005d;
	text-transform: uppercase;
}
h4 {
	background: #ccc;
	color: #fff;
	font-size: 50px;
	font-weight: 300;
	font-family: 'Zilla Slab', serif;
	display:inline-block; 
	padding: 10px 13px;
	margin: 15px 0 0 0;
	border-radius: 120px;
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
}
h5 {
	font-size: 30px;
	font-weight: 300;
	font-family: 'Zilla Slab', serif;
	font-style: italic;
}
h6 {}

/******** COLUMNS **********/
.col-25 {width:25%;	float:left;}
.col-33 {width:33%;	float:left;}
.col-50 {width:50%;	float:left;}
.col-66 {width:66%;	float:left;}
.col-75 {width:75%;	float:left;}

/******** BOTON **********/
a.boton1:link, a.boton1:visited {
	background-image: linear-gradient(to bottom, #ce0f89, #9e005d);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 7px 20px;
	border-radius: 8px;
	border: 1px solid #77002a;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	display: inline-block;
}
a.boton1:hover {
	background-image: linear-gradient(to top, #ce0f89, #9e005d);
}

/******** MENUS **********/
.header { 
	position: fixed;
	width: 100%;
	z-index: 10;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	background: #fff;
}
.logo {
	text-align: center;
}
/*****MENU MOBILE*****/
.menu-mobile {
	text-align: left;
	margin: 18px 0 0 5px;
	float: left;
	display:none;
}
.menu-burger img{
	filter: invert(50%);
	width: 25px;
	height: auto;
}
.dropdown:hover a.menu-burger, a.menu-burger:hover {
	background:#9e005d;
	width: 25px;
	border-radius: 5px;
	display: block;
}
.dropdown:hover a.menu-burger img, a.menu-burger:hover img {
	filter: invert(0%);
}
.dropdown-content {
	display: none;
	margin: 20px 0 0 0;
	width: 200px;
	background-image: linear-gradient(to bottom, #77002a, #9e005d 50%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: fixed;
}
.dropdown:hover .dropdown-content{
    display: block;
}
.dropdown-content a:link, .dropdown-content a:visited {
	font-size: 15px;
	padding: 8px 10px;
	display: block;
	color: #fff;
}
.dropdown-content a:hover {
	background: rgba(0,0,0,0.2);
}


/*****MENU HORIZONTAL 1*****/
.menu-top-1 {
	background-image: linear-gradient(to bottom, #77002a, #9e005d 50%);
}
.menu-top-1 ul li {display: inline-block;}
.menu-top-1 ul li a:link, .menu-top-1 ul li a:visited {
	color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	margin: 0 10px;
	display:block;
}
.menu-top-1 ul li a:hover {
	background: rgba(0,0,0,0.2);
}
/*****MENU REDES*****/
.menu-top-2 {
	margin: -42px 5px 0 0;
	float: right;
}
.menu-top-2 ul li {display: inline-table;}
.menu-top-2 ul li a img {
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}
.menu-top-2 ul li a:link, .menu-top-2 ul li a:visited {
	background: #ccc;
	border-radius: 5px;
	display: block;
	padding: 4px 2px 0 2px;
}
.menu-top-2 ul li a:hover {
	background: #999;
}

/******** MENU 3 **********/
ul.menu3 {
	padding: 0 0 15px 0;
}
ul.menu3 li{
	display: inline-block;
	padding: 0 20px;
	list-style: none;
}
ul.menu3 li a:hover {
	text-decoration: underline;
}


/******** CUERPO **********/
.cuerpo {
	padding: 102px 0 0 0;
	z-index: 10;
}

/******** SLIDESHOW 1 **********/
.slideshow1 {
	/*background-image: linear-gradient(to bottom, #808080, #989697 20%, #615f60 90%, #333333);*/
	background: url("../img/slider-bg.png");
	z-index: 1;
	padding: 4px 0 0 0;
}
.mySlides1 {}
.animate-fading {animation: fading 30s infinite;}
@keyframes fading{0%{opacity:0}10%{opacity:1}50%{opacity:1}100%{opacity:1}}


/******** TEXT INTRO **********/
.text-intro {
	padding: 20px 0 60px 0;
}
.text-intro h1{
	padding: 0 10%;
}

/******** TEXT HOME **********/
.texto-home {
	padding: 20px 0;
	/*background: #9c3c96;*/
	background-image: linear-gradient(to top, #762071, #9c3c96);
	color: #fff;
	font-size: 15px;
}
.texto-home p, .texto-home h5, .texto-home img {
	padding: 0 10%;
}
.texto-home img {
	width: 80%;
	height: auto;
}


/******** TEXT NOSOTROS **********/
.texto-home-nosotros {
	padding: 40px 0 60px 0;
}
.texto-home-nosotros p {
	padding: 0 10%  15px 10%;
	font-family: 'Zilla Slab', serif;
	font-size: 18px;
}

/******** TEXT HOME 3 cols **********/
.texto-home-3cols .col-33 {
	padding: 20px 0 40px 0;
}
.texto-home-3cols p {
	color: #fff;
	padding: 0 15px;
}
.texto-home-3cols h3 {
	color: #fff;
}

/******** OPTICAS **********/
.opticas-lista {
	text-align: left;
}
.opticas-lista ul {
	padding: 0 0 0 20px;
}
.opticas-lista ul li {}
.opticas-lista a:link, .opticas-lista a:visited {
	color:#9e005d;
	font-family: 'Zilla Slab', serif;
	font-size: 18px;
}
.opticas-lista a:hover {
	text-decoration: underline;
}
.opticas h3 {
	color: #fff;
}
.opticas img {
	vertical-align: bottom;
	-webkit-filter: invert(50%);
	filter: invert(50%);
	width: 30px;
	height: auto;
}
#bsas, #catamarca, #chaco, #chubut, #cordoba, #corrientes, #entrerios, #formosa, #jujuy, #lapampa, #larioja, #mendoza, #misiones, #neuquen, #rionegro, #salta, #sanjuan, #sanluis, #santafe, #santiago, #fuego, #tucuman {
	display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}
.opticas-tabla img {
	width:17px;
	height: auto;
	vertical-align: bottom;
	filter: invert(100%);
    -webkit-filter: invert(100%);
	opacity: 0.5;
}


/******** IMAGE OR VIDEO **********/
.image-or-video img {
	width: 100%;
	height: auto;
	margin: 30px 0 30px 0;
}

/******** COLUMNAS DE TEXTO **********/
.columnas  {
	padding: 0 0 40px 0;
}
.columnas h2, .columnas h3, .columnas p {
	margin-right: 10px;
	margin-left: 10px;
	padding-right:20px;
	padding-left: 20px;
}
.columnas h2 {
	margin-bottom: 0;
}

/******** ENTIDADES **********/
.entidades .col-50 {
	text-align: left;
}
.entidades p {
	margin-right: 20px;
}
.entidades ul {
	margin: 15px 20px;
}
.entidades ul li {
	padding: 10px
}
.entidades ul li a:link, .entidades ul li a:visited{
	color: #fff;
}
.entidades ul li a:hover {
	text-decoration: underline;
}

/******** TABLAS **********/
table {
	width: 100%;
	font-size: 12px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
}
tr.cabezal td{
	background: #9e005d;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
table tr td {
	padding: 3px 5px;
	border-bottom: 1px solid #e6e6e6;
}
table tr:hover {
	background: #E6E6E6;
}

/******** PROMOS AHORA 12 **********/
.promos-ahora12 {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
.promo-img {
	padding: 20px 0 0 0;
}

/******** CONTACT US **********/
.contact {
	background: #e6e6e6;
	background-image: linear-gradient(to bottom, #cccccc, #e6e6e6 5%, #e6e6e6 95%, #cccccc);
	text-align: left;
	padding: 20px 0;
	margin: 40px 0 0 0;
}
.contact h2 {
	border: none;
	margin: 0;
	padding: 0 0 10px 0;
}
.contact p {
	margin: 0;
	padding: 0;
}
.contact h2, .contact p {
	padding-left: 5%;
}
.map {
	border:1px solid #ccc;
}
.contact img {
	vertical-align: middle;
	-webkit-filter: invert(50%);
	filter: invert(50%);
	width: 30px;
	height: auto;
}


/******** FOOTER **********/
.footer {
	background: #9e005d;
	color: #fff;
	padding: 2px 0;
	font-size: 12px;
}

/******** IDS **********/
#home {}
#what {padding: 80px 0 0 0;}
#who {padding: 80px 0 0 0;}
#who {padding: 50px 0 0 0;}
#how {padding: 30px 0 0 0;}
#contact {padding: 60px 0 60px 0;}



/******** responsive **********/
@media screen and (max-width: 999px) {
	.center, .mySlides1 {width: 100%;}
	.columnas2, .columnas3 {padding: 0 15px;}
	.cuerpo p { padding-left:5%; padding-right: 5%;}
	.col-33 ul{
		margin: 2%;
	}

}
@media screen and (max-width: 750px) {
	.promociones img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 600px) {
	.menu-top-1 {display: none;}
	.menu-top-2 {margin: 18px 5px 0 0;}
	.menu-mobile {display: block;}
	.logo {float:left; margin: 0 0 0 10px;}
	.header {border-bottom: 4px solid #9e005d;}
	.cuerpo {padding: 64px 0 0 0;}
	.cuerpo .col-25, .cuerpo .col-33,.cuerpo .col-50,.cuerpo .col-66,.cuerpo .col-75 {
		width: 100%;
		margin-bottom: 40px;
	}
	.texto-home-3cols .col-33 {
		margin-bottom: 0;
	}
	ul.menu3 li {
		display: inherit;
	}
}