html {}

body { margin:0; padding:0; }

.body_class { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

.clr { clear:both; }

div,p,span,tr,td,ul,li,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }

h2 { padding-bottom:15px; font-size:1.8em;}

a { text-decoration:none; color:#D10000; }

a:hover { text-decoration:underline;}


/**************** LAYOUT ********************/
.body_class { margin:0; padding:0px 0px 10px 0px;; text-align:center; background:#993300 url(../img/bg.png) 0% 0% repeat-x; }

#wrapper { width:800px; margin:0 auto; text-align:left; }

.box1{ float:left; width:800px;}

.box1 .logo { float:left; margin:40px 0px 0px 0px; }

.box1 .logo img { border:0px solid #FFF; }

.box1 .illustration { float:left; margin-left:61px; width:472px; height:135px; background:transparent url(../img/illustration.png) 0px 0px no-repeat;}

.box2 { float:left; width:800px; background-color:#FFFFFF; margin:0px 0px 0px 0px; }

.box2 .line_top { float:left; width:800px; background:url(../img/line_top.png) 0% 0% no-repeat; }

.box2 .line_bottom { float:left; width:800px; background:url(../img/line_bottom.png) 0% 100% no-repeat; }

.box2 .menu { float:left; margin:0; padding:18px 10px 2px 10px;}

.box2 .menu ul { list-style:none; margin:0; padding:0; }

.box2 .menu ul li { float:left; }

.box2 .menu ul li a { font-size:1.1em; display:block; padding:0px 11px 0px 11px; font-weight:bold; text-transform:uppercase; text-align:center; color:#FFFFFF; }

.box2 .menu ul li a:hover,
.box2 .menu ul li.active a
 { text-decoration:none; color:#999999;}

.box2 .cnt { float:left; width:780px; padding:32px 10px 10px 10px;}

.footer { float:left; width:780px; padding:10px 10px 10px 10px; color:#FFFFFF;}


/************** INTRO ********************/
.intro1,
.intro2,
.intro3 { float:left; height:240px;}

.intro1 { width:260px; margin:0px 5px 0px 0px; background:url(../img/dot.png) 100% 0% repeat-y; }

.intro2 { width:260px; margin:0px 5px 0px 0px; background:url(../img/dot.png) 100% 0% repeat-y; }

.intro3 { width:250px; margin:0px 0px 0px 0px; }

.intro_image { padding:0px 0px 8px 10px;}

.intro1_txt { width:260px; height:42px; background:url(../img/vjencanja_txt.png) 11px 0px no-repeat;}

.intro2_txt { width:260px; height:42px; background:url(../img/materijal_txt.png) 12px 0px no-repeat;}

.intro3_txt { width:250px; height:42px; background:url(../img/kontakt_txt.png) 12px 0px no-repeat;}

.txt { padding:0px 11px 0px 11px; line-height:1.4em; }

.readmore { display:block; margin:4px 0px 4px 0px; }

.readmore img { border:0px solid #FFF;}

.decor { float:left; width:780px; height:41px; background:url(../img/decor.png) 50% 0% no-repeat; margin:10px 0px 0px 0px; }


/********** ABOUT US & EXTRA ***************/
.about { float:left; width:500px; background-color:#F3F3F3; margin:18px 0px 0px 0px; padding:10px 10px 10px 10px; }

.about .img { float:left; display:inline; margin-right:10px;}

.about h3 { padding:0; margin:0; font-size:1.5em; text-transform:uppercase; }

.about .about_txt { line-height:1.6em;}

.extra { float:left; margin:10px 0px 0px 10px; }

/* STYLES */
.label { font-weight:bold; }

.text { line-height:1.6em; margin-bottom:15px;}

.cnt ul.services { list-style:none; }

.cnt ul.services li { line-height:1.6em; font-size:1.2em; }