html {font-size:16px;}
body{padding:0;margin:0;font-family: Montserrat, sans-serif;color:#515756;background:#fff;}
div{padding:0;margin:0;}
* {-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;}
div.clearfix{ clear: both; }
div.whitespace{white-space:pre-wrap;}
div.out{width:100%;padding-left:10%;padding-right:10%;text-align:left;}
div.in{width:90%;margin-left:10%;}
div.in2{width:86%;max-width:1250px;margin-left:7%;}
img.responsive{width:100%;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1rem;font-weight:normal;}
.opensans{font-family:'Open Sans', sans-serif;}
.ib{display:inline-block;margin-right:-4px;vertical-align:middle;}

h1,h2{font-size:2rem;color:#008;margin:1rem;}

div#menu{border-bottom:1px solid #800;background:#fff;}
div#menu1{width:20%;}
div#menu2{width:70%;}
div#menu3{display:none;width:10%;text-align:right;}
a.menu{color:#008;text-decoration:none;font-size:1.4rem;margin-left:2rem;}
a.menu:hover{text-decoration:underline;color:#800;}
div#menuburger{position:absolute;z-index:10;display:none;width:100%;text-align:center;border-bottom:1px solid #fff;}
div.menuburger1{background:#008;color:#fff;padding-bottom:1rem;font-size:1.2rem;text-align:center;}
a.menuburger{display:inline-block;width:90%;margin-left:5%;padding:0.5rem;color:#008;text-decoration:none;text-align:center;font-size:1.2rem;}

a.menuabout{display:inline-block;width:90%;margin-left:5%;padding:0.5rem;color:#f60;text-decoration:none;text-align:center;font-size:2.5rem;}
a.menuabout:hover{color:#00f;}

div.socialmedia{background:#fff;padding:1rem;text-align:center;}
a.socialmedia{display:inline-block;width:2rem;margin-left:1rem;}
a.cel{border:1px solid #555;border-radius:20px;color:#0c9;text-decoration:none;padding:10px;}
a.cel2{color:#0c9;text-decoration:none;}
div.sm1 {width:45%; text-align:right; }
 div.sm2 {width:45%; text-align:left; }
 
div#body{text-align:left;background:#fff;padding:2rem;}
div.text{line-height:1.5rem;text-align:justify;}
div.text1{width:50%;line-height:2rem;text-align:left;font-size:1.8rem;}
div.text2{width:60%;text-align:left;line-height:1.5rem;}
div.img{width:50%;padding:3rem;}
div.img2{width:40%;padding:3rem 3rem 3rem 0;}
div.table{display:table;border-collapse:separate;border-spacing:1rem;width:100%;}
div.container{display: table-row;}
.col-50 {display: table-cell;width:50%;padding:1rem;border:1px solid #008;border-radius:1rem;}
div.demot{text-align:justify;margin-top:0.5rem;margin-bottom:0.5rem;}
span.erotulos{color:#f90;font-size:1.2rem;font-weight:bold;}
span.efacturas{color:#06f;font-size:1.2rem;font-weight:bold;}
span.ehotel{color:#0c0;font-size:1.2rem;font-weight:bold;}
a.demo{text-decoration:none;display:inline-block;border:1px solid #800;background:#fff;color:#555;border-radius:0.5rem;padding:0.2rem;}
a.demo:hover{background:#cef;}
a.verdemo{text-decoration:none;display:inline-block;border:1px solid #800;background:#008;color:#fff;border-radius:0.5rem;padding:0.2rem;}
a.verdemo:hover{background:#cef;color:#008;}
span.precio{font-weight:bold;color:#008;}
input{width:50%;font-size:1.4rem;padding:0.3rem;margin-bottom:0.5rem;}
textarea{width:50%;height:150px;font-size:1.4rem;padding:0.3rem;margin-bottom:0.5rem;}
input[type=submit]{background:#09c;cursor:pointer;}

div.foot{background:#ddd;color:#008;font-size:0.8rem;padding-top:0.3rem;padding-bottom:0.3rem;text-align:center;}

@media (max-width:900px)
{
div#menu1{width:30%;}
div#menu2{display:none;}
div#menu3{display:inline-block;width:70%;}	

.col-50 { width: 100%; display:inline-block;margin-bottom:1rem;}
}

@media (max-width:650px)
{
	
	
	div.text1{width:100%}
	div.text2{width:100%}
	div.img{width:100%}
	div.img2{width:100%}
	input{width:100%}
	textarea{width:100%}
	div.sm1 {width:100%; text-align:center; }
 div.sm2 {width:100%; text-align:center;margin-top:2rem; }
	
div#menu1{width:40%;}
div#menu3{width:60%;}	
div.table{border-spacing:0.3rem;}
	.col-50{padding:0.3rem;}
}