@charset "utf-8";
@import url("positioning.css");
@import url("typography.css");
@import url("color.css");
@import url("ie6.css");
@import url("ie7.css");
@import url("opera.css");

/* ---------------------------------------------------------------------

Author: Siniša Šašić (Sinisa Sasic)
Role: Web Designer
Company: Tehnicom Computers, Tehnicom Solutions, Web Developement Team
Contact: sinisa.sasic@tehnicom.com
Location: Belgrade, Serbia, Europe, Earth, Solar System, Milky Way, Universe
Created: October 29th 2007
Last Entry: October 29th 2007

---------------------------------------------------------------------- */

/* =reset.css (by Andy Clarke) */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { /*border-collapse : collapse; border-spacing : 0;*/ }
caption, th, td { text-align : left; font-weight : normal; }

/* =tags */

html { font-size: 62.5%; text-align: center; }
body { font: 120% normal Arial, Helvetica, sans-serif; text-align: left;background: url(../img/bg_body.jpg) repeat-x; background-color: #666870;  }
p { line-height: 150%; margin-bottom: 5px; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; color: red; }
em { font-weight: bold; font-style: normal; }
span { color: red; font-weight: bold; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }

/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

/* =left */
.left { float: left; }

/* =right */
.right { float: right; }

/* =left */
.img-left { float: left; margin: 0 4px 4px 10px; }

/* =right */
.img-right { float: right; margin: 0 0 10px 10px; }

.span { color: #FF0000; }

#tabs-home { float: left; width: 740px; height: 286px; position: relative; }
#tabs-home div.ui-tabs-hide { display: none; }
#tabs-home p { padding: 4px 8px 8px 11px; color: #fff; /*width: 430px;*/ }
* html #tabs-home p { margin-top: -3px; }
#tabs-home em { color: #fff; font-weight: normal; font-size: 19px; text-transform: uppercase; margin: 8px 8px 0 8px; display: block; }
#tabs-home span { color:#FFFFFF; left: 0; position:relative; text-transform:uppercase; top:3px; z-index:2; font-weight: bold; }
/*#tabs-home ul { height: 20px; padding: 10px; margin-bottom: 1px; list-style: none; position: absolute; top: 190px; left: 0; z-index:1; background: url(../img/bg_tabs_home_ul.png) repeat-x left top; width: 501px; }*/
#tabs-home #nav-tabs { height: 20px; padding: 10px; margin-bottom: 1px; list-style: none; position: absolute; top: 190px; left: 0; z-index:1; background: url(../img/bg_tabs_home_ul.png) repeat-x left top; width: 501px; }
#tabs-home ul { display: block; float: right; }
#tabs-home ul li { display: block; float: left; margin-left: 6px; }
#tabs-home ul li a { display: block; float: left; text-decoration: none; color: #000; padding: 8px 7px 7px 13px; width: 15px; height: 18px; background: url(../img/bg_tabs_ul_li_a.gif) no-repeat left top; }
#tabs-home ul li a:hover { text-decoration: none; background: url(../img/bg_tabs_ul_li_a_selected.gif) no-repeat left top; color: #fff; }
#tabs-home ul .ui-tabs-selected a { text-decoration: none; background: url(../img/bg_tabs_ul_li_a_selected.gif) no-repeat left top; color: #fff; }
.ui-tabs-hide {display: none}
.nav-tabs { display: block; position: absolute; bottom: 13px; right: 10px; width: 175px; }
/*#outer { background: url(../img/bg_outer.jpg) no-repeat left top; height: 288px; }*/

.tabs-home { width: 740px; }
.tabs-home div { float: left; width: 450px; position: absolute; bottom: 3px; height: 114px; background: url(../img/bg_tabs_div.png) no-repeat left top; left: 0; }