/*
Theme Name: Hyper Vodotehnika
Version: 1.0
Author: Tihomir Bregovic
Author URL: www.hyper.hr
*/

/* css reset */
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
  margin: 0;
  padding: 0;
background: #231f20;
}

/* css */
body{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
 vertical-align: top; 
  text-align: center;
 }

h1, h2, h3, h4, h5, h6{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
  text-align: left;
}

a{
  text-decoration: none;
  color: #ffffff;
  font-size: 11px;
}
a:hover{
  color: #0a7bc1;
}

								/* ----- okviri ----- */

	
#container{
width: 930px;
	 height: 465px;
	 border:#FFFFFF solid 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px auto auto -495px;
	text-align: center;


/*
position: absolute;
border:#FFFFFF solid 30px;
  width: 930px;
  height: 465px;
  background: #231F20;
  margin: 0px auto;

  top: 50%;
	
	margin-top: -262px;*/
}

#container_bottom{
width: 990px;
	 height: 20px;
	 border:transparent solid 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 280px auto auto  -525px;
	text-align: right;
	font-size: 9px;
	font-family: Verdana;arial;helvetica;
color:#fff;
}

#container_bottom a, #container_bottom a:link, #container_bottom a:hover {
font-size: 9px;
	font-family: Verdana;arial;helvetica;
color:#f00;
}


#left{
  width: 50%;
  height: 100%;
  float: left;
}

#right{
  width: 50%;
  height: 100%;
  background-image: url('slike/naslovna.jpg');
  float: right;
}

								/* ----- lijeva strana ----- */
#sadrzaj{
  height: 429px;
  width: 465px;
  margin: 18px auto;
}

								/* ----- naslov je stranice, vodotehnika logo ----- */
#naslov{
  height: 30px;
  padding: 0 25px 0 25px;
}

#naslov h1{
  font-size: 12px;
  padding-top: 9px;
  text-align: right;
  font-weight: normal;
  color: #FFFFFF;
}
#naslov img{
    float: left;
}

/*npr SAN'TAGAOSTINO*/
#proizvod{
     height:25px;
     margin-top: 25px;
     font-size: 24px;
     color: #BBBDC0;
     clear:both;
   padding: 0 25px 0 25px;
}

#proizvodtekst{
    width:375px;
    text-align: right;
    float: left;
	text-transform:uppercase;
}
#proizvodstrelica{
    width:35px;
    float: right;
    padding-top: 10px;/*?*/

}



								/* ----- navigacija razina 3 ----- */
#navigacija{
	clear:both;
  height: 75px;
  padding: 0 0 0 206px;
  color: #84bde0;
}

#nav3linkovi{
    width: 190px;
    float:left;
    height:55px;
    padding: 3px 0 0 0;
	  
}
#nav3linkovi a:hover{
 color: #ffffff;
}
#nav3linkovi a{
color: #84bde0;
}
#nav3linkovi ul{
 list-style:none;
/* clear:both;
 display:block;*/
	}

#nav3linkovi  li,#nav3linkovi  li a{
  float:right;
 /*clear:both;
 display:block;*/
}

#nav3linkovi ul li,#nav3linkovi ul li a{
  float:right;
  /*clear:right;*/

clear: both;

}

#b1,#b2,#b3,#b4{

  float:right;
    /*float:left;*/
    /*visibility: hidden;*/
}

#b1 a,#b2 a,#b3 a,#b4 a{
  color: #84bde0;
  clear:left;
}
#b1 a:hover,#b2 a:hover,#b3 a:hover,#b4 a:hover{
  color: #ffffff;
}

#goredolje{
	float:left;
	padding: 9px 0 0 5px;
}
#gorenav{
    height: 30px;
    width: 15px;
    visibility: hidden;
    cursor: pointer;
	margin: 0 0 2px 0;
	/*border: 1px solid #BBBDC0;*/
}
#gorenav img{
  margin-top: 5px;
}

#doljenav{
    height: 30px;
    width: 15px;
	/*border: 1px solid #BBBDC0;*/
   visibility: hidden;
   cursor: pointer;
}
#gorenav:hover, #doljenav:hover{
	border: 1px solid #fff;
}
#doljenav img{
  margin-top: 5px;
}

										/* ----- sredisnji meni ----- */
#glavnimeni{
    height: 75px;
	display: inline;
}


#menistockicama{
height: 55px;
width: 465px;
  border-bottom:  1px dotted;
  color: #0a7bc1;

 
}

#sveZbogTockica{
width: 415px;
  padding: 0 25px 0 25px;

}

										/* ----- kvadratici su radi strelice nad biranom stranicom ----- */
.kvadratic{
  height:55px;
  /*float: left;*/
  margin-right: 9px;
  /*clear:none;*/
/*width: auto;*/

float:left;
display:inline-block;

}

.kvadraticgornji{
margin-top: 12px;
  height:23px;
display:block;
clear:both;
  margin-right: 9px;
  margin-left: 9px;
  /*clear:none;*/
/*width: auto;*/
white-space:nowrap;
float:left;

}
.kvadraticdonji{

white-space:nowrap;
float:left;
height:20px;
  display:block;
  clear:both;

}
									/* ---- podmeni ----- */
#podmeni{
    height: 20px;
    padding: 0 25px 0 0;	
	clear:both;
	}
#podStrD{
	height:20px;
	float:right;
	 visibility: hidden;
}
#podStrD img{
	margin-top: 4px;
	margin-left: 2px;
	border: 1px solid #BBBDC0;
}
#podStrD img:hover{
	border: 1px solid #fff;
}
#podmenitekst{
  /*     text-align: right;
 padding-top: 4px;*/
	float:left;
	position: absolute;
}
/*   
#podmenitekst a{
    color: #0a7bc1;
	 margin-right: 7px;
}

#podmenitekst a:hover{
  color: #ffffff;
}
*/
#podStrL{
	height:20px;
	float:right;
	/* visibility: hidden;*/
}
#podStrL img{
	margin-top: 6px;
	margin-right:2px;
	
	
	/*border: 1px solid #BBBDC0;*/
}
#podStrL img:hover{
	/*border: 1px solid #fff;*/
}

										/* ----- donji prostor ----- */
#postarea{
    margin: 10px 25px 0 0;
  height: 189px;
}

#malinaslov{
    text-align:left;
    font-size: 10px;
    color: #0a7bc1;
}

#malinaslov img{
  float: left;
  margin: 1px 3px 0 3px;
}


#link{
    margin-left:25px;
    text-align:left;
    font-size: 9px;
    color: #808285;
}
#link a{
  color: #808285;
}
#link a:hover{
  color: #ffffff;
}

#tekst1{
     height: 50px;
     margin: 10px 0 0 25px;
     color: #ffffff;
     font-size:10px;
     text-align: justify;
}

#tekst1clanak{
    

     margin: 10px 0 25px 25px;
     color: #ffffff;
     font-size:10px;
     clear:both;
}
#tekst1clanakPage{
     height: 100%;

     margin: 10px 0 0 25px;
     color: #ffffff;
     font-size:10px;
     clear:both;
}
#clanak_slikica{
    width:100px;
    height: 100%;
    float:left;
}
#clanak_slikica img{
    float:left;
    padding: 3px 0 0 0;

}
#clanak_tekst{
    height:100%;
    width: 312px;
    float: right;
    overflow: auto;
    text-align: justify;
}



											/* ----- galerija ----- */
#galerija{
      height: 101px;
      margin-left: 25px;
}
									/* ----- obrnuto su, lijevo je desno a desno je lijevo ----- */
#desno1, #lijevo1{
              height: 75px;
      width: 23px;
      border: 1px solid #BBBDC0;
           float:right;
           margin: 25px 0 0 0;
           visibility: hidden;
            cursor: pointer;
}
#desno1{
  margin-right: 5px;

}

#desno1 img, #lijevo1 img{
       padding: 31px 0 0 0;
}

#a1, #a2, #a3{
     height:75px;
      width: 75px;
      border: 1px solid #BBBDC0;
      float:right;
      margin: 25px 5px 0 0;
      color:#fff;
      visibility: hidden;
     cursor: pointer;
    }
#a1:hover,#a2:hover,#a3:hover,#desno1:hover, #lijevo1:hover {
    border: 1px solid #fff;

    }


													/* ----- right side ----- */

#transparencija{
   width:100%;
    /* for IE     */
    background: #231F20;
  filter:alpha(opacity=60);
  /* CSS3 standard*/
  opacity:0.6;
  text-align:left;
 margin: 425px 0 0 0;
 height:24px;
 visibility:hidden;

}
#imeslike{
    margin: 0 0 0 25px;
    color:#84bde0;
	height:12px;
}
#tekstslike{
    margin: 0 0 0 25px;
    color:#fff;
	height:12px;
}

input
{
color: #0a7bc1;
background: transparent;
border: 1px dotted #0a7bc1;
/*background: url('slike/strelica_dolje.gif') no-repeat 0px -4px;*/
height: 25px;
margin: 0 30px 0 10px;
padding: 4px;
}
#inputdiv
{

height: 45px;
width: 495px;

	position: absolute;
	top: 50%;
	left: 50%;
	margin: -305px 0 0 0px;
	padding: 0;

}
#quick_subscribe_messages
{
color: #0a7bc1;

}

#nwslt{
width: 160px;
	 height: 20px;
	 border:transparent solid 0px;
	position: absolute;
	top: 50%;
	left: 0%;
	margin: -80px auto auto  25px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana;arial;helvetica;
	
color:#fff;
border-bottom:  1px dotted;
  color: #0a7bc1;
}
#banner_n {
	 position: absolute; margin: -54px 0 0 735px; z-index: 100; width: 170px; height: 170px;
	 
	 }


*:first-child+html #banner_n , * html #banner_n {
			
						 position: absolute; margin: -54px 0 0 273px; z-index: 100; width: 170px; height: 170px;
						 }