/* 
	Šild d.o.o.
	Podno grijanje - grijaći film
	listopad 2009
*/

/* BRING ME TO LIFE */
body,h1,h2,h3,h4,h5,h6,span,p,blockquote,strong,em,dfn,sup,sub,abbr,acronym,address,del,pre,code,tt,li ul,li ol,ul,ol,dl,dl dt,dd,form,fieldset,input,textarea,th,td {
	margin:0;
	padding:0;
}
table,fieldset,img { border:0;}


/* GENERAL IDEA */
body { 
	font-size: 62.5%; 
	color: #000; 
	background:url(images/background.jpg) repeat top center;
	font-family:Arial, Helvetica, sans-serif; 
} 

#wrap {
	margin:0 auto;
	padding:0;
	width:640px;
	height:auto;
}

#top {
	margin:2em 0 0 0;
	padding:0;
	background:transparent url(images/heder.png) no-repeat top center;
	width:640px;
	height:175px;
}

#top p {
	margin:0;
	padding:2em 0 0 2em;
}

#content {
	margin:0;
	padding:0 4em 0 2em;
	background:transparent url(images/content.png) repeat-y;
}

#content ul {
	margin-left:3em;
	list-style:none;
}

#content li {
	list-style:square;
	font-size:1.5em;
}


#bottom {
	margin:0 auto;
	padding:20px;
	background:transparent url(images/bottom.png) no-repeat center top;
	width:640px;
	height:140px;
}

#bottom #logo {
	float:left;
	margin:0 0 0 2em;
	padding:0;
	background:url(images/sild.png) no-repeat left;
	width:181px;
	height:50px;
}

#bottom #info {
	float:left;
	margin-left:1em;
	padding:12px 0 0 10px;
	height:50px;
	border-left: rgb(207,207,207) dotted 1px;
	font-size:1.2em;
	color:rgb(128,128,128);
}

#bottom a { color:rgb(203,51,50); text-decoration:underline; }
#bottom a:hover, #bottom a:focus { color:rgb(0,0,0);}

/* CLASSES */
.yellow { background:rgb(252,230,0); }
.red { color:rgb(203,51,50); }

/* OBRAZAC */
.obrazac {
	width:400px;
	margin:0 auto;
}

.obrazac form {
	overflow:hidden;
	font-size:1.2em;
	font-weight:normal;
	width:100%;
	/*padding:10px;*/
}

.obrazac fieldset { 
	border:rgb(203,51,50) solid 1px;
	padding:10px; 
}

.obrazac legend { 
	color:rgb(0,0,0);
	font-weight:bold;
	font-size:1.2em;
	padding:0 10px; 
}

.obrazac label
{
/*width: 150px;*/
font-size:1.2em;
font-weight:normal;
font-style:italic;
color:rgb(0,0,0);
}

.obrazac #right, .obrazac textarea { width:360px; }

.obrazac textarea, .obrazac input, .obrazac select {
	padding: 2px;
	border:rgb(207,207,207) 1px solid;
	margin-bottom:5px;
	font-family: Arial, Verdana, sans-serif;
	font-size:1.2em;
}

.obrazac em {
	color:rgb(128,128,128);
	font-style:italic;
	font-weight:normal;
}

.obrazac .submit-button {
	color:rgb(255,255,255);
	background:rgb(203,51,50);
	border:#ffffff solid 1px;
	float:right;
	width: 100px;
	clear:both;
	margin-top:5px;
}

.obrazac .submit-button:hover { font-weight:bold; cursor:pointer; }

.obrazac textarea:focus,.obrazac input:focus 
{
border:rgb(203,51,50) 1px solid;
}


/* NASLOV */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 
h1 {
	font-size:2.5em;
	font-weight:bold;
	color:rgb(0,0,0);
	text-align:center;
	margin-bottom:1.5em;
}
h1 span { color:rgb(255,0,0); margin:0; padding:0; }
h2 { font-size:2em; color:rgb(216,25,33); text-align:center; margin-bottom:1.25em; }
h3 { font-size:1.7em; line-height:1.25em; margin-bottom:1.2em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* Text elements -------------------------------------------------------------- */ 
p {
	font-size:1.5em;
	/*line-height:1.2em;*/
	padding:0 0 1.5em 0;
}
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #000; } 
a { color: #009; text-decoration: underline; outline:none; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists -------------------------------------------------------------- */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;} 

/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 

/* Misc classes -------------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } 
.quiet { color: #666; } 
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }
.center { margin:0 auto; }