@charset "utf-8";
/* CSS Document */
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.flex-item {
    width: 46%;
}
.dimension{
width:90%; 
height:auto;
}
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:1em;
	padding-top:8%;
	padding-bottom:4%;
	width:80%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.8em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
.imagen{
	width:50%;
	heigh:auto;
	padding-left:6%;
}
.propia{
	width:60%;
	height:auto;
	padding-left:6%;
	padding-bottom:15%;
}
.floating-box {
    display: inline-block;
    width: 18%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.foot{
	padding-left:3%;
}
@media only screen and (min-width:1070px) and (max-width:1337px) {
#logo{
	float:left;
	padding-left:44%;
	width:100%;
	padding-top:1%;
}
#parte1{
	float:right;
	width:96%;
}
#menu{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-left:2%
}
a{
	color: #333;
	text-decoration: none;
}
.textual{
	padding-left:46%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:1.2em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
.imagen{
	width:50%;
	heigh:auto;
	padding-left:6%;
}
.propia{
	width:60%;
	height:auto;
	padding-left:6%;
	padding-bottom:15%;
}
}
@media only screen and (min-width:980px) and (max-width:1069px) {
#logo{
	float:left;
	padding-left:40%;
	width:100%;
	padding-top:1%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	float:left;
	padding-left:73%;
	padding-top:1%;
}
.idioma2{
	float:right;
	padding-right:2%;
	padding-top:1%;
}
#menu{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-left:7%
}
.imagen{
	width:50%;
	heigh:auto;
	padding-left:6%;
}
.propia{
	width:60%;
	height:auto;
	padding-left:6%;
	padding-bottom:15%;
}
.floating-box {
    display: inline-block;
    width: 17%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.foot{
	padding-left:3%;
}
.textual{
	padding-left:42%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:1.2em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:80%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
}
@media only screen and (min-width:814px) and (max-width:979px) {
#logo{
	float:left;
	padding-left:40%;
	width:100%;
	padding-top:1%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.9em;
	float:left;
	padding-left:73%;
	padding-top:1%;
}
.idioma2{
	font-size:0.9em;
	float:right;
	padding-right:2%;
	padding-top:1%;
}
#menu{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-left:2%
}
.textual{
	padding-left:42%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:1.2em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:80%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
.floating-box {
    display: inline-block;
    width: 16%;
    height: auto;
    margin: 10px;
    border: 0;
			}

}
@media only screen and (min-width:720px) and (max-width:771px) {
#logo{
	float:left;
	padding-left:40%;
	width:100%;
	padding-top:1%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.9em;
	float:left;
	padding-left:73%;
	padding-top:1%;
}
.idioma2{
	font-size:0.9em;
	float:right;
	padding-right:2%;
	padding-top:1%;
}
#menu{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-left:2%
}
.textual{
	padding-left:42%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:1.2em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:80%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
.floating-box {
    display: inline-block;
    width: 16%;
    height: auto;
    margin: 10px;
    border: 0;
			}
}
@media only screen and (min-width:416px) and (max-width:479px) {
#logo{
	float:left;
	padding-left:35%;
	width:100%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.8em;
	padding-top:1%;
}
.idioma2{
	font-size:0.8em;
	margin-right:10.5%;
}
.idio{
	float:left;
	text-align:right;
	padding-right:3%;
}
.idios{
	display:none;
}
#menu{
	display:none;
}
.hamburguesa{
	display:inline;
}
.text3{
    font-family: 'sinkin_sans500_medium';
	font-size:1em;
	font-weight:bold;
	color:#FFB30F;
	padding-bottom:5%;
}
.textual{
	padding-left:35%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:0.9em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.nolink{
	text-decoration:none;
	color:#000;
	font-size:0.7em;
}
/*----MENU-----*/
 /* The side navigation menu */
.sidenav {
    display: none;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
/*----FINAL----*/
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:90%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.flex-container {
    display: block;
    width: 100%;
}
.flex-item {
    width: 90%;
}
.floating-box {
    display: inline-block;
    width: 13%;
    height: auto;
    margin: 10px;
    border: 0;
			}
}
@media only screen and (min-width:380px) and (max-width:416px) {
#logo{
	float:left;
	padding-left:35%;
	width:100%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.8em;
	padding-top:1%;
}
.idioma2{
	font-size:0.8em;
	margin-right:9%;
}
.idio{
	float:left;
	text-align:right;
	padding-right:3%;
}
.idios{
	display:none;
}
#menu{
	display:none;
}
.hamburguesa{
	display:inline;
}
.text3{
    font-family: 'sinkin_sans500_medium';
	font-size:1em;
	font-weight:bold;
	color:#FFB30F;
	padding-bottom:5%;
}
.nolink{
	text-decoration:none;
	color:#000;
	font-size:0.7em;
}
/*----MENU-----*/
 /* The side navigation menu */
.sidenav {
    display: none;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
/*----FINAL----*/
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:90%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.flex-container {
    display: block;
    width: 100%;
}
.flex-item {
    width: 90%;
}
.floating-box {
    display: inline-block;
    width: 13%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.textual{
	padding-left:35%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:0.9em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
}
@media only screen and (min-width:361px) and (max-width:375px) {
#logo{
	float:left;
	padding-left:35%;
	width:100%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.8em;
	padding-top:1%;
}
.idioma2{
	font-size:0.8em;
	margin-right:7.9%;
}
.idio{
	float:left;
	text-align:right;
	padding-right:3%;
}
.idios{
	display:none;
}
#menu{
	display:none;
}
.hamburguesa{
	display:inline;
}
.text3{
    font-family: 'sinkin_sans500_medium';
	font-size:1em;
	font-weight:bold;
	color:#FFB30F;
	padding-bottom:5%;
}
.nolink{
	text-decoration:none;
	color:#000;
	font-size:0.7em;
}
/*----MENU-----*/
 /* The side navigation menu */
.sidenav {
    display: none;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
/*----FINAL----*/
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:90%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.flex-container {
    display: block;
    width: 100%;
}
.flex-item {
    width: 92%;
}
.floating-box {
    display: inline-block;
    width: 13%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.textual{
	padding-left:35%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:0.9em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
}
@media only screen and (min-width:320px) and (max-width:360px) {
#logo{
	float:left;
	padding-left:35%;
	width:100%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.8em;
	padding-top:1%;
}
.idioma2{
	font-size:0.8em;
	margin-right:7.5%;
}
.idio{
	float:left;
	text-align:right;
	padding-right:3%;
}
.idios{
	display:none;
}
#menu{
	display:none;
}
.hamburguesa{
	display:inline;
}
.text3{
    font-family: 'sinkin_sans500_medium';
	font-size:1em;
	font-weight:bold;
	color:#FFB30F;
	padding-bottom:5%;
}
.nolink{
	text-decoration:none;
	color:#000;
	font-size:0.7em;
}
/*----MENU-----*/
 /* The side navigation menu */
.sidenav {
    display: none;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
/*----FINAL----*/
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:90%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.flex-container {
    display: block;
    width: 100%;
}
.flex-item {
    width: 92%;
}
.floating-box {
    display: inline-block;
    width: 12%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.textual{
	padding-left:35%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:0.9em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
}
@media only screen and (min-width:310px) and (max-width:320px) {
#logo{
	float:left;
	padding-left:35%;
	width:100%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	font-size:0.8em;
	padding-top:1%;
}
.idioma2{
	font-size:0.8em;
	margin-right:6.4%;
}
.idio{
	float:left;
	text-align:right;
	padding-right:3%;
}
.idios{
	display:none;
}
#menu{
	display:none;
}
.hamburguesa{
	display:inline;
}
.text3{
    font-family: 'sinkin_sans500_medium';
	font-size:1em;
	font-weight:bold;
	color:#FFB30F;
	padding-bottom:5%;
}
.nolink{
	text-decoration:none;
	color:#000;
	font-size:0.7em;
}
/*----MENU-----*/
 /* The side navigation menu */
.sidenav {
    display: none;
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
/*----FINAL----*/
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:90%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.flex-container {
    display: block;
    width: 100%;
}
.flex-item {
    width: 92%;
}
.floating-box {
    display: inline-block;
    width: 12%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.textual{
	padding-left:35%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:0.9em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
}
/* iPads (landscape) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : landscape) {  
#logo{
	float:left;
	padding-left:40%;
	width:100%;
	padding-top:1%;
}
#parte1{
	float:right;
	width:100%;
}
.idioma1{
	float:left;
	padding-left:73%;
	padding-top:1%;
}
.idioma2{
	float:right;
	padding-right:2%;
	padding-top:1%;
}
#menu{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-left:7%
}
.imagen{
	width:50%;
	heigh:auto;
	padding-left:6%;
}
.propia{
	width:60%;
	height:auto;
	padding-left:6%;
	padding-bottom:15%;
}
.floating-box {
    display: inline-block;
    width: 17%;
    height: auto;
    margin: 10px;
    border: 0;
			}
.foot{
	padding-left:3%;
}
.textual{
	padding-left:42%;
	display:block;
    font-family: 'sinkin_sans400_regular';
	font-size:1.2em;
	font-weight:bold;
	color:#757575;
	padding-top:2%;
}
.texto10{
    font-family: 'sinkin_sans400_regular';
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding-top:8%;
	padding-bottom:4%;
	width:80%;
}
.texto11{
    font-family: 'sinkin_sans400_regular';
	background-color:#FFEABF;
	border-left:3px solid #F8C47B;
	margin-top:4%;
	font-size:0.7em;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:2.5%;
	padding-top:2.5%;
	text-align:justify;
}
.aline{
	padding-top:1%;
}
.idio{
	float:left;
}
.idios{
	float:right; 
	padding-left:6px; 
	padding-top:4px;
}
.hamburguesa{
	display:none;	
}
}