/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
.MATH    { font-family: "Century Schoolbook", serif; }
.MATH I  { font-family: "Century Schoolbook", serif; font-style: italic }
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }

/* implement both fixed-size and relative sizes */
SMALL.XTINY		{ font-size : xx-small }
SMALL.TINY		{ font-size : x-small  }
SMALL.SCRIPTSIZE	{ font-size : smaller  }
SMALL.FOOTNOTESIZE	{ font-size : small    }
SMALL.SMALL		{  }
BIG.LARGE		{  }
BIG.XLARGE		{ font-size : large    }
BIG.XXLARGE		{ font-size : x-large  }
BIG.HUGE		{ font-size : larger   }
BIG.XHUGE		{ font-size : xx-large }

/* heading styles */
/* mathematics styles */
DIV.displaymath		{ }	/* math displays */
TD.eqno			{ }	/* equation-number cells */


/* document-specific styles come next */
body {font-family: 'Open Sans',sans serif; font-size:16px;
      background: #fbfbfb;width: 95%;max-width: 970px;margin-left: 8px;
      margin-right: 5px; margin-top:0px;
      overflow-x:hidden;}
/* body {font-family: Times,"Times New Roman",serif; font-size:14px;
      background: #fbfbfb;width: 100%;margin-left: 5px; margin-top:0px;
      overflow-x:hidden;} */

a, u {
    text-decoration: none;
}

a:link {color:#0066cc; text-decoration:none;}
a:active {color: #0066cc; text-decoration:none;}
a:visited {color: #0066cc; text-decoration:none;}
a:hover{color:#0066cc; text-decoration:none;}


H1 {color: #C00;font-weight:200;font-size:22px;
    margin-top:0px;margin-bottom: 14px;}
H2 {color:#C00;font-weight:200;font-size:20px;
    margin-top:0px;margin-bottom: 14px;}
H3,H4,H5 {color:#C00;font-weight:200;font-size:18px;
    margin: 0px;}
H1,H2,H3,H4,H5 {text-align:left;}
H2,H3,H4,H5 {margin-top:14px;} 
B {font-weight: bold; color:#335599;}
B.nav {font-weight:normal; color:#666666;font-size:14px}
STRONG {font-weight: bold; color: #C06030;}
em { color: #c00000; font-style: normal}
i { color: #000099; font-style: normal;}
li {margin-top:10px}
ul li {list-style: disc;}
ul ul li {list-style: square;}
ul ul ul li {list-style: circle;}
p,br,table,ul,dl,caption {font-family:'Open Sans',sans serif;
    font-size:16px;} 
center {text-align:left}

dt {margin-top: 8px; margin-left:8px;}

dl dd {
  display: inline;
  margin-left:10px;
}
dl dd:after{
  display: block;
  content: '';
}
dl dt{
  display: inline-block;
  min-width: 10px;
}

dl dl{
  display: block;
  min-width: 10px;
  margin-left:20px;
  margin-top:10px;
}



div {font-family:'Open Sans',sans serif; font-size:16px; text-align:left;}

.def { color: #000000; margin: 0cm 0cm;
       border: none; padding: 2px 5px; background-color:#dfdfdf;display:inline-block;}
.def b {color: #0066cc}

.teo { color: #000000; margin: 0cm 0cm;
       border: none; padding: 2px 5px;background-color:#dfdfdf;display:inline-block;}
.teo b {color: #b30000}

.pri { color: #000000; margin: 0cm 0cm;
       border: none; padding: 2px 0px; }
.pri b {color: #b30000}

.zad { color: #000000; margin: 0cm 0cm;
       border: none; padding: 2px 0px;}
.zad b {color: #008000}

.nap { color: #000000; margin: 0cm 0cm;
       border: none; padding: 2px 0px}
.nap b {color: #0066cc}

.dok b {color: #0066cc}

ul {padding-left:0px;margin-left:8px;}
li {padding-left:0px;margin-left:8px;}
center {text-align:left}

arrow {
  border: solid #06c;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {margin-left:3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media only screen{
html{
 height:100%;
 min-height:100%;
}
body{
    width:95%;max-width:970px;overflow-x:hidden;
 min-height:100%;margin-left:8px;margin-right:5px;
}
table {width:10px;margin-left:0px;text-align:left}
div {text-align:left;}
tr,td {width:10px;margin-left:0px;text-align:left}
/*
dt {margin-left:0px;padding-left:0px; text-align:left;}
dd {margin-left:0px;padding-left:0px; text-align:left;}
*/
h1,h2,h3 {text-align:left; margin-top:0px;margin-bottom:14px}
/* h2,h3,h4 {margin-top: 14px;} */
ul {padding-left:8px;margin-left:8px;}
li {padding-left:8px;margin-left:8px;}
center {text-align:left}
}