/* 
	project:  abstract studio template
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { font: .78em "Arial"; line-height: 1.64em; background: #fff url(../images/back.jpg) repeat-x; color: #153791; }
a { color: #0D3F8A;	background: inherit; text-decoration: underline; }
a:hover { color: #a8a8a8; background: inherit; }
.blue { color: #0079F2; }
.white { color: #fff; }
p { margin: 0 0 15px 0;padding:5px;color: #153791;}
h1 { font: normal 1.3em "Arial"; margin: 15px 0 0 5px; }
h1 a:hover { color: #0D3F8A; background: inherit; }
h2 { padding: 5px 0 5px 5px;color:#fff;text-align:left;font-size:14px;background: #fff url(../images/button2.jpg) repeat ; }
h4 {  background: inherit; font-weight: normal; font-size: 1.5em; }
#content { width: 900px; margin: 0 auto; background: #fff;}


#logo { float: left; width: 900px;height:326px; }
#menu { float: left; width:900px;padding: 2px 0; margin:  0 0 0px; border-bottom: 1px solid #0D3F8A;background: #0D3F8A url(../images/button2.jpg) repeat ; }
#menu li { font-size: 12px; display: inline; }
#menu li a { padding: 5px 50px 0 48px; margin: 0 0px 0 0px; background: inherit ; color:#fff ; border-right:1px solid #6AA6E1;text-decoration:none; }
#menu li a:hover { color:#B5D2F0; background: inherit; }
#intro {  background: #fff url(../images/tirisano.jpg) no-repeat; color: #a8a8a8; padding: 0px 0 0 20px;height:61px; }
	#intro h1 { margin: 0; background: #666666 url(../images/h1bg.html) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#intro p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	#login { font-size: 1.1em; margin: 145px 0 0; }
	#login a { color: #fff; background: #0096FA; padding: 4px 20px 10px; border-bottom: 1px solid #66666; }
	#login a:hover { color: #fff; background: #00A7FE url(images/loginhover.html) no-repeat; }
#left1 {  float: left; width: 265px;height:230px; padding: 5px; margin: 10px 15px 5px 10px;border:1px solid #e2e2e2; }
#left2 {  float: left; width: 640px; padding: 0px 0px 0 0px; background:#fff  ;}
#left2 img {
	padding: 5px;
	float:left;margin-right:10px;
		background-color: #FFFFFF;
}
#left { clear: both; float: left; width: 880px; padding: 10px; background:#fff  ;margin-top:5px;margin-left:0px;}
#left1 img { padding: 5px; float: left; margin: 0 5px 0px 0px;}
#left2 .imgr { padding: 5px; float: right; margin: 0 70px 0px 0px;}
	
	#articles { margin: 40px 0 0 0; }
	#articles li  { border-top: 1px solid #cecece; list-style: none; float: left; width: 245px; background: #eee url(../images/newslist.html) repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
		#articles li a { background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }
		#articles li.last { margin: 0; }
#content1 { width: 900px; margin: 0 auto; background:#fff ;}

#right {  float:right;margin: 10px 0px 10px 5px;  width: 220px; font-size: 1.0em; background:#fff ;border:1px solid #ccc; }
	#right p{padding: 5px}
	#right img {  padding: 1px; margin: 0 0 0px; }
	#left a { background: #EFFCFF; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 0px; margin: 0 0 0px 0; }
	#right h2 { font-family:"Trebuchet";padding: 6px 0 6px 6px;color:#1C378A;text-align:center;font-size:14px;background: #fff url(../images/button1.jpg) repeat ; }
	#right .info {   font-size:12px;color:#fff; text-align:justify;}
#footer { clear: both; padding: 10px; margin: 0 0 5px; font-size: .9em;  background:#132762;color:#fff }
	#footer a { color: #fff;  text-decoration:underline; }
	#footer p { color: #fff;  }
	.right{ float: right; padding: 7px 0 0 15px; }
	
  input,  {
	font: normal 14px "Calibri" ;color:#fff;background:#1C378A;border:1px solid #ccc;