body {
	margin: 0px;
	padding: 0;
	color: #000;
	background-color: #3C4650;
	font-family:  Tahoma, Geneva, sans-serif;
	font-size: 100%;
	text-align: center;
}
.clear {
	clear: both;
}
.alignright {
	text-align: right;
}
.wide {
	background-color: #000;
	height: 230px;
	
}

.top {
	margin-top: 20px;
	height: 264px;
	position: relative;
	background-color: #ADBEBD;
	padding: 0px;
}
.corner { position: absolute; width: 10px; height: 10px; background: url('mala.gif') no-repeat; font-size: 0%;top:auto;}
.cornerBoxInner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.bottom {
	position: relative;
	padding: 0px 5px 1px 5px;
	height: 45px;
	text-align: center;
	background-color: #3C4650;
	/*background: url(bottom_fons.gif) no-repeat top left;*/
}
.bottom  a{
	color: #DEE3E7;
	font-size: 12px;
	margin: 0px 10px 0px 10px;
}
.testfloat {
	width: 50px;
	border: 2px solid #f90;
	background-color: #ffd;
	font-size: .8em;
}
.to-right {
	float: right;
}
.to-left {
	float: left;
}
.ap-test {
	position: absolute;
	top: -112px;  /* H+2 */
	height: 111px;  /* H */
	he\ight: 110px;
	overflow: hidden;
	border-top: 1px solid #000;
	background-color: #5b5;
	color: #000;
}
.ap-left {
	width: 170px;
	left: 0;
}
.ap-right {
	width: 160px;
	right: 0;
}

.wrapper {
	margin: 0 auto;
	width: 1024px;
	w\idth: 1024px;  /* C + L + R + 2 */
	text-align: left;
	
}
.outer {
	margin-left: 210px; /* L */
	/*margin-right: 160px; /* R  ja vajag pievieno labo kolonnu*/
}
.wrap-cl {
	float: left;
	width: 100%;
	margin-right: -1px;
}
.center {
	float: right;
	width: 100%;
	margin-left: -1px;
	margin-bottom: -1px;   /* for the AP boxes in IE/Win */
	font-size: 12px;
}
.left {
	float: left;
	position: relative;
	width: 210px;  /* L */
	margin-left: -211px;  /* -L-1 */
	margin-right: 2px;

	
}
.left_cor{
	position: absolute;
	width: 210px; 
	height: 20px; 
	top: 0; 
	left: 0; 
	background: url('tmp.gif') no-repeat;
}
.right {
	float: right;
	position: relative;
	width: 160px;  /* R */
	margin-right: -161px;  /* -R-1 */
	margin-left: 2px;
}

/* previene allargamento floats (hidden) e problemi rendering left col (relative) in IE/Mac \*//*/
* html .inleft, * html .inright, * html .incenter {
	width: 100%;
	overflow: hidden;
}
* html .wrap-cl {
	position: relative;
	margin-right: 0;
}
* html .center {
	margin-left: 0;
}
* html .left {
	margin-right: 1px;
}
* html .right {
	margin-left: 1px;
}
/**/

.left, .right {
	
}
.outer {
	word-wrap: break-word;
}
p, h1, h3 {
	margin: 0 0 1em 0;
/*	border: 1px solid red; */
}
.center b{
	background: #fff;
}
h2{
	text-align: center;
	font-size: 16px;
	padding-top: 5px;
}
#modDataToTxt{
	font-size: 9px;
	text-align: right;
	margin-bottom: 10px;
}
#albumuFoto{
	float: left; 
	display: block; 
	margin: 10px; 
	width: 170px; 
	height: 135px; 
	border: 1px #E7E7E7 solid;
}
#album_bildComent{
	padding: 3px 0px 0px 10px; 
	background: #E7E7E7; 
	text-align: left; 
	font-size: 10px; 
	width: 170px; 
	height: 20px;
}
#infoBox{
     text-decoration:none;
	 margin: 0px;
	 padding: 0px;
}
#infoBox:hover {
     position:relative; 
	 margin: 0px;
	 padding: 0px;
}

#infoBox div {
     display:none; 
	 margin: 0px;
	 padding: 0px;
}

#infoBox:hover div{
     font-size:12px; 
     display:block; 
     position:absolute; 
     top: -3px; 
     left: -10px;
     background:#E7E7E7; 
     border:1px solid #AEAEAE; 
     color:#000; 
     width: 188px; 
	 height: 174px;
     padding: 17px 5px 5px 5px;
     opacity: 0.8; 
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#comentBox{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	border-top: 1px solid #AEBFBD;
}
#comentBox h4{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #AEBFBD;
}
#vertejumaBox{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}
#boxx{
	margin: 10px 3px 10px 3px;
	font-size: 12px;
}
#boxx .inner-boxx, b {
	background-color: #CCCCCC;
}
#boxx .orange-bg b, #boxx h3 {background-color: #AEBFBD; }
#boxx .lineTopColor b {background-color: #C8D2D1;}
#boxx .lineTopColor1 b {background-color: #BDCAC9;}
#boxx .lineTopColor2 b {background-color: #B4C2C1;}

#boxx .lineColor3 b {background-color: #E0E0E0;}
#boxx .lineColor2 b {background-color: #D8D8D8;}
#boxx .lineColor1 b {background-color: #D1D1D1;}
#boxx .lineColor b {background-color: #CACACA;}
#boxx h3 { padding:0.25em 0.75em 0.5em; margin-bottom:0; font-size: 12px;border-bottom: 1px #7D9998 solid;}
#boxx .inner-boxx, #boxx b { background-color: #E2E7E7;}
#boxx .inner-boxx{
	margin: 0px; padding: 5px;
}
.inner-box {
    padding:1em;
}

#boxx ul{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#boxx ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}	
#boxx ul li a{
	display: block;
	margin: 0px;
	padding: 3px 0px 2px 10px;
	text-decoration: none;
	background: url(nor2.gif) no-repeat left 7px;
}
#boxx ul li a:hover{
	background: #DFDDD7;
	background: url(nor2A.gif) no-repeat left 7px;
}
#boxx ul ul{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
}
#boxx ul li a.selMenuP{
	border: 1px #DFDDD7 solid;
	background: url(nor2AA.gif) no-repeat left 7px;
	font-weight: bold;
}

.r7 { margin: 0 7px; }
.r5 { margin: 0 5px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

.r1, .r2, .r3, .r4, .r5, .r7 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.box{
	position:relative;
	overflow:hidden;
	padding:10px 0;
}

.blue{
	background:#88d2fc;
}
.white{
	background:#fff;
}

.box .content{
	padding:10px 20px;
}

.box .cn{
	position:absolute;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;
	background:url(zvaigzne.gif);
}

.box .cn.tr, .box .cn.br{
	margin-left:100%;
}

.box .cn.bl, .box .cn.br{
	top:auto;
}
#top_active_nav{
	margin: 0px 0pz 10px 0px;
	border-bottom: 1px #5B7372 solid;
}
#top_active_nav ul{
	font-size: 10px;
	margin: 5px 5px 5px 10px;
	padding: 0px;
}
#top_active_nav ul li{
	display: inline;
	padding: 0px 5px 0px 10px;
	margin: 0px;
	list-style-type: none;
	background: url(nor-top.gif) no-repeat 0px 3px;
}
#top_active_nav ul li a{
	color: #E7E7E7;
	text-decoration: none;
}

#vel{
	display: block;
	text-align: right;
	padding: 5px 18px 0px 0px;
	background: url(vel.gif) no-repeat right 11px;
	color: #536464;
	text-decoration: none;
}
#center_full_nav{	
	min-width: 400px;
	padding: 20px 5px 0px 5px;
	list-style-type: none;
	font-size: 12px;
	zoom: 1;
}
#center_full_nav a{
	background: url(nor.gif) no-repeat 0px 0px;
	padding-left: 30px;
	font-weight: bold;
}
#center_full_nav a:hover{

}
#center_full_nav li{
	padding-left: 0px;
	margin: 0px;
}
#center_full_nav_txt{
	min-width: 400px;
	list-style-type: none;
	font-size: 12px;
	padding: 0px 0px 5px 0px;
	margin:  0px 0px 20px 0px;
	border-bottom: 1px #E7E7E7 solid;
}
#center_full_nav_txt li{
	
	padding: 0px;
	margin:  0px;

	zoom: 1;
}
#center_full_nav_txt a{

	padding-left: 30px;
	font-weight: normal;
	background: url(nor1.gif) no-repeat 0px 0px;
}
#center_full_nav_txt a:hover{
	font-weight: normal;
}
#center_full_nav_txt span{
	font-size: 10px;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
#center_full_nav_txt span a{
	background: url(vel.gif) no-repeat right 5px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
}
#lapu_navigacija {
	border: 0;
	padding: 1px 20px 0px 20px;
	margin: 0;
	text-align: center;
}

#lapu_navigacija a {
	padding: 1px 5px 1px 5px;
    background: #E7E7E7;
    border: 1px #CED7D6 solid;
	color: #ADBEBD;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}
#lapu_navigacija a:hover {
	text-decoration: none;
	background: #5E7776;
	color: #fff;
	padding: 1px 5px 1px 5px;
    border: 1px #ADBEBD solid;
}
#navigacija_active{
	text-decoration: none;
	background: #5E7776;
	color: #fff;
	padding: 1px 5px 1px 5px;
    border: 1px #ADBEBD solid;
	font-size: 10px;
	font-weight: bold;
}
#albumListe{
	margin: 30px 10px 10px 10px;
	padding: 0px;
	display: table;
	width: 100%;
}
#albumListe li{
	display: inline;
	float: left;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 12px;
	height: 200px;
}
#albumListe li a{
	display: block;
	width: 180px;
	height: 130px;
	
	text-decoration: none;
}
#FormerrorBox{
	border: 2px #F00 solid; 
	font-weight: bold; 
	padding: 3px; width: 300px; 
	margin: 0px auto; 
	text-align: center; 
	background-color: #C13100; 
	color: #fff;
}
#picture-center{
	display: block; 
	padding: 5px;
	margin: 10px;
	font-size: 10px;
	border: 1px #E2E7E7 solid;
	text-align: center;
}
#picture-left{
	float:left;
	padding: 5px;
	margin: 10px 20px 10px 10px;
	font-size: 10px;
	text-align: center;
	border: 1px #E2E7E7 solid;
}
#picture-right{
	float:right;
	padding: 5px;
	margin: 10px 20px 10px 20px;
	font-size: 10px;
	text-align: center;
	border: 1px #E2E7E7 solid;
}
#picture_lupa{
	float:left;
	width:16px;
	height:16px;
	background: url(lupa.gif);
	cursor: pointer;
}
#komentars{
	border-bottom: 1px #808080 dotted;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}
#komentars div{
	color: #000;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}
#komentars div span{
	color: #808080;
	font-size: 10px;
}
/* styles for the star rater */
#star-rating { list-style: none; margin: 0px; padding: 0px; width: 100px; height: 20px; position: relative; overflow: hidden; background: url(stars.gif) top left repeat-x; }
#star-rating li { padding: 0px; margin: 0px; height: 20px; width: 20px; /*\*/ float: left; /* */}
#star-rating li a { display: block; width:20px; height: 20px; line-height:20px; text-decoration: none; z-index: 20; position: absolute; padding: 0px; overflow: hidden; }
#star-rating li a:hover { background: url(stars.gif) left bottom; z-index: 2; left: 0px; border: none; }
#star-rating li a:active { outline: none; } /* remove halo effect in firefox */
#star-rating li.current-rating { background: url(stars.gif) left center; position: absolute; height: 20px; display: block; z-index: 1; }
#star-rating a.one-star { left: 0px; }
#star-rating a.one-star:hover { width:20px; }
#star-rating a.two-stars { left:20px; }
#star-rating a.two-stars:hover { width: 40px; }
#star-rating a.three-stars { left: 40px; }
#star-rating a.three-stars:hover { width: 60px; }
#star-rating a.four-stars { left: 60px; }
#star-rating a.four-stars:hover { width: 80px; }
#star-rating a.five-stars { left: 80px; }
#star-rating a.five-stars:hover { width: 100px; }