/* WRAPPER */

/* wrapper-glass */
div.wrapper-t1,
div.wrapper-t2,
div.wrapper-t3,
div.wrapper-b1,
div.wrapper-b2,
div.wrapper-b3 { background-image: url(../img/wrapper_corners.png); }
div.wrapper-1,
div.wrapper-2 { background-image: url(../img/wrapper_edges.png); }
div.wrapper-3 { background: url(../img/wrapper_bg.png); }

#headerbar,
#toolbar,
#footer,
#toolbar .menu li a,
#footer .menu li a {
  color: #56595A;
  text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

#toolbar .menu a,
#footer .menu a { background-image: url(../img/topmenu_item_bg.png); }

#page #toolbar .menu a:hover,
#page #footer .menu a:hover { color: #000000; }



/* MIXED */
.wrapper-glass.background-lights #footer,
.wrapper-glass.background-lights #footer .menu li a,
.wrapper-glass.background-plasma #footer,
.wrapper-glass.background-plasma #footer .menu li a,
.wrapper-glass.background-landscape #footer,
.wrapper-glass.background-landscape #footer .menu li a,
.wrapper-glass.background-ocean #footer,
.wrapper-glass.background-ocean #footer .menu li a {
  color: #414343;
  text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}

.wrapper-glass.background-lights #footer .menu a,
.wrapper-glass.background-plasma #footer .menu a,
.wrapper-glass.background-ocean #footer .menu a { background-image: url(../img/footermenu_item_bg.png); }
.wrapper-glass.background-lights #footer .menu a.first,
.wrapper-glass.background-plasma #footer .menu a.first,
.wrapper-glass.background-ocean #footer .menu a.first { background: none; }

.spotlight img.gal {
  float: left;
  border: 2px solid #fff;
  background-repeat: no-repeat;
  border-radius:5px;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  -khtml-box-shadow: 1px 1px 3px #aaa;
  box-shadow: 1px 1px 3px #aaa;
  margin:6px 14px 4px -4px;
  -webkit-transition: border-color 0.15s linear;
  -moz-transition: border-color 0.15s linear;
  -ms-transition: border-color 0.15s linear;
  -o-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}
.spotlight img.gal:hover {
  border-color:#9c5aff;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -ms-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
}

#logo a.logo-icon {
  display: block;
  width: 236px;
  height: 116px;
  background: url(../img/dratex-logo.png) 0 0 no-repeat;
}

table  {
  padding: 0;
  margin: 9px 45px 25px 0;
  float:right;
  border-left: 1px solid #C1DAD7;
  display: inline-table;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
  -khtml-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}

caption  {
  padding: 0 0 5px 0;
  font: italic 12px Arial, 'Open Sans', sans-serif;
  text-align: right;
}

th {
  font: bold 12px Arial, 'Open Sans', sans-serif;
  color: #4f6b72;
  border: 1px solid #C1DAD7;
  border-left: 0;
  letter-spacing: 1px;
  text-align: center;
  padding: 6px 12px 6px 12px;
  background: #CAE8EA url(../img/bg_header.jpg) no-repeat;
}

th.sirina {
  padding-right:22px;
}

th.sirinacm {
  padding-right:35px;
}

.sirina div {
  width:100%;
  height:100%;
  display:block;
  background: transparent url(../img/sirina.gif) bottom right no-repeat;
  padding-right:3px;
}

.sirinacm div {
  width:100%;
  height:100%;
  display:block;
  background: transparent url(../img/sirina-cm.gif) bottom right no-repeat;
  padding-right:20px;
}

th span {
  font-weight: normal;
}

th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #C1DAD7;
  background: none;
}

td {
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  background: #fff !important;
  padding: 6px 6px 6px 12px;
  color: #4f6b72;
  text-align: center;
  vertical-align: middle;
}

td.alt {
  background: #F5FAFA;
  color: #797268;
}

tr.odd > td {
  background: #F5FAFA !important;
  color: #797268 !important;
}

th.spec {
  border-left: 0;
  border-top: 0;
  background: #fff url(../img/bullet1.gif) no-repeat;
  font: bold 11px Arial, 'Open Sans', sans-serif;
}

th.specalt {
  border-left: 0;
  border-top: 0;
  background: #f5fafa url(../img/bullet2.gif) no-repeat;
  font: bold 11px Arial, 'Open Sans', sans-serif;
  color: #797268;
}

#jaybich-contact2 li {
  line-height:1;
  padding:0;
}

#jaybich-contact2 {
  overflow:hidden;
  padding-left:40px;
  margin-bottom:50px;
}

#jaybich-contact2 label.error {
  color: #dd0000;
  font-size: 12px;
  display:block;
  clear:both;
  padding:3px 5px 0 4px;
  float:right;
  margin-top:-25px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
}

#sent {
  display: none;
  text-align:center;
  padding:20px 50px 50px 20px;
  color:#7A7575;
  font-size:14px;
}

#sent p {padding-left:0 !important;}

input, select, textarea {
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  border-top-color: #ccc;
  height: 34px;
  padding: 0 12px;
  font-size: 14px;
  color: #555;
  max-width: 100% !important;
 color:#000;
 overflow:hidden;
 background:#fff url(../img/form.jpg) repeat-x 0 0 !important;
 padding:6px 4px;
 margin:3px 0 0 0;
 float:left;
 width:100%;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

textarea {
    -moz-box-sizing: border-box;
    height: auto;
    max-width: 100% !important;
  resize:vertical;
}

input:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0px 0px 5px #b1e6ff;
    -moz-box-shadow: 0px 0px 5px #b1e6ff;
    box-shadow: 0px 0px 5px #b1e6ff;
}

form ul li {clear: both; display: block; width:400px; background:none !important; }

form ul li label {display: block; margin: 0; padding: 16px 0 1px 4px; text-shadow: none; font-size:14px; }

input.submit-button { 
position: relative;
background: #ff3019 !important;; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%) !important;; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)) !important;; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%) !important;; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%) !important;; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%) !important;; /* IE10+ */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100% !important;); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
margin:16px 0 0;
color:#fff;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
border: 1px solid #7C0101;
box-shadow: 0 1px 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.3);
margin-bottom:3px;
font-family:Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

input.submit-button:active {
top: 1;
background: #ff3019!important; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%)!important; /* IE10+ */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
border: 1px solid #7C0101;
box-shadow: 0 1px 0 rgba(255,255,255,0.8), inset 0 1px 5px rgba(0,0,0,0.5);
}

input.submit-button:hover {
background: #ff4f3b!important; /* Old browsers */
background: -moz-linear-gradient(top, #ff4f3b 0%, #fa0606 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4f3b), color-stop(100%,#fa0606))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff4f3b 0%,#fa0606 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff4f3b 0%,#fa0606 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff4f3b 0%,#fa0606 100%)!important; /* IE10+ */
background: linear-gradient(to bottom, #ff4f3b 0%,#fa0606 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f3b', endColorstr='#fa0606',GradientType=0 ); /* IE6-9 */
color: #fff!important;
}

ul.ulli {
  display:block;
  margin:40px 0 10px;
}

ul.ulli li {
  padding: 0 0 5px 17px;
    background: url(../img/li.gif) no-repeat 3px 8px;
    list-style-type: none !important;
}

#top p {
  margin:5px 0 15px 20px;
  float:left;
}

.portfolio_item {
  float: left;
  height: 75px;
  width:75px;
  overflow:hidden;
  border: 2px solid #fff;
  background-repeat: no-repeat;
  border-radius:5px;
  -moz-box-shadow: 1px 1px 3px #aaa;
  -webkit-box-shadow: 1px 1px 3px #aaa;
  -khtml-box-shadow: 1px 1px 3px #aaa;
  box-shadow: 1px 1px 3px #aaa;
  margin:2px 13px 13px 2px;
  -webkit-transition: border-color 0.15s linear;
  -moz-transition: border-color 0.15s linear;
  -ms-transition: border-color 0.15s linear;
  -o-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}

#bottom .portfolio_item {
  margin:2px 10px 6px -2px;
  width:75px;
  height:75px;
  background: #fff url(../img/colorbox/loading.gif) 50% 50% no-repeat;
}

.portfolio_item:hover {
  border-color:#9c5aff;
  -webkit-transition: border-color 0.3s linear;
  -moz-transition: border-color 0.3s linear;
  -ms-transition: border-color 0.3s linear;
  -o-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
}

.portfolio_item a{
  display: block;
}

.portfolio_item img{
  height:75px;
}

p img.right {
  float:right;
  padding:4px;
  border:1px solid #d7d8d9;
  border-radius:4px;
  margin-left:15px;
  -moz-box-shadow:0px 1px 4px #dddedf;
  -webkit-box-shadow:0px 1px 4px #dddedf;
  -khtml-box-shadow:0px 1px 4px #dddedf;
  box-shadow:0px 1px 4px #dddedf;
}

#colorbox {
  outline: none;
}