@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;

}
table {
    border-spacing: 0;    
}

ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}



/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
        background: #ffffff url(../img/home/pozadina.jpg) no-repeat center;
        background-size:  cover;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}



.section{
	text-align:center;
}


.main_menu_div{
position: fixed;
left: 0px;
float: middle;
height: 60px;
/* left: 0px; */
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
top: 10px;
width: 100%; 
text-align: center;
background-color: rgba(0,0,0,0);
    

 border:0px solid #000000;
 z-index:70;       
}



/*
#menu{
position:relative;
float: middle;
margin-left: 0;
margin-right:0;
width: 900px;
border:5px solid rgb(255,0,0);
}
*/
#menu_out{
width:800px;
position: relative;
margin-left:auto;
margin-right: auto;
background-color: rgba(30,30,30,1);
border:0px solid #000000;
z-index: 70;

}
#menu_out li {
	display:inline-block;
color: #000000;
}
#menu_out img{
width: 59px;
height: 70px;
margin-top: 8px;
border:1px solid rgba(255,255,255,1);
margin-right: 8px;
margin-left: 4px;
}

#menu{

	top: 4px;
	left: 0px;
	height: 40px;
	z-index: 70;
	width: 600px;
	padding: 0;
	margin-top: 0px;
background-color: rgba(30,30,30,1);
margin-left:auto;
margin-right: auto;
}


#menu li {


 
	display:inline-block;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000;
	background:#fff;
	background: rgba(30,30,30, 1);
	-webkit-border-radius: 0px; 
            border-radius: 0px; 
        text-transform:uppercase;
        font-family: enriqueta,serif;
/*        font-family:'Source Sans Pro',sans-serif; */
        font-size:12px;
        font-weight:bold;
vertical-align: bottom;
      
}
#menu li.active{
	background: rgba(30,30,30, 1);

}


#menu li a{
	text-decoration:none;
	color:rgb(160, 0, 0)
}
#menu li.active a:hover{
	color: rgb(250, 235, 187)

}



#menu li:hover a{
        color: rgb(250, 235, 187);
	background: rgba(100,0,0,1);
}


#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
       
}
#menu li.active a{
	color: rgba(242, 199, 58,1);
}





#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;	
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}


/* */



.chapters_content {
	    border: 0px;
        position: relative;
        float:center;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 2px;
        background: rgba(190,170,140,0.5);
        width: 780px;
height: auto;
      /*  height:520px;*/
        min-width: 360px; 
        max-width: 1200px; 
        text-align:left;
 /*       border:0px; solid:#000000; */
}

#opis_poglavlja{
	border: 0px;
	padding-bottom: 0px;
}

#chapters_page_title{
		border: 0px;
position: relative;
float:center;
font-size: 34px;
/*color: #AACC99;*/
color: #111111;
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
border-bottom: 0px solid  rgb(250, 235, 187);
padding-bottom: 0px;
padding-top: 0px;
}



#chapters_page_opis_knige{
		border: 0px;
font-size: 16px;
/*color: rgb(250, 235, 187);*/
color: #AACC99;
font-weight: normal;
font-family: enriqueta,serif;
text-align: justify;
padding: 20px;
padding-top: 0px;
line-height:1.2;

}
#chapters_page_opis_knige_zvezdice{
		border: 0px;
font-size: 12px;
color: rgb(250, 235, 187);
font-weight: normal;
font-family: enriqueta,serif;
text-align: justify;
padding: 0px;
padding-left: 20px;
padding-right: 20px;
}

#chapters_img{
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px rgb(256,256,256);
width: 250px;
height: 348px;

}
#chapters_img img{
border: 1px solid rgba(250, 235, 187, 1.0);
width: 250px;
height: 348px;
margin-left:10px;
}

#chapters_page_text{
border: 0px;
vertical-align: top;
font-size: 14px;
/*color: rgb(250, 235, 187);*/
color: rgb(2, 2, 1);
font-weight: normal;
font-family: enriqueta,serif;
font-size: 16px;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
line-height:1.2;
}

#chapters_page_text_zvezdice{
border: 0px;
vertical-align: top;
font-size: 14px;
/*color: rgb(250, 235, 187);*/
color: rgb(2, 2, 1);
font-weight: normal;
font-family: enriqueta,serif;
font-size: 16px;
text-align: justify;
padding-left: 0px;
padding-right: 20px;
line-height:1.2;
}

#chapters_page_text_poetry{
font-style:italic;
font-size: 16px;
color: rgb(250, 235, 187);
color: rgb(2, 2, 1);
}
#chapters_page_text_poetry_autor{
font-style:italic;
margin-left: 220px;
color: rgb(250, 235, 187);
color: rgb(2, 2, 1);
}

#chapters_page_text_title{
font-size: 24px;
color: rgb(250, 235, 187);
color: rgb(2, 2, 1);
white-space:nowrap;
}

#chapter_table_bottom_line{
		border: 0px;
border-top: 1px solid  rgb(250, 235, 187);
padding-bottom: 1px;
height: 1px;
}

/* gallery section */
.gallery_content {
        position: relative;
        float:center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 120px;
        top: 120px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;

        background: rgba(0,0,0,0.7);
        width: 780px;
        height:auto;
        min-width: 360px; 
        max-width: 1200px; 
        text-align:left;
        border:0px; solid:#000000;
}
.gallery_content_slides {
        position: relative;
        float:center;
        left:0px;
        padding-left:40px;
        padding-right:40px;
        height:auto;
        width: 720px;
	border: 0px solid rgba(250, 250, 250, 1);
}

.gallery_page_title{
position: relative;
float:center;
font-size: 34px;
color: #AA0000;
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
margin-bottom: 20px;
}


#main_menu_div{
loat:right;
position:relative;
left:-50%;
text-align:left;
top:0px;
width:100px;
border:1px solid rgb(255,255,255)
}

.biography_content {
        position: relative;
        float:center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 120px;
        top: 120px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        background: rgba(0,0,0,0.7);
        width: 780px;
        height:530px;
        min-width: 360px; 
        max-width: 1200px; 
        text-align:left;
        border:0px; solid:#000000;
}



.biography_page_title{
position: relative;
float:center;
font-size: 34px;
color: #AA0000;
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
margin-bottom: 20px;
padding-bottom: 10px;
width: 100%;
border-bottom: 1px solid rgb(250, 235, 187);
}

.biography_content_text{
position: relative;
float: center;
margin-left: 0px;
margin-right: 0px;
height: 410px;;
width: auto;
vertical-align: top;
font-size: 16px;
color: rgb(250, 235, 187);
font-weight: normal;
font-family: enriqueta,serif;
text-align: justify;
padding: 20px;
border-bottom: 1px solid  rgb(250, 235, 187);
}

.biography_content_text img{
    border: 1px solid rgb(255,255,255);
    width: 286px;
    height: 400px;
    margin-right: 30px;
    position: relative;
    float:left;
}


/* home section*/

.home_content {
        position: relative;
        float:center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 120px;
        top: 120px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        background: rgba(0,0,0,0.7);
        width: 780px;
        height:584px;
        min-width: 360px; 
        max-width: 1200px; 
        text-align:left;
        border:0px solid #000000;
}



.home_page_title{
position: relative;
float:center;
font-size: 34px;
color: rgba(242, 199, 58,1);
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
width: 100%;
border-bottom: 0px solid rgb(250, 235, 187);
top: 2px;
font-stretch:extra-expanded;
}
.home_page_subtitle{
position: relative;
float:center;

color: rgba(242, 199, 58,1);
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
/*text-transform: uppercase;*/
margin-bottom: 20px;
width: 100%;
border-bottom: 0px solid rgb(250, 235, 187);
top: 98px;
font-stretch:extra-expanded;
}
.home_page_subsubtitle1{
font-size: 18px;
}

.home_page_subsubtitle2{

font-size: 14px;

}
.menu_jelena_jovin{
font-family: enriqueta,serif;
font-size: 14px;
color: rgba(150, 0, 0,1);
font-weight:bold;
}

.menu_exquisite_cakes{
font-family: enriqueta,serif;
font-size: 12px;
color: rgba(150, 0, 0,1);
font-weight:bold;
}


.home_content_text{
top: 86px;
position: relative;
float: center;
margin-left: 0px;
margin-right: 0px;
height: 410px;;
width: auto;
vertical-align: top;
font-size: 14px;
color: rgb(250, 235, 187);
font-weight: normal;
font-family: enriqueta,serif;
text-align: justify;
padding: 20px;
border-bottom: 1px solid  rgb(250, 235, 187);
}

.home_content_text img{
    border: 1px solid rgb(255,255,255);
    width: 286px;
    height: 400px;
    margin-right: 30px;
    position: relative;
    float:left;
}


.home_ribbon_main_container{
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0,0,0,0); /*transparent*/
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(220, 220,220);
border-top-style: none;
/*border-top-width: 0px;*/
border: 0px solid rgb(200,200,200);
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
color:#BBBBBB;
/*left: 401px;*/
left: -12.0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-height: 90px;
outline-color: rgb(0, 0, 0);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
top: 26px;
vertical-align: baseline;
visibility: visible;
/* width: 591px; */
width: 824.0px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;   
}
.home_ribbon_main_ribbon{
background-attachment: scroll;
background-clip: border-box;
/*background-color: transparent;*/
background-color: rgba(130,0,0,1);
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-style: none;
border-top-width: 0px;
bottom: 12px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
left: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(0, 0, 0);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 0px;
top: 0px;
vertical-align: baseline;
visibility: visible;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
      
}

.home_ribbon_main_ribbon_fold_right{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 11.25px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 0px;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 12px;
border-top-color: rgb(252, 171, 171);
border-top-style: solid;
border-top-width: 11.25px;
bottom: -10.25px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(0, 0, 0);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 0px;
/*top: 0px;*/
vertical-align: baseline;
visibility: visible;
width: 0px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}

.home_ribbon_main_ribbon_fold_left{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 11.25px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 0px;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 12.0px;
border-top-color: rgb(252, 171, 171);
border-top-style: solid;
border-top-width: 11.25px;
bottom: -10.0px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(0, 0, 0);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
left: 0px;
/*top: 0px;*/
vertical-align: baseline;
visibility: visible;
width: 0px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}

.home_ribbon_main_ribbon_lifted_area{
background-attachment: scroll;
background-clip: border-box;
/*background-color: rgb(113, 125, 151);*/
background-color: rgb(30, 30, 30);
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(252, 171, 171);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-image-outset: 0 0 0 0;
border-image-repea: tstretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(252, 171, 171);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(252, 171, 171);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(252, 171, 171);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
bottom: 12px;
box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
cursor:pointer;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
left: 76px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(0, 0, 0);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 76px;
text-align: center;
text-decoration: none;
top: 10px;
transition-delay: 0s, 0s;
transition-duration: 0.4s, 0.4;
stransition-property: border-color, background-color;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1), cubic-bezier(0.25, 0.1, 0.25, 1);
vertical-align: baseline;
visibility: visible;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-text-blink: none;
-moz-text-decoration-color: rgb(0, 0, 0);
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
}


.tcycle { 
position: relative;
    float:left;
height: 402px;
width: 289px; 
max-width: 600px; 

margin-right: 30px;
}
.tcycle img { 
width: 287px; 
height: 400px;
}

/* blog section */

.blog1_content {
        position: relative;
        float:center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 120px;
        top: 120px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        background: rgba(0,0,0,0.7);
        width: 780px;
    /*    height:530px;*/
        height: auto;
        min-width: 360px; 
        max-width: 1200px; 
        text-align:left;
        border:0px; solid:#000000;
}



.blog1_page_title{
position: relative;
float:center;
font-size: 34px;
color: #AA0000;
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
margin-bottom: 0px;
padding-bottom: 10px;
width: 100%;
border-bottom: 1px solid rgb(250, 235, 187);
}
.blog1_page_subtitle{
position: relative;
float:center;
font-size: 24px;
color: #AA0000;
font-weight:bold;
font-family: enriqueta,serif;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-bottom: 10px;
width: 100%;
border-bottom: 0px solid rgb(250, 235, 187);
}

.blog1_content_text{
position: relative;
float: center;
margin-left: 0px;
margin-right: 0px;
min-height: 510px;
height: auto;
width: auto;
vertical-align: top;
font-size: 14px;
color: rgb(250, 235, 187);
font-weight: normal;
font-family: enriqueta,serif;
text-align: justify;
padding: 20px;
border-bottom: 1px solid  rgb(250, 235, 187);
}

.blog1_content_text img{
    border: 1px solid rgb(255,255,255);
    width: 286px;
    height: 400px;
    margin-right: 30px;
    position: relative;
    float:left;
}
