/* CSS Document */
body { color: #FFFFFF; font-family: Arial; font-size: 16px; margin: 0px; background: #1b3f6a; }
p { text-align: justify; }
ul { list-style: none; padding: 0px; }
h2, h3, h4 { text-align: center; margin: 0px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
input, textarea, button { font-size: 17px; }
/* CSS Document */
#header { padding: 10px 0px; border-bottom: 1px solid #153255; }
#banner { clear: both; background: #999999; }
#advert { text-align: center; float: left; width: 100%; clear: both; border-bottom: 1px solid #153255; }
#content { float: left; width: 100%; padding: 20px 0px; clear: both; background: #0c1c2f; }
#footer { color: #FFFFFF; text-align: center; padding: 10px 0px; clear: both; border-top: 1px solid #153255; }
#container { padding: 0px 15px; }
@media screen and (min-width:768px){
#header { height: 80px; }
#footer { padding: 30px 0px; }
#container { width: 970px; margin: 0 auto; padding: 0px 10px; }
}
@media screen and (min-width:1280px){
#container { width: 1100px; }
}
/* CSS Document */
#logo { max-width: 450px; margin: 0 auto; }
#logo img { width: 100%; }
#banner img { width: 100%; }
@media screen and (min-width:768px){
#logo { float: left; }
}
/* CSS Document */
#menu select { padding: 4px; width: 97%; border: 1px solid #c0c0c0; }
#menu { text-align: center; }
#menu .menu { display: none; }
@media screen and (min-width:768px){
#menu select { display: none; }
#menu { float: right; }
#menu .menu { display: inline-block; }
#menu .menu a { color: #FFFFFF; text-decoration: none; font-size: 15px; font-weight: bold; }
#menu .menu li { float: left; position:relative; margin: 0px 0px 0px 20px; line-height: 3; }
#menu .menu li.active a { color: #0074ff; }
}
@media screen and (min-width:1280px){
#menu .menu li { margin: 0px 0px 0px 45px; }
}
/* CSS Document */
.success-message { padding: 10px 0px; background: #111111; border-bottom: 1px solid #153255; }
.error-message { padding: 10px 0px; background: #5c0000; border-bottom: 1px solid #153255; }
/* CSS Document */
.home { text-align: justify; }
.home h3 { margin: 0px 0px 15px 0px; }
.home h2 { color: #0074ff; margin: 0px 0px 15px 0px; }
.heading { color: #0074ff; }
.center { text-align: center; margin: 25px 0px; }
.error h2 { font-size: 50px; }
.advert { float: left; width: 50%; padding: 20px 0px; }
.advert img { height: 70px; margin: 0px 0px 10px 0px; }
.package-1, .package-2, .package-3, .package-4, .package-5, .package-6, .package-7, .package-8, .package-9 { text-align: center; margin: 20px 0px 0px 0px; }
.package-box { padding: 10px; border: 10px solid #1b3f6a; }
.package-box h2, .hosting-box h2 { color: #0074ff; }
.domain-1, .domain-2, .domain-3 { text-align: center; margin: 20px 0px 0px 0px; }
.domain-box { color: #000000; padding: 10px; background: #999999; border: 10px solid #1b3f6a; }
.hosting { clear: both; }
.hosting img { width: 100%; }
.hosting-1, .hosting-2, .hosting-3, .hosting-4, .hosting-5, .hosting-6 { text-align: center; margin: 20px 0px 0px 0px; }
.hosting-box { padding: 10px; border: 10px solid #1b3f6a; }
.portfolio { margin: 0px 0px 2px 0px; }
.portfolio img { width: 100%; }
.portfolio-box { padding: 10px; background: #111111; border: 5px solid #1b3f6a; }
@media screen and (min-width:480px){
.advert { width: 25%; }
.advert img { height: 80px; }
.package-1, .package-3, .package-5, .package-7, .package-9 { float: left; width: 48%; }
.package-2, .package-4, .package-6, .package-8 { float: right; width: 48%; }
.domain-3 { float: left; width: 48%; }
.domain-2 { float: right; width: 48%; }
.hosting-1, .hosting-3, .hosting-5 { float: left; width: 48%; }
.hosting-2, .hosting-4, .hosting-6 { float: right; width: 48%; }
.portfolio { float: left; width: 49%; margin: .5%; }
}
@media screen and (min-width:768px){
.advert img { height: 120px; }
.package-1 { width: 310px; }
.package-2, .package-5, .package-8 { float: left; width: 310px; margin: 20px 0px 0px 20px; }
.package-3, .package-6, .package-9 { float: right; width: 310px; }
.package-4, .package-7 { float: left; width: 310px; }
.domain-1 { float: left; width: 310px; }
.domain-2 { float: left; width: 310px; margin: 20px 0px 0px 20px; }
.domain-3 { float: right; width: 310px; }
.hosting-1 { width: 310px; }
.hosting-2, .hosting-5 { float: left; width: 310px; margin: 20px 0px 0px 20px; }
.hosting-3, .hosting-6 { float: right; width: 310px; }
.hosting-4 { float: left; width: 310px; }
.portfolio { width: 238.5px; margin: 2px; }
.error { padding: 150px 0px; }
}
@media screen and (min-width:1280px){
.package-1, .package-2, .package-5, .package-8, .package-3, .package-6, .package-4, .package-7, .package-9 { width: 353.33px; }
.domain-1, .domain-2, .domain-3 { width: 353.33px; }
.hosting-1, .hosting-2, .hosting-3, .hosting-4, .hosting-5, .hosting-6 { width: 353.33px; }
.portfolio { width: 271px; margin: 2px; }
}
/* CSS Document */
.cms { text-align: center; width: 100%; margin: 15px 0px 0px 0px; }
.package-box table, .hosting-box table { width: 100%; margin: 10px 0px; }
.package-box table td, .hosting-box table td { height: 25px; }
.contact > table { margin: 0px 0px 20px 0px; }
/* CSS Document */
.inputbox { padding: 8px; width: 97%; border: 3px solid #1b3f6a; }
textarea { padding: 8px; width: 99%; border: 3px solid #1b3f6a; }
button { font-weight: bold; padding: 5px 10px; margin: 10px 10px 0px 0px; background: #999999; border: 3px solid #1b3f6a; }
a.btn { color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 5px 10px; margin: 10px 10px 0px 0px; background: #153255; border: 3px solid #1b3f6a; }
@media screen and (min-width:768px){
.inputbox { width: 300px; }
textarea { height: 280px; }
}
@media screen and (min-width:1280px){
.inputbox { width: 400px; }
}
/* CSS Document */
ul.pagination { float: left; width: 100%; clear: both; text-align: center; margin: 15px 0px 0px 0px; }
ul.pagination li.dot { padding: 3px 0;}
ul.pagination li { float: none; display: inline; margin: 0px; padding: 0px; margin: 0px 3px; }
ul.pagination li a { color: #000000; text-decoration: none; padding: 5px 10px; background: #999999; border: 3px solid #1b3f6a; }
ul.pagination li.pagination-num { display: none; }
@media screen and (min-width:768px){
ul.pagination { padding: 0px 7px; }
ul.pagination li.pagination-num { display: inline-block; }
}