/* 
Title:		Semos Multimedia main style
Author: 	contact@smultimedia.com
*/

/* Import css file */
body
{
	background: #E0E0E0;
	font: 11px Verdana, sans-serif;
}
/* wrap
-----------------------------------------------------------------------------*/
.wrap
{
	background: #ffffff url(../../img/bg.gif) repeat-y top center;
}
/* header
-----------------------------------------------------------------------------*/
.header
{
	height: 90px;
	padding: 16px 20px 0 40px;
	background: url(../../img/header.gif) no-repeat top center;
}
.topNavigation
{
	float: right;
	height: 25px;
	letter-spacing: -1px;
	background: #148fd0 url(../../img/topnavigation.gif) repeat-x bottom;
}
.topNavigation ul
{
	padding: 5px 0 5px 8px;
	background: url(../../img/topnavcorner.gif) no-repeat left top;
	list-style: none;
}
.topNavigation li
{
	display: inline;
}
.topNavigation a
{
	padding: 0 13px;
	background: url(../../img/topnavarrow.gif) no-repeat left center;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
}
.topNavigation a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.topNavigation a:visited
{
	color: #ffffff;
}
.lang
{
	color: #939393;
	float: left;
	padding: 0 25px;
}
.lang a
{
	color: #939393;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
}
.topContent
{
	height: 65px;
	clear: both;
}
.logo
{
	float: left;
	padding: 20px 0 0 0;
}
.logo h1
{
	height: 35px;
	width: 150px;
	text-indent: -9999px;
	background: url(../../img/semoslogo.gif) no-repeat;
}
.searchTop
{
	float: right;
	width: 170px;
	height: 25px;
	padding: 30px 0 0 40px;
	background: url(../../img/search.gif) no-repeat;
}
/* animation
-----------------------------------------------------------------------------*/
.animation
{
	height: 158px;
	text-align: center;
}
.animation1
{
	height: 158px;
	text-align: center; /*background: url(../../img/animation.jpg) no-repeat top center;*/
}

.animationk
{
	height: 158px;
	background: url(../../img/kontakt.jpg) no-repeat top center;
}

.animationm
{
	height: 158px;
	background: url(../../img/mapanasajtot.jpg) no-repeat top center;
}
.animationo
{
	height: 158px;
	background: url(../../img/outsourcing.jpg) no-repeat top center;
}
.animationp
{
	height: 158px;
	background: url(../../img/partnerstva.jpg) no-repeat top center;
}
.animationr
{
	height: 158px;
	background: url(../../img/refercenci.jpg) no-repeat top center;
}

.animationzn
{
	height: 158px;
	background: url(../../img/zanas.jpg) no-repeat top center;
}

.animationzsi
{
	height: 158px;
	background: url(../../img/sistemiu.jpg) no-repeat top center;
}

.animationzsr
{
	height: 158px;
	background: url(../../img/softverskiresenija.jpg) no-repeat top center;
}





/* mainNavigation
-----------------------------------------------------------------------------*/
.mainNavigation
{
	width: 932px;
	height: 33px;
	margin: 0 auto;
	background: #0C5B98 url(../../img/navbg.gif);
}
.mainNavigation ul
{
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.mainNavigation li
{
	display: inline;
}
.mainNavigation ul a
{
	display: block;
	float: right;
	height: 24px;
	padding: 9px 14px 0 30px;
	font-weight: bold;
	text-decoration: none;
	color: #DEFEFF;
	background: url(../../img/off.gif) no-repeat;
	font-size: 11px;
}

.mainNavigation a:link
{
	color: #DEFEFF;
}
.mainNavigation .active a
{
	background: url(../../img/on.gif);
	color: #FFFFFF;
}
.mainNavigation a:visited
{
	color: #DEFEFF;
}
.mainNavigation a:hover
{
	background: url(../../img/on.gif);
	color: #FFFFFF;
}
/* mainContent
-----------------------------------------------------------------------------*/
.mainWrap
{
	width: 932px;
	margin: 0 auto;
	height: inherit;
}
.endOfSection
{
	clear: both;
}
/* mainContent
-----------------------------------------------------------------------------*/
.mainContent
{
	width: 510px;
	float: left;
	padding: 25px;
}

.mainContent1
{
	width: 696px;
	float: left;
	padding: 25px;
}

.mainContent a:link
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent a:visited
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent a:hover
{
	text-decoration: none;
}
.mainContent2
{
	width: 695px;
	float: left;
	padding: 25px;
}

.mainContent2 a:link
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent2 a:visited
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent2 a:hover
{
	text-decoration: none;
}
.mainContent3
{
	width: 830px;
	float: left;
	padding: 25px;
}
.mainContent3 a:link
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent3 a:visited
{
	text-decoration: underline;
	color: #1594D3;
}
.mainContent3 a:hover
{
	text-decoration: none;
}
/* .mainNews
-----------------------------------------------------------------------------*/
.mainNews
{
	width: 696px;
	float: left;
	padding: 25px;
}




.mainNews a:link
{
	text-decoration: underline;
	color: #1594D3;
}
.mainNews a:visited
{
	text-decoration: underline;
	color: #1594D3;
}
.mainNews a:hover
{
	text-decoration: none;
}
/* subNavigation
-----------------------------------------------------------------------------*/
.subNavigation
{
	width: 186px;
	float: left;
	padding: 20px 0;
	letter-spacing: -1px;
}
.subNav
{
	background: url(../../img/boxbottom.gif) no-repeat bottom left;
}
.subNav h3
{
	color: #666666;
	padding: 9px 15px 20px 15px;
	background: #dddddd url(../../img/boxtop.gif) no-repeat; /*font-size:12px;*/
}
.subNav ul
{
	padding: 0px 15px 20px 17px;
	list-style: none;
	text-decoration: none;
}
.subNav ul li
{
	padding: 3px 0px 3px 0px;
	font-weight: bold;
}
.subNav ol
{
	padding: 7px 0px 3px 0px;
}
.subNav ol li
{
	/*border: solid 1px #333333;*/
	padding: 2px 0px 2px 20px;
	font-weight: normal;
	background: url(../../img/bullet.gif) no-repeat left top;
}
.subNav a, .subNav a:link, .subNav a:visited, .subNav a:hover
{
	text-decoration: none;
	color: #666666;
}
.einfo
{
	height: 90px;
	margin: 0 0 8px 0;
	background: url(../../img/box2bottom.gif) no-repeat bottom left; /*padding:0 0 15px 0;*/
}
.einfo h3
{
	color: #666666;
	padding: 9px 15px 12px 15px;
	background: #dddddd url(../../img/box2top.gif) no-repeat;
}

.einfo1
{
	margin: 0 0 8px 0;
	background: url(../../img/box2bottom.gif) no-repeat bottom left #fff; /*padding:0 0 15px 0;*/
}
.einfo1 h3
{
	color: #666666;
	padding: 9px 15px 6px 15px;
	background: #dddddd url(../../img/box2top.gif) no-repeat;
}
.voEinfo1
{
	width: 156px;
	padding: 2px 15px 5px 15px;
}

.tekst
{
	border: none;
	font: 11px Verdana, sans-serif;
	
}
.tekst a
{
	border: none;
	background-color: #FFFFFF;
	font: 11px Verdana, sans-serif;
}
.tekst table tr td
{
	border: none;
	font: 11px Verdana, sans-serif;
	padding:5px 0 0 0;
	width:149px;
}

.tekst2
{
	border: none;
	background-color: #FFFFFF;
	font: 11px Verdana, sans-serif;
	width:149px;
}
.tekst2 a
{
	border: none;
	background-color: #FFFFFF;
	font: 11px Verdana, sans-serif;
}
.friend
{
	background: url(../../img/bullet3.gif) no-repeat left top;
	padding: 2px 0 0 24px;
}
/* subContent
-----------------------------------------------------------------------------*/
.subContent
{
	width: 186px;
	float: left;
	padding: 20px 0;
	letter-spacing: -1px;
}

.subContent h4
{
	font-size: 12px;
	font-weight: bold;
	color: #0866A5;
	padding: 0px 0px 0px 0px;
}
.subContent a:link, a:visited, a:hover
{
	text-decoration: none;
	color: #1594D3;
}
.subContent a:visited
{
	text-decoration: none;
	color: #1594D3;
}
.subContent a:hover
{
	text-decoration: underline;
}

.subContent .link
{
	background: url(../../img/bullet2.gif) no-repeat left top;
	padding: 1px 0 0 10px;
}

/* footer
-----------------------------------------------------------------------------*/
.footer
{
	width: 980px;
	clear: left;
	text-align: center;
	color: #FFFFFF;
	background: #e0e0e0 url(../../img/footer.gif) no-repeat center top;
}
.footer p
{
	padding: 13px 0 25px 0;
	font-size: 8px;
}
.footer a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
	color: #666666;
}
/* form
-----------------------------------------------------------------------------*/
.form1
{
	border: none;
	background: none;
	height: 18px;
	width: 110px;
	padding: 1px 5px 2px 5px;
	color: #447FAA;
}
.form2
{
	border: none;
	background: #FFFFFF;
	height: 18px;
	width: 110px;
	padding: 1px 5px 2px 5px;
	color: #666666;
}
/* rightForm
-----------------------------------------------------------------------------*/
.rightForm
{
	padding: 6px 0 0 15px;
}
.rightForm p a
{
	text-decoration: none;
	background: url(../../img/bullet2.gif) no-repeat left top;
	padding: 2px 0 0 10px;
	width: 133px;
	display: block;
	clear: both;
}
.rightForm input
{
	border: #bfbfbf solid 1px;
	width: 110px;
	float: left;
	height: 17px;
	padding: 2px 5px 0 5px;
}
.rightForm input.go
{
	background: #000000 url(../../img/go.gif) no-repeat 0 0;
	color: #FFFFFF;
	border: none;
	float: left;
	width: 30px;
	cursor: pointer;
	margin: 0 0 0 5px;
	padding: 2px 0;
	height: 21px;
}
/* calendar
-----------------------------------------------------------------------------*/
/*.cal {
	background: url(../../img/box2bottom.gif) no-repeat bottom left;
	padding: 0 0 8px 0;
	margin: 0 0 16px 0;
}
.cal h3 {
	color:#666666;
	padding: 9px 15px 12px 15px;
	background: #dddddd url(../../img/box2top.gif) no-repeat;
}
.calendar {
	padding: 0 0 5px 0;
	text-align: center;
}
.calendar table {
	margin: 0 auto;
	width: 167px;
	background: #FFFFFF;
	text-align: center;
}
.calendar thead {
	background: #0C5B98;
	color:#FFFFFF;
}
.calendar th {
	background: #0C5B98;
	color:#FFFFFF;
}
.calendar tbody td {
	background: #FFFFFF;
	padding: 2px;
}
.calendar .today {
	background: #E6F9D2;
	border: 1px solid #0C5B98;
	font-weight: bold;
	color:#0C5B98;
}*/

/*.subNav {
font:11px Verdana, sans-serif;
	color:#666666;
}*/

/*.calendar1 th{
	background: #0c5b98;
	font-weight: bold;
	color:#FFFFFF;
}*/
.cal
{
	/*background: url(../../img/box2bottom.gif) no-repeat bottom left;*/
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
}
.cal h3
{
	color: #666666;
	padding: 9px 15px 12px 15px;
	background: #dddddd url(../../img/box2top.gif) no-repeat;
}
.calendar
{
	padding: 0 0 5px 0;
	text-align: center;
}
.calendar table
{
	margin: 0 auto;
	width: 167px;
	background: #FFFFFF;
	text-align: center;
}
.calendar tbody td
{
	padding: 2px;
}
.calendar .today
{
	background: #E6F9D2;
	border: 1px solid #0C5B98;
	font-weight: bold;
	color: #0C5B98;
}

.plavo
{
	background: #0c5b98;
	font-weight: bold;
	color: #FFFFFF;
}
.sivo
{
	color: Blue;
}
.today
{
	background: #E6F9D2;
	border: 1px solid #0C5B98;
	font-weight: bold;
	color: #0C5B98;
}
/* za kazi na prijatel stil*/
.miniShoppingCartBody
{
	left: 990px;
	position: absolute;
	top: 305px;
	overflow: hidden;
	vertical-align: top;
}

.miniShoppingCartBodyIn
{
	background-color: #dddddd; /*  font-family:Tahoma, serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 150px;
	height: 350px;
	position: relative;
	top: -10px;
}
.closeButtonMiniSC
{
	position: relative;
	top: 4px;
	left: 240px;
}
.miniShoppingCartBody1
{
	left: 905px;
	position: absolute;
	top: 282px;
	overflow: hidden;
	vertical-align: top;
}
.miniShoppingCartBodyIn1
{
	background-color: #dddddd; /*font-family:Tahoma, serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 150px;
	height: 450px;
}

.closeButtonMiniSC1
{
	position: relative;
	top: 4px;
	left: 240px;
}
.topLink
{
	font-size: 11px;
}

/*kraj za kazi na prijatel stil*/

/* tabela
---------------------------------------------------------- */
.admin table.tc caption
{
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border: 1px solid #000000;
	background: #fff;
	font-weight: bold;
}

.admin table.tc td
{
	margin: 0;
	padding: 8px 10px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}
.admin table.tc th
{
	margin: 0;
	padding: 8px 10px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}
.admin table.tc .name
{
	text-align: left;
}
.admin table.tc tr
{
	background: #e6e6e6;
}
.admin table.tc tr.alt
{
	background: #fafafa;
}
.admin table.tc td a
{
	display: block;
	font-weight: bold;
	margin: 0 0 4px 0;
}
/* box
-----------------------------------------------------------------------------*/
#box1
{
	float: left;
	width: 100%;
	background: url(../img/novosti.gif) no-repeat right top;
}
#box2
{
	float: right;
	width: 330px;
	padding: 12px 0 0 0;
	margin: 14px 0 14px 0;
}
/*#softverski_div
{
	float:left;
	width: 330px;
	background: url(../../img/novosti.gif) no-repeat right top;
	
}
#integraciski_div
{
	float:right;
	width: 330px;
	background: url(../../img/novosti.gif) no-repeat right top;
	
}*/


#boxa img
{
	float: right;
}
#boxa ul li
{
	list-style: none;
	padding: 0 0 0 5px;
	background: url(../../img/bullet03.gif) no-repeat left top;
}

.mainContent ul
{
	padding: 0 0 0 22px;
	list-style: disc;
	font-weight: bold;
}
.mainContent ol
{
	padding: 0 0 0 22px;
	list-style: circle;
	font-weight: lighter;
}

.admin table.tc .name2
{
	color: #7a9807;
	background-color: #FFFFFF;
}
.vesti
{
	float: left;
}
.vesti ul li
{
	list-style: none;
	font-weight: normal;
}
.vesti ul
{
	padding: 0 0 0 0px;
}

/* contactForm
-----------------------------------------------------------------------------*/
.contactForm
{
	padding: 0 15px; /*color:Red;*/
}


.contactForm .send
{
	background-color: #a1a1a1;
	text-align: right;
	margin: 5px 0px;
	width: 264px;
}
.contactForm .zvezvda
{
	color: Red;
}

.contactForm .send2
{
	background-color: #a1a1a1;
	text-align: right;
	margin: 5px 0px;
	width: 175px;
}

.contactForm .input
{
	padding: 4px;
	width: 160px;
	background-color: #fcfcfc;
	border: #cecece solid 1px;
}
.contactForm .inputTextarea
{
	background-color: #fcfcfc;
	border: #cecece solid 1px;
	height: 80px;
	width: 260px;
}


.contactForm .inputTextarea2
{
	background-color: #fcfcfc;
	border: #cecece solid 1px;
	height: 96px;
	width: 170px;
}

.contactText
{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	background-color: #e5e5e5;
	height: 14px;
	width: 170px;
	display: block;
	margin: 5px 0 5px 0;
}

/*.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
   background:#dddddd;
}*/

#box3
{
	float: left;
	width: 220px;
	padding: 30px 0 0 0;
}
#box4
{
	float: left;
	width: 220px;
	padding: 30px 0 0 0;
	background: url(../../img/novosti.gif) no-repeat right top;
}
#box5
{
	float: left;
	width: 180px;
	padding: 30px;
	background: url(../../img/novosti.gif) no-repeat right top;
}
/* bann
-----------------------------------------------------------------------------*/
.bann {
	float:left;
	height: 200px;
	margin-bottom:25px;
}
.bann h3
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 7px;
	background: none;
	height:15px;
}

.leftbann
{
	float: left;
	width: 330px;
	height: 180px;
	background: url(../../img/bannNov.jpg) no-repeat top;
	margin:0 20px 0 0;
}

.leftbann p a
{
	text-decoration: none;
}

.rightbann
{
	float: right;
	width: 330px;
	height: 180px;
	background: url(../../img/bannNov.jpg) no-repeat top;
}
.innerbann
{
	font-size: 11px;
	color: #333333;
	width: 330px;
	height: 144px;
}

.logoa
{
	clear: right;
	float: right;
	width: 480px;
	background: url(../../img/spacer2.gif) repeat-x right top;
	padding: 20px 0 0 0;
	text-align: center;
}

.logoa_vnatresna
{
	clear: right;
	margin: 0 auto;
	width: 510px;
	background: url(../../img/spacer2.gif) repeat-x right top;
	padding: 20px 0 0 0;
	text-align: center;
}

.logoa_vnatresna1
{
	clear: both;
	float: left;
	margin: 0 auto;
	width: 490px;
	background: url(../../img/spacer2.gif) repeat-x right top;
	padding: 20px 0 0 0;
	text-align: center;
}
/* paging
-----------------------------------------------------------------------------*/
.paging
{
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
.paging a, .paging a:visited
{
	padding: 0 5px;
}
.paging a:hover.next
{
	text-decoration: underline;
	background: none;
}
#box_kontakt
{
	float: left;
	width: 330px;
	background: url(../../img/novosti.gif) no-repeat right top;
	padding: 12px 0 0 0;
}

/* rekoa
-----------------------------------------------------------------------------*/
.rekoa
{
	background: url(../../img/rekoatop.gif) no-repeat top center;
	padding: 14px 12px 0 12px;
	font-weight: bold;
}
.rekoa p
{
	padding: 0;
}
.rekoabott
{
	background: url(../../img/rekoabott.gif) no-repeat top center;
	padding: 45px 0 0 8px;
	margin: 0 0 16px 0;
}
.rekoabott p
{
	padding: 0 0 5px 0;
}

/* caseStudies
-----------------------------------------------------------------------------*/

.faq
{
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	padding: : 0 0 10px 0px; /*background: url(../../img/h3.gif) no-repeat;*/
}
.pfooter
{
	font-size: 10px !important;
}
.naslov
{
	float: left;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;/*  <br class="spacer" /> */
}

/*.iframe
{
	height: 289px;
	border: none;
	width: 156px;
	font: 11px Verdana, sans-serif;
	background-color: #FFFFFF;
}
.iframe a
{
	font: 11px;
	background-color: #FFFFFF;
}*/