@charset 'UTF-8';

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700,700italic,800&subset=latin,greek');

@import url('sf/font-awesome.min.css');



/* general */

html {

  height: 100%;

  font-size: 100%;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}

body {

  height: 100%;

  margin: 0;

  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 17px; 

  font-weight:300;

  line-height:150%;

  color: #444444;

  background: #ffffff;

}



.color1 { color: #ff7e1f !important; }

.color2 { color: #16a1e7 !important; }

.color3 { color: #35d399 !important; }

.color4 { color: #e94e38 !important; }

.color5 { color: #fdbf03 !important; }

.color6 { color: #1bd3e0 !important; }

.color7 { color: #a35cba !important; }

.color8 { color: #ed145b !important; }

.color9 { color: #82b440 !important; }

.color10 { color: #8393ca !important; }



.bgrcolor1 { background: #ff7e1f !important; }

.bgrcolor2 { background: #16a1e7 !important; }

.bgrcolor3 { background: #35d399 !important; }

.bgrcolor4 { background: #e94e38 !important; }

.bgrcolor5 { background: #fdbf03 !important; }

.bgrcolor6 { background: #1bd3e0 !important; }

.bgrcolor7 { background: #a35cba !important; }

.bgrcolor8 { background: #ed145b !important; }

.bgrcolor9 { background: #82b440 !important; }

.bgrcolor10 { background: #8393ca !important; }



.bordercolor1 { border-color: #ff7e1f !important; }

.bordercolor2 { border-color: #16a1e7 !important; }

.bordercolor3 { border-color: #35d399 !important; }

.bordercolor4 { border-color: #e94e38 !important; }

.bordercolor5 { border-color: #fdbf03 !important; }

.bordercolor6 { border-color: #1bd3e0 !important; }

.bordercolor7 { border-color: #a35cba !important; }

.bordercolor8 { border-color: #ed145b !important; }

.bordercolor9 { border-color: #82b440 !important; }

.bordercolor10 { border-color: #8393ca !important; }



.bordercolor1:hover { background: #ff7e1f !important; }

.bordercolor2:hover { background: #16a1e7 !important; }

.bordercolor3:hover { background: #35d399 !important; }

.bordercolor4:hover { background: #e94e38 !important; }

.bordercolor5:hover { background: #fdbf03 !important; }

.bordercolor6:hover { background: #1bd3e0 !important; }

.bordercolor7:hover { background: #a35cba !important; }

.bordercolor8:hover { background: #ed145b !important; }

.bordercolor9:hover { background: #82b440 !important; }

.bordercolor10:hover { background: #8393ca !important; }



.colormain { color: #ff7e1f !important; }

.bgrcolor { background: #ff7e1f !important; }

.bordercolor { border-color: #ff7e1f !important; }



.bgrgrey { background: #999999 !important; } 

.bgrblack { background: #000000 !important; } 



/* page */



.container {

position: relative;	

width: auto;

left: 0;

right: 0;

margin-right: auto;

margin-left: auto;

}

.container:before,

.container:after {

  display: table;

  line-height: 0;

  content: "";

}

.container:after {

  clear: both;

}

.container-fluid:before,

.container-fluid:after {

  display: table;

  line-height: 0;

  content: "";

}

.container-fluid:after {

  clear: both;

}



.content {

width: 1360px;

margin-right: auto;

margin-left: auto;

padding: 20px;

}

.divholder {

float: left;

width: 80%;	

}

.divholdermain {

float: right;

width: 75%;	

background: #ffffff;

}

.divholder1 {

float: left;

width: 25%;		

}

.divholder2 {

float: left;

width: 20%;		

}



.menucontainer {

position: relative;

top: 0;

left: 0;

right: 0;

width: auto;

margin-right: auto;

margin-left: auto;

z-index: 10;

}



.menudcontainer {

position: relative;

width: auto;

margin-right: auto;

margin-left: auto;

margin-top: 10px;

font-size: 13px;

font-weight: 400;

color: #999999;

background: #222222;

border-top: 10px solid #333333;

line-height: 140%;

}



.menubox {

  position: relative;

  width: auto;

  margin-right: auto;

  margin-left: auto;

  line-height:normal;

  text-align:center;

  overflow: visible;

  *zoom: 1;

  z-index: 2;

}

.menubox:before,

.menubox:after {

  display: table;

  line-height: 0;

  content: "";

}

.menubox:after {

  clear: both;

}

.logo {

display: inline-block;

margin-right: 50px;

vertical-align:middle;

}

.logotext {

font-size: 15px;

letter-spacing: 1px;

color: #000000;

text-align: left;

}

.divmenu {

font-size: 13px;

background: #444444;

color: #ffffff;

padding: 0 20px 0 20px;

}

.divmenub {

padding: 10px 0;

}

.divmin {

font-size: 13px;

display: inline-block;

vertical-align:middle;

}

.divmin1 {

float: left;

margin-right: 40px;

padding-top: 2px;

}

.divmin2 {

float: left;

margin-right: 40px;

}

.divmin3 {

float: right;

padding-top: 5px;

}

.divmint {

font-size: 13px;

display: inline-block;

margin-right: 30px;

vertical-align:middle;

}

.divbanner {

display: inline-block;

margin-right: 30px;

vertical-align:middle;

padding: 5px;

border: 1px solid #eeeeee;

}

.divbanner2 {

margin: 30px 0;

text-align: center;

}

.divbutton {

display: inline-block;

margin-left: 10px;

vertical-align:middle;

text-align: right;

}

.divmain {

padding: 20px;

padding-top: 10px;

}

.divmenu1 {

font-size: 14px;

color: #777777;

line-height: normal;

padding: 10px; padding-top: 0;

}

.divmenu2 {

font-size: 14px;

color: #777777;

line-height: normal;

padding: 10px; padding-top: 0;

}

.divmenubox {

background: #f6f6f6;	

padding: 10px;

border: 1px solid transparent;

   -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.divmenubox:hover {

background: #ffffff;

border-color: #999999;

}



/* end page */



/*navbar */



.navbar {

clear:both;

width: auto;

background: #444444;

text-align:center;

}



.nav {

  list-style: none;

  margin:0; 

  padding:0;

}



.nav > li {

  position: relative;

  display: block;

}

.nav > li > a {

  position: relative;

  display: block;

}



.nav-collapse.collapse {

  height: auto;

  overflow: visible;

}



/* menu navigation */



.navbar .nav {

  position: relative;

  left: 0;

  display: block;

}



.navbar .nav > li {

  display: inline-block;

  font-size: 18px;

  font-weight: lighter;  

}



.navbar-container .nav,

.navbar-container .collapse,

.navbar-container .dropup,

.navbar-container .dropdown {

  position: static;

}



.navbar-link:hover,

.navbar-link:focus {

}



.navbar .nav > li > a {

  float: none;

  padding: 15px 20px;

  background: #333333;

  color: #dddddd;

  border-bottom: 3px solid;

  border-right: 1px solid #000000 !important;

  text-decoration: none;

  display: block;

}



.navbar .nav > li > a:focus,

.navbar .nav > li > a:hover {

  color: #ffffff;

  text-decoration: none;

}



.navborderl { border-left: 1px solid #000000 !important; }

.navactive {  }



.navbar .nav li.dropdown.open > .dropdown-toggle,

.navbar .nav li.dropdown.active > .dropdown-toggle,

.navbar .nav li.dropdown.open.active > .dropdown-toggle {

  color: #ffffff;

}



/* end navbar */





/* dropdown */



.dropup,

.dropdown {

  position: relative;

    text-align: left;

}



.dropdown-toggle {

  *margin-bottom: -3px;

}



.caret {

  display: inline-block;

  width: 0;

  height: 0;

  vertical-align: middle;

  border-left: 60px solid #ffffff;

  border-top: 60px solid transparent;

  border-bottom: 60px solid transparent;

  content: "";

}



.dropdown .caret {

  margin-top: 14px;

  margin-left: 2px;

}

.navbar .nav li.dropdown > a:hover .caret,

.navbar .nav li.dropdown > a:focus .caret {

  border-top-color: #333333;

  border-bottom-color: #333333;

}



/* submenu navigation */



.dropdown-menu {

  position: absolute;

  top: 80%;

  left: 50%; 

  float: left;

  margin-left: -150px;

  width: 300px;

  display: none;

  list-style: none;

  text-align: left;

  font-size: 90%;

  font-weight:lighter;

  background: #ffffff;

  border-bottom-right-radius:8px; 

  border-bottom-left-radius:8px;

  opacity: 0;

  filter: alpha(opacity=0);

  z-index: 1000;

}

.dropdown:hover .dropdown-menu {

    top: 100%;

	display: block;   

    border-top: 3px solid transparent;	

	opacity: 1;

  filter: alpha(opacity=100);

}



.dropdown-menu2 {

  width: 920px;

  margin-left: -460px;

}



.dropdown-menu > li > a {

  display: block;

  padding: 5px 20px;

  clear: both;

  text-decoration: none;

  border-color: #333333 !important;

}



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus,

.dropdown-submenu:hover > a,

.dropdown-submenu:focus > a {

  color: #ffffff;

  text-decoration: none;

  background: #333333;

}



.open {

  *z-index: 1000;

}



.open > .dropdown-menu {

  display: block;

}



.dropdown-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 990;

}



.pull-right > .dropdown-menu {

  right: 0;

  left: auto;

}



.dropdown-submenu {

  position: relative;

}



.dropdown-submenu > .dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: -6px;

  margin-left: -1px;

  -webkit-border-radius: 0 6px 6px 6px;

     -moz-border-radius: 0 6px 6px 6px;

          border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover > .dropdown-menu {

  display: block;

}



.dropdown-submenu > a:after {

  display: block;

  float: right;

  width: 0;

  height: 0;

  margin-top: 5px;

  margin-right: -10px;

  border-color: transparent;

  border-left-color: #cccccc;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  content: " ";

}



.dropdown-submenu:hover > a:after {

  border-left-color: #ffffff;

}



.dropdown-submenu.pull-left {

  float: none;

}



.dropdown-submenu.pull-left > .dropdown-menu {

  left: -100%;

  margin-left: 10px;

  -webkit-border-radius: 6px 0 6px 6px;

     -moz-border-radius: 6px 0 6px 6px;

          border-radius: 6px 0 6px 6px;

}



.dropdown .dropdown-menu .nav-header {

  padding-right: 20px;

  padding-left: 20px;

}





.collapse {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition: height 0.35s ease;

     -moz-transition: height 0.35s ease;

       -o-transition: height 0.35s ease;

          transition: height 0.35s ease;

}



.collapse.in {

  height: auto;

}



/* responsive navibutton */



.divnavibutton {

float: right;

width: auto;

padding-right: 15px;

}

.navibutton {

  display: none;

  float: right;

  padding: 10px;

  height: 45px;

  color: #ffffff;

  background: #333333;

  *background: #333333;

  border: 0px;

 cursor: pointer;

   -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.navibutton:hover,

.navibutton:active,

.navibutton.active,

.navibutton.disabled,

.navibutton[disabled] {

  color: #ffffff;

  background: #000000;

  *background: #000000;

}



.navibutton .icon-bar {

  display: block;

  width: 34px;

  height: 3px;

  margin-top: 4px;

  margin-bottom: 4px;

  background: #ffffff;

  -webkit-border-radius: 1px;

     -moz-border-radius: 1px;

          border-radius: 1px;

}



/* end responsive navibutton */



/* content */



.pages {

color: #000000;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  font-family: inherit;

  font-size: 28px; 

  font-weight: lighter;

  color: #666666;

  line-height:normal;

  display: inline-block;

}

h1 { color:#000000; font-size: 32px; font-weight: lighter !important; border-left: 5px solid #ff7e1f; padding-left: 10px; margin-bottom: 40px; }



.bgrdiv { background: url('images/1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; 

padding: 40px; font-size: 16px; color: #ffffff; text-align:center; line-height:normal; }

.bgrdivc { background: #eeeeee; }



.text {

font-size: 15px;

line-height: 140%;

color: #000000;	

}



.links { color: #ff7e1f; font-weight:normal; text-decoration: none; border-bottom: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px; display: inline-block; }

a.links:hover { color: #000000; }

.links1 { text-decoration: none; }

a.links1:hover { color: #ffffff;  }

.links2 { text-decoration: none; font-weight: bold; border-bottom: 3px solid #000000; }

a.links2:hover { color: #000000 !important; }

.linkf { position: relative; text-align: right; font-size: 11px; color: #dddddd; }

a.linkf:hover { color: #ffffff; text-decoration: none; }



.price {

font-size: 22px;

font-weight: bold;

}



.title1 { 

font-size: 46px;

font-weight: lighter; 

color: #999999; 

line-height: 100%; 

margin-bottom: 30px; 

display: inline-block;

}



.titles {

font-size: 20px;

font-weight: normal;

color: #000000;

line-height: normal;

margin-bottom: 10px;

}



.titles1 {

position: relative;

border-top: solid 8px #cccccc;

font-size: 24px;

line-height: 100%;

font-weight: bold;

color: #555555;

margin: 50px 0 0;

}

.titles1 span {

background: #ffffff;

position: relative;

top: -18px;

padding: 0 10px;

display: inline-block;

}

.titles1ic span {

top: -28px;

}

.icstyle {

font-size: 13px;

background: #ff7e1f;

color: #ffffff;

width: 18px;

height: 18px;

padding: 4px;

margin: 2px;

border-radius: 50%;	

text-align: center;

line-height: normal;

display: inline-block;

}

.icstyle1 {

background: #ff7e1f !important;

color: #ffffff;

padding: 10px 12px !important;

margin: 0 50px 0 20px;

border-radius: 50%;	

}

.icstyle2 {

font-size: 20px;

background: #ff7e1f;

color: #ffffff;

width: 20px;

height: 20px;

padding: 8px;

border-radius: 50%;

text-align: center;

line-height: 20px;

display: inline-block;

}

.titles2 {

font-size: 20px;

background: #999999;

color: #ffffff;	

padding: 5px 10px;

display: inline-block;

}

.divtitles2 {

border-bottom: 3px solid;

margin-bottom: 10px;	

}

.titlesearch { 

font-size: 26px; 

font-weight: bold; 

color: #ffffff; 

margin-bottom: 20px;

}



.titlesmenu {

position: relative;

border-top: solid 6px #333333;

font-size: 15px;

font-weight: bold;

color: #333333;

text-align: center;

margin: 30px 0 0;

}

.titlesmenu span {

background: #ffffff;

position: relative;

top: -14px;

padding: 0 10px;

display: inline-block;

}

		

.linksmenu {

display: block;

color: #333333;	

text-decoration: none;

text-indent: 12px;

margin-bottom: 6px;

border-bottom: 1px solid transparent;

}

.linksmenu:hover {

color: #000000;	

text-decoration: none;

}

.linksmenu:before {

content: ' ';

display: block;

position: absolute;

background: #dddddd;

border: 1px solid #dddddd;

width: 6px;

height: 6px;

border-radius: 50%;

margin-top: 6px;

-webkit-transition: all 0.3s ease;

transition: all 0.3s ease;

}

.linksmenu:hover:before {

background: #ffffff;

border-color: #ff7e1f;

}



.link {

display: inline-block;

font-size: 13px;

font-weight: bold;

text-decoration: none;

color: #ffffff;

background: #222222;

padding: 5px 10px;

margin-top: 10px;

}

.link:hover {

text-decoration: none;

background: #ff7e1f;

}

.linkd {

background: #ffffff;

color: #000000;	

}

.link1 {

display: block;

font-size: 14px;

font-weight: bold;

text-decoration: none;

color: #ffffff;

background: #333333;

padding: 10px;

}

.link1:hover {

text-decoration: none;

color: #ffffff;

background: #222222 !important;

}



.linksdir {

display: block;

background: #555555;

color: #ffffff;

font-size: 15px;

text-decoration: none;

padding: 5px 10px;

border-bottom: 3px solid;

}

.linksdir:hover {

background:	#333333;

}



.linksmain {

display: block;

font-size: 15px;

font-weight: 400;

line-height: normal;

text-decoration: none;

padding-left: 10px;

margin-bottom: 1px;

border-left: 5px solid #eeeeee;

}

.linksmain:hover {

color: #000000 !important;	

text-decoration: none;

}



.divbanners {

background: #f6f6f6;

border: 1px solid #eeeeee;

padding: 20px;

margin: 30px 0;	

}

.boxesbanner { 

float:left;

width:33.33%;

margin: 0 ;

padding: 0;

text-align: center;

}



.ab {

font-size: 16px; 

font-weight: bold;

text-decoration: none;

padding: 2px 4px;

margin: 1px;

}

.ab:hover {

color: #ffffff !important;

background: #333333;

}



.boxdown {

float: left;

width: 33.33%;

margin-bottom: 10px;

}

.titlesdown { 

font-size: 22px; color: #ffffff; border-bottom: 2px solid;

padding-bottom:10px;

margin-bottom: 20px;

min-height: 55px;

line-height: 120%;

}



/* images */



.img-social {

height: 18px;

  -webkit-border-radius: 50px;

     -moz-border-radius: 50px;

          border-radius: 50px;

		  padding: 2px;

		  margin: 0 2px;

		 

border: 2px solid;

-webkit-transition: all 0.3s ease;

transition: all 0.3s ease; 

}

.img-social:hover {

background: #ff7e1f;

}



.img-share {

	background: #555555;	

	height: 22px;

	font-size:10px;

  -webkit-border-radius: 50px;

     -moz-border-radius: 50px;

          border-radius: 50px;

		  padding: 5px;

		  margin: 2px;

-webkit-transition: all 0.3s ease;

transition: all 0.3s ease;

}

.img-share:hover {

background: #ff7e1f;	

}

.img-company {

width: auto;

max-width: 100%;

max-height: 360px;

}



img.plinks {  }

.plinks img{ padding:2px; border: 1px solid #e5e5e5; }

a.plinks:hover img{  

opacity: 0.7;

filter: alpha(opacity=70); 

}



.divshare {

clear:both; margin-top: 10px;

}



.divfloat {

float: left;

width: 50%;

}

.divfloat1 {

float: left;

width: 52%;

text-align: center;

}

.divfloat2 {

float: right;

width: 46%;

}

.divfloat3 {

float: right;

width: 50%;

}

.divpan1 {

float: left;

width: 56%;

}

.divpan2 {

float: right;

width: 40%;

}

.divmap {

width: 100%;

height: 500px; 

}

.divmap2 {

width:100%;

height: 360px; 

overflow:hidden;	

}

.divmap3 {

height: 250px; 

}

.divcinfo {

text-align: center;

padding: 5px;

margin: 10px 0;

font-size: 14px;

line-height: normal;

}

.divbox {

background: #f6f6f6;	

padding: 10px;

border: 1px solid #eeeeee;	

}

.addbox {

background: #f6f6f6;	

padding: 10px;

margin: 30px 0;

border: 1px solid #eeeeee;	

text-align: center;

}



/* end content */





/* elements */



a {

color: #000000;

-webkit-transition: all 0.3s ease;

transition: all 0.3s ease;

}

a:hover {

border-color: #ff7e1f;

}

p {

  margin: 0 0 10px;

}

.small {

  font-size: 80%;

}

.xsmall {

  font-size: 10px;

}

strong {

  font-weight: bold;

}



em {

  font-style: italic;

}

ul,

ol {

  padding: 0;

  margin: 0 0 10px 25px;

}



ul ul,

ul ol,

ol ol,

ol ul {

  margin-bottom: 0;

}



li {



}



hr {

  clear: both;

  margin: 10px 0;

  border: 0;

  border-top: 1px solid #dddddd;

  border-bottom: 1px solid #ffffff;

}

.hrdown { 

border-top-color: #333333;

border-bottom-color: #666666;

}



.text-left {

text-align: left;

}

.text-right {

text-align: right;

}

.text-center {

text-align: center;

}

.uppercase { text-transform:uppercase; }

.lowercase { text-transform:lowercase; }



.center {

margin-left:auto; 

margin-right:auto;

}



img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border:0; 

  margin:0; 

  -ms-interpolation-mode: bicubic;

}



.clearfix {

  *zoom: 1;

}



.clearfix:before,

.clearfix:after {

  display: table;

  line-height: 0;

  content: "";

}



.clearfix:after {

  clear: both;

}



audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



audio:not([controls]) {

  display: none;

}



/* forms */



form {

  margin: 0;

  padding: 0;

  width: 100%;

  display:inline;

}



.formauto {

width: auto;	

}



label,

input,

select,

textarea {

  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 17px;

  color: #444444;

  background: #f6f6f6;

  border: 1px solid #dddddd;

  padding: 7px 10px;

  margin-bottom: 5px;

  display:inline-block;

}



.forms {

  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 17px !important;

  border: 1px solid #dddddd !important;

  padding: 7px 10px !important;

  display:inline-block;

  width: 300px;

}



button {

  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  *overflow: visible;

}



textarea {

  overflow: auto;

}



input,

textarea,

.uneditable-input {

width: 300px;

}



.inputsmall {

width: 60px !important;	

}



.inputauto {

width: auto;	

}



textarea {

height: auto;

}



select {

padding: 8px;	

width: auto;

}



input[type="radio"],

input[type="checkbox"] {

  width:auto;

  margin: 5px;

  line-height: normal;

}



input[type="file"],

input[type="image"],

input[type="submit"],

input[type="reset"],

input[type="button"],

input[type="radio"],

input[type="checkbox"] {

  width: auto;

}



select[multiple],

select[size] {

  height: auto;

}

.fieldnotes 

{ width:0; background:none; border:0 none; display:none; visibility:hidden;  }





/* end forms */



/* buttons */



.button {

  display: inline-block;

  padding: 8px 20px;

  *margin-left: .3em;

  font-size: 17px;

  font-weight:normal;

  text-align: center;

  cursor: pointer;

  color: #ffffff;

  text-decoration: none;

   background: #ff7e1f;

  border: none;

-webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.button:hover,

.button:active,

.button.active,

.button.disabled,

.button[disabled] {

  color: #ffffff;

  background: #222222;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0; 

	padding: 0; 

	margin-top: 0px; 

	margin-bottom: 0px; 

}



.button1 {

padding: 12px 14px;

border: none;

line-height:normal;

}

a.button1:hover,

a.button1:focus,

a.button1:active

{

background: #222222;

}



/* end buttons */



/* search */



.divformsearch {

display: inline;	

}

input.formsearch {

width: 300px;

  padding: 10px 20px;

  margin: 10px;

  font-size: 18px;

  color: #ffffff;

  text-decoration: none;

    background: #222222;

  border: 1px solid #999999;

  border-radius: 30px;

   -webkit-border-radius: 30px; 

  -webkit-background-clip: padding-box; 

  -moz-background-clip:    padding; 

  background-clip:         padding-box;

    opacity: 0.8;

  filter: alpha(opacity=80);

}

.divbuttonsearch {

display: inline;	

}

.buttonsearch {

  display: inline-block;

  padding: 10px 20px;

  margin: 10px;

  font-size: 18px;

  color: #000000;

  text-decoration: none;

  border: 1px solid #000000; 

  -webkit-border-radius: 20px;

     -moz-border-radius: 20px;

  border-radius: 20px;

  -webkit-background-clip: padding-box; 

  -moz-background-clip:    padding; 

  background-clip:         padding-box;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor:pointer;  

}

.buttonsearch:hover {

  background: #000000 !important;  

  color: #ff7e1f;	

}



/* end search */



/* photogrid */



/**** Clearfix ****/

.clearfix:before,

.clearfix:after { content:" ";

    display:table; }

.clearfix:after { clear:both; }

.clearfix { ; }

.colsitem{ margin: 0 10px 10px 0; }

.colscontent{ -moz-column-count:5;

    -moz-column-gap:0px;

    -webkit-column-count:5;

    -webkit-column-gap:0px;

    column-count:5;

    column-gap:0px;

	padding:5px; }



/* end images */





/* tables */



table {

  max-width: 100%;

  background: transparent;

  border-collapse: collapse;

  border-spacing: 0;

}

.tablew {

  width: 100%;

}

.table th,

.table td {

  padding: 5px;

  vertical-align: top;

  border-top: 1px solid #dddddd;

}



.table-bordered {

  border: 1px solid #dddddd;

  border-collapse: separate;

  *border-collapse: collapse;

  border-left: 0;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

}



.table-bordered th,

.table-bordered td {

  border-left: 1px solid #dddddd;

}

.tcolor { background: #f6f6f6; }



/* end tables */



/* other styles */



.hide {

  display: none;

}



.show {

  display: block;

}



.invisible {

  visibility: hidden;

}



.affix {

  position: fixed;

}



.floatright {

  float: right;

}



.floatleft {

  float: left;

}

.cleared { 

clear: both;

}



.marg0 {

margin:0;	

}

.marg5 {

margin: 5px;

}

.marg10 {

margin: 10px;

}

.marg20 {

margin: 20px;

}

.margtop10 {

margin-top: 10px;

}

.margbottom0 {

margin-bottom: 0;

}

.margbottom10 {

margin-bottom: 10px;

}

.margleft10 {

margin-left: 10px;	

}

.margright10 {

margin-right: 10px;	

}

.margtop20 {

margin-top: 20px;

}

.margbottom20 {

margin-bottom: 20px;

}

.margleft20 {

margin-left: 20px;	

}

.margright20 {

margin-right: 20px;	

}



.pad0 {

padding:0;	

}

.pad5 {

padding: 5px;

}

.pad10 {

padding: 10px;

}

.pad20 {

padding: 20px;

}

.padtop0 {

padding-top: 0;

}

.padbottom0 {

padding-bottom: 0;

}

.padtop2 {

padding-top: 2px;

}

.padtop5 {

padding-top: 5px;

}

.padbottom5 {

padding-bottom: 5px;

}

.padtop10 {

padding-top: 10px;

}

.padbottom10 {

padding-bottom: 10px;

}

.padtop20 {

padding-top: 20px;

}

.padbottom20 {

padding-bottom: 20px;

}



.widthauto { width: auto; }



.imgright {

  float: right;

  margin-left: 20px;	

}



.imgleft {

  float: left;

  margin-right: 20px;	

}



.arrowtop { 

position: relative; 

left: 0; right: 0; 

display: inline-block; 

margin: 0 auto;

padding; bottom: 10px;

width: 50px;

height: 50px;

line-height: 50px;

background: #333333;

font-size: 50px;

text-decoration:none;

text-align: center;

}

.arrowtop:hover, arrowtop:focus, arrowtop:active { 

color: #ffffff !important;

text-decoration:none;

 }



.trigger 

{ cursor:pointer; display:inline; }



.toggle-container

{ display: none; z-index:110; }



/* end other styles */



/* icons  */



.icon {

text-decoration: none;

}

.icon:before {

display: inline-block;

font-family: FontAwesome;

text-decoration: none;

font-style: normal;

font-weight: normal;

line-height: 1;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

}

.icon > .label {

display: none;

}



/* other  */



.modaldiv {

padding: 30px 50px 50px 50px !important;

}

.ui-autocomplete-loading {  }

.demoHeaders { margin-top: 2em; }

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}

#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

ul#icons {margin: 0; padding: 0;}

ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}

ul#icons span.ui-icon {float: left; margin: 0 4px;}

.ui-autocomplete {

		max-height: 240px;

		overflow-y: auto;

		/* prevent horizontal scrollbar */

		overflow-x: hidden;

		/* add padding to account for vertical scrollbar */

		padding: 10px !important; 

}

* html .ui-autocomplete {

		height: 240px;

		background: #ffffff;

		

}