﻿html, body {width:100%; height:100%; min-width:700px;}

body {

background-color:#01529E;
background-image: url(../images/home/bg.jpg); 
background-position:0px 0px;
background-repeat: repeat-x;
margin:0;
padding:0;




}
#wraper {

 margin:0 auto;
 padding:0px;
 
position:absolute;
top:250px;
left:50%;
margin-left:-500px;
 
 width:1000px;
 
}

#header {
	margin:0;
	padding:0;

	height:250px;
	width:100%;
}
#header img{
	padding:0;
	margin:0 0 0 -500px;
 position:relative;
 left:50%;
 width:1000px;
}

body, td {
 margin:0;
 padding:0;
 font-family:Arial;
 font-size:12px;
color:#4A3701;

}

div#bottom  {
font-size:11px;
color:#A7BCD1;
text-align:center;
padding-top:5px;
padding-bottom:20px;
clear:both;
}
div#bottom a {
color:#FBC01E;
text-decoration:none;
padding-right:5px;
}
div#bottom a:hover {
color:#FBC01E;
text-decoration:underline;
}


/* layout.php */
#left {
  position: relative;
  float: left;
  width: 662px;
  padding: 0px;
  margin:0px;
margin-right: 12px;
background-image: url(../images/general/box2_body.jpg); 
background-position:0px 0px;
background-repeat: repeat-y;
}

#right {
  position: relative;
  float: left;
  width: 325px;
  
 
}
.box-w {
background-image: url(../images/general/box2_foot.jpg); 
background-position:left bottom;
background-repeat: no-repeat;

padding:0px;
padding-bottom:20px;
margin:0px;
}
.box {
background-image: url(../images/general/box2_top.jpg); 
background-position:left top;
background-repeat: no-repeat;
padding:0px;
margin:0px;
}
.box2 {
background-image: url(../images/general/box2_top2.jpg); 
background-position:left top;
background-repeat: no-repeat;
padding:0px;
margin:0px;
}
.content {
padding:40px;
padding-top:70px;


}
.r-box ul{ 
list-style:none;
}
.r-box ul li{ 
padding-bottom:3px;
}
.r-box  h2 {
background-image: url(../images/general/box_top.jpg); 
padding:20px 30px;
color:#01529E;
font-family:Verdana, Tahoma, Arial;
font-weight:100;
letter-spacing:-1px;

}
/* container for small boxes in the right
 *(ie./templates/layout.php)
 */
#topbox {
  height: 150px;
}

/* global standard styles */
.long_scrollcontent {
	padding-top: 20px;
	height: 400px;
  overflow: auto;
}

.scrollcontent {
  height: 100px;
  overflow: auto;
}

table {
  border-collapse: collapse;
  line-height: 18px;
}

tr {
  height: 25px;
}

thead { }

thead th {
  margin-bottom: 3px;
}

tbody { }

th {
  text-align: left;
  line-height: 25px;
}

td { }

table.inner {
   width: 100%;
   height: 100%;
   margin: 0pt;
   padding: 0pt;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; font-weight:normal;}
a img,:link img,:visited img { border: none; }



#pager {
  margin: 10px 0px;
}

a  {
color:#01529E;
font-family:Verdana, Tahoma, Arial;
font-weight:bold;
text-decoration:none;
}
a:hover  {
text-decoration:underline;
}

.text {
  font-size: 12px;
  line-height: 16px;
  padding:5px 0px;
  color: #4a3701;
}

.text ul{
list-style:none;
}
div.content p {
line-height:150%;
padding:5px 0px 5px 0px;
}
div.content ul {
line-height:150%; padding:5px 0px 10px 40px;
}
div.content h1 {
padding: 0px 0px 10px 0px;
 color: #251c02;
}
div.content h2 {
font-size:20px;
padding: 20px 0px 5px 0px;
 color: #333333;
}
div.content h3 {
padding: 20px 0px 5px 0px;
font-weight:bold;
 color: #333333;
}
div.content ul h3 {
padding: 0px;
font-weight:bold;
}
div.content h4 {
font-size:12px;
padding: 5px 0px;
font-weight:bold;
 color: #333300;
}

table.clima {
margin-top:10px;
margin-bottom:10px;
  line-height: 12px;
}
table.clima tr{
  line-height: 12px;
}
table.clima td{
 width:42px;
 text-align:center;
   line-height: 12px;
   background:#fff;
   border-bottom:1px solid #999;
  
}
table.clima th{
text-align:center;
  line-height: 12px;
   border-bottom:1px solid #999;
}
table.clima th h4{
text-align:left;
  line-height: 12px;
  padding-right:15px;
}


div.c-left {
float:left;
width:50%;
}

img.picture {
float:right;
margin-left:10px;
margin-bottom:10px;
}


table.col{
width:100%;
}
table.col tr{
height:inherit;
}
table.col td{
padding-right:5px;
padding-bottom:5px;
vertical-align:top;
width:50%;
}

#komentare {
padding:20px 40px;
}
#komentare h2{
padding:10px 0px;
}
#reakcia {
padding:20px 40px;

}
#reakcia p{
border-top:1px solid #ffffff;
padding-top:10px;
}
#reakcia fieldset {
border:none;
margin-top:20px;
}
#reakcia fieldset input,#reakcia fieldset textarea{
width:60%;
vertical-align:top;

}

#reakcia fieldset input#sub {
width:inherit;

}
.komentar {
padding:10px 0px;
}
#hodnotenie {
padding:20px 40px;
}
#hodnotenie h3 {
font-size:14px;
letter-spacing:1px;
margin-bottom:-30px;
}
#hodnotenie fieldset{
border:none;
padding:10px 0px;
padding-left:60%;
margin-top:-50px;
}
#hodnotenie .star {
height:20px;
overflow:auto;
}
#hodnotenie button, #hodnotenie a {
width:33px;
height:30px;
line-height:30px;
background-color:#FBC01E; 
background-image: url(/images/rating/starrating.gif); 
background-position:center 0px;
background-repeat: no-repeat;
display:inline;

border:0;
padding:0;
margin:0;
cursor:pointer;

}
#hodnotenie a {
width:33px;
height:0px;
line-height:30px;
background-color:#FBC01E; 
background-image: url(/images/rating/starrating.gif); 
background-position:center 0px;
background-repeat: no-repeat;


border:0;
padding:7px 4px;
margin:0;
cursor:pointer;

}
#hodnotenie a:hover {
text-decoration:none;
font-weight:bold;
}
#hodnotenie .star1  {
background-position:center 0px;

}
#hodnotenie .star2  {
background-position:center -30px;
}
#hodnotenie .star3  {
background-position:center -60px;

}
#hodnotenie a span {
position:relative;
top:30px;
font-size:10px;
}
#hodnotenie button , span#hodnotenie a span{
display:block;
font-size:10px;
position:relative;
text-align:center;
display:inline;
vertical-align:middle;
}
#hodnotenie button:hover {
background-position:center -30px;
clear:both;
top:0px;
}
#hodnotenie h2 {
padding:10px 0px
}
#hodnotenie form {


}
.rating form legend {
display:relative;
margin-top:5px;
letter-spacing:1px;

font-weight:bold;
font-size:13px;


}
#hodnotenie strong {
font-size:60px;
color:#fff;
position:relative;
top:30px;
padding-left:10px;
}

