/*******************************
 * Created by: Domagoj Gračan
 * Date: August 4, 2012
 * Website: http://www.active.hr/
********************************/


/***** RESET STILOVA ZA BROWSER *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

body { background: #000; font-family:  Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; color: #fff; }

input,select,textarea,button { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 18px; outline: none; margin: 0; }
			
select {
	width: 100%;
	margin-top: 20px;
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #f8f8f8;
    color:#777;
    border:1px solid #AAA;
    outline:none;
    display: inline-block;
    cursor:pointer;
}


a, a:active { text-decoration: none; outline: none; }
h1,h2,h3,h4 { color: #333; font-weight: normal; }
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 26px; }
table { border-collapse: collapse; }
table tr td { padding: 5px 0; }
hr { border: 0; border-top: 1px solid #ddd; margin: 25px 0; clear: both; }

input {
	background: #fae1e1;
	padding: 5px;
	margin-bottom: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
}
textarea {
	background: #fae1e1;
	padding: 5px;
	margin-bottom: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
}

.lijevo { float: left; }
.desno { float: right; }



a { color:#999999; } 
a:hover { color: #bbb; }

/***** DODATCI *****/

.clear{
	clear: both;
}
/***** GLAVNA STRUKTURA *****/


.wrapper {
	display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.main-wrapper {
	display: table-cell;
    vertical-align: middle;		
}
.main-inner {
	margin: 10px auto;
	width: 600px;
	background: url(../slike/back.png);
	padding: 15px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.main-inner p {
	font-size: 14px;
}


.proizvod {
	background: #FFF;
	color: #000;
	font-size: 14px;
	padding: 10px 0;
	border-top: 1px #999 solid;
}

.proizvod-slika {
	float:left;
	margin: 0 10px 0 10px;
	width:120px;
}

.proizvod-slika img  {
	width: 100%;
}

.proizvod-opis {
	float: left;
	margin: 0 3px;
	width:  445px;
}

.tab1 {
	float: left;
	margin: 0 5px 5px 0;
	background: #dadada;
	padding: 4px;
}

table.podatci {
	font-size: 14px;
	color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
table.podatci img {
	width:120px;	
}
table.podatci tr {
	border-bottom: 7px solid #fff;
	cursor: pointer;
}
table.podatci td {
	padding: 12px 3px;
	background: #fff;
	text-align: center;
}

table.podatci tr > td:first-child {
	background: #fff;
}
table.podatci tr > td:first-child+td {
	background: #cce9fa;
}
table.podatci tr > td:first-child+td+td {
	background: #e5effa;
}
table.podatci tr > td:first-child+td+td+td {
	background: #cce9fa;
}
table.podatci tr > td:first-child+td+td+td+td {
	background: #e5effa;
}
table.podatci tr > td:first-child+td+td+td+td+td {
	background: #cce9fa;
}
table.podatci tr > td:first-child+td+td+td+td+td+td {
	background: #e5effa;
}
table.podatci tr > td:first-child+td+td+td+td+td+td+td {
	background: #cce9fa;
}
table.podatci tr > td:first-child+td+td+td+td+td+td+td+td {
	background: #e5effa;
}
table.podatci tr > td:first-child+td+td+td+td+td+td+td+td+td {
	background: #cce9fa;
}
table.podatci tr > td:first-child+td+td+td+td+td+td+td+td+td+td {
	background: #e5effa;
}

@media (max-width: 640px) {

input,select,textarea,button { font-size: 15px; }

.main-inner {
	width: 96%;
	margin: 0 auto;
}
.main-inner p {
	font-size: 12px;
}
	
}