/* geliosoft.com */
*{margin: 0;padding: 0;border: 0;}

body {background-color: #455a71; font-family: arial,sans-serif;font-size: 16px;}

#container {background-color: #fdfdfd; width: 60em; margin-left: auto; margin-right: auto;}

#header {background-color: #007cb9; color: white;}
#header_logo {background-color: #007cb9;color: white;text-decoration: none;font-size: 2.5em; font-weight: bold;text-align: left;float:left;padding: 0.3em 0.3em 0.1em 0.3em;text-shadow: black 0.1em 0.1em 0.1em;}
#header_logo a{text-decoration: none;color: white;}
#header_text {background-color: #007cb9;color: white; font-size: 1em; font-weight: normal;text-align: right;padding: 1em;}

#navbar {clear:both;text-shadow: black 0.1em 0.1em 0.1em;background-color: #474747; color: #f99600; text-align: right; font-size: 1.3em;font-weight : bold;padding: 0.3em 0.5em;}
#navbar a{text-decoration: none; color: white;font-weight: normal;}
#navbar a:hover{ background-color: #7F7F7F;padding: 0.3em 0;}

#content {clear : both;margin: 0;padding: 0.5em;font-size: 1em;font-weight: normal;font-style : normal;}
#footer { clear : both;text-shadow: black -0.1em 0.1em 0.1em;background-color: #474747; color: white; font-size: 1.2em; font-weight: bold;text-align: center;padding: 0.5em;}

h1 {color: #EB7500;font-weight: bold;font-size: 2em; text-align: center; padding: 0.1em;clear : both;}
h2 {background-color: #007cb9;color: white;font-weight: bold;font-style : normal; font-size: 1.1em;margin-top: 0.2em;padding: 0.2em 0.4em;clear : both;}
h2 a{color: white;text-decoration: none;}
h2 a:hover{color: white;text-decoration: underline;}
h2 a:visited{color: white;text-decoration: none;}
h2 a:visited:hover{color: white;text-decoration: underline;}

a {color: #0099e6; font-weight : bold;}
a:hover{color: red;}
a:visited{color: purple;}

p {padding: 0.5em; width: 98%;background-image: url("/image/1.png");}
p a{text-decoration: none;}
p a:hover{color: #0099e6;text-decoration: underline;}
.clear {clear : both;}

img {padding: 0.3em; border: 0.3em solid #0099e6; box-shadow: 0.2em 0.2em 0.2em #303030; float:left;}
.icon { width: 200px; height: 150px;margin: 0.5em 1em;}
.icon16x9 { width: 320px; height: 180px;margin: 0.5em 1em;}
img.iconsmal { width: 100px; height: 75px;margin: 0 1em 0.5em 1em;}
img.screenshot{width: 340px; height: 255px;margin: 0.3em}
img.screenshot16x9{width: 440px; height: 248px;margin: 0.3em}
img.screenshot2{width: 400px; height: 240px;margin: 0.3em}

form {background-color: #007cb9; color: white;font-size: 1.3em;margin: 0.5em;padding: 0.5em;}
input{font-size: 1em; width:100%;}
input.button{color: black;font-size: 1.1em;margin-right:2em;border: 2px outset #7F7F7F; width:6em;}

select{color: black;font-size: 1em; width:100%;}
textarea{font-size: 1.1em; width:100%;}

ul {padding: 0.1em 2em;font-size: 1.0em;}
li {background-image: url("/image/1.png");}
ul.col2{margin: 0 0 1em 0;}
.col2 li{display: block;float: left;width: 45%;}
ol {padding: 0.1em 3em;}

.row{background-color: #007cb9;color: white;font-weight: normal;font-style : normal; font-size: 1.4em;margin: 0.3em; padding: 0.4em;clear : both;}
.row a{color: white;text-decoration: none;}
.row a:hover{color: white;text-decoration: underline;}
.row ol{margin: 0.1em 2em;}
.col{margin: 0 1em;float: left;}
.image_caption{margin:0 0.3em 0em 0.3em;float: left;font-size: 0.9em;text-align:center;width:9em;height:11em;}
.image_caption img{margin:0 auto;display:block;float:none;width: 100px; height: 75px;}

table{margin: 1em; padding: 0.3em;background-color: #007cb9;}
td{color: #F37A00;font-weight: bold;font-size: 1.5em;background-color: white;text-align:center;padding: 0.2em 0.5em;}
td ol{padding: 0;color: black;font-size: 0.8em;font-weight: normal;margin: 0.1em 3em;text-align:left;}
.products{width: 20em;}
.buynow a{display: inline-block;background-color: #007cb9;color: white;text-decoration: none;margin: 0.3em 0em;padding: 0.2em 1em;border: 0.1em outset #007cb9;}
.buynow a:visited{display: inline-block;background-color: #007cb9;color: white;text-decoration: none;margin: 0.3em 0em;padding: 0.2em 1em;border: 0.1em outset #007cb9;}
.buynow a:hover{background-color: #007cb9;color: white;text-decoration: underline;}
.buynow a:visited:hover{background-color: #007cb9;color: white;text-decoration: underline;}
.buynow strike{font-size: 0.8em;font-weight: normal;}

.gelios {color: #f99600;}
.col2{float: right;}
a.button{display: inline-block;background-color: #EB7500;font-size: 1.2em;color: white;text-decoration: none;text-align:center; margin: 0.5em;padding: 0.2em 1em;border: 0.1em outset #EB7500;}
a.button:visited{display: inline-block;background-color: #EB7500;font-size: 1.2em;color: white;text-decoration: none;margin: 0.5em;padding: 0.2em 1em;border: 0.1em outset #EB7500;}
a.button:hover{color: white;text-decoration: underline;}
a.button:visited:hover{color: white;text-decoration: underline;}

a.smallbutton {background-color: #EB7500;font-size: 1.2em;color: white;text-decoration: none;margin-left:0.5em;padding: 0.1em 1em;}
a.smallbutton:hover{background-color:#007cb9;color: white;text-decoration: none;}
a.smallbutton:visited{background-color: #EB7500;font-size: 1.2em;color: white;text-decoration: none;}
a.smallbutton:visited:hover{background-color:#007cb9;color: white;text-decoration: none;}
div.sbbar{float:right;margin-bottom:0.5em;}
b.prise {color: #FFD500;font-size: 1.3em;}
iframe.video  {width: 640px;height: 360px;}

@media (min-width: 3000px){
#container {font-size: 34px; background-color: #fdfdfd; width: 60%; margin-left: auto; margin-right: auto;}
.icon16x9 { width: 592px; height: 333px;margin: 0.5em 1em;}
}

@media (max-width: 1024px) {
#container {background-color: #fdfdfd; width: 100%; margin-left: auto; margin-right: auto;}
}

@media (min-width: 640px) and (max-width: 767px) {
h1 {font-size: 1.5em;}
td {padding: 0.2em;margin: 0;font-size: 1.2em;}
img.screenshot,img.screenshot2 {width:270px;height:200px;}
iframe.video  {width: 32em;height: 18em}
}

@media (min-width: 480px) and (max-width: 639px) {
#container {font-size: 16px;}
p,ul,a.smallbutton,a.button,#navbar {font-size: 1em;}
h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
#header_text {font-size: 0.7em;}
img.screenshot,img.screenshot2 {width:200px;height:150px;}
.image_caption{width:8em;height:10em;padding: 0;margin: 0.7em;font-size: 0.75em;}
.image_caption img{padding: 0;margin: 0.1em;display:block;float:none;width: 100px; height: 75px;}
.icon{width: 200px; height: 150px;margin: 0.5em;}
.col2 li{display: block;float: left;width: 50%;}
ul.col2{padding: 0 1em 0 1em;}
.buynow a{font-size: 0.7em;padding: 0.3em;margin: 0;}
td {padding: 0.2em;margin: 0;font-size: 1.2em;}
td ol {padding: 1.5em;margin: 0;}
iframe.video  {width: 24em;height: 13.5em}
}

@media (min-width: 360px) and (max-width: 479px) {
#container {font-size: 13px;}
p,ul,a.smallbutton,a.button,#navbar {font-size: 1em;}
h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
img.screenshot,img.screenshot2 {width:150px;height:110px;margin: 0.2em}
.image_caption{width:8em;height:9em;padding: 0;margin: 0.7em;}
.image_caption img{padding: 0;margin: 0.1em;display:block;float:none;width: 100px; height: 75px;}
.icon{width:150px;height:113px;margin: 0.5em;}
.col2 li{display: block;float: left;width: 50%;}
ul.col2{padding: 0 1em 0 1em;}
.buynow a{font-size: 0.7em;padding: 0.3em;margin: 0;}
td {padding: 0.2em;margin: 0;font-size: 1.1em;}
td ol {padding: 1.5em;margin: 0;}
iframe.video  {width: 24em;height: 13.5em}
}

@media (max-width: 359px) {
#container {font-size: 11px;}
p,ul,a.smallbutton,a.button,#navbar {font-size: 1em;}
h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
img.screenshot,img.screenshot2 {width:130px;height:100px;}
.image_caption{width:10em;height:11em;padding: 0;margin: 0.5em;}
.image_caption img{padding: 0;margin: 0.1em;display:block;float:none;width: 100px; height: 75px;}
.icon{width:150px;height:110px;margin: 0.5em;}
.col2 li{display: block;float: left;width: 50%;}
ul.col2{padding: 0 1em 0 1em;}
.buynow a{font-size: 0.7em;padding: 0.3em;margin: 0;}
td {padding: 0.2em;margin: 0;font-size: 1.17em;}
td ol {padding: 1.5em;margin: 0;}
iframe.video  {width: 24em;height: 13.5em}
}