/************************************************
*  Tim Metal d.o.o.                             *
*  CSS document http://www.tim-metal.hr/        *
*  Copyright (c) 2009. Coding by Davor Peic     *
*  http://www.davorpeic.com me@davorpeic.com    *
************************************************/

body { 	margin: 0; padding: 0px;  font-family:"Trebuchet MS"; font-size: 62.5% ; padding-bottom: 15px; line-height: 1.7em; color:#414040; background-color: #353535; text-align: center; }
form {margin:0px; padding:0px;}
br{font-size:1em;}
.clearDiv {	clear:both;	}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#595858; text-decoration:underline;} 
a:hover { color: #33486f; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color: #3b3b3b; margin:0px;	padding:0px;font-size:1.5em;}

h1 { font-weight:normal; color:#c54e53; font-size:1.6em; margin: 11px 0px 8px 0px; text-transform: none; line-height:120%;}
h1 a:link, h1 a:visited { color: #c54e53;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

h2 {margin:7px 0px 6px 0px; color: #545454; font-weight:normal; font-size:1.3em; line-height:125%; padding-bottom:2px;  }
h2 a:link, h2 a:visited {color: #545454; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #1d466f;}

h3, h4, h5, h6 {color:#557d97; font-size:1.3em; text-transform: none; margin:2px 0px 7px 0px;}
h3 a:link, h3 a:visited { color:#557d97; text-decoration: none; }
h3 a:hover {text-decoration: underline; color: #557d97;}

p {	margin:0px;	padding-bottom: 7px;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}
ul li, ol li { margin: 0; padding: 0; }

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(../images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] {
background-color:transparent;
border:0 none;
cursor:pointer;
font-family:sans-serif;
font-size:small;
padding:0;
}

/* PAGE CONTENT ***********************************************************************************************************/

#wrapper_head { width: 100%; margin:0 auto; text-align: left; font-size:1.1em; background: #2b2b2b url(../images/head_bg.jpg) 0 0 repeat-x; }
.head_cont { width: 780px; margin: 0 auto; }
a.head_logo { background: transparent url(../images/tim-metal-logo.jpg) 0 0 no-repeat; width: 210px; height: 90px; display: block; float: left; }
.head_main_menu { width: 550px; float: right; padding-left: 20px; padding-top: 57px; }

/* MAIN MENU */
.menu_item { float: left; text-transform: uppercase; margin-right:10px; margin-top:1px; }
.menu_item a, .menu_item a:visited { text-decoration: none; }
.menu_item ul li { line-height: 1.3em; height: 1.3em; display: block; font-size:1.05em;  }
.menu_item ul li a, .menu_item ul li a:visited { color: #4f4f4f; display:block; padding:2px 5px; }
.menu_item ul li a:hover { text-decoration: underline; color: #fff; }

a.menu_item_main_link, a.menu_item_main_link:visited { color: #bfbebe; font-size:1.3em; padding:6px 5px 9px; display:block; font-weight: bold; }
a.menu_item_main_link:hover { background: transparent url(../images/main-menu-arrow.png) 50% 100% no-repeat; color: #fff;}
.menu_item_main_link_hover { background: transparent url(../images/main-menu-arrow.png) 50% 100% no-repeat; }

/* CENTER CONTENT */
#wrapper_center { width: 100%; margin:0 auto; text-align: left; font-size:1.1em; background: #3c3c3c url(../images/content_bg.jpg) 0 0 repeat-x; }
.center_cont { width: 780px; margin: 0 auto;  }

.left_col { width: 200px; float: left; padding-top: 10px; }
.right_col { width: 550px; padding-left: 30px; float: right; background: transparent url(../images/content-shadow.jpg) 0 0 no-repeat; margin-top: 25px; min-height: 470px; font-size:1.1em; } /*definicija i u ie6.css*/

.left_box_title { width: 190px; margin-top: 15px; margin-left: 10px; }
span.left_box_title_top { width: 190px; display: block; height: 4px; background: transparent url(../images/left-box-title-top.png) 0 0 no-repeat; }
span.left_box_title_bottom { width: 190px; display: block; height: 4px; background: transparent url(../images/left-box-title-bottom.png) 0 0 no-repeat; }
.left_box_title a, .left_box_title a:visited { display: block; background: #2c2c2c url(../images/left-box-title-arrow.png) 95% 50% no-repeat; text-decoration: none; color: #797979; text-transform: uppercase; font-size:1.2em; padding:0 7px; }
.left_box_title a:hover { color: #c9c9c9; }

.gallery_home { padding-top:8px; padding-left:2px; }
.gallery_home a, .gallery_home a:visited { display:inline; float:left; margin-bottom:10px; margin-left:8px; }
.gallery_home a img, .gallery_home a:visited img { border: 4px solid #2e2e2e; }
.gallery_home a:hover img { border: 4px solid #1f1f1f; }

.left_info { padding: 8px 20px; color: #b5b4b4; font-size:1.1em; }
.left_info a, .left_info a:visited { color: #b5b4b4; }

.page_title { color: #9b9b9b; font-size:1.6em; padding-top:4px; }
.page_title a, .page_title a:visited { color: #607892; text-decoration: none; }
.page_title a:hover { text-decoration: underline; }

.home_content { width: 535px; background: transparent url(../images/main_content_arrow.png) 23px 0 no-repeat; margin-top:7px; padding-top:5px;}
.home_content2 { width: 535px; height: 199px; background: transparent url(../images/home_content_left.png) 0 0 no-repeat;}
.home_content3 { width: 535px; height: 199px; }
.home_content_opis1 { background: transparent url(../images/home_content_right.png) 100% 0 no-repeat; }
.home_content h1 { margin-top: 0; }

.home_content_txt { padding:15px; width:270px; font-size:1.1em; line-height:1.4em;}
a.button_more_cro, a.button_more_cro:visited { width: 66px; height: 18px; display: block; background: transparent url(../images/button_more.png) 0 0 no-repeat; margin-top:5px;}

.usluga_box { width: 173px; float: left; margin:15px 8px 10px 0; display: inline; }
.usluga_box img { float: left; margin-bottom:4px; }
.usluga_box a, .usluga_box a:visited { text-decoration: none; }
span.usluga_box_content { display: block; background: #2c2c2c url(../images/usluga_box_bottom.jpg) 0 100% no-repeat; color: #797979; padding: 7px; font-size: .9em; line-height:1.3em; }
span.usluga_box_content strong { text-transform: uppercase; color: #acacac; display: block; font-size:1.1em; line-height:1.4em; }
.usluga_box a:hover span.usluga_box_content strong { text-decoration: underline; } 

#wrapper_footer { width: 100%; margin:0 auto; text-align: left; font-size:1.1em; background: #353535 url(../images/footer_bg.png) 0 0 repeat-x; padding-bottom: 7px; }
.footer_cont { width: 760px; margin: 0 auto; padding: 6px 0; }
.footer_left { float: left; color: #868686; }
.footer_right { float: right; }

.footer_right a, .footer_right a:visited { text-decoration: none; font-size: 1.1em; color: #676767; text-transform: uppercase; padding:2px 3px; }
.footer_right a:hover { color: #b5b5b5; text-decoration: underline; }

.footer_right a.menu_bottom_top, .footer_right a.menu_bottom_top:visited { color: #566c80; background: transparent url(../images/button_top_border.png) 0 50% no-repeat; padding-left: 6px; font-weight: bold; }

.content_other { width: 535px; background: transparent url(../images/main_content_arrow.png) 23px 0 no-repeat; padding-top:5px; margin-top: 7px;}
.content_other2 { width: 535px;  }
span.content_other_top { width: 535px; display: block; height: 5px; background: transparent url(../images/content_other_top.png) 0 0 no-repeat; }
span.content_other_bottom { width: 535px; display: block; height: 5px; background: transparent url(../images/content_other_bottom.png) 0 0 no-repeat; }
.content_other_middle { width: 505px; padding: 10px 15px; display: block; background: #e6e5e5 url(../images/content_other_middle.png) 0 0 repeat-x; min-height: 190px; font-size:1.1em; line-height:1.4em;} /*definicija i u ie6.css*/

.content_other ul { padding-left: 12px;}
.content_other ul li { background: transparent url(../images/bullet01.png) 0 6px no-repeat; padding-left: 13px;}

.fotoalbum_cont{}
a.fotoalbum_thumb, a.fotoalbum_thumb:visited{display:inline-block; width: 75px; height: 75px; overflow: hidden; margin-right: 8px; margin-left: 8px; margin-bottom: 8px; border:3px solid #FFFFFF;}

.contact_form{/*background-color:Red;*/ width: 260px; /*margin: 0 auto;*/}
.contact_form p label{/*background-color:Green;*/ display:inline-block; padding:0; text-align:right; vertical-align:top; width:55px;}
.contact_form p input, .contact_form p textarea{display:inline-block; width:189px;}
.contact_form p textarea{height: 90px;}
input.send_button{float:right;}

p.red{color: #ff0000; font-weight: bold;}
p.green{color: Green; font-weight: bold;}