/*
Theme Name: KREG
Theme URI: http://www.creativedesign.bg/
Description: Private theme made for kreg.bg. For WordPress 3.4+ by creativedesign.bg
Version: 1.0
Author: George Ivanov
Author URI: http://www.creativedesign.bg/
Tags: white, grey, orange
*/

/* --- HTML, BODY --- */

html {
     overflow: -moz-scrollbars-vertical;
}

body { 	
  margin:0px;
  padding:0px; 
  background: #ccd9e2 url(images/body.jpg) repeat-x top center;
  font-family:arial;
}
.clear {
	clear:both;
}

/* --- BACK ON TOP SLIDER --- */

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -70px;
}
#back-top a {
	width: 56px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 56px;
	height: 56px;
	display: block;
	margin-bottom: 7px;
	background: #92b3d2 url(images/up.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #588dc1;
}
#back-top-inside {
	position: fixed;
	bottom: 30px;
	margin-left: 97px;
}
#back-top-inside a {
	width: 56px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top-inside a:hover {
	color: #000000;
}
/* arrow icon (span tag) */
#back-top-inside span {
	width: 56px;
	height: 56px;
	display: block;
	margin-bottom: 7px;
	background: #92b3d2 url(images/up.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top-inside a:hover span {
	background-color: #588dc1;
}


/* --- WRAPPER --- */

.wrapper {
  width:957px;
  margin:0 auto;
  background:transparent;
  position: relative;
  margin-bottom:0px; 
	color:#666666;
}

/* --- HEADER --- */

.header {
  width:957px;
  height:155px;
  text-align:left;
}
.header-container {
	height:153px;
  width:957px;
	border:0px dotted black;
  overflow:hidden;
  z-index:12222;
}
.header-logo {
	float: left;
	width: 270px;
	margin-top: 40px;
  margin-left:15px;
	border: 0px dotted grey;
}
.header-logo img {
	border:0px solid white;
	width:295px;
}
.header-logo img:hover {
	margin-top:1px;
}
.header-menu {
	/*width:627px;*/
  width:660px;
  height:155px;
  float:left;
  text-align:left;
  border:0px dotted grey;
}
.languages {
  float:right;
  display:block;
  margin-top:10px;
}
.languages:hover {
  float:right;
  display:block;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  
}
.languages a {
	text-decoration:none;
	font-size:13px;
	color:#fff;
  text-shadow: 0 1px 0px #000;
  padding-right:20px;
}
.languages a:hover {
	text-decoration:underline;
}
.navclients {
	margin-left: 25px;
	height:36px;
	margin-top:40px;
  float:right;
  display:block;
  clear:both;
}
.navclients a {
	text-decoration:none;
	font-size:15px;
	color:#fff;
  text-shadow: 0 1px 0px #216ea6;
}
.navclients a:hover {
	/*color:#f5671f;*/
}
.navclbut {
  float:left;
  line-height: 18px;
  background:#125687;
  -moz-box-shadow: 0 0 8px -3px #000;
	-webkit-box-shadow: 0 0 8px -3px black;
	box-shadow: 0 0 8px -3px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 18px;
  margin-right: 2px;
}
.navclbut:hover {
  float:left;
  line-height: 18px;
  background:#166196;
  -moz-box-shadow: 0 0 8px -1px white;
	-webkit-box-shadow: 0 0 8px -1px white;
	box-shadow: 0 0 8px -1px white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navtop {
	margin-left: 25px;
	height:36px;
	/* zaradi myrdaneto nagore
	margin-top: 104px; */
	margin-top:0px;
  display:block;
  clear:both;
  float:right;
}
.navtop a {
	text-decoration:none;
	font-size:15px;
	color:#575759;
  text-shadow: 0 1px 0px #bdd8ed;
}
.navtop a:hover {
	/*color:#f5671f;*/
	color:#2e3092;
  text-shadow: 0 1px 0px #fff;
}
.navtopbut {
  float:left;
  line-height: 18px;
  background:#accae3;
  -moz-box-shadow: 0 0 8px -3px #000;
	-webkit-box-shadow: 0 0 8px -3px black;
	box-shadow: 0 0 8px -3px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 18px;
  margin-right: 2px;
  border:1px solid white;
}
.navtopbut:hover {
  float:left;
  line-height: 18px;
  /*background:#c8e0f2;*/
  background:#d9eaf7;
  -moz-box-shadow: 0 0 8px -1px black;
	-webkit-box-shadow: 0 0 8px -1px black;
	box-shadow: 0 0 8px -1px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* --- CONTENT --- */

.aboutbox {
  -moz-box-shadow: 0 0 8px -2px #000;
	-webkit-box-shadow: 0 0 8px -2px black;
	box-shadow: 0 0 8px -2px black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background:#125687;
  color:#fff;
  padding:2px 20px;
  text-align:left;
  font-size:14px;
  margin-bottom:26px;
}
.aboutbox:hover {
  -moz-box-shadow: 0 0 8px 1px white;
	-webkit-box-shadow: 0 0 8px 1px white;
	box-shadow: 0 0 8px 1px white;
  background:#125687;
  padding:2px 20px;
  text-align:left;
  font-size:14px;
}
.aboutboxalt {
  font-size: 12px;
  margin-bottom: 6px;
  margin-left: 83px;
  margin-top: -12px;
  text-align:left;
  color:#000;
  text-shadow: 0 1px 0px #a1bdd5;
}
.mainboxes {
	width:957px;
	margin-top:15px;
	display:block;
  position:relative;
  clear:both;
  height:175px;
}
.mainboxes a {
  text-decoration:none;
}
.mainbox {
	width:231px;
	height:168px;
	float:left;
	margin-bottom:11px;
  -moz-box-shadow: 0 0 8px -2px #000;
	-webkit-box-shadow: 0 0 8px -2px black;
	box-shadow: 0 0 8px -2px black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align:left;
  font-size:14px;
  position:relative;
}
.mainbox:hover {
  -moz-box-shadow: 0 0 8px 1px white;
	-webkit-box-shadow: 0 0 8px 1px white;
	box-shadow: 0 0 8px 1px white;
}
.internetbox {
  background: #1f5f8d;
  color:#fff;
  margin-right: 11px;
}
.internetbox p {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 14px;
  line-height: 16px;
  text-shadow: 0 1px 0px #1c567f;
}
.more {
  text-decoration:underline;
  display:block;
  position:absolute;
  bottom: 5px;
  left:0px;
}
.internetbox:hover {
  background: #1f5f8d url(images/internetbox.png) no-repeat bottom right;
}
.internetboximg {
  width:52px;
  height:53px;
  position:absolute;
  background: transparent url(images/internetboximg.png) no-repeat top left;
  top:-15px;
}
.phonebox {
  background: #5281ab;
  color:#fff;
  margin-right: 11px;
}
.phonebox p {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 14px;
  line-height: 16px;
  text-shadow: 0 1px 0px #3e6c95;
}
.phonebox:hover {
  background: #5281ab url(images/phonebox.png) no-repeat bottom right;
}
.phoneboximg {
  width:52px;
  height:53px;
  position:absolute;
  background: transparent url(images/phoneboximg.png) no-repeat top left;
  top:-15px;
}
.tvbox {
  background:#729abd;
  color:#fff;
  margin-right: 11px;
}
.tvbox p {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 14px;
  line-height: 16px;
  text-shadow: 0 1px 0px #618bb0;
}
.tvbox:hover {
  background: #729abd url(images/tvbox.png) no-repeat bottom right;
}
.tvboximg {
  width:52px;
  height:53px;
  position:absolute;
  background: transparent url(images/tvboximg.png) no-repeat top left;
  top:-15px;
}
.manbox {
  background:#92b1cd;
  color:#fff;
  margin-right:-1px;
}
.manbox p {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 14px;
  line-height: 16px;
  text-shadow: 0 1px 0px #618bb0;
}
.manbox:hover {
  background: #92b1cd url(images/manbox.png) no-repeat bottom right;
}
.manboximg {
  width:52px;
  height:53px;
  position:absolute;
  background: transparent url(images/manboximg.png) no-repeat top left;
  top:-15px;
}
.mainbox h2 {
	color:#fff;
	text-shadow: 0 1px 0px #000;
	font-size:17px;
	margin-left: 58px;
  padding-top: 2px;
	font-weight:bold;
}
.container-inside {
  width:957px;
  position: relative;
  font-size:14px;
  text-align:left;
  z-index:2;
  margin-top:15px;
  clear:both;
}
.sidebarinside {
  float:left;
  text-align:left;
  width: 231px;
}
.sidebarbox {
  text-align:left;
  color:#000;
  width: 231px;
  background-color: #e0e9f0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height:150px;
  margin-bottom:10px;
}
.sidebarbox:hover {
  background: #e0e9f0 url(images/sidebox.png) no-repeat top left;
}
.sidebox {
  padding:10px 20px;
}
.sidebox h3 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.sidebox ul {
  padding-left:18px;
  padding-top:0px;
}
.sidebox li {
  list-style-type:square;
  color: #1f5f8d;
  font-size:14px;
}
.sidebox a {
  color:#000;
  text-decoration:none;
  text-shadow: 0 1px 0px #eee;
}
.sidebox a:hover {
  color:#fff;
  text-decoration:none;
  background:#1f5f8d;
  text-shadow: 0 0px 0px #eee;
}
.contentinside {
  float:right;
  text-align:left;
  width: 715px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background:#fff;
  color:#000;
  font-size:14px;
}
.contentinsideboxes {
  float:right;
  text-align:left;
  width: 715px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background:#fff;
  color:#000;
  font-size:14px;
}
.contentinsidetitles {
  height:57px;
  width: 1200px;
  margin:0;
  margin-bottom:-14px;
  padding:0;
}
.contentinsidetitles h3 {
  color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
	font-weight:bold;
  text-transform:uppercase;
}
.privateclients {
  float:left;
  width:212px;
  height:50px;
  text-align:center;
  margin-left:2px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding-top:15px;
  padding-left:10px;
}
.businessclients {
  float:left;
  width:234px;
  height:50px;
  margin-left:10px;
  text-align:center;
  padding-top:15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.promomenu {
  float:left;
  width:234px;
  height:50px;
  margin-left:10px;
  text-align:center;
  padding-top:15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.titlestransparent {
  background:transparent;
}
.titleswhite {
  background:white;
}
.contentbox {
  padding: 10px 20px;
}
.pricebox {
  padding:8px 10px 5px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border:1px dotted grey;
  margin-top:10px;
}
.pricebox:hover {
  -moz-box-shadow: 0 0 18px -3px #888;
  -webkit-box-shadow: 0 0 18px -3px #888;
  box-shadow: 0 0 18px -3px #888;
}
.priceboxspeed {
  float:left;
  padding-top: 23px;
  padding-left: 0px;
  width: 200px;
  font-size:14px;
  text-align:center;
}
.priceboxspeed span {
  font-size:33px;
  letter-spacing:-1px;
  text-shadow: 0 1px 1px #CCC;
}
.priceboxcontent {
  float:left;
  margin-top:5px;
}
.priceboxcontent span {
  font-weight:bold;
  letter-spacing:2px;
}
.priceboxcontent p {
  line-height:14px;
}
.contentbox h1 {
	color:#ec1b23;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.contentbox h2 {
	color:#ec1b23;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.contentbox li {
  list-style-type:square;
  font-size:14px;
}
.container {
  width:957px;
  position: relative;
  font-size:14px;
  text-align:left;
  z-index:2;
  -moz-box-shadow: 0 0 8px -2px #000;
	-webkit-box-shadow: 0 0 8px -2px black;
	box-shadow: 0 0 8px -2px black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background:#fff;
  margin-top:10px;
  clear:both;
}
.content {
	/*padding:20px 30px 20px 30px;*/
	padding:10px 20px 20px 20px;
}
.homebox {
  float:left;
  border:0px dashed grey;
  font-size:14px;
}
.homeboxnews {
  width:191px;
  margin-right:52px;
}
.homeboxpromo {
  width:435px;
  margin-right:50px;
}
.homeboxpromo ul {
	padding-left: 0px;
}
.homeboxfaq {
  width:189px;
}
.homebox h3 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox ul {
  padding-left:18px;
  padding-top:0px;
}
.homebox li {
  list-style-type:square;
  color: #1f5f8d;
  font-size:14px;
}
.homebox a {
  color:#000;
  text-decoration:none;
  text-shadow: 0 1px 0px #eee;
}
.homebox a:hover {
  color:#fff;
  text-decoration:none;
  background:#1f5f8d;
  text-shadow: 0 0px 0px #eee;
}
.containermore {
  width:957px;
  position: relative;
  font-size:14px;
  text-align:left;
  z-index:2;
  margin-top:10px;
  clear:both;
}
.contentmore {
	/*padding:20px 30px 20px 30px;*/
	padding:10px 20px 20px 20px;
}
.homeboxmore {
  float:left;
  border:0px dashed grey;
  font-size:14px;
}
.homeboxnews {
  width:191px;
  margin-right:52px;
}
.homeboxpromo {
  width:435px;
  margin-right:50px;
}
.homeboxfaq {
  width:189px;
}
.homebox h3 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox ul {
  padding-left:18px;
  padding-top:0px;
}
.homebox li {
  list-style-type:square;
  color: #1f5f8d;
  font-size:14px;
}
.homebox a {
  color:#000;
  text-decoration:none;
  text-shadow: 0 1px 0px #eee;
}
.homebox a:hover {
  color:#fff;
  text-decoration:none;
  background:#1f5f8d;
  text-shadow: 0 0px 0px #eee;
}
.homebox2 {
  float:left;
  border:0px dashed grey;
  font-size:13px;
}
.homebox2 h3 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox2 h4 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox2 h5 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox2 h6 {
	color:#000;
	text-shadow: 0 1px 0px #bccfde;
	font-size:12px;
	margin-left: 0px;
  margin-top: 5px;
	font-weight:bold;
  text-transform:uppercase;
}
.homebox2 ul {
  padding-left:18px;
  padding-top:0px;
}
.homebox2 li {
  list-style-type:square;
  color: #1f5f8d;
  font-size:14px;
}
.homebox2 a {
  color:#000;
  text-decoration:underline;
  text-shadow: 0 1px 0px #eee;
  background:transparent;
}
.homebox2 a:hover {
  color:#fff;
  text-decoration:none;
  background:#1f5f8d;
  text-shadow: 0 0px 0px #eee;
}
.homeboxesline {
  border-bottom: 1px dashed grey;
  padding-bottom: 16px;
}
.homebox2 img {
  float:left;
  margin-right:5px;
  margin-top:2px;
}
.homeslider {
  width:957px;
  height:270px;
  overflow:hidden;
  margin-bottom:30px;
  color:#000;
  font-size:22px;
}

/* --- FOOTER --- */

.footer {
	width:957px;
  margin:0 auto;
	text-align:left;
	font-size:14px;
	color:#000;
}
.footer-nav {
	margin-top:15px;
  margin-left:261px;
	text-align:left;
  color:#abbdc9;
}
.footer-nav a {
	text-decoration:underline;
	color:#000;
  text-shadow: 0 1px 0px #EEE;
}
.footer-nav a:hover {
	text-decoration:none;
	color:#ec1c23;
}
.copyright-owner {
	font-size:13px;
	text-align:left;
  margin-left:261px;
	color:#595959;
	margin-top:4px;
	text-shadow: 0 1px 1px #eee;
}
.copyright-owner a {
	text-decoration:underline;
	color:#000;
}
.copyright-owner a:hover {
	text-decoration:none;
}
.design {
	font-size:13px;
	text-align:left;
  margin-left:261px;
	color:#000;
	margin-top:12px;
  margin-bottom:30px;
	text-shadow: 0 1px 1px #eee;
}
.design a {
	text-decoration:none;
	color:#000;
}
.design a:hover {
	text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
.serviceForm1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 8px;
  font: normal 13px arial;
  background: white;
  border: 1px solid #DDD;
}
canvas {
	    height: 100%;
	        width: 100%;
	}