/*************************************************

 *                                               *

 *        q21 CSS v1.0 - Partner Studio          *

 *        (c)20006, All rights reserved          *

 *        (nme) jure@partner-studio.com          *

 *                                               *		

 *************************************************/





* {

	padding: 0;

	margin: 0;

	text-decoration: none;

	border: none;

}

body {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #646464;

	background-color: #E6E6E6;

	padding: 10px 0px;

}





/* main divs */



#cont {

	position: absolute;

	width: 986px;

	left: 50%;

	margin: auto auto 0px -493px;

}

#header {

	height: 67px;

	width: 986px;

	background: url(img/bg_head.jpg);

	border-bottom: 2px solid #A3A3A3; 

	margin-bottom: 10px;

}

#st_l {

	width: 148px;

	float: left;

}

#st_r {

	width: 148px;

	float: right;

	margin-right: 2px !important;

	margin: 0;

}

#st_cc, #st_c {

	width: 670px;

	margin-left: 158px !important;

	margin-left: 155px;

}





/* form elements */



.s input, .s select {

	width: 124px;

	height: 14px;

	border: 1px solid #AAA;

	padding: 2px 0px 0px 3px;

	margin-bottom: 4px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	color: #AAA;

	background-color: white;

}

.s select {

	height: 16px;

	width: 129px;

	padding: 0px;

}

.s .sign1 {

	height: 17px; 

	width: 50px; 

	margin-bottom: 0px; 

	padding: 0px; 

	float: left;

}

.s .sign2 {

	background-color: #E6E6E6; 

	border: none; 

	width: auto; 

	margin: 2px 1px 0 3px !important; 

	margin-right: 0; 

	float: right

}

.s label {

	float: right;

	margin-top: 2px;

}

textarea {

	border: 1px solid #aaa;

	width: 454px !important;

	width: 451px;

	height: 8em;

	background-color: #e2e2e2;

	font: 0.9em Tahoma, Arial, Helvetica, sans-serif;

	margin: 0.4em 0 0.7em 0;

	padding: 8px;

	color: #626262;

}

.full, .full1 {

	width: 600px !important; 

	font-size: 1em;

}

.full1  {

	margin: 0.3em 0 0.7em !important; 

	color: #626262 !important; 

	background-color:	#e2e2e2 !important; 

	padding: 2px 8px !important; 

	height: auto;

	font-size: 1em !important;

}

.korisnik input {

	height: auto;

	font-size: 1em !important;

	color: #626262 !important;

	padding: 1px 2px !important;

}

.korisnik li label, .kor {

	display: -moz-inline-box;

	display: inline-block;

	width: 120px;

}

.korisnik ul {

	list-style-type: none;

}

.korisnik li {

	margin-bottom: 0.3em;

}

.radio {

	border: none;

	width: 300%;

}


#qdarhiva {

	font-size: 1.1em;

	color: #828282;

	width: 148px;



	border: solid #AAA;

	border-width: 0px 1px 1px 1px;

}
#qdarhiva a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-top: 1px dotted #A9A9A9;
	padding-left: 10px;
	
}




/* main menu */

/*

ul.menu { 

	list-style-type: none;



}
*//*
.menu li {

	line-height: 24px;

}
*/
.menu{
	background-color: #AAA;
	padding-bottom: 1px;
	width: 150px !important;		
	width: 138px;
}
.menu a {

	font-weight: bold;

	color: #828282;

	background-color: white;

	width: 138px;
	display: block;

	padding-top: 5px;
	padding-bottom: 5px;



	border: 1px solid #AAA;
	border-bottom: 0px;


	padding-left: 10px;

}

.menu a:active, .menu  a:hover {

	color: #fff;

	background-color: #FBB670;

	text-decoration: none;

}





/* left row elements */



#st_l h1, #c_r h1, #st_r h1 {

	display: block;

	height: 24px;

	width: 138px;

	background-color: #8BB2C2;

	color: white;

	font-weight: bold;

	font-size: 1em;

	border: 1px solid #AAA;

	line-height: 24px;

	padding-left: 10px;

	margin-top: 8px;

}

.menuel,.menuel1 {

	font-size: 0.9em;

	color: #828282;

	width: 130px;

	padding: 9px;

	border: solid #AAA;

	border-width: 0px 1px 1px 1px;

}

.menuel1 {

	border-bottom-style: dotted;

}

.menuel a, menuel1 a {

	color: #828282;

}

.menuel a:HOVER, menuel1 a:HOVER {

	color: #646464;

	text-decoration: underline;

}

.menuel img, menuel1 img {

	border: 1px solid #AAA;

	margin-bottom: 8px;

}





/********** CENTER ROW ELEMENTS **********/



/* center left elements */

#c_l {

	position: absolute;

	width: 519px;

	float: left;

}

#c_l h1, #c_l h2, #c_l h4, #st_cc h1, #st_cc h3 {

	display: block;

	width: 509px;

	border: 1px solid #AAA;

	/* height: 24px; */

	line-height: 24px !important; 

	font-size: 1em;

	color: #fff;

	padding-left: 10px;

	background: #FBB670;

	font-weight: normal;

}
#c_l h1.qlife_h1{
	border-top: 0px;
	background-color: #8BB2C2;
}
#c_l h2 {

	background: none;

	border-top: 0px;

	color: #626262;

}

#c_l h3, #st_cc h2 {

	font-size: 1.1em;

	margin-bottom: 0.2em;

}

#c_l h4 {

	font-weight: bold;

	background-color: #8BB2C2;

	border-top-width: 0px;

}

#st_cc h3 {

	width: 658px;

	color: #626262;

	background-color: #e2e2e2;

	border-top: none;

}

.centrel, .centrel1, .books, #sadrzaj, #predgovor, #komentari, .shop, .shop1,.qlife {

	width: 469px;

	border: solid #aaa;

	border-width: 0px 1px 1px 1px;

	background-color: #fff;

	padding: 25px;

}
.qlife{
	border-width: 0px 1px 1px 1px !important;
	clear: both;
	overflow: auto;
}
.qlife p{
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
	margin-bottom: 10px !important;
}
#imgel {

	float:left;

	margin-right: 25px;

	display: block;

	width: 65px;

}

.centrel img, .books img,.qlife img {

	float:left;

	margin-right: 25px;

	border: 1px solid #aaa;

}
.qlife div{
	float: left;
	width: 310px;
}
.qlife .title{
	display: block;
	margin-bottom: 20px;
}
.qlife img {
	width: 128px;
}
.centrel p, .bio, books p {

	margin-left: 92px;

	display: block;

	line-height: 1.4em;

	margin-bottom: 0.7em;

	text-align: justify;

}

.bio {

	border: solid #AAA;

	border-width: 1px 0;

	padding: 0.7em 0;

	font-size: 0.9em;

	color: #828282;

	margin-top: 0.7em;

}

.books,.qlife {

	border-width: 1px 1px 0;

	line-height: 1.3em;

}
.qlife {
	border-top: 0px;
}
.books p ,.qlife p{

	margin: 107px;

}

.books img,.qlife img {

	margin-bottom: 25px;

}

.books ul {

	list-style-type: none;

	margin: 1.4em 0 1.4em 107px !important;

	margin-bottom: 0;

}

.books #lister {

	margin: -2em 0;

}

.books h3 a, h3 a, .centrel h2 a ,.qlife h3 a{

	color: #646464;

}

.books h3 a:hover, h3 a:hover, .centrel h2 a:hover,.qlife h3 a:hover {

	color: #828282;

	text-decoration: underline;

}

#ostalo {

	font-size: 0.9em;

	color: #828282;

	margin: 1em 0 0 107px;

	padding-top: 1em;

	border-top: 1px solid #aaa;

}

#ostalo ul {

	margin: 0 !important;

}

#ostalo li a {

	color: #828282;

}

#ostalo li a:hover {

	color: #646464;

	background: #e6e6e6;

}

#lister {

	float: right;

	margin: 1em 0 0;

	clear: left;

}

#lister ul {

	list-style-type: none;

}

#lister li {

	display: inline;

	float: left;

}

#lister img {

	border: none;

	margin: 0;

}

#c_menu {

	margin: 7em 0 0 92px;

	color: #828282;

}
#c_menu.qlife_menu{
	clear: both;
/*	overflow: auto;
	height: 100%;*/
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 0px !important;
}

#c_menu ul {

	margin-top: 0.7em;

}

#c_menu li {

	display: inline;

}

#c_menu a {

	color: #828282;

	text-decoration: none;

}

#c_menu a:HOVER {

	color: #646464;

	text-decoration: underline;

}

#copyright {

	font-size: 0.9em;

	color: #828282;

	margin: 1em 0 0 92px;

	padding-top: 1em;

	border-top: 1px solid #aaa;

}

#copyright p {

	margin: 0 !important;

	padding: 0 !important;

	border: 1px solid #fff;

	width: 374px;

}

.plus {

	float: left;

	margin: 7px 0.5em 0 0 !important;

	margin-top: 8px;

}

#sadrzaj p, #predgovor p, #komentari p {

	margin: 0.7em 0;

	line-height: 1.3em;

	text-align: justify;

}





/* center right elements */



#c_r {

	width: 148px;

	float: right;

	margin-right:2px !important;

	margin: 0;

}

#c_r h1 {

	background-color: #FBB670;

	margin-top: 0;

	border-top: none;

}

#c_r .menuel, #c_r .menuel1 {

	font-size: 1em;

	color: #646464;

}

#c_r p {

	margin: 0.35em 0;

	

}

#c_r h3 {

	font-size: 1em;

}

#c_r a {

	font-size: 0.9em;

	color: #828282;

}

#c_r a:hover {

	color: #646464;

	text-decoration: underline;

}

.small {

	width: 100%;

	font-size: 0.9em;

	color: #828282;

}

.small a {

	color: #828282;

}

.small a:hover {

	color: #626262;

	background-color: #e2e2e2;

}





/* bottom elements */



#copy {

	font-size: 0.9em;

	color: #828282;

	margin: 0.5em 0;

}

#copy a {

	color: #828282;

}

#copy a:HOVER {

	color: #646464;

	text-decoration:underline;

}





/* sponsors row elements */



#st_r h1 {

	margin: 0px;

}

.par_s {

	border: solid #aaa;

	border-width: 0px 1px 1px;

	clear: both;

}

.par_big {

	border: 1px solid #aaa;

	margin: 8px 0;

}





/* FULL SIZE CENTER ELEMENTS */



#st_cc h1 {

	width: 658px;

	font-weight: bold;

}

#st_cc .centrel1, .shop1 {

	width: 618px;

	background-color: #E6E6E6;  

}

#st_cc .centrel, .shop {

	width: 618px;

}

#st_cc p {

	text-align: justify;

	margin: 0 0 0.7em 0;

}

.centrel1 input, .centrel input {

	width: 124px;

	border: 1px solid #AAA;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	color: #AAA;

	background-color: white;

	margin-top: 0;

	padding: 0px; 

}

#st_cc ol {

	margin: 1em 0;

	width: 100%;

	padding: 0 0 1em;

	border-bottom: 1px solid #aaa;

	font-weight: bold;

	list-style-position: inside;

	list-style-type: decimal;

}

#st_cc li a {

	height: 1em;

	font-weight: normal;

	color: #828282;

}

#st_cc li a:hover {

	background-color: #e6e6e6;

	font-weight: normal;

	color: #646464;

}

#st_cc #lister {

	margin: 0;

	clear: none;

}

.shop, .shop1 {

	height:40px;

}

.shop ul, .shop1 ul ,.checkout ul{

	float: left; 

	width: 618px;

	list-style-type: none;

}

.checkout ul{
	width: auto;
	clear: both;
	float: none;
}

.shop li {

	float: left;

}

.shop1 li {

	float: right;

}

.shop li input,.checkout li input {

	border: 1px solid #AAA;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #626262;

	background-color: white;

	padding: 0 2px; 

	width: 20px;

	margin: 0; 

	height: auto;

	font-weight: normal;

}
.pretplate {
	overflow: auto;
	height: 100%;
	padding-bottom: 20px;
}
.pretplate li{
	display: block;
	overflow: auto;
	height: 100%;
}
.pretplate li input{
	vertical-align: middle;
	margin-right: 3px;
}
.pretplate label{
	float: right;
	width: 50px;
	text-align: right;
}
.errors{
	padding: 0px;
	margin-bottom: 20px;
}
.errors p{
	padding: 0px;
	margin: 0px;
}
.checkout_form{
	display: block;

}
.checkout_form li{
	display: block;
	margin-bottom: 2px !important;
	overflow: auto;
	height: 100%;
}

.checkout_form label{
	width: 120px;
	float: left;
	
}
.checkout_form input{
	float: left;
}
.placanje{

	margin-right: 3px;

	border: none !important;

	width: auto !important;

}

a{

	color: #646464;

}

.qlife_button{
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px;
	background-color: #FBB670;
	border: 1px solid #ABACAC;
	padding-left: 7px;
	padding-right: 7px;
	color: #fff !important;
	margin-bottom: 20px;
	clear: both;
	text-decoration: none;
}

.qlife_free_download{
	height: 188px;
}