/* CSS by FRONT */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 12px;
}

#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 980px;
	/*margin-top:20px;*/
}
.header {
	float: left;
	margin: 0px;
	padding: 0 0px 10px 0px;
	width:980px;
	clear:both;
	text-align:left;
}
.header_home {
	float: left;
	margin-top: 20px;
	width:250px;
	text-align:left;
}

ul#mainnav { 
	background:transparent url(../images/menu.gif) no-repeat; 
	width:720px; 
	height:21px; 
	float:left;
}
ul#mainnavH { 
	background:transparent url(../images/menu.gif) no-repeat; 
	width:720px; 
	height:21px; 
	float:right;
}

ul#mainnav span { display: none; }
ul#mainnavH span { display: none; }

ul#mainnav li, ul#mainnav a { 
	height:21px; 
	display:block;
}
ul#mainnavH li, ul#mainnavH a { 
	height:21px; 
	display:block;
}
ul#mainnav li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
ul#mainnavH li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
  li#mainnavHome {width: 60px; }
  li#mainnavNews {width: 72px;}
  li#mainnavAbout {width: 91px;}
  li#mainnavTeachers {width: 122px;}
  li#mainnavLanguages {width: 99px;}
  li#mainnavFun {width: 90px;}
  li#mainnavPrices {width: 68px;}
  li#mainnavLocation {width: 97px;}
    li#mainnavHome a:hover {background:url(../images/menu.gif) 0px -32px no-repeat;display: block;}
	li#mainnavNews a:hover {background:url(../images/menu.gif) -60px -32px no-repeat;display: block;}
    li#mainnavAbout a:hover {background:url(../images/menu.gif) -132px -32px no-repeat; display: block;}
    li#mainnavTeachers a:hover {background:url(../images/menu.gif) -223px -32px no-repeat; }
    li#mainnavLanguages a:hover {background:url(../images/menu.gif) -345px -32px no-repeat; }
	li#mainnavFun a:hover {background:url(../images/menu.gif) -444px -32px no-repeat; }
	li#mainnavPrices a:hover {background:url(../images/menu.gif) -534px -32px no-repeat; }
	li#mainnavLocation a:hover {background:url(../images/menu.gif) -602px -32px no-repeat; }

    li#mainnavHome a.active {background:url(../images/menu.gif) 0px -32px no-repeat;display: block;}
	li#mainnavNews a.active {background:url(../images/menu.gif) -60px -32px no-repeat;display: block;}
    li#mainnavAbout a.active {background:url(../images/menu.gif) -132px -32px no-repeat; display: block;}
    li#mainnavTeachers a.active {background:url(../images/menu.gif) -223px -32px no-repeat; }
    li#mainnavLanguages a.active {background:url(../images/menu.gif) -345px -32px no-repeat; }
	li#mainnavFun a.active {background:url(../images/menu.gif) -444px -32px no-repeat; }
	li#mainnavPrices a.active {background:url(../images/menu.gif) -534px -32px no-repeat; }
	li#mainnavLocation a.active {background:url(../images/menu.gif) -602px -32px no-repeat; }

/* end navigation in serbian */

.img {
	border: none;
}
.img1 {
	border: 1px #333 solid;
}

.img a:link, .img a:visited, .img a:active, .img a:hover{
	border: none;
}

.top-navigation {
	width: 980px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	padding: 0px;
}
.top-navigationH {
	width: 980px;
	margin-top: 70px;
	margin-bottom: 20px;
	float: right;
	text-align:right;
}
.line_home {
	width:980px;
	height:2px;
	border-bottom: 2px #666 solid;
	float:left;
}
.home_intro {
	width: 980px;
	float: left;
	text-align: justify;
	margin: 20px 0 40px 0;
}
.section1L, .section1L a:link, .section1L a:visited, .section1L a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/zeleno.gif);
	background-repeat: no-repeat;
	float: left;
	text-decoration: none;
	color: #FFF;
	/*margin-bottom: 20px;*/
}
.section1L a:hover {
	width:473px;
	height: 188px;
	background-image:url(../images/zelenoH.gif);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sectionPhoto {
	width: 170px;
	float: left;
	margin-top: 30px;
	padding: 0px 0 0 15px;
	text-align:left;
}
.info {
	width: 250px;
	float:left;
	margin-left: 30px;
}
.title_home {
	width: 250px;
	float: left;
	margin-top:30px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.text_home {
	width: 235px;
	height: 85px;
	float: left;
	font-size:11px;
	margin-top: 15px;
	text-align: justify;
	overflow: auto;
}
.section1R, .section1R a:link, .section1R a:visited, .section1R a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/crveno.gif);
	background-repeat: no-repeat;
	float: right;
	text-decoration: none;
	color: #FFF;
	/*margin-bottom: 20px;*/
}
.section1R a:hover {
	width:473px;
	height: 188px;
	background-image:url(../images/crvenoH.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}
.section2L, .section2L a:link, .section2L a:visited, .section2L a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/roze.gif);
	background-repeat: no-repeat;
	float: left;
	text-decoration: none;
	color: #FFF;
}
.section2L a:hover {
	width:473px;
	height: 168px;
	background-image:url(../images/rozeH.gif);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.section2R, .section2R a:link, .section2R a:visited, .section2R a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/plavo.gif);
	background-repeat: no-repeat;
	float: right;
	text-decoration: none;
	color: #FFF;
}
.section2R a:hover {
	width:473px;
	height: 188px;
	background-image:url(../images/plavoH.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}
.section3L, .section3L a:link, .section3L a:visited, .section3L a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/sivo.gif);
	background-repeat: no-repeat;
	float: left;
	text-decoration: none;
	color: #FFF;
}
.section3L a:hover {
	width:473px;
	height: 188px;
	background-image:url(../images/sivoH.gif);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.section3R, .section3R a:link, .section3R a:visited, .section3R a:active {
	width:473px;
	height: 188px;
	background-image:url(../images/narandzasto.gif);
	background-repeat: no-repeat;
	float: right;
	text-decoration: none;
	color: #FFF;
}
.section3R a:hover {
	width:473px;
	height: 188px;
	background-image:url(../images/narandzastoH.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}
.social {
	width: 40px;
	float: right;
	text-align: right;
}
.social_links{
	width: 200px;
	float: right;
	margin-top: 20px;
}
.footer {
	width: 980px;
	clear: both;
}

#footerCo {
	font-size: 9px;
	color: #333;
	text-align: left;
	/*background-color: #666;*/
}

#footerCo a:link, #footerCo a:visited, #footerCo a:active {
	color: #fff;
	text-decoration: none;
}

#footerCo a:hover{
	color: #CCCCCC;
	text-decoration: none;
}

.designBy {
	float: right;
	margin: 5px 0px 10px 0px;
	padding-right: 20px;
	position: relative;
	top: -33px;
}
.designBy_H {
	float: right;
	position: relative;
	top: -10px;
}
.mainContent {
	float: left;
	padding: 0px;
	width: 980px;
	margin-bottom:10px;
	margin-top: 15px;
}
.leftBlock {
	float: left;
	width: 660px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:left;
	clear:left;
}
.rightBlock {
	float: right;
	width: 260px;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
	text-align:left;
}
.pictureBlockR {
	float: right;
	width: 230px;
	margin: 0px 0 20px 20px;
	text-align:left;
}
.pictureBlockL {
	float: left;
	width: 230px;
	margin: 0px 20px 20px 0;
	text-align:left;
}
.vest {
	float: left;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.news_home {
	float: right;
	width: 260px;
	border-bottom: dashed #F60 1px;
	margin-bottom: 10px;
}
.news_home_picture {
	float:left;
	clear: both;
	width: 260px;
	margin-bottom: 20px;
	/*padding-left: 20px;*/
	text-align:left;
}
.news_home_title {
	float:left;
	clear: both;
	font-size: 14px;
	color: #F60;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	width: 260px;
}
.news_home_title a:link, .news_home_title a:active, .news_home_title a:visited {
	text-decoration: none;
	color:#F60;
}
.news_home_title a:hover {
	color:#999;
}
.news_home_date {
	/*clear: both;*/
	float: right;
	width: 260px;
	text-align: right;
	font-weight: bold;
}
.news_home_text {
	float: left;
	clear: both;
	text-align: justify;
	padding: 10px 0 10px 0;
	width: 260px;
}
.news_picture {
	float:left;
	clear: both;
	margin-bottom: 20px;
}
.news_title {
	float:left;
	font-size: 16px;
	color: #F60;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	width: 500px;
}
.news_date {
	float: right;
	width: 100px;
	text-align: right;
	font-weight: bold;
	clear: both;
}
.news_text {
	float: left;
	clear: both;
	text-align: justify;
	padding: 10px 0 10px 0;
	width: 660px;
}

.aboutus { 
	width: 700px;
	float: left;
	text-align: left;
}
.about_photo {
	float: left;
	width: 250px;
	margin-top: 40px;
	text-align: left;
}
.about_text {
	float: right;
	width: 400px;
	margin: 50px 0 0 0;
	text-align: justify;
}
.teachers {
	width: 600px;
	float: left;
	margin-bottom:20px;
}
.cvikeri {
	width: 720px;
	clear: both;
	float: left;
	font-size:14px;
	text-transform:uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}
.teachers_right {
	width: 250px;
	margin: 200px 0 20px 0;
	float: left;
}
.teachers_intro {
	width: 600px;
	text-align: justify;
	margin-bottom: 20px;
}
.teachers_photo {
	float:left;
	width: 150px;
}
.teachers_all {
	float: right;
	width: 450px;
}
.teacher_name {
	color:#333;
	font-weight:bold;
	font-size:14px;
	clear: both;
	float:left;
}
.teacher_text {
	float:left;
	text-align:justify;
	clear:both;
	margin: 10px 0 0 0;
	width: 450px;
}
.language_box {
	float: left;
	width: 220px;
	height: 100px;
	padding-top: 40px;
	padding-left: 90px;
	text-align: left;
}
.language_box a:hover, .language_box a:link, .language_box a:visited, .language_box a:active {
	text-decoration: none;
	color: #333;
	cursor: pointer;
	float:left;
}
.language_pic {
	width: 50px;
	height: 30px;
	float: left;
	text-align: left;
}
.language_title {
	/*width: 200px;*/
	float:left;
}
.language {
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 2px dashed #333;
}
.language_course {
	float:left;
	text-align: left;
	padding-left: 50px;
	width: 150px;
}
.course_text {
	float:left;
	text-align: justify;
	width: 600px;
}
.course_title {
	width: 550px;
	float:left;
	text-align:left;
}
.course_pic {
	width: 50px;
	height: 20px;
	float: left;
	text-align: left;
	margin-top:6px;
}
.course {
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 2px dashed #333;
}
.courses {
	float:left;
	width: 500px;
	padding: 10px 0 0 50px;
	margin-bottom: 20px;
	font-size:12px;
}
.zanimljivosti_naslov {
	float: left;
	text-align:left;
}
.zanimljivosti {
	float: left;
	text-align: justify;
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	clear:left;
	width: 100%;
}
.fun_header {
	width: 550px;
	float:left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.subNav {
	width: 157px;
	float:left;
}
.fun_subnav {
	width: 138px;
	float:left;
	text-align:left;
	border-bottom: 1px #666 solid;
	padding: 5px 0 5px 0;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
}
.fun_subnav a:link, .fun_subnav a:visited {
	text-decoration:none;
	color:#333;
}
.fun_subnav a:hover {
	text-decoration:none;
	color:#F60;
}
.fun_subnav a.active {
	text-decoration: none;
	color:#F60;
}
.funBlock {
	width: 258px;
	float: right;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	text-align:left;
	border: 1px #666 solid;
	background-color:#DBDBDB;
}
.content {
	width: 550px;
	float:left;
	margin-top: 4px;
	text-align:left;
}
.album {
	width: 240px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	float: left;
	text-align: left;
	background-image:url(../images/albumi.gif);
	background-repeat:no-repeat;
	padding: 10px;
	margin-top: 7px;
}
.thumb {
	width: 100px;
	height: 90px;
	float: left;
	text-align: left;
	padding: 0 0 15px 20px;
}
.prices{ 
	background-image: url(../images/cene.gif);
	width: 980px;
	height: 341px;
}
.price1 {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100px;
	height: 70px;
	margin: 42px 0 0 71px;
	padding: 10px;
	text-align: left;
}
.price2 {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100px;
	height: 70px;
	margin: 42px 0 0 140px;
	padding: 10px;
	text-align: left;
}
.price3 {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100px;
	height: 70px;
	margin: 140px 0 0 25px;
	padding: 10px;
	text-align: left;
}
.price4 {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100px;
	height: 70px;
	margin: -129px 0 0 725px;
	padding: 10px;
	text-align: left;
}
.price5 {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100px;
	height: 70px;
	margin: -206px 0 0 819px;
	padding: 10px;
	text-align: left;
}
.location {
	float: left;
	width: 552px;
	margin-bottom: 20px;
	border-bottom: 1px #666 solid;
	padding-bottom:20px;
}
.location_info{
	float: left;
	width: 300px;
}
.location_title{
	float: left;
	color: #333;
	font-size: 14px;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
}
.location_data {
	float: left;
	clear: both;
	width: 250px;
	
}
.location_picture {
	float: left;
	/*width: 200px;*/
}
.location_gallery {
	width: 80px;
	/*height: 60px;*/
	float: left;
	text-align: left;
	margin: 15px 0 0 0;
}
.location_show {
	width: 250px;
	/*float: left;*/
	margin-bottom: 15px;
}
.right {
	width: 270px;
	float: right;
}
.inlingua {
	float: right;
	background-image:url(../images/inlingua_international2.gif);
	background-repeat:no-repeat;
	width: 270px;
	height: 230px;
	margin-top: 20px;
}
.inlingua_text {
	width:250px;
	height: 200px;
	text-align:justify;
	padding: 40px 10px 10px 10px;
	font-size: 12px;
}
.zahtev {
	width: 270px;
	float: left;
	margin: 20px 0 20px 0;
	text-align: justify;
}
form p {
	width:270px;
	float: left;
	margin: 0px;
	padding-top: 2px;
}

form p label {
	float: left;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

form p input {
	float: right;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999;
	width: 170px;
}
form p textarea {
	/*font-size: 10px;*/
	float: right;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999;
	width: 200px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
}
.regform {
	float: left;
	width: 400px;
}

form p select{
	font-size: 11px;
	float: right;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999;
	width: 110px;
}
.button {
	width: 100px;
	cursor: pointer;
}
.videos {
	width: 500px;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	border-bottom: 1px #666 solid;
	padding-bottom:20px;
}
.video_name {
	width: 500px;
	float:left;
	font-size: 16px;
	font-weight: bold;
}
.video_comment {
	width: 500px;
	float:left;
	text-align: justify;
	margin-bottom: 20px;
}
.video_box {
	width: 500px;
	float:left;
	text-align:left;
}
.link{
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 2px dashed #333;
}
.link a:hover, .link a:active, .link a:link, .link a:visited{
	text-decoration: none;
	color: #333;
	cursor: pointer;
	float:left;
}
.links_title {
	float: left;
	clear:both;
	margin-bottom: 20px;
	text-align: left;
	width: 500px;
}
.link_comment {
	width: 500px;
	float:left;
	clear: both;
	text-align:justify;
}
.search {
	width:240px;
	float:right;
}
.search form  {
	float: right;
	width: 240px;
	color:#fff;
}
.search form input {
	width: 50px;
	float:right;
}
h1 {
	float: left;
	font-size:18px;
	text-align:left;
	color:#666;
}