/* ----------------------------------------------------------------------- */
/* -------->>> GEO SOLAR DISPLAY STYLE SHEETS<<<-------- */
/* --------------------------------------------------------------------- */

/* ---------------------------------------------- */
/* ------>>> GLOBAL STYLE <<<--------- */
/* ------------------------------------------- */
* {margin: 0px; padding: 0px;}
body {background-color: #f7f7f7; background-image: url(../images/bg/bg-body.jpg); background-repeat: repeat-x; color: #262626; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}
.home {background-color: #f7f7f7; background-image: url(../images/bg/bg-body-home.jpg); background-repeat: repeat-}
img {border: 0px;}
#columnLeft p, #columnLeftHome p {font-size: 1.2em; line-height: 2em; padding: 5px 20px 0 10px;}
#columnLeftLong p {padding: 5px 20px 0 20px;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, serif ;}
#content h1  {color: #ee4f0b; font-size: 1.2em; padding: 10px 0 10px 20px;}
#content h2  {color: #ee4F0b; font-size: 1.5em; padding: 3px 0 3px 10px;}
#columnLeftLong h1, #columnLeft h1  {color: #ee4F0b; font-size: 1.5em; padding: 3px 0 3px 10px;}
#columnLeft h3 {font-size: 1.4em; padding: 7px 0 3px 10px; color: #ee4F0b;}
/* --------------------------------------- */

/* ---------------------------------------------- */
/* ------>>> PAGE STRUCTURE <<<------ */
/* --------------------------------------------- */
#wraper {position: relative; margin-left: auto; margin-right: auto; width: 960px;}
#header {position: relative; width: 960px; float: left; height: 345px;}
#content {position: relative; width: 960px; float: left;}
#product {position: relative; width: 960px; float: left; height: 115px;}
#columnLeftHome {position: relative; width: 547px; float: left;}
#columnRightHome {position: relative; width: 412px; float:right; border-left: 1px solid #d4d4d4; }
#columnLeft {position: relative; width: 700px; float: left;}
#columnLeftLong {position: relative; width: 910px; float: left;}
#columnRight {position: relative; width: 250px; float: left;}
#footer {position: relative; clear: both; width: 960px; height: 76px;}
/* ----------------------------------- */

/* ------------------------------------------------- */
/* -------->>> HEADER STYLE <<<---------- */
/* ----------------------------------------------- */
#header h1 a {float:left; width: 165px; height: 100px; background-image: url(../images/logo/geo-solar.png); background-repeat: no-repeat; position: relative; left: 0px; top: 0px; display: block; text-indent: -999em;}
#header h1 a:hover {background-color: transparent !important;}
#animation {position: absolute; top: 100px; left: 12px; width: 960px; height: 215px;display: none;}

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

/* ------------------------------------------------------ */
/* ------>>> NAVIGATION / LINKS <<<---------- */
/* ---------------------------------------------------- */
#lounguage {visibility: hidden;position: absolute; width: 500px; height: 50px; left: 430px; top: 25px;text-align: right;}
#lounguage ul li {list-style: none; margin: 0px; display: inline;}
#lounguage li {padding-left: 10px; background-image: url(../images/bg/bg_cube.gif); background-repeat: no-repeat; background-position: 1px;}
#lounguage ul li a {font-size: 0.8em; padding-right: 10px; text-decoration: none;}
#lounguage ul li a:link, #lounguage ul li a:active, #lounguage ul li a:visited {color: #000;}
#lounguage ul li a:hover {color: #919191; text-decoration: underline;}

#globalNavigation {position: absolute; width: 500px; height: 50px; left: 465px; top: 80px; text-align: right;}
#globalNavigation ul li {font-size: 1.1em; list-style: none; margin: 0px; display: inline;}
#globalNavigation ul li a {font-family: Georgia, serif; text-decoration: none; font-weight: bold; padding-right: 4px;}
#globalNavigation ul li a:link, #globalNavigation ul li a:active, #globalNavigation ul li a:visited {color: #000;}
#globalNavigation ul li a:hover {color: #035f83; text-decoration:underline;}
#globalNavigation ul li a.selected {color: #035f83;!imporant;}

#mainNavigation {font-family: Georgia, serif; position: absolute; top: 312px; width: 940px; left: 10px; height: 31px;}
#mainNavigation ul {position: relative; margin-left: 0px; top: 4px;list-style-type: none;}
#mainNavigation li {display: inline; padding-right: 1px;}
#li.lastLink {padding-right:0px;}
#mainNavigation a {font-size: 1.3em; font-weight: normal; text-decoration: none;}
#mainNavigation a:link, #mainNavigation a:active, #mainNavigation a:visited {color: #000;}
#mainNavigation a:hover {color: #035f83;}
#mainNavigation a.selected2 {color: #035f83;}
#mainNavigation .i {	font-size: 1.4em; color:99b5be;}

#path {position: relative; margin: 10px 0 5px 10px; width: 950px; height: 24px; border-bottom: 1px solid #d4d4d4; color: #6e6e6e; font-size: 1.0em;}
#path p {padding:3px 0 0 5px!important; font-size: 1.0em!important;}
#path a {text-decoration: none; font-weight: bold;}
#path a:link, #path a:active, #path a:visited  {color: #6e6e6e;}
#path a:hover {color: #3f3d3d; text-decoration: underline;}
.box1 a, .box2 a, .box3 a, #newsHome a {font-size: 1em; font-weight: bold;}
.box1 a:link, .box1 a:active, .box1 a:visited, .box2 a:link, .box2 a:active, .box2 a:visited, .box3 a:link, .box3 a:active, .box3 a:visited, #newsHome a:link, #newsHome a:active, #newsHome a:visited {color: #035f83!important; text-decoration: underline;}
.box1 a:hover, .box2 a:hover, .box3 a:hover, #newsHome a:hover {color: #666!important; text-decoration: underline;}

#menuRight ul {margin-top: 5px;}
#menuRight li {width: 160px; border-bottom: 1px solid #dedddd; line-height: 2em; background-image: url(../images/bg/arrow.gif); background-repeat: no-repeat; background-position: left 10px;}
#menuRight ul li {list-style-type: none; margin-left: 5px; line-height: 2.5em; font-size: 1.1em;}
#menuRight ul li a {font-family: Georgia, serif; padding-left: 15px; text-decoration: none !important; color: #000; font-size: 1.2em; font-weight: strong;}
#menuRight ul li a:hover {text-decoration: underline!important; color: #242424;}
#menuRight a.selected3 {color: #035f83;}
#indent {background-image: none !important;}

#columnLeft a, #columnLeftLong a {text-decoration: none; font-weight: bold; font-size:1.0em;}
#columnLeft a:link, #columnLeft a:active, #columnLeft a:visited, #columnLeftLong a:link, #columnLeftLong a:active, #columnLeftLong a:visited {color: #333;}
#columnLeft a:hover {color: #ee4F0b; text-decoration: underline;}

#navigation2 {position: relative; margin: 20px 0 25px 20px; width: 730px; height: 24px; background-image: url(../images/bg/bg_path.gif); background-repeat: repeat-x; color: #6e6e6e; font-size: 0.9em;}
#navigation2 p {padding-top: 7px; font-size: 1.0em;}
#navigation2 a {text-decoration: none; font-weight: bold;}
#navigation2 a:link, #navigation2 a:active, #navigation2 a:visited  {color: #6e6e6e;}
#navigation2 a:hover {color: #3f3d3d; text-decoration: underline;}

.product1 a, .product2 a, .product3 a, .product4 a, .product5 a, .product6 a {position: relative;top: 78px; left: 10px; font-size: 1.0em; text-decoration: none; font-weight: bold; color: #000;}
.product1 a:visited, .product2 a:visited, .product3 a:visited, .product4 a:visited, .product5 a:visited, .product6 a:visited  {color: #000;}
.product1 a:hover, .product2 a:hover, .product3 a:hover, .product4 a:hover, .product5 a:hover, .product6 a:hover {color: #3f3d3d; text-decoration: underline;}

.top a:link {padding-left: 20px; text-decoration:underline; font-weight: normal; font-size:1.1em; color:#035f83!important; background-image: url(../images/bg/top.gif); background-repeat: no-repeat; background-position: 10px;}

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

/* --------------------------------------------- */
/* ------>>> CONTENT DIV <<<--------- */
/* ------------------------------------------- */
.product1 {background-image: url(../images/bg/h_rotex_toplinske_pumpe.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px; float: left;}
.product2 {background-image: url(../images/bg/h_rotex_solarni_sustavi.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px; float: left;}
.product3 {background-image: url(../images/bg/h_rotex_podno_grijanje.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px; float: left;}
.product4 {background-image: url(../images/bg/h_rotex_kotlovi.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px; float: left;}
.product5 {background-image: url(../images/bg/h_rotex_va.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px; float: left;}
.product6 {background-image: url(../images/bg/h_idm_toplinske_pumpe.jpg); repeat: no-repeat; width:160px; height: 106px; margin-top:5px;float:left;}

.box1 {position: relative; float: left; width: 275px;}
.box2 {position: relative; float: left; width: 272px;}
.box3 {position: relative; clear: both; width: 530px;  margin: 5px 0 2px 2px;}
.box4 {position: relative;width: 680px;  margin: 20px 0 0 7px; background-image: url(../images/bg/bg_box3.jpg); background-repeat: repeat-x; border: 1px solid #d1d1d1; background-color:#f0eeef;}

.box_bg {width: 350px; margin-top: 10px; background-image: url(../images/bg/bg_box_home.jpg); background-repeat: repeat-x;}
.box1 p, .box2 p, .box3 p, .box4 p {font-size:1.2em; padding: 5px 10px 0 10px!important; line-height: 1.6em!important;}
.box3 h6, .box4 h6 {color: #ee4f0b; font-size: 1.8em; padding: 10px 0 0 10px; }
.box3 img, .box4 img{padding: 5px 10px 0 1px; }

.imgFloatLeft1 {float: left; padding-right: 10px;}
.imgFloatLeft2 {float: left; padding-right: 20px;}
.imgFloatLeftProgrami {float: left; padding: 0 45px 0 5px;}

.floatRightContent {float: right; padding-left: 10px;}

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

/* --------------------------------------------- */
/* ------>>> TABLE STYLE <<<----------- */

table {width: 550px; font-size: 1.1em; margin-left: 0px;}
.table2 {width: 550px; font-size: 1.1em; margin:20px 10px;}
.table2 td {height: 40px;}	
td {height: 20px;}
.trColor1 {background:#dfdfdf;}
.trColor2 {background:#efefef;}

#table-gen 
{width: 500px;float: left; border-collapse: collapse; border: 0px solid #000;}
#table-gen .rowa
{background: #f0f0f0; width: 120px; }
#table-gen .rowb
{background: #ebebeb; width: 120px;}
#table-gen .cell
{padding: 1px;border: 0px solid #000;}

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


/* ----------------------------------- */
/* ------>>> NEWS BOX <<<------------ */
/* --------------------------------- */
#newsHome {position: relative; margin-top: 45px; border-left: 1px solid #eeeded;}
#newsHome h3 {color: #EE4F0B; font-size: 1.5em; padding: 2px 0 5px 3px;}
#newsHome h2 {color: #ee4f0b; font-size: 1.2em; padding: 10px 0 5px 10px;}
#newsHome h6 {color: #000; font-size: 1em; padding: 0 0 5px 10px;}

#columnRight h2, #columnRightHome h2  {color: #6f8cb1!important; font-size: 1.4em; padding: 5px 0 3px 0; border-top: 1px solid #d4d4d4; color: #6e6e6e;padding-left: 5px;}
#columnRight h6, #columnRightHome h6  {color: #666666; font-size: 1.0em; padding: 0 0 5px 0; text-decoration: underline;padding-left: 5px;}
#newsHome a:link, #columnRightHome a:link {color: #035f83!important; text-decoration: underline; font-size: 1.1em; font-weight: strong;}
#newsHome a:link, #columnRightHome a:link:visited {color: #035f83!important; text-decoration: underline; font-size: 1.1em; font-weight: strong;}
#columnRightHome p, #newsHome p {font-size:  1.2em; line-height: 1.6em!important; padding-left: 5px;}
#columnRightHome img.floatRight {	float: right; padding-left: 10px;}
#columnRightHome h2.novosti  {color: #EE4F0B!important; font-size: 1.8em; padding: 100px 0 3px 5px;}
/* ----------------------------------- */

/* ----------------------------------- */
/* ------>>> MENU RIGHT <<<----------- */
/* --------------------------------- */
#menuRight {position: relative; margin-top: 5px; border-left: 1px solid #eeeded;}
#menuRight h3 {color: #ee4f0b; font-size: 1.8em; padding: 38px 0 2px 10px;}
#menuRight h2 {color: #ee4f0b; font-size: 1.1em; padding: 10px 0 5px 10px;}
#menuRight h6 {color: #000; font-size: 0.8em; padding: 0 0 5px 10px;}
#menuRight p {padding: 0 5px 5px 10px;}
.promo 	{position: absolute; top: 1px; left:1px;z-index:50;}
.question {position: relative; float: left; padding: 37px 10px 0 115px;}
.zahtjev	 {position: absolute;padding: 38px 0 0px 0;}
.flags {position: absolute; top: 10px; left:155px;z-index:50;}
.flags2 {position: absolute; top: 10px; left:200px;z-index:50;}
.flags img, flags2 img {float: left;padding-right: 5px;}
/* ----------------------------------- */


/* ----------------------------------- */
/* ------>>> FOOTER <<<-------------- */
/* --------------------------------- */
.copyright {position: relative; padding-left: 10px; padding-top: 20px; font-size: 1.2em; color: #000; float: left; width: 800px;}
.design {position: relative; padding-top: 20px; font-size: 1.2em;}
.design a:link, .design a:active, .design a:visited {font-size: 1.2em; color: #000; text-decoration: none;}
.design a:hover {font-size: 1.2em;text-decoration: underline}
/* ----------------------------------- */

/* ------------------------------------------- */
/* ------>>> WEB FORM <<<-------------------- */
/* ----------------------------------------- */
.form {padding-left: 20px;}
.input{background:#e4e1e1; width:250px; border:1px #CACACA solid; color:#000000; font-size:12px; padding:2px}
.textarea{font-size:12px; color:#000000; height:100px; width:250px; background:#e4e1e1; border:1px #CACACA solid; text-align:left; padding:0 0 0 0px}
.button{background:#e4e1e1; color:#000000; border:1px solid #aabfcf; font-size:11px; padding:1px; margin-top:20px}
label {font-size: 1.2em;}
/* ----------------------------------- */