@charset "utf-8";
/* CSS Document */

body {	
	behavior:url(csshover3.htc);
	background-color: #762024;
	background-image: url(images/back.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a{
	color: #CC3333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #CC3333;
}

.style4 {	font-size: 24px;
	font-style: italic;
	color: #CC0033;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #CC3333;
}
.style6 {
	font-size: 11px;
	font-weight: bold;
	color: #CC3333;
}

#sadrzaj {
font-size:x-small;
text-align:justify;
}

ul#side {
	list-style-type:circle;
	padding: 2px 3px;
	color: #CC3333;
	width:100%;
}

ul#side li {
	width:100%;
}

ul#side li a{
	color: #CC3333;
	text-decoration:none;
	width:100%;
}

ul#side li a:hover{
	color: #CC3333;
	text-decoration:underline;
}

/*** ---------------------------------------- ***/
/*** -----------CSS MENU--------------------- ***/
/*** ---------------------------------------- ***/


/* the structure of our head-menu */
ul#nav {
list-style: none;
padding: 0;
margin: 0;
}

/* the structure of the first items */
li {
float: left;
position: relative;
width: auto;
}


/* the links inside our first items */
ul#nav li a {
	display: block;
}


/*** ------------------- HR MENI ---------------------------------- ***/

a.cv{
width:132px;
height:53px;
background-image:url("images/izbornik/meni-zivotopis_hr.png");
background-repeat:no-repeat;
}

a:hover.cv {
width:132px;
height:53px;
background-image:url("images/izbornik/meni-zivotopis2_hr.png");
background-repeat:no-repeat;
}

a.slike{
background-image:url("images/izbornik/meni-umj_iscjeljuje_hr.jpg");
background-repeat:no-repeat;
width:240px;
height:53px;
}

a:hover.slike {
background-image:url("images/izbornik/meni-umj_iscjeljuje2_hr.jpg");
background-repeat:no-repeat;
width:240px;
height:53px;
}

a.theta{
background-image:url("images/izbornik/meni-theta_hr.jpg");
background-repeat:no-repeat;
width:188px;
height:53px;
}

a:hover.theta {
background-image:url("images/izbornik/meni-theta2_hr.jpg");
background-repeat:no-repeat;
width:188px;
height:53px;
}

a.kontakt {
background-image:url("images/izbornik/meni-kontakt_hr.jpg");
background-repeat:no-repeat;
width:109px;
height:53px;
}

a:hover.kontakt {
background-image:url("images/izbornik/meni-kontakt2_hr.jpg");
background-repeat:no-repeat;
width:109px;
height:53px;
}

a.shop {
background-image:url("images/izbornik/meni-prodaja_hr.jpg");
background-repeat:no-repeat;
width:71px;
height:53px;
}

a:hover.shop {
background-image:url("images/izbornik/meni-prodaja2_hr.jpg");
background-repeat:no-repeat;
width:71px;
height:53px;
}

a.home {
background-image:url("images/izbornik/meni-home.jpg");
background-repeat:no-repeat;
width:203px;
height:53px;
}

a:hover.home {
background-image:url("images/izbornik/meni-home2.jpg");
background-repeat:no-repeat;
width:203px;
height:53px;
}

/*** ------------------- kraj HR MENI ---------------------------------- ***/



/*** ------------------- EN MENI ---------------------------------- ***/

a.bio {
background-image:url("images/izbornik/meni-zivotopis_en.png");
background-repeat:no-repeat;
width:132px;
height:53px;
}

a:hover.bio {
background-image:url("images/izbornik/meni-zivotopis2_en.png");
background-repeat:no-repeat;
width:132px;
height:53px;
	
} 

a.paintings {
background-image:url("images/izbornik/meni-umj_iscjeljuje_en.jpg");
background-repeat:no-repeat;
width:240px;
height:53px;
}

a:hover.paintings {
background-image:url("images/izbornik/meni-umj_iscjeljuje2_en.jpg");
background-repeat:no-repeat;
width:240px;
height:53px;
}

a.thetaen{
background-image:url("images/izbornik/meni-theta_en.jpg");
background-repeat:no-repeat;
width:188px;
height:53px;
}

a:hover.thetaen {
background-image:url("images/izbornik/meni-theta2_en.jpg");
background-repeat:no-repeat;
width:188px;
height:53px;
}

a.contact {
background-image:url("images/izbornik/meni-kontakt_en.jpg");
background-repeat:no-repeat;
width:109px;
height:53px;
}

a:hover.contact {
background-image:url("images/izbornik/meni-kontakt2_en.jpg");
background-repeat:no-repeat;
width:109px;
height:53px;
}

a.shop_en {
background-image:url("images/izbornik/meni-prodaja_en.jpg");
background-repeat:no-repeat;
width:71px;
height:53px;
}

a:hover.shop_en {
background-image:url("images/izbornik/meni-prodaja2_en.jpg");
background-repeat:no-repeat;
width:71px;
height:53px;
}

/*** ------------------- kraj EN MENI ---------------------------------- ***/


/* the structure of our submenu items */
li ul {
list-style: none;
display: none;
position: absolute;
width:auto;
top: 0;
left: 0;
margin-left:-1px;
background-color:#993333;
font-size: 10px;
border: 1px solid #fbead6;
}

ul li {
	width:auto;
}

ul li a {
	background-image:none;
	list-style: none;
	line-height:20px;
	width: 170px;
	color: #fbead6;
	text-decoration: none;
}

ul#nav li ul li a {
		padding: 2px 3px;
}

ul li a:hover {
	color: #fbead6;
	text-decoration: underline;
}



/* li > ul } extra styles for Internet Explorer (behavior file) */
li>ul {
top: 53px;
left: 0px;
}

/* to make things work in Internet Explorer (call for the behavior file) */
li:hover ul, li.over ul {
display: block;
}


/* the roll-over styles for the links in our first items */
ul#nav li ul {
} 

/* first items > submenu structure */


ul#submeni {
	list-style: none;
	margin: 0;
	padding: 0;
	width:250px;
}

ul#submeni li {
	height:100%;
	float:left;
	width:250px;
	text-align:left;
	display:block;
}
	
ul#submeni li ul li{
	background-color:#993333;
	}

ul#submeni li a{
	display:block;
	padding: 2px 3px;
	margin-left:10px;
	width:100%;
	}

ul#submeni li a:hover {
	color: #fbead6;
}

ul#submeni li ul li a{
	background: inherit;
	width:170px;
}


ul#submeni li ul li a:hover{
	background: inherit;
}

ul#submeni ul {
	position: absolute;
	top: 0;
	display:none;
}

ul#submeni li:hover ul{
	display: block;
	left:251px;
	top:-1px;
}


/*** ---------------------------------------- ***/
/*** -----------kraj CSS MENU---------------- ***/
/*** ---------------------------------------- ***/


/*** ---------------------------------------- ***/
/*** ----------- NOVOSTI -------------------- ***/
/*** ---------------------------------------- ***/

table#novosti {
	font-size:14px;
	font-weight: normal;
	color: #000000;
	text-align:left;
}

table#novosti h1 {
	font-size: 15px;
}

table#novosti h1 a.img{
	font-size: 15px;
	line-height:120%;
	color: #000000;
	text-decoration:none;
}

table#novosti h1 a.img:hover{
	color: #cc3333;
	text-decoration:none;
}


a.img img{
	border: 1px solid #772026;
	float:left;
	margin:0px 10px;
}

.linkovi {
	float:left;
	text-align:left;
	margin: 0px 10px;
}

a.vise {
	float:right;
	text-align:right;
}


/*** ---------------------------------------- ***/
/*** ----------- SADRŽAJ -------------------- ***/
/*** ---------------------------------------- ***/

#sadrzaj p.kvot {
	font-style:italic;
}

#sadrzaj p{
	text-align:left;
}

#sadrzaj p.autor{
    float: right;
    margin-bottom: 40px;
    margin-right: 20px;
    margin-top:-5px;
    text-align: right;
    width: 100%;
}

#sadrzaj h1{
	font-size: 16px;
	font-weight:bold;
}

.slike_sv{
	float:left;
	width:300px;
	height:300px;
	text-align:center;
	margin:5px;
}

.slike_sv img{
	border: 1px solid #772026;
}


#mail p {
	width: 400px;
	color: #ffffff;
}

#sadrzaj5 ul li {
	display:list-item;
	width:100%;
}


.diplome{
	float:left;
	width:150px;
	height:auto;
	text-align:center;
	margin:5px;
}