* {margin: 0; padding: 0;}

body {background: rgb(240,240,240); font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;}

#strana {width:960px; margin: 0 auto; /*background: #cccccc;*/ border-left:solid 1px rgb(200,200,200); border-right:solid 1px rgb(200,200,200);}
#zaglavlje {width:960px; height:130px; /*background: url(slike/header.jpg) no-repeat;*/ border-bottom:solid 1px rgb(200,200,200);}
#naslov {width:960px; border-bottom:solid 1px rgb(200,200,200); background: rgb(200,200,200); color: rgb(60,110,160);}
#naslov h1 {padding:5px; text-align:center;}
#sadrzaj {position: relative; height:400px}

.kocka {overflow: hidden; width:250px; height:320px; position:absolute; z-index:3; padding:5px; border:solid 1px rgb(200,200,200); cursor: pointer;}
.kockaHover{border:solid 1px rgb(60,110,160); background: rgb(230,230,230);}
#k-leva {top:15px; left:45px;}
#k-srednja {top:15px; left:350px;}
#k-desna {top:15px; right:45px;}

.kocka img {border: 0;}
.kocka p {margin: 5px; text-align:center; font-size: 160%;}

.detalji {display:none; width:820px; height:320px; position: absolute; z-index:1; top:15px; padding:5px; border:solid 1px rgb(200,200,200); /*background: #fff;*/}
#racunari {left:15px; /*background: #cff;*/}
#telefoni {left:65px; /*background: #fcf;*/}
#internet {left:115px; /*background: #ffc;*/}

.detalji h1 {text-align:center; font-size: 150%; /*background: #ffc;*/}
.detalji a {color:rgb(60,110,160);}

.trecina-levo {overflow: hidden; position:absolute; top:40px; left:15px; width:260px; height:280px; z-index:2; /*background: #bfb;*/}
.trecina-sredina {overflow: hidden; position:absolute; top:40px; left:285px; width:260px; height:280px; z-index:2; /*background: #fbf;*/}
.trecina-desno {overflow: hidden; position:absolute; top:40px; left:555px; width:260px; height:280px; z-index:2; /*background: #bbf;*/}


.detalji h2 {color:rgb(60,110,160); font-size:120%;padding-bottom:2px; margin-bottom:3px; border-bottom:1px solid rgb(60,110,160)}
.detalji p {padding-left:10px; margin-bottom:10px; text-align:justify; font-size:100%;}


#futer {position:absolute; z-index:1; width:100%; bottom:0px; border-top:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200);}
#futer h2 {text-align:center; color:rgb(60,110,160); padding: 5px 0; font-size: 150%;}

#podaci {position:absolute; z-index:1; width:100%; bottom:0px; margin-bottom:-15px;}
#podaci p {text-align:center; color:rgb(100,100,100); font-size: 90%; font-family:sans-serif;}
#podaci a {color:rgb(100,100,100); text-decoration:none;}