body {
    font-family: Arial;
    font-size: 12px;
    margin: 0px auto;
    padding: 0px;
    color: #65696a;
    background: #e5ecfb url(../images/body.jpg) repeat-x 0px 219px;
    text-align: center;
}
a {
    color: #284a91;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    width: 100%;
    clear: both;
    font-size: 1px;
    height: 1px;
}
.center {
    text-align: center;
    width: 100%;
}
* {
    margin: 0px;
    border: 0px;
    padding: 0px;
}
#all {
    width: 1013px;
    text-align: left;
    margin: 0px auto;
    margin-bottom: 20px;
}
#all #in{
    margin: 40px 0px 0px 0px;
    background: url(../images/in-bg.jpg) repeat-y 3px 0px;
    padding: 0px 0px 0px 3px;
    position: relative;
}
#all #in img#img-top{
    float: left;
    height: 12px;
}
#all #in img#logo{
    position: absolute;
    top: -10px;
    left: 37px;
}
#all #in img#img-bottom{
    float: left;
}
div#header {
    background: url(../images/header.jpg) no-repeat 13px 14px;
    width: 100%;
    height: 253px;
}
div#menu {
    background: url(../images/menu.png) no-repeat top left;
    width: 100%;
    height: 74px;
    position: absolute;
    top: 179px;
    left: -0px;
}
div#menu ul{
    list-style: none;
    margin: 30px 0px 0px 0px;
}
div#menu ul li{
    float: left;
    margin: 0px 0px 0px 20px;
}
div#menu ul li a{
    color: #fff;
    font-size: 18px;
    font-family: Georgia;
    display: block;
    width: 120px;
    height: 26px;
    padding: 4px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
}
div#menu ul li a:hover{
    background: url(../images/menu-on.jpg) no-repeat top left;
}
div#main{
    background: url(../images/main.jpg) repeat-y top left;
    margin: 0px 0px 0px 13px;
    padding: 0px 0px 0px 0px;
}
.col-right{
  float: right;
  width: 697px;
  line-height: 1.6em;
  padding: 15px 35px 15px 0px;
}
.col-left{
  float: left;
  width: 248px;
}
.col-left h3{
    background: url(../images/under.png) repeat-x bottom left;
    padding: 15px 0px 5px 0px;
    list-style: none;
    margin: 0px 20px 0px 20px;
    font-family: Georgia;
    font-size: 20px;
    font-weight: normal;
    color: #4d4d4d;
}
.col-left ul{
  padding: 10px 0px 20px 20px;
}
.col-left ul li{
    background: url(../images/sipa.png) no-repeat 0px 10px;
    font-size: 16px;
    padding: 5px 0px 5px 10px;
    list-style: none;
}
.col-left ul li a{
    color: #65696a;
    text-decoration: none;
}
.col-left ul li a:hover{
    text-decoration: none;
    color: #284a91;
}
.col-right h1{
  font-family: Georgia;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 0px 8px 0px;
  margin-bottom: 15px;
  color: #284a91;
  background: url(../images/under.png) repeat-x bottom left;
}
.col-right h2{
  font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  padding: 0px 0px 8px 0px;
  margin-bottom: 15px;
  color: #284a91;
  clear: both;
  background: url(../images/under.png) repeat-x bottom left;
}
.col-right ul{
  list-style: none;
  padding-top: 0px;
}
.col-right ul li{
  list-style: none;
  padding: 1px 0px 1px 17px;
  margin: 0px 0px 0px 0px;
  background:  url(../images/sipka.gif) no-repeat 0px 6px;
}
div#footer{
    background: #e5ecfb;
    margin: 0px 0px 0px 13px;
    padding: 30px 20px 30px 20px;
    border-top: 10px solid #284a91;
    width: 940px;
}
.column{
  float: left;
  width: 25%;
  line-height: 1.7em;
}
.column h3{
  font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  padding: 0px 0px 5px 0px;
  margin-bottom: 15px;
  margin-right: 20px;
  background: url(../images/under.png) repeat-x bottom left;
}
.column img.brder{
  border: solid 2px #284a91;
}
.column a{
    color: #65696a;
    text-decoration: underline;
}
.column a:hover{
    text-decoration: none;
}
.copy{
  padding: 10px 30px 20px 30px;
  color: #929292;
  width: 953px;
  text-align: center;
  margin: 0px auto;
}
.search{
  padding: 10px 20px 30px 20px;
}
.search input{
  background: #fff;
  border-radius: 6px; 
  -moz-border-radius: 6px;
  font-size: 11px;
  padding: 6px 10px;
  color: #999999;
  width: 140px;  
}
.search input.search-btn{
  background: #fff url(../images/search.png) no-repeat center center;
  border-radius: 6px; 
  -moz-border-radius: 6px;
  font-size: 11px;
  padding: 6px 10px;
  color: #999999; 
  cursor: pointer;
  width: 40px; 
}
.fb-box{
  padding: 10px 0px 10px 20px;
}

#breadcrumb{
  padding: 5px 0px 15px 0px;
}
#breadcrumb li {
display: inline;
}
.formular{
  width: 500px;
  padding: 0px 0px 15px 0px;
}
.formular input.btn{
  text-align: center;
  color: #fff;
  padding: 9px 40px;
  float: right;
  cursor: pointer;
  font-weight: bold;
  border-radius:3px;
  background: #284a91;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.formular label{
  width: 150px;
  float: left;
}
.formular input{
  padding: 5px 4px;
  border: solid 1px #d3d3d3;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.formular textarea{   
  padding: 5px 4px;
  border: solid 1px #d3d3d3;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.formular p{
  padding: 5px 0px;
}
img.imgg{
  padding: 3px;
  margin: 5px;
  height: 128px;
  border: solid 1px #c4cdde;
}
img.imgg2{
  padding: 3px;
  margin: 5px;
  border: solid 1px #c4cdde;
}

.slideshow .image {
	float: left;
	margin: 7px 10px 7px 0px;
}
.slideshow .image img {
	border: 1px solid #ccc;

}
.slideshow .image img:hover {
	border: 1px solid black;
}
.score-box{
  background: url(../images/under.png) repeat-x bottom left;
  padding: 10px 0px;
  clear: both;
}
.rating img{
  cursor: pointer;
}
input.inputsearch {
padding: 5px 4px;
border: solid 1px #d3d3d3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 5px;
}
.searchbox{
  padding: 10px 0px 0px 10px;
}
.searchbox input.btn {
text-align: center;
color: #fff;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
border-radius: 3px;
background: #284a91;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#search_box {
  display: none;
}


/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}