body { margin: 0; padding: 0; }
.sve {  width: 960px; margin: 10px 0 0 0; font-size: 16px; border-left:solid 2px black;
        border-right:solid 2px black; position: absolute; left: 50%; margin-left: -480px; }

/* search box */
.search {position:absolute; left:15px; top:200px; z-index:1;}
.search .searchMathportal{font-size: 0.7em; margin: -3px 0px 0px 5px; font-weight: bold; font-family: Arial;
				color: rgb(150,150,150);}

/* Glavni linkovi i sve iznad njih */
.gornjiLinkovi{ height: 20px; background-color: white; margin: 0px 0 0 0;}
.gornjiLinkovi ul{ list-style: none; float: right; margin: 0; padding: 0; }
.gornjiLinkovi ul li { display: block; float: right; margin: 0px 0 0 0; padding: 0 10px 0 10px; font-size: 0.8em; font-weight: bold;}
.gornjiLinkovi ul li a{ color: #c68e00; text-decoration: none; }
.gornjiLinkovi ul li a:hover{ color: #ff7f00; }
.baner h1{ margin: 0px 30px 0 0px; padding: 60px 0 0 0;
             font-family: Arial,Helvetica,sans-serif; font-weight: bold;
             color: rgb(100%, 100%, 100%); font-size: 1.6em; text-align:right; }
.baner{ height: 130px;   background-image: url(slike/Pozvelika.jpg); background-repeat: no-repeat; clear: both;
 position: relative;} 
.vrh { background-color: white; }
p.banerRed2{ margin: 0px 30px 0 0px; font-family: Arial,Helvetica,sans-serif; font-weight: bold;
             color: white; font-size: 1em; text-align:right; text-align: right;}

.glavniLinkovi{ margin:2px 0 5px 0;  height: 45px; background-image: url(slike/pozGlavni.jpg); background-repeat: repeat-y; }
.glavniLinkovi ul {  padding: 0px 0 0 0px; margin:0 0 0 230px; 
        
        font: bold 12px Verdana, sans-serif; width: 70%; }
.glavniLinkovi ul li { list-style: none; margin: 0;   display: block; float: left; 
                       border-left: 1px solid #778;  background-color: RGB(90%, 90%, 100%);        }
.glavniLinkovi ul li.zadnja { border-right: 1px solid #778; }
.glavniLinkovi ul li:hover { background-color: RGB(80%, 80%, 100%); }
.glavniLinkovi ul li a {  display: block; margin:0;padding: 15px; text-decoration: none; }
.glavniLinkovi ul li a:link { color: #448; }
.glavniLinkovi ul li a:visited { color: #003399; }
.glavniLinkovi ul li a.current { background-color: rgb(95%, 95%, 95%);}


/* putanja trenutne strane - .putanjaMain je za glavne strane, .putanja za unutrasnje*/
.putanjaMain {margin: 15px 0 0px 0;  padding: 0 0 0 230px; background-color: white; height: 20px;}
.putanjaMain ul{list-style: none;padding: 0;margin: 0;}
.putanjaMain ul li{display: block;margin:0;text-align: left;float:left;font-size:0.8em;
    font-family: 'Times New Roman',Times,serif;padding: 0 5px 0 5px;font-weight: bold;}
.putanjaMain ul li a {text-decoration: none;}
.putanjaMain ul li a:visited { color: #003399; }

.putanja {margin: 15px 0 20px 0;  padding: 0 0 0 240px; background-color: white; height: 10px; width: 660px}
.putanja ul{list-style: none;padding: 0;margin: 0;}
.putanja ul li{display: block;margin:0;text-align: left;float:left;font-size:0.8em;
    font-family: 'Times New Roman',Times,serif; padding: 0 5px 0 5px;font-weight: bold;}
.putanja ul li a {text-decoration: none;}
.putanja ul li a:visited { color: #003399; }


/* Leva Navigacija */        
.navigacijaLevo {width: 200px; float: left;}
.navigacijaLevo h1 { 
  margin: 8px 0 0px 10px; 
  font-size: 1.2em; 
  font-family: Arial,Helvetica,sans-serif; 
  color: #de8500;
}        
.navigacijaLevo h2{ font-size: 0.9em; 
  margin: 0px 10px 0 10px;
  padding: 10px 10px 5px 10px;        
  font-family: Arial,Helvetica,sans-serif;
  color: #000960;
}        
.navigacijaLevo ul { padding: 0 0 0 0px; margin:0 0 0 0px; }
.navigacijaLevo ul li { list-style: none; margin: 1px 0 1px 0;  
						 height:22px; line-height:22px;} 
.navigacijaLevo ul li a { display: block; padding: 0 0 0 35px;
        text-decoration: none; font-weight: bold;   
		font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; word-spacing: 3px;
}
.navigacija1 { background-image: url(slike/listaback.jpg);  background-repeat: repeat-x;  
               padding: 0; margin: 15px 0 0 0px; }
.navigacija1calc { background-image: url(slike/listaback-calc.jpg);} 

.navigacijaLevo ul li a:link  { color: #444488; }
.navigacijaLevo ul li a:hover {text-decoration: none; color: #001fff; background-color: #eeeeee;
	border-bottom: 1px solid black; border-top: 1px solid black;}
.navigacijaLevo .first h2{ margin: -5px 10px 0 10px;}
.navigacijaLevo .last{margin-bottom: 20px;}

.quote { background-image: url(slike/linijaquote2.jpg); background-position: 0px 0px; background-repeat: no-repeat;  
               padding: 0; margin: 5px 0 0 0px;}
.quotetekst { font-style: italic; font-size: 0.9em; margin: -5px 0 0px 20px; text-align: justify;}
.quoteautor { font-style: italic; font-size: 0.8em; margin: 5px 0 0 20px; text-align: right; font-weight: bold;}
.quotetekstReklama { font-size: 0.9em; margin: -5px 5px 0px 10px; text-align: justify;}
.quoteReklama { background-image: url(slike/linijaquote2.jpg); background-position: 0px 0px; 
		    background-repeat: no-repeat;  padding: 0; margin: 5px 0 5px 0px;}
.quoteReklama h2{margin: 0px auto; font-size: smaller; font-style: normal; padding-left: 10px; padding-right: 0px;}


/* SADRZAJ - iz njega se izvodi:
	sadrzaj naslovna - za prvu stranu
	sadrzaj mathformulas - za formule i kalkulator
	sadrzaj calculator - za stranu na kojoj je calculator
	sadrzaj lesson - za lekciju
	sadrzaj sardzaj2 - za homework-help
	za stranu linkovi se koristi originalni sadrzaj (bez izvodjenja) 
	*/
.sadrzaj{ width:720px; float:right;  margin: 0px 0px 0 0px; padding: 0 10px 0 0; }
.sadrzaj p{ margin: 3px 0 3px 0px; font-family: Arial,Helvetica,sans-serif; color: RGB(10%, 10%, 20%); 
        line-height: 1.6em; font-size: 0.9em; text-align: justify;}
.sadrzaj p.pn { font-weight: bold; font-size: 1em; color: #993300; margin: 15px 0 0px 0px;} /*podnaslov */
.sadrzaj p.nn { font-weight: bold; font-size: 0.9em; color: #993300; margin: 0px 0 0px 0px;} /* notenaslov */
.sadrzaj p.n { font-size: 0.9em; margin: 0px 0 0px 20px;} /* note */
.sadrzaj p.e { font-weight: bold; color: green;} /* example */
.sadrzaj p.ee { font-weight: bold; color: green; margin: 20px 0 0 0;} /* example2 */
.sadrzaj p.zu { margin-left: 45px;} /* zadatak uvucen */
.sadrzaj p.zu2 { text-indent: 75px; margin: -3px 0 0 0;} /* zadatak uvucen */

.sadrzaj h1 { margin: 0px 0 20px 0px; font-family: Arial,Helvetica,sans-serif; font-size: 2em; color: #0d58a1; }
.sadrzaj h2 span {color: #de8500; font-weight: bold;}
.sadrzaj h2 { margin: 30px 0 10px 0px; font-size: 1.3em;}

.sadrzaj img.st {  position: relative; top: 5px; }   /* slika u tekstu */
.sadrzaj img.st2 {  position: relative; top: 15px; } /* slika u tekstu */
.sadrzaj img.st3 {  position: relative; top: 10px; } /* slika u tekstu */
.sadrzaj img.st4 {  position: relative; top: 30px; } /* slika u tekstu */
.sadrzaj a{ text-decoration: none; font-weight: bold; color: RGB(10%, 10%, 60%); }
.sadrzaj a:hover{ color: RGB(40%, 0%, 0%);  }
.sadrzaj div.nista { height: 10px; }
.sadrzaj span {font-weight:bold;}
.sadrzaj .linija {height: 2px;  background-image: url(slike/linijavod.gif); margin: 15px 0 10px 0; 
				  background-repeat: repeat-x; line-height: 0px; font-size: 1px;}
.sadrzaj h3 {margin: 25px 0 0px 0px; font-family: Arial,Helvetica,sans-serif; color: #993300;
font-weight: bold; font-size: 1em; line-height: 1.6em; }
.sadrzaj h3.tema { text-indent: 40px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 1em; }
.sadrzaj h3.tema span { font-weight: normal; color: black; }
.sadrzaj h3.tema a{ color: #000099; }
.sadrzaj h3.tema a:hover{ color: #cc3300; }
 
.sadrzaj p.formpod { font-weight: bold; color: green; margin: 5px 0 -5px 0; padding: 0 0 0 0;}
.sadrzaj img.fst2 {  position: relative; top: 6px; } /* slika u tekstu */
.sadrzaj img.fst3 {  position: relative; top: 9px; } /* slika u tekstu */
.sadrzaj img.fst4 {  position: relative; top: 12px; } /* slika u tekstu */
.sadrzaj div.formslika { float: right;}
.sadrzaj div.formslika2 { display: inline; padding: 0 0 0 80px;}
.sadrzaj div.clear {clear:both;}
.sadrzaj div.formuladownload { float: right;}
.sadrzaj div.formuladownload a { color: green;}

/* naslovna strana sadrzaj */
.naslovna {margin-bottom: 90px;}
.naslovna h1 {font-family: 'Nobile', arial, serif;  color:#cc945e; font-size: 25pt;} 
.naslovna h2 { font-family: 'Nobile', arial, serif; 
			  margin: 15px 0 0px 0px; color:#cc945e; font-weight: bold; font-size: 1.5em; line-height: 1.6em; 
			  border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #bbbbbb;
			  width: 95%;
			  }
.naslovna h2 span {font-size: 0.7em; color: black;}
.naslovna .oblastvelika {width: 100%;   background-position: right top; background-repeat: no-repeat; }
.naslovna .oblast {padding: 3px 0 0px 30px; margin-bottom: -3px; }
.naslovna .oblastOpis p{padding: 0 0 0 30px; font-size: 0.8em; margin: 0px 0 0 0; color: #222222; }
.naslovna .oblast a{color: rgb(50,50,50);}
.naslovna .oblast a:hover{color: rgb(0,0,0); text-decoration: underline;}

.naslovna .shownhiden {padding: 0 0 0 60px; display:none; margin-top: -5px;}
.naslovna .shownhiden p {padding: 3px 0 3px 0; }
.naslovna .shownhiden a {color: rgb(70,70,70);}
.naslovna .shownhiden a:hover {color: green;}
.naslovna .showhide a {color: green; }
.naslovna .showhide a:hover{color: rgb(100,200,100);}


.naslovna .siteSectionHead{font-weight: bold; margin-top: 10px;}
.naslovna .siteSection{margin: 5px 0 0 20px;}
.naslovna .siteSection a{color: green;}
.naslovna .siteSection a:hover{color: rgb(100,200,100);}
.naslovna .siteSection span {color: rgb(50,50,50);}

/* sadrzaj lesson */
.lesson p {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.lesson .sredina {margin: 10px auto; width: 100%; text-align: center;}
.lesson .sredina p {text-align: center;}
.lesson .definicija{margin: 5px 0 5px 0px; font-weight: bold;}
.lesson .vazno {background-color: rgb(255,255,255); 
				border-top: 1px #cc945e dashed; border-bottom: 1px #cc945e dashed;
				margin: 5px 0 5px 0;}
				
.lesson .math {display: inline; font-family: 'Gill Sans' serif;  font-weight: normal; }
.lesson .mathB {display: inline; font-family: 'Gill Sans' serif; }
.lesson .mathBI {display: inline; font-family: 'Gill Sans' serif; font-weight: bold; font-style: italic;}
.lesson .mathBl {display: inline; font-family: 'Gill Sans' serif; color: rgb(11,11,150);}
.lesson .normalF {color: black; font-weight: normal;}
.lesson .blackC {color: black;}
.lesson .blueC {color: blue;}
.lesson p.uvucen {margin: 3px 0 3px 20px;}
.lesson p.prvipar{margin: 15px 0 0px 0;}
.lesson p.prviparH{margin: -10px 0 0px 0;}

.lesson img.slikaGeo { float:right;}
.lesson .parUpUv{margin: -10px 0px 0px 20px; padding: 0px 0px 0px 0px; }


.lesson table.stepsolution{margin-left: 20px;}
.lesson table.stepsolution td{width: 50%;}
.lesson h3{ margin-bottom: 10px; 
			font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.1em;
			font-weight: normal;}
.lesson pre {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 0.9em;}

/* ovo su stilovi za naslov lekcije */
.lesson .prevNextTable{width: 100%; margin-bottom: -10px; margin-top: 10px;}
.lesson .prevNextTable a{color: #de8500; font-weight: bold; font-size: 0.9em;}
.lesson .strelice{font-size: 1.4em;}
.lesson .nextLink {text-align: right;}
.lesson .previous {font-size: 0.7em; padding: 0 0 0 20px; margin: 0;}
.lesson .naslov {margin: 15px auto 0 auto; text-align: center; padding: 5px 0 5px 0;
border-top: 1px dotted black; border-bottom: 1px dotted black;  background-color: rgb(250, 250, 250);}
.lesson .lessonIntro{ color: #de8500; font-weight: bold; }
.lesson h2{margin: 5px 0 0 0;}
.googleSquareBig{float:right; margin: 15px 20px 20px 20px;} 

/* Question - ovo je forma gde se postavlja pitanje u okviru lekcije */
.lesson .captionPitanje{font-weight: bold; text-align: center; margin: 10px 0px 10px 0px; 
		border-top: 2px solid gray; border-bottom: 2px solid gray; background-color: #61D46F;}
.lesson .question{width:720px; display: block; margin: 10px 0 10px 0; 
		background-image: url("slike/pozPitanjaGlavna.jpg"); }
.lesson .question .leftQuestion{float:left; width: 340px;  }
.lesson .question .rightQuestion{float:right;  width: 340px; }
.lesson .question .answerButton{height: 30px;vertical-align: middle; width: 5%;}
.lesson .question .answerPicture{height: 30px;vertical-align: middle; width: 35%;}

.lesson .question .level1{font-weight: bold; text-align: center; background-color: rgb(200,200,200);}
.lesson .question .level2{font-weight: bold; text-align: center; background-color: rgb(200,200,200);}
.lesson .question .questionPicture{text-align: center;}
.lesson .question .odgovor{width: 16px;}

.lesson .question1wrap{}
.lesson .captionPitanje1{font-weight: bold; text-align: center; margin: 10px 0 0 0; padding: 0;
		border-top: 1px solid gray; background-color: #eeeeee; }
.lesson .question1left{float:left; display: block; width: 50%; }
.lesson .question1right {float:right; display: block; width: 48%; padding: 10px 0 0 0;}

.lesson .question1right table {width: 100%; border-bottom: 1px solid gray;}
.lesson .question1right table tr td.question1picture{text-align: center; vertical-align: middle;}
.lesson .question1right table tr td{vertical-align: middle;}
.lesson .question1right img.post{margin: 10px 0 10px 0;}
.lesson .siroko{width: 550px; margin: 0 100px 0 0;}



/* sadrzaj mathformulas */
.mathformulas h1 {color: #111111; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 1.8em; 
	font-weight: normal; margin: 5px 0 5px 0; }
.mathformulas h2 {font-family: Arial,Helvetica,sans-serif; font-weight: normal; margin: 30px 0 5px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #aaaaaa;
padding-bottom: 5px;
color: #cc6600;
font-size: 1.2em;}
.mathformulas h2.nijeprvi {margin: 30px 0 0 0px;}
.mathformulas h3{margin: 20px 0 5px 30px;}
.mathformulas h1.formule{font-size: 1.5em; margin-top: 15px; color:#cc945e; }
.mathformulas h1.formule span{color: black;}
.mathformulas p.glavni {margin: 0 0 10px 30px; line-height: 23px;}
.mathformulas a {color: rgb(50,50,50);}
.mathformulas a:hover {text-decoration: underline; color: green;}

/* sadrzaj calculator */
.calculator {margin-bottom: 20px;}
.calculator .naslov {margin: 15px auto 0 auto; text-align: center; padding: 5px 0 5px 0;
border-top: 1px dotted black; border-bottom: 1px dotted black;  background-color: rgb(250, 250, 250);}
.calculator .lessonIntro{ color: #de8500; font-weight: bold; }
.calculator h2{margin: 5px 0 0 0;}
.calculator p.uvucenB {margin: 3px 0 3px 20px; font-weight: bold; padding-left: 0px;}
.calculator p.uvucen2B {margin: 3px 0 3px 40px; font-weight: bold; padding-left: 0px;}
.calculator p.uvucen {margin: 3px 0 3px 20px; padding-left: 0px;}
.calculator p.uvucen2 {margin: 3px 0 3px 20px; padding-left: 0px;}
.calculator p.uvucen2exp {margin: 3px 0 3px 40px; padding-left: 0px;}
.calculator p {padding-left: 10px;}

.calculator .formcalc{margin:0 auto; width:680px; padding:14px; border:solid 2px #b7ddf2; background:#ebf4fb;}
.calculator .formcalc h1 { font-size:14px; font-weight:bold; margin-bottom:8px; }
.calculator .formcalc p{ font-size:11px; color:#666666; margin-bottom:20px; 
	border-bottom:solid 1px #b7ddf2; padding-bottom:10px; }
.calculator .formcalc p.how{ margin-bottom:0px; padding: 0px;}
.calculator .formcalc label{ display:block; font-weight:bold; text-align:right; width:140px; line-height: 30px;
	float:left; }
.calculator .formcalc .small{ color:#666666; font-size:11px; font-weight:normal;
	text-align:right; width:120px;}
.calculator .formcalc .preview{ color:#666666; font-size:11px; font-weight:normal;
	text-align:right; width:100px;}
.calculator .formcalc input{ float:left; font-size:12px; font-weight: bold;
	padding: 5px 0px 5px 0px; border:solid 1px #aacfe4; width:400px; height: 20px; 
	margin:2px 0 20px 10px; line-height: 20px; }
.calculator .formcalc .radio { float:left; padding:4px 2px; 
	  margin:2px 4px 20px 10px; width: 15px; height: 15px; border:none;}
.calculator .formcalc button{ clear:both; margin-left:150px; width:200px; height:31px;
	 text-align:center; line-height:31px; color:#ffffff; font-size:11px; font-weight:bold; 
	 background-color: #333333; border: none;}
.calculator .formcalc button.dugi2{width: 250px;}
.calculator .formcalc input.smallInput{width: 40px; text-align: center;}
.calculator .formcalc input.dugi2{width: 250px; text-align: center;}
.calculator .formcalc input.dugi150{width: 150px; text-align: center;}
.calculator .formcalc label.smallLabel{width: 30px; text-align:center;}
.calculator .formcalc .comboZnak{width: 40px; float: left; font-size: 16px; margin-top: 6px; }
.calculator .formcalc label.preview{text-align: center;}
.calculator .formcalc input.generateExample {width: 200px; height:31px; text-align:center; line-height:31px;
padding: 0px; margin: 0px;}
.calculator .formcalc input.generateExample:hover {border: 1px solid black;}


.calculator .howTo{display:none; position:absolute; border: 1px solid gray; background-color: #eee; padding: 5px;
font-weight: bold; text-align: left;}
.razlomak {width: 250px; margin: 0 0 0 30px; float: left;}
.razlomak td {margin: 0px; padding: 0;}
.razlomak td.razlomacka{background-color: gray; height: 3px;}
.calculator .formcalc input.numden {margin: 5px 0 5px 0; padding: 0; width: 250px; height: 25px; font-size: 12px;
text-align: center; }
.razlomak td.caption{height: 20px; color:#333333;}
.success, .error{
	border: 1px solid; padding:15px 10px 15px 30px; background-repeat: no-repeat;
	background-position: 10px center; margin:0 auto; width:660px;}
.calculator .success { color: black; background-color: #DFF2BF; }
.calculator .error { color: #D8000C; background-color: #FFBABA; }
.software {margin: 0 auto 0 auto; width: 100%; border-top: 1px solid gray; border-bottom: 1px solid gray; 
	height: 290px; background-color: #eeeeee;}
.software h2{text-align: center; margin-top: 20px; margin-bottom: 0px; }
.software .slika {width: 50%; float:left;  text-align: center; padding: 20px 0 0 0;}
.calculator .plusOne {float: right; margin-right: -20px;}
.calculator .plusOneImg{margin: 5px 0 0 25px;}

/* sadrzaj za homework help*/
.sadrzaj2 {width: 850px; float:right; margin: 0px 40px 10px 30px;}
.sadrzaj2 .noMember{margin: -15px 0px 10px 0px; font-weight: bold; color: gray; }
.sadrzaj h1 span{font-size: 25px; }
.sadrzaj2 p{line-height: 25px; margin-right: 40px; margin-left: 40px;}
.sadrzaj2 p span{font-weight: normal; }
.sadrzaj2 .iznadForme{font-weight: bold; color:rgb(100,100,100); font-size: 20px; width: 90%; 
	margin: 10px auto 10px auto;}
.sadrzaj2 .stepsPar{margin: 20px 0px -10px 40px; font-weight: bolder; font-size: 1em;}
.sadrzaj2 .mejlerror {color: red; font-size: 0.8em; width: 300px; display: none;}
.sadrzaj2 input{border: 1px solid rgb(196, 196, 196); background-color: rgb(249, 249, 249);  height: 21px; 
				width: 360px; text-align: center; font-weight: bold; color: rgb(50,50,50); }

/* linkovi na kraju lekcije koja ima odeljak related */
.related {width: 500px; float: right; margin: 30px 0 0px 0; 
	border-bottom: 1px solid gray; border-top: 1px solid gray; padding-bottom: 10px;}
.relatedSlika {float:left; width: 105px; height: 105px; margin: 50px 0 0 10px;
	background-image: url(slike/more-help.jpg); background-repeat: no-repeat;}
.related .caption{margin: 10px 0 5px 0px;  font-weight: bold; font-size: 1em; 
padding: 3px 0 3px 10px;  color: black ; font-family: Arial,Helvetica,sans-serif;}
 .related a{color: #1a1a99; display: block; margin: 10px 0 10px 30px;}
.related a.prevnext{color: #111133;}
.related a:hover{color: green;}

/* linkovi na kraju kalkulatora */
.realatedCalculators {float:right; margin: -5px 10px 0px 5px; width: 300px;}
.realatedCalculators .caption {font-size: larger; color: #222222;  border-bottom: 2px gray solid;}
.realatedCalculators .aHolder{height: 25px; margin: 3px 0 3px 0; border-top: 1px #ebf4fb solid; border-bottom: 1px #ebf4fb solid;}
.realatedCalculators .aHolder:hover{border-top: 1px gray solid; border-bottom: 1px gray solid; background-color: #b7ddf2;}
.realatedCalculators a {display: block; width: 100%; height: 100%; 
			     cursor: pointer; color: #222299; font-family: Arial,Helvetica,sans-serif;
			     padding-left: 10px; line-height: 25px; font-size: 0.8em; }
.realatedCalculators a:hover{color: #222200;; }

/* dodatak - nalazi se na dnu lekcije i kalkulatora i formula*/
.dodatakDesno {float:left; width: 280px; margin: 0 0 0 20px;}
.dodatakDesno p{font-size: 0.8em;}
.dodatakRecomended{margin: 0px 0px 5px 0px; color: #EEEEEE; line-height: 2em;
font-size: 1em; font-weight: bold; text-align: center; background-color: #006699;}

.softAbout1 { font-size:1em; text-align:center; font-weight: bold;  color: #006699; }
.softAbout2 { font-size:1em; text-align:center; font-weight: bold;  color: #006699; }
.dodatakCalcMain{ margin:10px auto; width:720px; border:solid 2px #b7ddf2; padding: 10px 0 0 0; 
			background:#ebf4fb; height: 270px;}
.dodatakDesnoCalc {float:left; width: 340px; margin: 0 20px 0px 20px; }
.dodatakDesnoCalc p {font-size: 0.8em; }
.googlePravougMaliCalc1{float:right; margin: 5px 10px 0px 5px; width: 300px;}
.googlePravougMaliCalc2{float:right; margin: 0px 5px 0px 0px; width: 170px;}


/* FOOTER - sastoji se iz tri dela */
.footer { clear:both; width: 100%; background-image: url(slike/pozFooter.jpg); background-repeat: repeat-x; height: 250px; border-top: 2px solid #444444; }
/* footer welcome - ovo je about the autor*/
.footer .nistaFoot{width: 70px; float:left;}
.footer .welcome {width:250px; float:left; margin: 10px 0 0 0px; padding: 0;}
.footer h1{font-size: 1.1em; font-weight: bold; color: black; line-height: 1.6em; border-bottom: 1px solid black;}

.footer .welcome p {color: #111111; font-size: 0.8em; text-align: justify;}
.footer .welcome a{color:#cc945e; text-decoration: none; font-weight: bold;}

/* footer forma - srednji deo gde je forma*/
.footer .footerForma {width:250px; float:left; margin: 10px 0 0 30px; padding: 0px;}
.footer form{width: 250px;}
.footer textarea{width: 100%; background-color: white; border: 1px solid #777777;}
.footer input.text{width: 100%; background-color: white; border: 1px solid #777777;}
.footer input.submitFoot{border: 1px solid #777777; margin: 10px 0 0 0; float: right; font-weight: bold;}
.footer input.submitFootLesson{border: 1px solid #777777; margin: 10px 0 0 0; float: right; font-weight: bold;}
.footer .footerForma p.form {color: #111111; font-size: 0.8em; text-align: justify; margin: 3px 0 3px 0; 
font-weight: bold;}

/* footer linkovi - deo gde su linkovi*/
.footer .footerLinkovi {width:250px; float:left; margin: 10px 0 0 30px; padding: 0;}
.footer .footerLinkovi div.footerLink {float: left; width: 100%; margin: 4px 0 4px 0;}
.footer .footerLinkovi div.footerLink a{color:#333333; text-align: left; 
		font-size: 0.8em; float: left; text-decoration: none; font-weight: bold;}
.footer .footerLinkovi div.footerLink a:hover{text-decoration: underline;}
.footer .google{clear: both; margin: 0px 0 0 70px;}
.link p{ margin: 5px 0 15px 20px;}


/* ovo je payment strana */
#plavatabela { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;	font-size: 12px;
	margin: 0px; text-align: left; border-collapse: collapse; margin-left: 0px; }
#plavatabela th { font-size: 13px; font-weight: bold; padding: 8px; background: #b9c9fe;
	border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; }
#plavatabela td { padding: 8px; background: #e8edff;  border-bottom: 1px solid #fff; color: #669; 
				  border-top: 1px solid transparent; font-weight: bold; }
#plavatabela tr:hover td { background: #d0dafd; color: #339;}
#plavatabela .inputText { font-weight: bold; text-align: center;}
#ver-zebra
{	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;  margin: 0px auto;
	width: 90%; text-align: left;
	border-collapse: collapse; color: #333;
}
#ver-zebra th
{
	font-size: 14px; font-weight: normal;
	padding: 12px 15px; border-right: 2px solid #fff;
	border-left: 2px solid #fff; background-repeat: repeat-x;  	
}
#ver-zebra td
{  padding: 8px 15px; border-right: 2px solid #fff; border-left: 2px solid #fff;
  line-height: 20px;	}
.vzebra-odd { background: #FFF; }
.vzebra-even { background: #FFF; }
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{ 
	background-image: url(slike/listaback.jpg);   	border-bottom: 2px solid #FFF;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background-image: url(slike/listaback.jpg); 
	border-bottom: 2px solid #FFF;
}
.buttCont{width: 170px;}


/* stilovi za google oglase */
.googleSide{margin-left: 20px;}
.googleSideAmazon{margin-left: 10px;}
.googleSideCalc{margin-left: 30px;}
.googlePravougSrednji{float:right; margin: 0px 30px 0px 0px; width: 350px;} 
.googleSquareBigCalc{float:right; margin: 0px 40px 20px 20px;}
.googleSquareBig{float:right; margin: 15px 20px 20px 20px;}  

/* tabele za razlomke */
.calculator .formcalc .mixedFraction {float: left;}
.calculator .formcalc .mixedFraction input.ceoDeo{width: 40px; text-align: center; vertical-align: middle; 
	margin: 0 5px 0 5px; padding: 0;  height: 30px;}
.calculator .formcalc .mixedFraction td.razlomacka{background-color: black; height: 3px;}
.calculator .formcalc .mixedFraction input.comboOperacija select option{
			  margin: 0 5px 0 5px; padding: 0; font-size: 15px;}
.calculator .formcalc .mixedFraction input.separator{width: 40px;}


/* stilovi za slanje greske kod kalkulatora*/
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#111; display:none; }
  
.errorWindow { position:absolute; left:0; top:0; width:350px; border: 5px solid black;
		  display:none; z-index:9999; padding:0px 0 20px 20px; background-color: #99ff66;
		  min-height: 300px;
}
.reportErrorForm p{padding: 0px; margin: 5px 0 5px 20px; color: #111; font-size: 14px; font-weight: bold;}
.reportErrorForm p.inputValues{padding: 0px; margin: 5px 20px 5px 30px; color: #111; font-size: 14px;
					 font-weight: normal;}
.reportErrorForm textarea {margin-left: 20px;}
.reportErrorForm input {margin-left: 20px;}
.reportErrorForm h2{margin: 20px 0 0 20px; clear: both;}
.reportErrorForm input.submitError{ clear: both; width:230px; height:30px;
	 text-align:center; line-height:30px; color:#ffffff; font-size:14px; font-weight:bold; 
	 background-color: #333333; border: none; margin-top: 15px;}
.reportErrorForm input.close{ clear: both; width:30px; height:30px; font-family: sans-serif;
	 text-align:center; line-height:30px; color:#ffffff; font-size:14px; font-weight:bold; 
	 background-color: #333333; border: none; float: right; margin: 0; padding: 0;}

.sadrzaj a.errorReportLink {float: right;  margin: 0 20px 50px 0; color: black; clear: both;}
.sadrzaj a.errorReportLink:hover {color: red;}
.messageErr{width: 100%; margin: 10px auto;  padding: 10px 0;}
.messageErr h2{color: black; text-align: center;}

.geomFormLeft {width: 170px; float: left; margin-left: 20px;}
.geomFormMiddle {width: 280px; float: left;}
.geomFormRight {width: 160px; float: right; margin-left: 20px;}
.geomGivenTable {width: 100%; float: left;}
.geomGivenTable td{height: 30px;}
.calculator .formcalc input.geomCheck {padding:0px; margin:0 0 0 10px; width: 15px; border: none;}
.calculator .formcalc input.smallInputGeom {width: 40px; text-align: center; margin: 3px 0 3px 0; padding: 0px;	 
	    height: 20px; font-size: 12px;}
span.enterKnown{text-align: center; text-decoration: underline; color: #111;}

/* stilovi tekst koji ide ispod kalkulatora*/
.aboutCalcHolder {}
.aboutCalcHolder h1 {font-size: 1.3em;  color: #111111; font-family: Arial,Helvetica,sans-serif; 
			   margin-bottom: 5px; margin-top: 20px; text-decoration: underline;}
.aboutCalcHolder h2 {padding-left: 10px; color: #CC4117; font-size: 1em; 
			   font-family: Arial,Helvetica,sans-serif; margin-top: 10px;}
.aboutCalcHolder p.uvucen {padding-left: 20px;}
.aboutCalcHolder img.st {position: relative; top: 7px; }
.aboutCalcHolder .pictureHolder {float:right; margin-right: 40px; margin-left: 20px; }
.redText {color: #DF3400; }
.equSize90{font-size: 90%;}
.equSize95{font-size: 95%;}
.equSize90blue {font-size: 90%; color: blue;}


.MathJax span {font-weight: normal;}