/* CSS Document */
body {
margin:0;
padding:0px;
background:url(images/bg.jpg) repeat-x #ffffff;
font-family:Arial;
font-size:11px;
color:#000000;
}
a {
color:#ffffff; text-decoration:none;
}
a:hover {
color:#0066FF;
}
ul{
list-style-type: square; margin:5px 20px 0px 10px; padding:0;
}
.ul2{
list-style-type:circle; margin:5px 20px 0px 10px; padding:0;
}
li{
margin:0px 0px 15px 0px; padding:0;
}
.li2{
margin:1px 0px 1px 0px; padding:0;
}
.verde{
color:#999900; font-weight:bold;
}
.azul{
color:#0066FF; font-weight:bold;
}
.azultitle{
font-size:24px; color:#0066FF; font-weight:bold;
}
.rojotitle{
font-size:24px; color:#CC3333; font-weight:bold;
}
.clear { 
clear: both;
}
.border {
border:1px solid #999999; margin:5px 5px;
}
.border2 {
border:6px double #CCCCCC;
}
.input {
font-size: 11px; color:#333333;
}
#wrapper {
margin:0px auto; width:800px;
}
#header {
width:280px; height:82px; float:left;
}
#header2 {
width:500px; height:50px; padding:32px 20px 0px 0px; text-align:right; font-size:13px; color:#999999; line-height:16px; float:left;
}
#menu {
width:800px; height:42px;
}
#menu .left{
width:43px; height:42px; background:url(images/index_01.jpg) no-repeat; float:left
}
#menu .center{
width:709px; height:42px; background:url(images/index_02.jpg) repeat; float:left
}
#menu .right{
width:48px; height:42px; background:url(images/index_04.jpg) no-repeat; float:left
}
#about {
width:800px; height:213px; background:url(images/index_07.jpg) no-repeat; float:left
}
#aboutDesign {
width:800px; height:213px; background:url(images/design_07.jpg) no-repeat; float:left
}
#about2 {
width:800px; height:100px;
}
#about2 .left{
width:367px; height:100px; background:url(images/index_08.jpg) no-repeat; float:left
}
#about2 .right{
width:413px; height:90px; padding:10px 20px 0px 0px; background:url(images/index_09.jpg) no-repeat; text-align:right; float:left
}
#left {
width:296px; height:auto; float:left;
}
#left .title{
width:266px; height:30; border-top:1px dashed #999999; border-bottom:1px dashed #999999; text-align:right; font-family:"Times New Roman", Times, serif; font-size:24px; margin:5px 0px 0px 0px; background:url(images/titlebg.gif) no-repeat; float:left;
}
#left .eminfo{
width:255px; height:90px; background:url(images/index_16.jpg) no-repeat; text-align:left; padding:72px 21px 0px 20px; float:left;
}
#right {
width:504px; height:auto; float:left;
}
#right .title{
width:474px; height:30; border-top:1px dashed #999999; border-bottom:1px dashed #999999; text-align:right; font-family:"Times New Roman"; font-size:24px; margin:5px 0px 0px 0px; background:url(images/titlebg.gif) no-repeat; float:left;
}
#right .text{
width:474px; height:auto;  margin:5px 0px 0px 0px; float:left;
}
#right .textimg{
width:474px; height:auto; margin:5px 0px 0px 0px; float:left;
}
#right .textext{
width:474px; height:auto; padding:10px 0; margin:5px 0px 0px 0px; float:left;
}
#footer {
width:100%; height:40px; background:#000000; margin:10px 0px 0px 0px; padding:5px 0px 0px 0px; text-align:center; color:#FFFFFF; float:left;
}
#new {
width:474px; height:70px; margin:5px 0px 0px 0px; padding:5px 0px; background:#c9c9c9; float:left;
}
ul#news {
padding:0; list-style:none;
}
#work {
width:250px; height:180px; float:left;
}
#works {
width:250px; height:160px; margin:10px 0px 10px 0px; float:left;
}
ul#works {
padding:0 0 0 46px; list-style:none;
}

/* css menu */
#navi {
list-style:none;
margin:0;
padding:0;
width:709px;
}
#navi li {
margin:0;
padding:0;
float:left
}
#navi li a {
width:112px;
height:20px;
padding:11px 0px 0px 0px;
display:block;
text-decoration:none;
text-align:center;
color:#CCCCCC;
border-right:solid 1px #CCCCCC;
}
#navi li a:hover {
color:#000000;
background:#ffffff;
border-right:solid 1px #000000;
}