@charset "utf-8";
.hidden {
	display: none;
}
html,body,div,span,applet,object,iframe,h1,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0em;padding:0em;border:0em;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body {
  color: #333333; /*333333*/
  background-color: #6A2115;
  /*overflow: none;*/
 width: 100%;
 height: 100%;
 }
html, body, p, th, td, li, i {
  font: .9em/1em Trebuchet, Helvetica, sans-serif;
}
* html, body, p, th, td, li, i {
  font: 1em/1.3em Trebuchet, Helvetica, sans-serif;}

h1, h3, h5, h6 {
  font-weight: bold;
   /*#4f1f09 993300 */
}
h3, h5, h6 {
	color: #CC6600;
}
h1 { font-size: 1.7em; line-height:1em; text-shadow: #3f1806 0px 1px 1px; color: #993300;
	margin: 0em 2% .25em 0em; padding: 1.5% 0% 0% 0%;}
h2 { font-size: 1.4em; line-height: 1.1em; color: #666633; margin: 0em 0em .5em 0em; padding: 1% 0% 0% 0%;}
h4 { font-style: italic;  margin: 1% 0% .5% 0%; padding: 0px; color: #666633;}

li {padding-top: .5em;}
ol { margin-left: 1.5em;}
p {
 padding: .5em 0% 1em 0%; margin: 0px; /*was 1.25em*/
}

dl {margin: 0em 1.6em 0em 0em;} /*2em*/
dt {
  color: #993300; 
  font-weight: bold; 
  display: inline; 
  line-height: 1.5em; 
  font: .9em Trebuchet, Helvetica, sans-serif;


}
dd {
   display: inline; margin-left: 1em;
   font: .9em Trebuchet, Helvetica, sans-serif;


}

a:link { color: #339933; text-decoration: underline; }
a:visited { color: #336633; text-decoration: underline; }
a:hover { color: #00cc00; text-decoration: none;} 
a:active { color: #00cc00; text-decoration: none; }

a.kontakt:link { color: #6a2115; text-decoration: underline; }
a.kontakt:visited { color: #4f1f09; text-decoration: none; }
a.kontakt:hover { color: #993300; text-decoration: none;} 
a.kontakt:active { color: #4f1f09; text-decoration: none; }

a img { border: none; }

em {
  color: #CC6600;/*#993300*/
  font-weight: bold;}

#logo {
 margin: 0px; padding: 0px;
}

#header {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 128px;
  background: #4f1f09 url(../images/top_img.jpg) no-repeat top right;
}
#nav {
  position: absolute;
  top: 105px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 23px;
}
dt.tabs {
  display: inline;
  margin: 0px;
  padding: 0px;
 }


#topBanner {
  position: absolute;
  top: 128px;
  left: 0px;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  width: 100%;
  height: 108px;
  background: #CC6600 url(../images/header_img.gif) no-repeat top left;
}
#headline {
  float: left;
  padding: 10px 20px 0px 15px;
  margin: 0px;
  }
#cennik_contact{
  padding: 20px;
}
p.topContactInfo {line-height: 1.1em;}

i.diakritika {color: #993300; position: absolute; top: 5px; right: 5px; font-size: .8em}


/*content*/

#container {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 260px 0px 0px 0px;
	background: #e8d8a3 url(../images/content_gradient.jpg) repeat-x bottom left;
	line-height: 130%;
}
.content {
	margin: 0% 0% 4% 2%;
	padding: 2% 0% 0% 0%;
}
	.content, ul {
		margin-left: 1.5em;
	}
#content1 {
  /*position: relative;*/
	float: left;
	width: 476px;
	margin: 0% 0px 4% 2%;
	padding: 0% 0% 0% 0%;
	
}
.random {
  margin: 0px 0px 0px 0px; /*right margin was 8% when no second image*/
  padding: 0%;
  
}
#newImages {
	margin: 1em 0em 1em 0em;
	width: 476px;
}
	
#content2 {
  margin: 0% 2% 2% 520px;
	padding: 0% 0% 0% 0%;
	max-width: 55%;
	min-width: 30%;
	
}
div.news {
	margin: 0em 0em 10px 0em;
	padding: 0em 0em 0em 0em;
	/*position: relative;*/
	/*float: left;*/
	/*min-height: 50px;*/
	}
	
.newsTh {
	 float: left; 
	 margin: 0em 0em 0em 0em; 
	 padding: 0em;
	 width: 40px;
	 height: 40px;
	 
			 
}	
.newsText {
	position: relative;
	margin: 1em 0px 0px 55px;
	padding: 0px 0px 0px 0px;
	clear: none;
	min-height: 40px;
	
}

#footer {
  clear: both;
  margin: 0em 0em 0em 0em; 
  padding-top: 1em;
  text-align: center;
  color: #cc6600;
  background: #6A2115 url(../images/footer.jpg) repeat-x top left;
  }
  #footer a:link, a:active, a:visited {
	color: #E8D8A3; text-decoration: none;
  }
  #footer a:hover {text-decoration: underline; color: #E8D8A3;}
	
	#footer p {
		margin-top: .6em;
	}
	#footer p>a:link, a:active, a:visited {
		color: #CC6600; text-decoration: underline;
	}
  
#copyright {font-size: .8em; margin: 0em; padding: 1em 0em .5em 0em; } 
	
	/*SECONDARY PAGES*/
.contentLeft {
	float: left;
	width: 250px;
	margin:0% 0% 4% 2%;
	padding: 0% 0% 0% 0%;
	}

.contentRight {
	margin: 0% 2% 2% 290px;
	position: relative;
	padding: 0% 0% 0% 0%;
	width: 60%;
	
}
.contentimg {
  float: right;
	margin: 1em 0em 1em 1em;
}


/*NAVIGACIA*/

a#onas img {background: url(../images/tabonas.png) top left no-repeat; width: 71px; height: 23px;}
a#steniatka img {background: url(../images/tabsteniatka.png) top left no-repeat; width: 71px; height: 23px;}
a#suky img {background: url(../images/tabsuky.png) top left no-repeat; width: 71px; height: 23px;}
a#pes img {background: url(../images/tabpes.png) top left no-repeat; width: 71px; height: 23px;}
a#odchovy img {background: url(../images/tabodchovy.png) top left no-repeat; width: 71px; height: 23px;}
a#fotky img {background: url(../images/tabfotky.png) top left no-repeat; width: 71px; height: 23px;}
a#kontakt img {background: url(../images/tabkontakt.png) top left no-repeat; width: 71px; height: 23px;}
a#english img {background: url(../images/tab_uk.png) top left no-repeat; width: 44px; height: 23px;}

a#onas:hover img {background: url(../images/tabonas_over.png) top left no-repeat; width: 71px; height: 23px;}
a#steniatka:hover img {background: url(../images/tabsteniatka_over.png) top left no-repeat; width: 71px; height: 23px;}
a#suky:hover img {background: url(../images/tabsuky_over.png) top left no-repeat; width: 71px; height: 23px;}
a#pes:hover img {background: url(../images/tabpes_over.png) top left no-repeat; width: 71px; height: 23px;}
a#odchovy:hover img {background: url(../images/tabodchovy_over.png) top left no-repeat; width: 71px; height: 23px;}
a#fotky:hover img {background: url(../images/tabfotky_over.png) top left no-repeat; width: 71px; height: 23px;}
a#kontakt:hover img {background: url(../images/tabkontakt_over.png) top left no-repeat; width: 71px; height: 23px;}
a#english:hover img {background: url(../images/tabuk_over.png) top left no-repeat; width: 46px; height: 23px;}


/*NAVIGATION EN*/

a#about img {background: url(http://www.sunneptun.sk/en/images/tabonas.png) top left no-repeat; width: 71px; height: 23px;}
a#pups img {background: url(http://www.sunneptun.sk/en/images/tabsteniatka.png) top left no-repeat; width: 71px; height: 23px;}
a#dame img {background: url(http://www.sunneptun.sk/en/images/tabsuky.png) top left no-repeat; width: 71px; height: 23px;}
a#stud img {background: url(http://www.sunneptun.sk/en/images/tabpes.png) top left no-repeat; width: 71px; height: 23px;}
a#litt img {background: url(http://www.sunneptun.sk/en/images/tabodchovy.png) top left no-repeat; width: 71px; height: 23px;}
a#pict img {background: url(http://www.sunneptun.sk/en/images/tabfotky.png) top left no-repeat; width: 71px; height: 23px;}
a#cont img {background: url(http://www.sunneptun.sk/en/images/tabkontakt.png) top left no-repeat; width: 71px; height: 23px;}

a#about:hover img {background: url(http://www.sunneptun.sk/en/images/tabonas_over.png) top left no-repeat; width: 71px; height: 23px;}
a#pups:hover img {background: url(http://www.sunneptun.sk/en/images/tabsteniatka_over.png) top left no-repeat; width: 71px; height: 23px;}
a#dame:hover img {background: url(http://www.sunneptun.sk/en/images/tabsuky_over.png) top left no-repeat; width: 71px; height: 23px;}
a#stud:hover img {background: url(http://www.sunneptun.sk/en/images/tabpes_over.png) top left no-repeat; width: 71px; height: 23px;}
a#litt:hover img {background: url(http://www.sunneptun.sk/en/images/tabodchovy_over.png) top left no-repeat; width: 71px; height: 23px;}
a#pict:hover img {background: url(http://www.sunneptun.sk/en/images/tabfotky_over.png) top left no-repeat; width: 71px; height: 23px;}
a#cont:hover img {background: url(http://www.sunneptun.sk/en/images/tabkontakt_over.png) top left no-repeat; width: 71px; height: 23px;}

	
.tagline {
 color: #CC6600;
}

 

a#cennik img {background: url(../images/cennik.gif) top left no-repeat; width: 236px; height: 45px;}
a#cennik:hover img {background: url(../images/cennik_over.gif) top left no-repeat; width: 236px; height: 45px;}


.secondImage {
margin: 20px 0px 0px 500px;
padding: 0px;
width: 256px;
}

.bottomImg {
float: left;
margin: 1% 0% 0% 0%;
padding: 0% 0% 2% 2%;
clear: left;
width: 100%;
}



.randomBorder {
  border: 1px #FFFFFF solid;
  margin: 0% 10px 0% 0%; /*0% 1% 0% 0%;*/

}

.thumbnails { 
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid  #CC6600;
}
.popup {
	width: 130px;
	height: 112px;
	margin-right: 5px;
      margin-top: 5px;
	padding: 0px;
	border: 1px solid #CC6600;
}

.popup:hover{border: 1px solid #FFF;}


.borderit img{
	border: 1px solid #CC6600; 
}

.borderit:hover img{
	border: 1px solid #FFF;
}
.floatRight {position: relative; float: right;}

.separator {
  margin: 0em 0em 1em 0em;
  padding: 0em;
  width: 100%;
  height: 2px;
  background-color: #CC6600;
  clear: both;
  
}
.inlineImg {
	position: relative;
	top: 4px;
	display: inline;
	
	}