* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#000000;background:#FFFFFF;}



.container {margin:0 auto;}

header {margin:1px 0;}
header img {width:100%;}

section {
        padding: 0px;
      }
p {
        line-height: 1.5;
		text-align: justify;
      }

img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
      }	
	
	
main img {width: auto; height: auto;}

aside {float:left;margin:0 0 25px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000000;background:#FFFFFF;padding:8px 20px;}
aside nav ul li a:hover{background:#1f71d4;color:#FFF;}

a:link {
	
	font-weight: bold;
    text-align: center; 
	text-decoration: none;
	color: #000000;
}

a:visited {

	font-weight: bold;
    text-decoration: none;
	color: #000000;
}

a:hover {

	font-weight: bold;
    text-decoration: underline;
	color: #000000;
}

a:active {

	font-weight: bold;
    text-decoration: underline;
	color: #000000;
}

#main {}

footer {clear:both;color:#FFF;background:#1f71d4 ;padding:15px 0 15px 30px;margin:0 0 25px;}


@media (min-width: 1100px) {
	.container {width:1050px;}
	aside 
	#main {width:100%;}
		
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:100%;}
	aside 
	#main {width:100%;}

	}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:100%;}
	aside
	#main {width:100%;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:100%;}
	aside,
	#main {width:100%;}
}
@media (max-width: 500px) {
	.container {width:100%;}
	aside,
	#main {width:100%;}
}

#rod {

        max-width: 96%;

}
#rod:after {
  content:'';
  display:block;
  clear:both;
  float:left;
}

#dzi1 {
  float:left;
  width:16%;
}

#dzi2 {
  float:left;
  width:16%;
}
#dzi3 {
  float:left;
  width:16%;
}
#dzi4 {
  float:left;
  width:16%;
}

#dzi5 {
  float:left;
  width:16%;
}

#dzi6 {
  float:left;
  width:16%;
}
#dzi7 {
  float:left;
  width:16%;
}
#dzi8 {
  float:left;
  width:16%;
}
#dzi9 {
  float:left;
  width:16%;
}
#dzi10 {
  float:left;
  width:16%;
}
#dzi11 {
  float:left;
  width:16%;
}#dzi12 {
  float:left;
  width:16%;
}#dzi13 {
  float:left;
  width:16%;
}#dzi14 {
  float:left;
  width:16%;
}#dzi15 {
  float:left;
  width:16%;
}#dzi16 {
  float:left;
  width:16%;
}#dzi17 {
  float:left;
  width:16%;
}




#ro {

        margin: 0 auto;

}
#ro:after {
  content:'';
  display:block;
  clear:both;
}

#rf1 {
  float:left;
  width:33%;
}

#rf2 {
  float:left;
  width:33%;
}
#rf3 {
  float:left;
  width:33%;
}
#rf4 {
  float:left;
  width:33%;
}




#z {

        margin: 0 auto;
        max-width: 100%;

}
#z:after {
  content:'';
  display:block;
  clear:both;
}

#z1 {
  float:left;
  width:33%;
}

#z2 {
  float:left;
  width:33%;
}
#z3 {
  float:left;
  width:33%;
}


#k {

        margin: 0 auto;
        max-width: 100%;

}
#k:after {
  content:'';
  display:block;
  clear:both;
}

#k1 {
  float:left;
 
}

#k2 {
  float:left;
}


#fun {

        margin: 0 auto;
        max-width: 100%;

}
#fun:after {
  content:'';
  display:block;
  clear:both;
}

#fu1 {
  float:left;
  width:auto;
  padding: 4px;
  margin-left:1%;
}

#fu2 {
  float:left;
   width:80%;
   padding: 4px;
   margin-left:1%;
}

div.fu1 img{ 
    width:100%;
    vertical-align:middle;
}


#mis {

        margin: 0 auto;
        max-width: 100%;

}
#mis:after {
  content:'';
  display:block;
  clear:both;
}

#mi1 {
  float:left;
  width:auto;
  padding: 4px;
  margin-left:1%;
}

#mi2 {
  float:left;
   width:68%;
   padding: 4px;
   margin-left:1%;
}
#nag {

        margin: 0 auto;
        max-width: 100%;

}
#nag1 {
  float:right;
  width:4%;
}

#nag2 {
  float:right;
  width:4%;
}
#nag3 {
  float:right;
  width:4%;
}
#nag4 {
  float:right;
  width:4%;
}
#nag5 {
  float:right;
  width:4%;
}
#nag6 {
  float:right;
  width:4%;
}
#nag7 {
  float:right;
  width:70%;
}
#nag8 {
  float:left;
  width:5%;
}
#nagmenu{

        margin: 0 auto;
        max-width: 90%;

}
#nagmenu1 {
  float:center;
  width:90%;
}
#nagmenu2 {
  float:center;
  width:10%;
}

h6 {
	font-weight: 700;
	font-size: 16px;
	color: #1f71d4;
}

article p
{
    max-height:0;
    opacity:0;
    transition:.7s ease-in-out;
}
article p:target
{
    max-height:9999px;
    opacity:1;
}


#lb {

        margin: 0 auto;
		display:block;
		clear:both;

}
#lb:after {
  content:'';
  display:block;
  clear:both;
}

#lbl1 {
  float:left;
  width:50%;
}

#lbl2 {
  float:left;
  width:50%;
}