@charset "utf-8";
/* CSS Document */

body
{
background-image:url(images_front/bg.gif);
background-repeat:repeat;
height:100%;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

#principal
{
width:820px;
height:392px;
margin-left:auto;
margin-right:auto;
margin-top:130px;
margin-bottom:auto;
}

#top
{
width:820px;
height:60px;
float:left;
background-image:url(images_front/top.png);
background-repeat:no-repeat;
background-position:top;
}

#middle
{
width:820px;
height:300px;
float:left;
background-image:url(images_front/mid.png);
background-repeat:repeat-y;
text-align:center;
}

#mid_1
{
width:820px;
height:145px;
float:left;
}

#h1
{
font-family:'Trebuchet MS', Georgia, Verdana;
font-weight:normal;
font-size:22px;
color:#FFFFFF;
}

.text1
{
font-family:'Trebuchet MS', Georgia, Verdana;
font-size:12px;
color:#FFFFFF;
}

#out_cell
{
margin-left:100px;
margin-top:20px;
float:left;
width:240px;
}

#in_cell
{
margin-right:100px;
margin-top:20px;
float:right;
width:280px;
}

.front_link
{
font-family:'Trebuchet MS', Georgia, Verdana;
font-size:22px;
color:#FFFFFF;
}

#mid_2
{
width:820px;
float:left;
margin-top:35px;
}

.text2
{
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
}

#foot
{
width:820px;
height:32px;
float:left;
background-image:url(images_front/bottom.png);
background-repeat:no-repeat
}