body
{
background-color:#cccccc;
width:100%;
height:100%;
margin:auto;
font-family:Calibri, Arial, Times New Roman;
}
#header {
position:static;
margin:auto;
float:left;
position:static;
width:100%;
height:150px;
background-color:#666666;
background:url(../images/header.jpg) repeat-x;
}
#logo {
	position:absolute;
	top:52px;
	left:66px;
	margin:0px;
	border:none;
	border-color:#FFFFFF;
	width:369px;
	height:84px;
	background-color:#ffffff;
	background:url("../images/loga.jpg") no-repeat;
}
#logo a {
width:369px;
height:84px;
display:block;
border:none;
background: url("../images/loga.jpg") scroll no-repeat center bottom;}
#logo a:hover {
width:369px;
height:84px;
display:block;
border:none;
background: url("../images/loga.jpg") scroll no-repeat center top;}


#content {
position:static;
margin:auto;
width:1000px;
height:auto;
background-color:#ffffff;
}
#feeder {
position:static;
margin:auto;
float:left;
position:static;
width:100%;
height:50px;
background-color:#000000;
text-align:center;
}
#feeder a{border:none;}
#feeder a:hover{border:none;}
#feeder a:link{border:none;}
.blue{
color:#6abad3;
margin-top:5px;
font-weight:bold;
}
h1{padding-left:100px; padding-top:20px;color:#6abad3;}
h6{padding-left:10px;}
p{padding-left:20px; padding-right:20px;}
#menu-up{
width:1000px;
height:50px;
float:left;
background:url(../images/menu-up.jpg);
}
#menu-up a{color:#6abad3;text-decoration:none;}
#menu-up a:hover{color:#6abad3;text-decoration:underline;}
#menu-up ul{
margin-top:12px;
margin-left:350px;
}
#menu-up li{
font-size:18px;
color:#6abad3;
display:inline;
border:none;
background: no-repeat;
margin-left:75px;
}

#menu-mid a{color:#666666;text-decoration:none;}
#menu-mid a:hover{color:#666666;text-decoration:underline;}
#menu-mid ul{margin-top:12px;margin-left:350px;}
#menu-mid li{font-size:16px;color:#666666;display:inline;margin:10px;}
#mid{margin:15px;}
#mid a{color:#666666;text-decoration:none;}
#mid a:hover{color:#666666;text-decoration:underline;}
#menu{
position:static;
margin-left:200px;
width:602px;
height:402px;
}
#menu1 a {
float:left;
width:300px;
height:200px; 
display:block;
border:none;
background: url("../images/hwsw.jpg") scroll no-repeat center bottom;
}
#menu1 a:hover {
float:left;
width:300px;
height:200px;
display:block;
border:none;
background: url("../images/hwsw.jpg") scroll no-repeat center top;}
#menu2 a {
margin-left:300px;
width:300px;
height:200px; 
display:block;
border:none;
background: url("../images/siete.jpg") scroll no-repeat center bottom;}
#menu2 a:hover {
margin-left:300px;
width:300px;
height:200px;
display:block;
border:none;
background: url("../images/siete.jpg") scroll no-repeat center top;}
#menu3 a {
float:left;
width:300px;
height:200px; 
display:block;
border:none;
background: url("../images/internet.jpg") scroll no-repeat center bottom;}
#menu3 a:hover {
float:left;
width:300px;
height:200px;
display:block;
border:none;
background: url("../images/internet.jpg") scroll no-repeat center top;}
#menu4 a {
margin-left:300px;
width:300px;
height:200px; 
display:block;
border:none;
background: url("../images/program.jpg") scroll no-repeat center bottom;}
#menu4 a:hover {
margin-left:300px;
width:300px;
height:200px;
display:block;
border:none;
background: url("../images/program.jpg") scroll no-repeat center top;}