/*
  Website by Renato Campus Giraldo
  Copyright (c) 2010
  http://it.linkedin.com/in/renatocampusgiraldo
*/

BODY {border: 0px solid #ff0000;width: 800px;height: 500px;background-color: #000000;background-image: url(images/back.png);
	background-repeat: repeat-x;background-position: left top;}

a {color: #ffffff;text-align: right;font-size: 12px;font-family: Arial, serif;line-height: 20px;text-decoration:none;font-weight: bold;}
a:hover {color: #909090;text-align: right;font-size: 12px;font-family: Arial, serif;line-height: 20px;text-decoration:underline;font-weight: bold;}

li {list-style: square;color: #ffffff;text-align: justify;font-size: 12px;font-family: Arial, georgia, serif;}

#container {position: absolute;top: 0px;left:50%;margin-left:-425px;width: 800px;height: 500px;background-image: url(images/logo.png);
	background-repeat: no-repeat; background-position: left top;background-color: #000000;text-align: left;color: #000000;}

#certification {position: absolute;top: 150px;left: 0px;width: 160px;padding: 10px;}

#server a:active , #server a:link , #server a:visited {font-weight:normal;background-repeat: no-repeat;background-position: left top;
	border-top: 3px dotted #ffffff;padding-left: 120px;font-size: 12px;width: 100px;height: 130px;position: absolute;top: 380px;
	text-align: right;color: #ffffff;left: 50px;background-image: url('images/server.png');}
#server  a:hover {background-repeat: no-repeat;background-position: left top;border-top: 3px dotted #808080;padding-left: 120px;font-size: 12px;
	color: #808080;text-decoration:none;}
#web a:active , #web a:link , #web a:visited {font-weight:normal;background-repeat: no-repeat;background-position: left top;
	border-top: 3px dotted #ffffff;padding-left: 120px;font-size: 12px;width: 100px;height: 130px;position: absolute;top: 380px;
	text-align: right;color: #ffffff;left: 300px;background-image: url('images/web.png');}
#web  a:hover {background-repeat: no-repeat;background-position: left top;border-top: 3px dotted #808080;padding-left: 120px;font-size: 12px;
	color: #808080;text-decoration:none;}
#network a:active , #network a:link , #network a:visited {font-weight:normal;background-repeat: no-repeat;background-position: left top;
	border-top: 3px dotted #ffffff;padding-left: 120px;font-size: 12px;width: 100px;height: 130px;position: absolute;top: 380px;
	text-align: right;color: #ffffff;left: 550px;background-image: url('images/network.png');}
#network  a:hover {background-repeat: no-repeat;background-position: left top;border-top: 3px dotted #808080;padding-left: 120px;font-size: 12px;
	color: #808080;text-decoration:none;}

#menu {position: absolute;left: 620px;width: 150px;top: 230px;border: 0px;margin: 0px;}
#menu li {list-style:none;}
#menu li a {font-weight:normal;line-height:25px;border-bottom: 1px solid #ffffff;border-right: 3px solid #ffffff;text-decoration: none;}
#menu li a:link, #menu li a:visited {background-image: url(images/menu.png);background-repeat:no-repeat;background-position: bottom left;
	color: #ffffff;display: block;padding-right: 10px;}
#menu li a:hover {background-image: url(images/menu_hover.png);border-bottom: 1px solid #909090;
	border-right: 3px solid #909090;color: #808080;padding-right: 10px;}
#menu li a:active {background-image: url(images/menu_active.png);border-right: 3px solid #000000;color: #000000;padding-right: 10px;}

#server_catalog {border: 0px solid #ffffff;position: absolute;top:400px; left: 50px; height:100px;width: 720px;}
#web_catalog {border: 0px solid #ffffff;position: absolute;top:400px; left: 50px; height:100px;width: 720px;}
#network_catalog {border: 0px solid #ffffff;position: absolute;top:400px; left: 50px; height:100px;width: 720px;}

#screen {border: 0px solid #ffffff;width: 500px;position: absolute;left: 50px;top: 210px;}
#title {color: #ffffff;border-bottom: 1px solid #ffffff;padding-right: 5px;text-align: right;font-size: 18px;line-height: 18px;
	font-family: Arial, georgia, serif;font-weight: bold;}
#writing {color: #ffffff;text-align: justify;font-size: 12px;font-family: Arial, georgia, serif;}
#footer {position:absolute;left:50%;margin-left:-425px;width: 800px;background-color: #000000;font-size: 10px;text-align: center;color: #909090;}