@charset "utf-8";
/* CSS Document */
body,h3,h2,h1,p,input,fieldset, ul, li {margin:0; padding:0;}
body {font-family:Arial, "Myriad Pro"; font-size:14px; color: #fff;}
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

.forma1 {width: 100%; padding: 5px 0; text-indent: 10px; margin-bottom: 6px;}
input[type="submit"] {padding: 10px 0; float: right; width: 100%; font-size: 18px; cursor: pointer; margin: 0;}

.container {margin:0 auto; max-width:980px;}

#top {float:left; width:100%; height:130px; background:url(images/toptxt.jpg) no-repeat 340px 50px;}
#logo {float:left; width:267px; padding:0;}

.greenbg {background: #005335; width:100%; float: left; padding:0px 0 30px 0; border-bottom: #fff solid 1px; outline: #005335 solid 1px;}

#title {float:left; width:245px; height:311px; margin-top: 40px;}
.tit1 { background:url(images/tit1.jpg) no-repeat;}
.tit2 { background:url(images/tit2.jpg) no-repeat;}
.tit3 { background:url(images/tit3.jpg) no-repeat;}
.tit4 { background:url(images/tit4.jpg) no-repeat;}

.ptit, .ptit a:link {font-family:"Monotype Corsiva", Times New Roman; font-size:20px; color:#fbee24; padding:283px 0 0 56px; text-decoration:none; letter-spacing: 1px;}
.ptit:hover {text-decoration:none; color:#fff;}



#glogo {float:right; width:180px; padding:10px 0 0 0;}



.menu {float:left; width:25%; height:140px; margin-top: 40px;}
.v11 {background:url(images/v111.jpg) no-repeat center center;}
.v12 {background:url(images/v121.jpg) no-repeat center center;}
.v13 {background:url(images/v131.jpg) no-repeat center center;}
.v14 {background:url(images/v141.jpg) no-repeat center center;}

.v11:hover, .v112 {background:url(images/v112.jpg) no-repeat center center;}
.v12:hover, .v122 {background:url(images/v122.jpg) no-repeat center center;}
.v13:hover, .v132 {background:url(images/v132.jpg) no-repeat center center;}
.v14:hover, .v142{background:url(images/v142.jpg) no-repeat center center;}

#content {float:left; padding:20px 0; width:100%; text-align:justify; line-height:21px;}
#content h3 {font-size:20px; padding:0 0 15px; clear:both; margin-top: 20px;}
#content h4 {font-size:16px; padding:0;}
#content img {padding: 20px; float: right; max-width: 100%;}
#content .float-left {}
#content .float-left img {float: left;text-align: center;}
#content ul {margin-left: 30px;}

#content a {color: yellow;}

.galerija {float: left; width: 100%;}
.galerija img {padding: 0; float: none !important;}
.galerija a {width: 25%; text-align: center;}

h5 {font-family:"Monotype Corsiva", Times New Roman; font-size:25px;}
h6 {font-family:"Monotype Corsiva", Times New Roman; font-size:20px;}

#left {float:left; width:50%;}
#right {float:right; width:50%;}

#nolist li {list-style:none; padding:4px 0;}

.klaida {background:#f00; color:#fff; font-size:12px; padding:4px;}


#footer {float:left; width:100%; color:#666; padding:20px 0; text-align:center; font-size:12px;}
#footer a {color:#666;}
#footer li {padding: 0 10px; white-space: nowrap; display: inline-block;}
.facebook img {vertical-align: middle;}
.facebook {margin: 20px 0 0;}
/*@media only screen and (max-width: 1000px) {

	.container {width: 735px;}
}*/

@media only screen and (max-width: 1000px) {

	.container {width: 490px;}
	#top {background: none;}
	#logo {float:left; width:100%; text-align: center; padding:0;}
	.menu, .galerija a {width: 50%;}
#left, #right {width: 100%;}
}

@media only screen and (max-width: 520px) {

	.container {width: 245px;}
	.menu, .galerija a {width: 100%;}
	#content {text-align: center;}
	#content img, #content .float-left img {float: none; padding: 0;}
	#content ul {margin-left: 0;}

}