* {
	margin:0;
	padding: 0;
}

body {
  font-family: Helvetica, Arial, Sans-Serif;
}

#divAnuncioImagen {display:none;}
.button {
  background-color: #2f69dc; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#divanuncio {
height: 100%;
background-image: url('../imagenes/fondo_julio.jpg');
background-repeat: no-repeat;
/*background-attachment: fixed;
background-size: 100% 70%;*/
background-size: cover;
}

#divAnuncioImagenss {
width:48%;
height:60vh;
display: inline-block;

}
#divAnuncioDatos {
width:80%;
height:40vh;
display: inline-block;
vertical-align: top;
position: relative;

}

#tituloh2 {
position: absolute;
text-align: center; 
width: 100%;
top:15%;
color:white;
font-size: 1.5em;
font-weight: bold;

}

#tituloh2 p{
		color:white;
		text-align: center;
	    font-size: 1.5em;
	    font-weight: bold;
}

#boton {
position: absolute;
top:60%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
}

.divAnuncioLateral {
	width:2%;
	display: inline-block;
}

.img-productos {
width: 25%;
margin-left: 6%;
display: inline-block;
height: 100%;
float: left;
}

.logo {
	width: 50%;
}
.img-cabecera {
max-width: 98%;
max-height: 98%;
display:block;
  margin-left: auto;
  margin-right: auto;
}

.titulos-div {
	margin-top:5%;
	margin-bottom:5%;
	width: 100%;
	/*
		border:1px solid red;*/
}

.titulos {
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	    font-size: 1.5em;
	    font-weight: bold;
}

.sjw100 {width:100%;}
.sjw75 {width:75%;}
.sjfooter{
color: blue;
font-size:14px;
display:none;
}
.footerlogodiv {
  width: 100%;
  display:block; 
  vertical-align:middle; 
  text-align:center;    
}

.footerlogo{
  width: 70%;
}
.footermaps{
  margin-left: 1px;
  margin-right: 1px;
}
.footerul{list-style: none; padding-left: 10%;margin-top:5%}

.footerli{
	font-size:14px;
	padding:1px
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: list-item;
    text-align:center;
}

.sjlabsfooterdiv{
	margin-top: 2%;
    width: 80%;
    max-height: 100%;
    display: block;
     vertical-align: top; /* here */
}
.sjlabsfooterdiv h4 {text-align:center;}
a{text-decoration:none}


@media only screen and (min-width: 768px) and (max-width: 1500px) {
.sjw100 {width:75%;}

.button {
  background-color: #2f69dc; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#divanuncio {
height: 55vh;
background-image: url('../imagenes/fondo_julio.jpg');
background-repeat: no-repeat;
/*background-attachment: fixed;
background-size: 100% 70%;*/
background-size: cover;
background-position: center center;
}

#divAnuncioImagen {
width:48%;
height:55vh;
display: inline-block;
min-height:30vh;

}
#divAnuncioDatos {
width:48%;
height:55vh;
display: inline-block;
vertical-align: top;
position: relative;

}

#tituloh2 {
position: absolute;
text-align: center; 
width: 100%;
top:15%;
color:white;
font-size: 1.5em;
font-weight: bold;

}

#tituloh2 p{
		color:white;
		text-align: center;
	    font-size: 1.5em;
	    font-weight: bold;
}

#boton {
position: absolute;
top:60%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
}

.divAnuncioLateral {
	width:2%;
	display: inline-block;
}

.img-productos {
width: 25%;
margin-left: 6%;
display: inline-block;
height: 100%;
float: left;
}

.logo {
	width: 20%;
}
.img-cabecera {
max-width: 98%;
max-height: 98%;
display:block;
  margin-left: auto;
  margin-right: auto;
}

.titulos-div {
	margin-top:5%;
	margin-bottom:5%;
	width: 100%;
	/*
		border:1px solid red;*/
}

.titulos {
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	    font-size: 1.5em;
	    font-weight: bold;
}


.sjfooter{
color: blue;
font-size:14px;
display:block;
}

.footerlogo{
  width: 60%;
}
.footermaps{
  margin-left: 1px;
  margin-right: 1px;
}
.footerul{list-style: none; padding-left: 10%;margin-top:5%}

.footerli{
	font-size:14px;
	padding:1px
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: list-item;
}

.sjlabsfooterdiv{
	margin-top: 2%;
    width: 20%;
    max-height: 100%;
    display: inline-block;
     vertical-align: top; /* here */
}
a{text-decoration:none}
}



@media only screen and (min-width: 1501px) {

.sjw100 {width:65%;}

.button {
  background-color: #2f69dc; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#divanuncio {
height: 30vh;
background-image: url('../imagenes/fondo_julio.jpg');
background-repeat: no-repeat;
/*background-attachment: fixed;
background-size: 100% 70%;*/
background-size: cover;
background-position: center center;
}

#divAnuncioImagen {
width:48%;
height:30vh;
display: inline-block;
min-height:30vh;

}
#divAnuncioDatos {
width:48%;
height:30vh;
display: inline-block;
vertical-align: top;
position: relative;

}

#tituloh2 {
position: absolute;
text-align: center; 
width: 100%;
top:15%;
color:black;
font-size: 1.5em;
font-weight: bold;

}

#tituloh2 p{
		color:white;
		text-align: center;
	    font-size: 1.5em;
	    font-weight: bold;
}

#boton {
position: absolute;
top:60%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
}

.divAnuncioLateral {
	width:2%;
	display: inline-block;
}

.img-productos {
width: 25%;
margin-left: 6%;
display: inline-block;
height: 100%;
float: left;
}

.logo {
	width: 20%;
}
.img-cabecera {
max-width: 98%;
max-height: 98%;
display:block;
  margin-left: auto;
  margin-right: auto;
}

.titulos-div {
	margin-top:5%;
	margin-bottom:5%;
	width: 100%;
	/*
		border:1px solid red;*/
}

.titulos {
		text-align: center;
		margin-bottom: 1%;
		margin-top: 1%;
	    font-size: 1.5em;
	    font-weight: bold;
}


.sjfooter{
color: blue;
font-size:14px;
display:block;
}

.footerlogo{
  width: 60%;
}
.footermaps{
  margin-left: 1px;
  margin-right: 1px;
}
.footerul{list-style: none; padding-left: 10%;margin-top:5%}

.footerli{
	font-size:14px;
	padding:1px
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: list-item;
}

.sjlabsfooterdiv{
	margin-top: 2%;
    width: 20%;
    max-height: 100%;
    display: inline-block;
     vertical-align: top; /* here */
}
a{text-decoration:none}
}




}