/* CSS style */
html, body {
  margin:0;
  padding:0px;
  text-align:left;
  font:12px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  color:#000;
}

a.vypis {
  text-decoration: none;
	color:#ff0000;
	font-size:11px;
}
a.vypis:hover {
  background:#cccccc;
}

a.service-navigation {
  text-decoration: none;
  color:#000;
  font-size:15px;
  font-weight:bold;
  margin: 0px 0px 0px 25px;
}

a.service-navigation:hover {
  background:#cccccc;
}
a.vypis1 {
  text-decoration: none;
	color:#000;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 0px 12px;
}
a.vypis1:hover {
  background:#cccccc;
}
a.vypis2 {
  text-decoration: none;
	color:#000;
	font-size:10px;
	display:block;
	width:65px;
}
a.vypis2:hover {
  background:#cccccc;
}



a.alert {
	text-decoration: none;
	color:#aa0000;
	font-weight:bold;
	font-size:15px;
}

a.alert:hover {
	color:#aa0000;
	text-decoration: none;
}
a img {
  border:0px;
}
a img.gallery {
    filter:alpha(opacity=99); 
    -moz-opacity: 0.99; 
    opacity: 0.99;
}
a:hover img.gallery{
    filter:alpha(opacity=90); 
    -moz-opacity: 0.90; 
    opacity: 0.90;
}
a.morephoto {
    color:#CC6666;
    font-size:9px;
    font-weight:normal;
}
a.morephoto:hover {
    background:#cccccc;
    cursor:pointer;
}
#autofolie-content {
  width:272px;
  height:97px;
  float:left;
  background: url(../pics/autofolie-content-bg.gif);
  margin:10px 0 0 15px; 
}
#autofolie-vlastnosti {
  width:272px;
  height:97px;
  float:left;
  margin:0px 0 0 0px;
  padding: 5px 0 0 5px; 
}
p.alert {
  color:#ff0000;
  font-size:10px;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;

}
p.left1 {
  margin:0;
  padding: 10px 0 0 0;
  font-size:10px;
  font-weight:bold;
  text-align:left;
  float:left;
  width:83px;
}
p.center1 {
  margin:0 0 0 0;
  padding: 10px 0 0 20px;
  font-size:10px;
  font-weight:bold;
  text-align:left;
  float:left;
  width:83px;
}
p.right1 {
  margin:0 0 0 0;
  padding: 10px 0 40px 18px;
  font-size:10px;
  font-weight:bold;
  text-align:left;
  float:left;
  width:68px;
}
p.security-foils {
  padding:0 0 8px 0;
  margin:0;
  line-height:1.3em;
}

.big-black {
  color:#000;
  font-size:24px;
}
.big-blue {
  color:#000099;
  font:18px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-style:italic;
}
.big-grey {
  color:#666666;
  font-size:20px;
}
.big-wine {
  color:#996666;
  font-size:20px;
}
.cleaner {
  clear:both;
}
.grey-font {
  font-size:14px;
  color:#666666;
  font-weight:normal;
}
.smaller-font {
  font-size:14px;
  font-weight:normal;
}
.odsek {
  margin:0px 0px 0px 18px;
}
#anim {
  margin:20px 0px 0px 59px;
  padding:0px 0px 0px 0px;
}
.center {
  text-align:center;
}
.font1 {
  padding:0px 0px 0px 17px;
}
#copyright {
	margin:0 auto ;
	width:970px;
	height:25px;     
  font-size:14px;
  color:#333333; 
  text-align:center;
  padding:0px 0px 0px 0px; 
}
#container {
	margin:0 auto ;
	width:970px;
	height:600px;     
	background:url(../pics/container-bg.jpg);    
}
#content {
  width:524px;
  height:476px;    
  float:left;
}
.akcie {
  font-size:11px;
  padding-top:20px;

}
.akcie p {
  padding:0px 30px 15px 60px;
  margin:0;
  line-height:1.7em; 
  text-align:justify; 
}
.akcie a {
  color:#000;
  font-size:15px;
  text-align:left;
  font-weight:bold;
  text-decoration:none;
  margin-left:60px;
}
.akcie a:hover {
  background:#cccccc;
}
.akcie h2 {
  color:#FF6600;
  font-size:13px;
  text-align:left;
  margin:0;
  padding:15px 0 15px 60px;
  font-weight:bold;
}
.akcie span {
  color:#FF0000;
  font-weight:bold;
  float:right;
}
.akcie img {
  float:left;
  margin:0 25px 0 0;
  padding-bottom:30px;
}
h1 {
  text-align:center;
  font:15px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-weight:bold;
  color:#333333;
  margin:20px 0px 0px 0px;
}
h2 {
  text-align:center;
  font:14px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  color:#666666;
  margin:20px 100px 0px 100px;
}
h3 {
  font:15px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  color:#000;
  font-weight:bold;
  margin:0px 0px 0px 0px;
}
img.auto-tuning {
  margin:0px 0px 0px 105px;
}
img.autofolie-zuzi {
  margin:8px 0px 0px 0px;
}
img.autofolie {
  margin:25px 0px 0px 150px;
}
img.okenne-folie {
  margin:0px 0px 0px 125px;
}
img.logo {
  margin: 35px 0px 0px 100px;
}
img.mapa {
  margin:70px 0px 5px 0px;
}
#left-content {
  float:left;
  width:202px;
  height:341px;
  margin:18px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
p.strong {
  font-weight:bold;
  margin:0 0 0 0;
  padding:6px 0 15px 0;
}
#aswf {
  width:99px;
  float:left;
  text-align:center;
  padding: 16px 0px 0px 0px;
}
#sungard {
  width:99px;
  float:left;
  text-align:center;
  padding: 15px 0px 0px 0px; 
}
#suntek {
  width:99px;
  float:left; 
  text-align:center;
  padding: 25px 0px 0px 0px;
}
.Akcie {
  line-height:1.5em;
  font-size:14px;
}
#right-content {
  background:url(../pics/content-bg.jpg) no-repeat;
  float:left;
  width:309px;
  height:341px;
  margin:18px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#left-panel {
  width:298px;
  height:476px;    
  float:left;
}
#logo-autofolie {
  width:298px;
  height:124px;    
  float:left;
}
#services-navigation2 {
  margin:30px 0px 0px 80px;
  padding:0px 0px 0px 0px;
}

#services-navigation2 li {
  list-style: none;
  float:left;
  margin:0px 0px 0px 0px;
  background: url(../pics/arrow.jpg) no-repeat 45px 3px;
  width:70px;
  height:25px;
}
#services-navigation2 li.nav4 a {
  display: block;
  width: 40px;
  height: 20px;
  background: url(../pics/button-back.gif) 0 0 no-repeat;
  color: #000;
  text-decoration: none;
  font: 15px/20px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:left;
  font-weight:bold;
}
#services-navigation2 li.nav4 a:hover {	
  background: #cccccc;
  color:#000;
} 
#services-navigation1 {
  margin: 10px 0px 0px 0px;
  padding:0px 0px 0px 8px;
}
#services-navigation1 li {
  list-style: none;
  margin:0px 0px 0px 0px;
  background: url(../pics/list.jpg) no-repeat 0px 5px;
  padding:0px 10px 5px 15px;
}
#services-navigation1 li.nav3 a {
  display:block;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  text-align:left;
}
#services-navigation1 li.nav3 a:hover {	
  background: #cccccc;
}
#services-navigation1 li.nav3 a.active{
  background: #cccccc;
}   
#services-navigation {
  margin:25px 0px 0px 115px;
  padding:0px 0px 0px 0px;
}
#services-navigation li {
  list-style: none;
  float:left;
  margin:0px 0px 0px 0px;
  background: url(../pics/arrow.jpg) no-repeat 105px 3px;
  width:165px;
  height:30px;
}
#services-navigation li.nav2 span {
  display: block;
  width: 100px;
  height: 20px;
  color: #000;
  text-decoration: none;
  font: 15px/20px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:left; 
  font-weight:bold;

}
#services-navigation li.nav2 span.sp {
  padding-right:20px;

}

#services-navigation li.nav2 a {
  display: block;
  width: 100px;
  height: 20px;
  background: url(../pics/button-back.gif) 0 0 no-repeat;
  color: #000;
  text-decoration: none;
  font: 15px/20px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:left;
}
#services-navigation li.nav2 a:hover {	
  background: #cccccc;
  color:#000;
}  
#menu {
  width:524px;
  height:124px;    
  float:left;
}
#menu-navigation {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#menu-navigation li {
  float: left;
  list-style: none;
  margin: 29px 1px 0px 0px ;
}
#menu-navigation li.button-about-us a {
  display: block;
  width: 102px;
  height: 68px;
  color: #996666;
  text-decoration: none;
  font: 18px/68px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:center;
}
#menu-navigation li.button-about-us a.active{
  background: url(../pics/button-about-us.jpg) 0 0 no-repeat;
  color:#666666;
}
#menu-navigation li.button-about-us a:hover {	
  background: url(../pics/button-about-us.jpg) 0 0 no-repeat;
  color:#666666;
}  
#menu-navigation li.button-services a {
  display: block;
  width: 103px;
  height: 68px;
  color: #996666;
  text-decoration: none;
  font: 18px/68px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:center;
}
#menu-navigation li.button-services a.active{
  background: url(../pics/button-services.jpg) 0 0 no-repeat;
  color:#666666;
}
#menu-navigation li.button-services a:hover {	
  background: url(../pics/button-services.jpg) 0 0 no-repeat;
  color:#666666;
}  
#menu-navigation li.button-gallery a {
  display: block;
  width: 103px;
  height: 68px;
  color: #996666;
  text-decoration: none;
  font: 18px/68px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:center;
}
#menu-navigation li.button-gallery a.active{
  background: url(../pics/button-gallery.jpg) 0 0 no-repeat;
  color:#666666;
}
#menu-navigation li.button-gallery a:hover {	
  background: url(../pics/button-gallery.jpg) 0 0 no-repeat;
  color:#666666;
}  
#menu-navigation li.button-map a {
  display: block;
  width: 103px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font: 18px/68px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:center;
}
#menu-navigation li.button-map a.active{
  background: url(../pics/button-map.jpg) 0 0 no-repeat;
  color:#666666;
}
#menu-navigation li.button-map a:hover {	
  background: url(../pics/button-map.jpg) 0 0 no-repeat;
  color:#666666;
}  
#menu-navigation li.button-contact a {
  display: block;
  width: 103px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font: 18px/68px Verdana,Tahoma,Arial,Helvetica,sans-serif;
  text-align:center;
}
#menu-navigation li.button-contact a.active{
  background: url(../pics/button-contact.jpg) 0 0 no-repeat;
  color:#666666;
}
#menu-navigation li.button-contact a:hover {	
  background: url(../pics/button-contact.jpg) 0 0 no-repeat;
  color:#666666;
} 
#ocis-button {
  display: block;
  width: 82px;
  height: 96px;
  background: url(../pics/ocis.jpg) no-repeat 0 0;
  margin:40px 0px 0px 220px;
}
#ocis-button:hover { 
  background-position: 0 -96px;
}
#ocis-button span {
  display: none;
}
p.attention {
  margin:29px 0px 0px 92px;
  padding:0px 0px 0px 0px;
} 
p.attention1 {
  margin:24px 0px 0px 92px;
  padding:0px 0px 0px 0px;
} 
p.left {
  float:left;
  width:232px;
  margin:40px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-size:15px;
}
p.ocis {
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-weight:bold;
  font-size:15px;
  color:#000;
  text-align:center;
}
p.right {
  float:left;
  width:262px;
  margin:40px 0px 0px 0px;
  font-size:16px;
  font-weight:bold;
  padding:5px 0px 0px 0px;
}
p.priplatok {
  margin:0px 0px 0px 0px;
  font-size:12px;
  color:#ff0000;
  font-weight:bold;
  text-align:center;
  padding:30px 0px 0px 0px; 
}
p.upozornenie {
  text-align:justify;
  padding: 0px 12px 10px 12px;
  margin:0px 0px 0px 0px;
  color:#666666;
}
p.uvod {
  text-align:center;
  padding:0px 0px 0px 0px;
  margin:22px 0px 0px 0px;
}
p.suntek {
  text-align:center;
  font-size:11px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 25px;
}
p.text-content {
  margin:0px 0px 0px 0px;
  padding:30px 25px 0px 25px;
  line-height:1.5em;
  text-align:justify;

}
p.zeder-left {
  text-align:justify;
  font-size:11px;
  margin:45px 0px 0px 0px;
  padding:25px 0px 0px 40px;
  color:#000;
  float:left;
}
p.zeder-center {
  text-align:justify;
  font-size:11px;
  margin:45px 0px 0px 0px;
  padding:0px 5px 0px 5px;
  color:#000;
  float:left;
}
p.zeder-right {
  text-align:justify;
  font-size:11px;
  margin:45px 0px 0px 0px;
  padding:25px 0px 0px 0px;
  color:#000;
  float:left;
}
p.kontakt {
  font-size:15px;
  padding:35px 0px 0px 30px;
  margin:0px 0px 0px 0px;
}
#suntek-button {
  display: block;
  width: 192px;
  height: 46px;
  background: url(../pics/autofolie-suntek.jpg) no-repeat 0 0;
  margin:35px 0px 0px 166px;
}
#suntek-button:hover { 
  background-position: 0 -46px;
}
#suntek-button span {
  display: none;
}
#zeder-button {
  display: block;
  width: 200px;
  height: 53px;
  background: url(../pics/zeder.jpg) no-repeat 0 0;
  margin:0px 0px 0px 0px;
}
#zeder-button:hover { 
  background-position: 0 -53px;
}
#zeder-button span {
  display: none;
}
#right-panel {
  width:148px;
  float:right;
  text-align:center;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:65px 0px 0px 0px;
}

/*scrollovacie tlacitka na text .... */
#ScrollContent {
  width:274px;
  min-height:341px;
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 5px;
  float:justify; 
}
#ScrollContent div {
  font-size:10px;
  line-height:1.4em;
  font-weight:bold;
}
#NoScrollContent {
  width:274px;
  min-height:341px;
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 5px;
  float:justify; 
}
.references {
  width:300px;
}
#NoScrollContent1 {
  width:277px;
  min-height:341px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 5px;
  float:justify;
  line-height:1.5;
} 
#NoScrollContent2 {
  width:304px;
  min-height:341px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 5px;
  float:justify;
}
#easyscrollnav{
  list-style:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:25px;
  height:341px;
  float:right;
}	
#easyscrollnav, #easyscrollnav li.up{
	height:24px;
	width:25px;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
}
#easyscrollnav li.up{
  list-style:none;
  background:url(../pics/up-arrow.jpg) no-repeat;
  color:#333;
  cursor:pointer;
  margin:70px 0px 0px 0px;
}
#easyscrollnav li.up-over{
	background:url(../pics/up-arrow-over.jpg) no-repeat;
	height:24px;
	width:25px;
	margin:70px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
}	
#easyscrollnav, #easyscrollnav li.down{
 	height:25px;
 	width:25px;
  margin:0px 0px 0px 0px;	
  padding:0px 0px 0px 0px;
}	
#easyscrollnav li.down{
  list-style:none;
  background:url(../pics/down-arrow.jpg) no-repeat;
  color:#333;
  cursor:pointer;
  margin:140px 0px 0px 0px;
}	
     
#easyscrollnav li.down-over{
  background:url(../pics/down-arrow-over.jpg) no-repeat;
  height:25px;
  width:25px;
  margin:140px 0px 0px 0px;	
  padding:0px 0px 0px 0px;
}
.listing {
  text-align:center;

}
	
.listing a {
  text-decoration:none;
  color:#000;
  padding:2px 3px 2px 3px;   

}
.listing a:hover {
  background:#cccccc;   
}
.listing a.active {
  font-weight:bold; 
}
.gallery1 {
  margin:0 0 5px 0; 
  text-align:center; 
}
.gallery1.last {
  margin-bottom:143px;
}

.gallery1 a img {
  filter:alpha(opacity=99); 
  -moz-opacity: 0.99; 
  opacity: 0.99;
  
}

.gallery1 a:hover img{
    filter:alpha(opacity=90); 
    -moz-opacity: 0.90; 
    opacity: 0.90;
} 
.gallery1 img.gallery1last {
    margin-right:93px;

}
.architektura {
   margin-left:43px;
   width:435px;
}
.architektura a {
   font-size:15px;
   color:#000;
   text-decoration:none;
   display:block; 
}
.architektura a:hover {
   background:#cccccc;    
}
.architektura a span{
   font-size:14px;
   color:#666666;
}
.architektura img {
   margin-bottom:5px; 
}
.architektura ul {
   margin:0;
   padding:0;  
}
.architektura ul li{
   list-style:none;
   display:block;
   width:40px;
   height:18px;
}
.architektura ul li.prev{
   background:url(../pics/arrow_prev.jpg) top right no-repeat; 
   float:left; 
}
.architektura ul li.next{
   background:url(../pics/arrow_next.jpg) top left no-repeat; 
   text-align:right;
   float:right;
}
.architektura ul li.prev a {
   display:inline;
   padding:2px 2px 2px 2px; 
   font-size:12px;
}
.architektura ul li.next a {
   display:inline;
   padding:2px 2px 2px 2px; 
   font-size:12px; 
}
.architektura td.middle {
   padding-right:15px;
}
.content-title {
   display:block;
   font-weight:bold;
   text-align:center;
   padding:10px 0 15px 0;
   font-size:15px;

}
.counter {
    text-align:center;  
}
.counter a {
    color:#fff;
}
/* SUPPAGES CSS */

#container-subpage {
    margin:0 auto;
    width:608px;
}
#container-subpage h1 {
    text-align:center;
    background:#777777;
    width:302px;
    color:#fff;
    font-size:10px;
    font-weight:normal;
    padding:3px 0 4px 0;
    margin:0 auto;
    display:block;
}
#container-subpage h2 {
    text-align:center;
    background:#e3bcb3;
    width:302px;
    color:#000;
    font-size:10px;
    padding:3px 0 4px 0;
    margin:0 auto;
    display:block;
    
}
#container-subpage h2.sp {
    margin-bottom:25px;
    
}
#container-subpage .header {
    padding-top:20px;
}
#container-subpage .navigation {
    text-align:center;
    padding-bottom:30px;
}
#container-subpage .navigation a{
    text-transform:uppercase;
    color:#000;
    font-size:10px;
    margin-right:10px;
}
#container-subpage .navigation span{
    text-transform:uppercase;
    color:#000;
    font-size:10px;
    margin-right:10px;
    font-weight:bold;
}
#container-subpage .description {
    text-align:center;
    margin:0;
    padding-bottom:15px;
}
#container-subpage .content {
    text-align:justify;
    margin:0;
    padding-bottom:30px;
    line-height:1.4em;
}

#container-subpage .gallery {
    text-align:center;
    margin:0;
    padding-bottom:15px;
}
#container-subpage .gallery img{
    border:1px solid #000;
}
#container-subpage h3 {
    margin:0;
    padding:0 0 15px 0;
    font-size:13px;    
}
#container-subpage h3.type1 {
    margin:0;
    padding:0 0 15px 0;
    font-size:13px; 
    color:blue; 
    text-align:center;  
}
#container-subpage ul {
    margin:0;
    padding:0 0 0 15px;
}
#container-subpage table.cennik {
    width:600px; 
    font-size:10px;
    text-align:center;
    border:2px solid #000;
   
    margin-bottom:15px;
    color:#444444;
}
#container-subpage table.cennik th{
    background:#e3bcb3; 
    color:#000;   
}
#container-subpage table.cennik td{
    border-bottom:1px solid #ccc;
    line-height:1.5em;
    padding:2px 0 2px 0;
    border-right:1px solid #ccc;
    
     
    
}
#container-subpage table.cennik td.first{
    text-align:left;
    padding-left:10px; 
}
#container-subpage table.cennik td.noborder-bottom{
    border-bottom:0;
}
#container-subpage table.cennik td.noborder-right{
    border-right:0;
}
#container-subpage table.cennik td.second{
    text-align:left;
    padding-left:10px;
}
body.subpage {
    background:url(../pics/subpage_bg.jpg); 
}
.ocis-etiketa {
    float:left;
    margin:0 20px 10px 0;
}
.text-center {
    text-align:center;
}