/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	}
	
html, body {
	background-color: #8d8d8d;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	}

p {
	text-align: left;
	padding-bottom: 20px;
	}
	
h1 {
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 20px;
	}

h2 {
	width: 180px;
	float: right;
	background-color:#FF0000;
	height: 25px;
	line-height: 25px;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
	padding-right: 20px;
	}

#container {
	width: 986px;
	clear: both;
	margin: 0 auto;
	text-align: left;
	background-image:url(img/background.jpg);
	}

#container_shop {
	width: 986px;
	clear: both;
	margin: 0 auto;
	text-align: left;
	background-image:url(img/background_shop.jpg);
	}

	#levo {
		width: 211px;
		float: left;
		}
	
	#desno {
		width: 775px;
		float: left;
		display: block;
		}
			
		#flash {
			width: 775px;
			height: 172px;
			clear: both;
			background-image:url(img/flash_top.jpg);
			}
			
			
			
			
			
                                #lang {
									width: 100%;
									height: 23px;
									display: block;
									clear: both;
									padding-left: 30px;
									}
									
								#lang ul {
									list-style: none;
									}
									
								#lang ul li {
									float: left;
									}
									
								#lang ul li a {
									text-decoration: none;
									display: block;
									float: left;
									color: #000;
									}
									
								#lang ul li a img {
									border: solid 1px #ccc;
									}
									
								#lang ul li.srpski a {
									padding-left: 27px;
									height: 20px;
									display: block;
									line-height: 20px;
									background-image:url(img/srpski.gif);
									background-repeat:no-repeat;
									background-position: 0px 3px;
									padding-right: 10px;
									}
									
								#lang ul li.engleski a {
									padding-left: 27px;
									height: 20px;
									display: block;								
									line-height: 20px;
									background-image:url(img/engleski.gif);
									background-repeat:no-repeat;
									background-position: 0px 3px;
									}									
									
								#lang ul li.ruski a {
									padding-left: 27px;
									height: 20px;
									display: block;									
									line-height: 20px;
									background-image:url(img/ruski.gif);
									background-repeat:no-repeat;
									background-position: 0px 3px;
									}									
									
								#lang ul li a:hover {
									color: #f00;
									text-decoration: underline;
									}			
			
			
			
			
			
			
			
			
			
			
			
			
			
		
		#menu {
			width: 775px;
			height: 36px;
			clear: both;
			background-image:url(img/menu_background.jpg);
			}
			
		
		#menu ul {
			list-style: none;
			}
			
		#menu ul li {
			float: left;
			}
		
		#menu ul li a {
			padding-left: 7px;
			padding-right: 7px;
			float: left;
			display: inline;
			font-size: 13px;
			line-height: 36px;
			font-weight: normal;
			color: #fff;
			height: 36px;
			text-decoration: none;
			text-transform: uppercase;
			}

		#menu ul li a:hover {
			background-color: #000;
			}
			
		#menu ul li.active a {
			background-color: #000;
			color: #fff;
			}

		
		
		/*		
		#menu_shop ul {
			list-style: none;
			padding-left: 30px;
			}
			
		#menu_shop ul li {
			float: left;
			}
		
		#menu_shop ul li a {
			padding-left: 15px;
			padding-right: 15px;
			float: left;
			display: inline;
			font-size: 13px;
			padding-top: 110px;
			line-height: 36px;
			font-weight: normal;
			color: #fff;
			height: 36px;
			text-decoration: none;
			text-transform: uppercase;
			}

		#menu_shop ul li a:hover {
		
			background-image:url(img/menu_background_shop_hover.jpg);
			}
			
		#menu_shop ul li.active a {
			background-color: #000;
			color: #fff;
			background-image:url(img/menu_background_shop_hover.jpg);
			font-weight: bold;
			}	
				*/
				
				
		#header {
			width: 775px;
			height: 95px;
			background-color:#000000;
			background-image: url(img/portakrono-head.jpg);
			}

		#header-e {
			width: 775px;
			height: 95px;
			background-color:#000000;
			background-image: url(img/portakrono-head-e.jpg);
			}
			
		#content {
			width: 745px;
			padding: 10px;
			color: #FFFFFF;
			padding-right: 20px;
			}
			
			
		#content-shop {
			width: 906px;
			padding: 10px;
			color: #FFFFFF;
			padding: 40px;
			padding-right: 40px;
			}	

		#content-shop p {
			padding: 0px;
			margin: 0px;
			}
			
		
			
		#content ul {
			padding-left: 30px;
			}
			
		#content ol {
			padding-left: 30px;
			}
		
		#content a {
			color: #f9ff94;
			font-weight: bold;
			text-decoration: none;
			}
			
		#content a:hover {
			color: #fff;
			text-decoration: underline;
			}
			
			
			
			
			
			
			
			
			

			
		#content-shop ul {
			padding-left: 30px;
			}
			
		#content-shop ol {
			padding-left: 30px;
			}
		
		#content-shop a {
			color: #f00;
			font-weight: bold;
			text-decoration: none;
			}
			
		#content-shop a:hover {
			color: #fff;
			text-decoration: underline;
			}			

#footer {
	width: 986px;
	height: 34px;
	background-image:url(img/footer-background.jpg);
	margin: 0 auto;
	clear: both;
	color: #ccc;
	padding-top: 20px;
	}

#footer a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#footer_shop {
	width: 986px;
	height: 125px;
	background-image:url(img/footer-background_shop.gif);
	margin: 0 auto;
	clear: both;
	color: #ccc;
	padding-top: 15px;
	}

#footer_shop a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
#footer_shop a:hover {
	text-decoration: underline;
	}	

.vesti {
	width: 175px;
	padding-right: 0px;
	padding-left: 20px;
	color: #fff;
	text-align: right;
	margin-top: 20px; 
	}

	
.vest-datum {
	color: #ccc;
	font-size: 10px;
	height: 15px;
	padding-top: 20px;
	}
	
.vest-naslov {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	}
	
.vest-text {
	font-size: 11px;
	color: #fff;
	text-align: right;
	}
	
.vesti a {
	color: #ff0;
	font-weight: bold;
	text-decoration: none;
	line-height: 21px;
	}
	
.vesti a:hover {
	text-decoration: underline;
	}
	
	
/* ------------------- */

	
.vesti_shop	 {
	padding-right: 0px;
	padding-left: 0px;
	color: #fff;
	text-align: left;
	}

.vest-datum_shop {
	color: #ccc;
	font-size: 10px;
	height: 15px;
	padding-top: 0px;
	}
	
.vest-naslov_shop {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	}
	
.vest-text_shop {
	font-size: 11px;
	color: #fff;
	text-align: right;
	}
	
.vesti_shop a {
	color: #ff0;
	font-weight: bold;
	text-decoration: none;
	line-height: 21px;
	}
	
.vesti_shop a:hover {
	text-decoration: underline;
	}
	
	
#donji_meni	ul {
	list-style: none;
	}
	
#donji_meni ul li a {
	width: 130px;
	float: left;
	margin-right:20px;
	text-align: left;
	font-weight: normal;
	height: 21px;
	line-height: 21px;
	
	}
/* ------------------ */	
	
.brojac {
	width: 210px;
	padding-top: 30px;
	text-align: center;

	color: #fff;
	}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}	






.menu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

.menu a:hover { visibility:visible; position:relative; z-index:200; }
.menu li:hover { position:relative; z-index:200; }


.menu ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

.menu ul.sub1 { width:auto; }
.menu ul.sub2 { width:auto; }
.menu ul.sub3 { width:auto; }
.menu ul.sub4 { width:auto; }

.menu ul li a { border: 0px none; }

.menu :hover ul { left:0px; top:36px; background: #000; padding:0px;  white-space:nowrap; height:auto; z-index:300; display:block; }
.menu :hover ul li { clear:both; display:block; float: left; position:relative; font-weight:normal; width: 190px; border: 0px none;}
/* .menu :hover ul li a { text-align: left; display:block; font-size:10px; height:20px; line-height:20px; width:auto; padding:0 0px; color:#000; text-decoration:none; width: 190px; border: 0px none; } */
.menu :hover ul li a { text-align: left; display:block; color:#fff; text-decoration:none; border: 0px none; line-height: 25px; width: 170px; padding-left: 10px !important; padding-right: 10px !important;}
.menu :hover ul li a:hover { background:#f00; color:#fff; }



	
.thumbscontainer ul li {
	width: 150px;
	height: 130px;
	overflow: hidden;
	display: block;
	float: right;
	padding: 0px;
	text-align: center;
	padding: 5px;
	border: solid 1px #444444;
	margin-left: 10px !important;
	margin-right: 10px !important;
	/* position: relative; */ 
	}

.thumbscontainer ul li a {
	width: 150px;
	border: solid 1px blue;
	display: block;

	text-align: center;
	margin: 0 auto;
	}
	
.thumbscontainer ul li a:hover{
	background-color: #000;	
	}
	
.thumbscontainer ul li a img {
	border: none 0px;
	margin: 0 auto;
	padding-top: 10px;
	} 	
	
.thumbscontainer ul li p {
	width: 100%;
	height: 14px;	

	/* border: solid 1px red; */
	display: block;
	/* position: absolute; */
	font-family: tahoma, verdana, arial;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
	/* top: 0px; */
	color: #fff;
	background-color: #000;
	}






	
	
	
	
.childscontainer ul li {
	width: 130px;
	height: 170px;
	overflow: hidden;
	display: block;
	float: right;
	padding: 0px;
	text-align: center;
	padding: 5px;
	border: solid 1px #e1e1e1;
	/* position: relative; */ 
	}

.childscontainer ul li a {
	width: 130px;
	border: solid 1px blue;
	display: block;

	text-align: center;
	margin: 0 auto;
	}
	
.childscontainer ul li a img {
	border: none 0px;
	margin: 0 auto;
	padding-top: 30px;
	} 	
	
.childscontainer ul li p {
	width: 130px;
	height: 20px;
	/* border: solid 1px red; */
	display: block;
	/* position: absolute; */
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	padding-top: 4px;
	/* top: 0px; */
	color: #000;
	background-color: #e1e1e1;
	}

	
	
.tool1 { position:absolute; top:0px; left:0px; z-index:0; }


	
	
	
h1.h1_shop {
	color: #f00;
	width: 600px;
	clear: both;
	height: 30px;
	line-height: 30px;
	}
			   
#levo_shop {
	width: 240px;
	float: left;
	text-align: center;
	background-image:url("img/shop_top.jpg");
	background-repeat: repeat-x;
	}
	
	#shop_logo {
		width: 211px;
		text-align: center;
		display: block;
		float: left;
		clear: both;
		}	
		
	#porta_logo {
		padding-left: 20px;
		}
	
	#shop {
		width: 190px;
		display: block;
		padding-left: 30px;
		}	
		
	a.clearCart_small {
		color: #fff;
		text-decoration: none;
		}

	a.clearCart_small:hover {
		color: #f00;
		}


		
#desno_shop {
	background-image:url("img/shop_top.jpg");
	background-repeat: repeat-x;
	width: 746px;
	display: block;
	float: left;
	}
	
#desno_shop 	a {
		color: #fff;
		text-decoration: none;
		}

#desno_shop  a:hover {
		color: #f00;
		text-decoration: none;
		}
	
	
#shop_cont {
	padding-left: 10px;
	}
	
		#menu_shop {
			width: 746px;
			height: 160px;
			float: left;
			clear: both;
			background-image: url(img/menu_background_shop.jpg);
			background-repeat:no-repeat;
			background-position: right top;

			}		
	
			ul.menu_shop {
				list-style: none;
				width: 720px;
				display: block;
				float: left;
				padding-top: 7px;
				padding-right: 15px;		
				border-bottom: solid 1px red;				
				}
				
			ul.menu_shop li {
				float: left;
				}
				
				ul.menu_shop li.home a {
					width: 176px;
					height: 24px;
					display: block;
					background-image: url(img/back.gif);
					background-position: 0px -139px;
					}

				ul.menu_shop li.jednokrilna a {
					width: 108px;
					height: 24px;
					display: block;
					background-image: url(img/jednokrilna.gif);
					background-position: 0px -139px;		
					}

				ul.menu_shop li.dvokrilna a {
					width: 96px;
					height: 24px;
					display: block;
					background-image: url(img/dvokrilna.gif);
					background-position: 0px -139px;		
					}

				ul.menu_shop li.nadsvetlo a {
					width: 212px;
					height: 24px;
					display: block;
					background-image: url(img/nadsvetlo.gif);
					background-position: 0px -139px;		
					}

				ul.menu_shop li.klizna a {
					width: 70px;
					height: 24px;
					display: block;
					background-image: url(img/klizna.gif);
					background-position: 0px -139px;		
					}
					
				ul.menu_shop li a:hover {
					background-position: 0px 0px;
					}
					
				ul.menu_shop li a {
					padding-top: 115px;
					color: #fff;
					text-align: center;
					text-decoration: none;
					font-weight: bold;
					font-size: 14px;
					}
					
				ul.menu_shop li a:hover{
					padding-top: 115px;
					color: #fff !important;
					text-align: center;
					}

				ul.menu_shop li.active a{
					background-position: 0px -139px;
					}						
					
					
					
				.tip_vrata {
					width: 680px;
					display: block;
					height: auto;
					float: left;
					margin-right: 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 23px;
					color: #fff;

					padding: 10px; 
					background-color: #333333; 
					border: solid 1px #666;
					margin-bottom: 30px;
					}
					
				.tekst_izbor {
					padding-left: 10px;
					}
					
				#narudzb 	 {
					display: block;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					padding: 10px;
					background-color: #000;
					color: #fff;
					}
					
				#narudzb a {
					color: #fff;
					}

				.tip_vrata_sira{
					width: 170px;
					display: block;
					height: auto;
					float: left;
					margin-right: 10px;
					border-right: solid 1px red;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
						padding: 10px;
					background-color: #000;
					color: #fff;
					}

					
					
				.slika {
					width: 313px;
					height: 400px;
					text-align: center;
					display: block;
					position: relative;
					float: left;
					border: solid 1px #666;
					margin-right: 30px;
					margin-bottom: 100px !important;
					}
					
				.otvor {
					width: 200px;
					height: auto;
					float: left;
					padding-bottom: 10px; 
					padding-top: 15px;
					border-bottom: solid 1px #f00;
					}	
					
				.boja {
					width: 200px;
					height: auto;
					float: left;
					padding-bottom: 10px; 
					padding-top: 10px;
					border-bottom: solid 1px #f00;
					}

				.mera {
					width: 200px;
					height: auto;
					float: left;
					padding-bottom: 10px; 
					padding-top: 10px;
					border-bottom: solid 1px #f00;
					}					
					
				.kolicina {
					width: 200px;
					height: auto;
					float: left;
					padding-bottom: 10px; 
					padding-top: 10px;
					border-bottom: solid 1px #f00;	
					}
					
		

				.kolicina input {
					width: 100px;
					}		
					
					
				.errors {
						color: #f00;
						}