@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto");
/* CSS Document */
html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	text-align:center;
	font-family:'Roboto';

}
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	font-family:'Roboto';
}
img
{
  border:0;
}
a{
	text-decoration:none;
}
li {
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
	border-collapse: 0px;
}
ul {
    margin: 0px;
    padding: 0px;
	border-spacing: 0px;
	border-collapse: 0px;
}

@font-face{
	font-family: 'Roboto', sans-serif;
}
.backMedLog {
	background-color: #00355f;
    color: #333;
    display: block;
    font-family: "Roboto";
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    width: 100%;
    background-image: #8e1669;
    background-image: url(../imagenes/background.png), -moz-linear-gradient(left, #8e1669 0%, #004c73 100%);
    background-image: url(../imagenes/background.png), -webkit-gradient(left top, right top, color-stop(0%, #8e1669, color-stop(100%, #004c73)));
    background-image: url(../imagenes/background.png), -o-linear-gradient(left, #8e1669 0%, #004c73 100%);
    background-image: url(../imagenes/background.png), -ms-linear-gradient(left, #8e1669 0%, #004c73 100%);
    background-image: url(../imagenes/background.png), linear-gradient(to top, #8e1669 30%, #004c73 100%);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 70%;
    transition: all 0.6s ease 0s;
    box-sizing: border-box;
	height: 100vh;
}
.pais {
    display: inline-block;
    background-color: rgba(256,256,256,0.9);
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 6px center;
    padding: 4px 40px 5px 60px;
    margin: 10px;
    min-width: 75px;
    text-align: left;
}
.pais:hover {
    background-color: rgba(256,256,256,1);
	transition: all 0.2s ease 0s;
}
.pais.arg {
    background-image: url(../imagenes/argentina.svg);
}
.pais.par {
    background-image: url(../imagenes/paraguay.svg);
}
.pais.uru {
    background-image: url(../imagenes/uruguay.svg);
}
.infoRight {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 120px;
}
.backMedLog {
    background-color: #00355f;
    background-size: 100%;
    transition: all 0.6s ease 0s;
    box-sizing: border-box;
    height: 100vh;
}
.instructivosHome {
    color: #81476f;
    font-size: 18px;
    line-height: 38px;
    padding: 25px;
    margin: 0 auto;
    max-width: 760px;
    border-radius: 4px;
    font-weight: 100;
    width: auto;
}
.infoRight img {
    max-width: 240px;
    padding: 0px;
    text-align: center;
}
.logo {
    width: 70%;
    margin: 50px auto 20px;
    display: block;
}

@media screen and (max-width: 960px){
	
	.logoDer{
		display:none;
	}
	#top {
		padding-left: 0px;
		text-align: center;
	}
	.infoRight {
		display: block;
		float: initial;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.logo {
		width: 60%;
		margin: 30px auto 20px;
		display: block;
	}
	
}