body {
   margin:0; 
   padding:0; 
   font-family:verdana, arial, sans-serif; 
   font-size:80%; 
   color:#666666; 
   text-align:center;
   background-color:#DDDDDD;
}




p {
   margin:0.2em 0 1.2em 0; 
   padding:0.3em;
   text-align:justify;
}





h1.ref1 {
   padding:0; 
   margin:0;font-size:250%; 
   font-weight:normal; 
   font-style:italic; 
   color:#B33C00;
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}
h1.ref2 {
   padding:0; 
   margin:0;font-size:250%; 
   font-weight:normal; 
   font-style:italic; 
   color:#B33C00;
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}
h1.ref3 {
   padding:0; 
   margin:0;font-size:250%; 
   font-weight:normal; 
   font-style:italic; 
   color:#B33C00;
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}
h1.ref4 {
   padding:0; 
   margin:0;font-size:250%; 
   font-weight:normal; 
   font-style:italic; 
   color:#009CCC;
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}
h1.ref5 {
   padding:0; 
   margin:0;font-size:250%; 
   font-weight:normal; 
   font-style:italic; 
   color:#009CCC;
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}





h2 {
   background-color:#DDDDDD; 
   color:#3B4471; 
   font-size:100%; 
   font-weight:normal; 
   margin:0.2em; padding:0; 
   font-style:italic; 
   font-family:"Trebuchet MS", verdana, arial, sans-serif;
}




div {
   margin:0; 
   padding:0; 
   display:block;
}



a.ref1:link, a.ref1:visited {
   color:#666666;
   text-decoration:underline;
}
a.ref1:hover {
   color:#B33C00; 
   text-decoration:underline;
}
a.ref2:link, a.ref2:visited {
   color:#666666;
   text-decoration:underline;
}
a.ref2:hover {
   color:#B33C00;
   text-decoration:underline;
}
a.ref3:link, a.ref3:visited {
   color:#666666;
   text-decoration:underline;
}
a.ref3:hover {
   color:#B33C00; 
   text-decoration:underline;
}
a.ref4:link, a.ref4:visited {
   color:#666666;
   text-decoration:underline;
}
a.ref4:hover {
   color:#009CCC; 
   text-decoration:underline;
}
a.ref5:link, a.ref5:visited {
   color:#666666;
   text-decoration:underline;
}
a.ref5:hover {
   color:#009CCC;
   text-decoration:underline;
}






.container {
   background-color:#FFFFFF; 
   margin:0 auto 0 auto; 
   padding:0; 
   width:75%;
}




.titleblock1 {
   padding:2em; 
   margin:0; 
   text-align:left;
   background-image:url(../images/foto_cart.jpg); 
   background-repeat:no-repeat; 
   background-position:right center
}
.titleblock1 p {
   text-indent:4em; 
   color:#3B4471;
}
.titleblock2 {
   padding:2em; 
   margin:0; 
   text-align:left;
   background-image:url(../images/foto_proj.jpg); 
   background-repeat:no-repeat; 
   background-position:right center
}
.titleblock2 p {
   text-indent:4em; 
   color:#3B4471;
}
.titleblock3 {
   padding:2em; 
   margin:0; 
   text-align:left;
   background-image:url(../images/cam.jpg); 
   background-repeat:no-repeat; 
   background-position:right center
}
.titleblock3 p {
   text-indent:4em; 
   color:#3B4471;
}
.titleblock4 {
   padding:2em; 
   margin:0; 
   text-align:left;
   background-image:url(../images/foto_me.jpg); 
   background-repeat:no-repeat; 
   background-position:right center
}
.titleblock4 p {
   text-indent:4em; 
   color:#3B4471;
}
.titleblock5 {
   padding:2em; 
   margin:0; 
   text-align:left;
   background-image:url(../images/foto_cont.jpg); 
   background-repeat:no-repeat; 
   background-position:right center
}
.titleblock5 p {
   text-indent:4em; 
   color:#3B4471;
}




ul.navbar {
   list-style-type:none; 
   float:left; 
   display:block; 
   width:100%; 
   line-height:1.5em; 
   clear:both; 
   margin:0; 
   padding:0; 
   background-color:#999999;
}




ul.navbar li {
   display:inline;
}







a.nav1:link, a.nav1:visited {
   display:block; 
   float:left;
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none; 
   background-color:#999999; 
   color:#FFFFFF;
}
a.nav1:hover {
   display:block;
   float:left; 
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none;
   background-color:#B33C00; 
   color:#FFFFFF;
}
a.nav2:link, a.nav2:visited {
   display:block; 
   float:left;
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none; 
   background-color:#999999; 
   color:#FFFFFF;
}
a.nav2:hover {
   display:block;
   float:left; 
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none;
   background-color:#B33C00; 
   color:#FFFFFF;
}
a.nav3:link, a.nav3:visited {
   display:block; 
   float:left;
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none; 
   background-color:#999999; 
   color:#FFFFFF;
}
a.nav3:hover {
   display:block;
   float:left; 
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none;
   background-color:#B33C00;
   color:#FFFFFF;
}
a.nav4:link, a.nav4:visited {
   display:block; 
   float:left;
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none; 
   background-color:#999999; 
   color:#FFFFFF;
}
a.nav4:hover {
   display:block;
   float:left; 
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none;
   background-color:#4DB8FF; 
   color:#FFFFFF;
}
a.nav5:link, a.nav5:visited {
   display:block; 
   float:left;
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none; 
   background-color:#999999;  
   color:#FFFFFF;
}
a.nav5:hover {
   display:block;
   float:left; 
   width:20%; 
   padding:1.2em 0 1.2em 0; 
   margin:0; 
   text-decoration:none;
   background-color:#4DB8FF; 
   color:#FFFFFF;
}









.rightcontainer {
   float:right; 
   clear:both; 
   width:13em; 
   margin:1em 0 0 0; 
   padding:0;
}


.rightbox {
   margin:0.5em; 
   padding:0.3em; 
   border:1px solid #999999; 
   text-align:center;
}


.rightcontainer h2 {
   text-align:left; 
   padding:0 0 0 1.5em;
}


.content {
   clear:left; 
   text-align:left;
   margin:1.2em 13.5em 0 0; 
   padding:1em 1ex 1em 1.5ex;
}

.content h2 {
   text-indent:3em;
}

.contentdemo {
   clear:left; 
   text-align:left;
   margin:1.2em 0.3em 0 0; 
   padding:1em 1ex 1em 1.5ex;
}


.footer {
   color:#999999; 
   font-size:70%; 
   margin:2.5em 0.2em 0.5em 0.5em; 
   padding:0.8em; 
   border-top:1px solid #999999; 
   /*text-align:left; */
   clear:both;
}
.footer .right {
   float:right; 
   clear:right; 
   text-align:right;
}
.footer .left {
   float:left; 
   clear:left; 
   text-align:left;
}
.footer .cent {
   text-align:center;
}

.footer p {
   margin:0; 
}