@charset "utf-8";
/* CSS Document */
html body{ width:100%; line-height:15px; margin:0px; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
h1{ font-size:14px; border-bottom:1px #222 solid; color:#ccc; padding: 0 0 4px 0; margin:0px 0px 5px 0; }
h2{ font-size:14px; border-bottom:1px #222 solid; color:#ccc; padding: 0 0 4px 0; margin:0px 0px 5px 0; }
h3{ font-size:12px;  color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
h4{ font-size:12px;  color:#FFF; padding: 0 0 8px 0; margin:0px 0 15px 0;  }
p {   font-size:11px; padding: 0px 0 8px 0px; margin:0px; }
#outermain{ float:left; margin:0px; width:100%; display:block;  }
#topbar{ float:left; margin:0px; width:100%; min-width:1024px;  height: 60px; padding:20px 0px 10px 0px; margin:0 0 20px 0px; background-color:#000;   }
#topbar1{ float:left; margin:0px; width:100%; min-width:1024px; max-width:1680px;    }
#topbarillo{ float:left; margin:0px; width:800px; height: 35px; padding:10px 0px 10px 0px;  }
#logo{float:left; margin-left:0px; width:105px;   padding-left:20px;  }
#date{float:right;  width:200px; height: 100px; }
#date img{float:right; padding:15px 10px 0px 0px; }
a {  color: #ccc; text-decoration: none;   }
a:hover {color:#fff;  }
a:selected {color:#678792;  }

#mainNav{ float:left; width:240px; margin: 20px 0px 0px 0px; height:25px; padding-left:30px; text-align:right;  }
#mainNav ul {  margin:0px; padding:0px 0px 0px 15px; font: 700 14px Arial, Helvetica, sans-serif;   }
#mainNav ul li { float:left; font-size:14px; border-right:1px dotted #444; list-style:none; height:18px; margin-bottom:2px; }
#mainNav ul  li a {  color: #fff; text-decoration: none; padding: 6px 10px 0px 10px; margin-right:2px;   }
#mainNav ul li a:hover {color:#999;    }
#mainNav ul li a.selected { color:#888;  }

.mainNav2{ float:left; width:480px; margin:0px; margin-right:50px; padding:20px 0px 0px 0px;  padding-left:0px; text-align:left; color:#999;  }
.mainNav2 ul {  margin:0px; padding:0px; font: 300 11px Arial, Helvetica, sans-serif;   }
.mainNav2 ul li {  list-style:none;  height:15px;   margin:0px; padding:0px }
.mainNav2 ul  li a {  color: #999; text-decoration: none; padding: 6px 55px 0px 0px; margin-right:2px; margin:0px;   }
.mainNav2 ul li a:hover {color:#ccc;  }
.mainNav2 ul li a.selected { color:#ccc; }
.mainNav2 h2 {  font: 11px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;  }
#midbar{   width:100%; position: absolute; bottom: 0; left: 0; min-width:1105px; padding:15px 0px 25px 25px; height:80px; margin:0px 0 0px 0px; background-color:#000; opacity:0.85;filter:alpha(opacity=85); color:#999;  }
#midbar1{ float:left;  width:400px; color:#999}
#midbar2{  float:left; width:360px; color:#999; margin-left:40px; }
#midbar3{  float:left; width:220px; color:#999; margin-left:30px; } 

#midbar h1{ color:#ccc}
#midbar h2{ color:#ccc}

#mainbanner{   float:left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 20px; width:980px; height:384px; color:#fff; overflow:hidden;}
#mainbannercontent{   float:left; padding:0px 0px 0px 0px; margin: 10px 0px 0px 10px; width:980px;  color:#fff; }
#projectsind{ width:100%; padding-right:100px; float:left;   text-align:left;  padding-top:0px;  margin: 0px 0px 0px 20px;}
.project{ float:left; width:200px; height:94px; background-color:#050E13; margin: 20px 20px 0px 0px; border:thin #050E13  }
.project_inner{ float:left; width:200px; height:90px; background-color:#050E13; margin: 0px 0px 5px 0px;}
.projectimg{ float:left; width:196px; height:68px; background-color:#000; margin: 2px 2px 2px 2px; }
.projecttxt{ float:left; height:18px; width:190px;  margin: 2px 2px 2px 2px;padding:0px 0px 0px 4px; color:#2E536E; }
.projecttxt a{ text-decoration: none; color:#2E536E; font:9px normal Verdana, Arial, Helvetica, sans-serif ;  }
.projecttxt a:hover{ color:#2F5C79; }
.projecttxt a:hover{ color:#0177FA; }
.projecttxt h1{ color:#4680A9; margin:0px; font:9px normal Verdana, Arial, Helvetica, sans-serif ; padding-bottom:4px;}

.intro p{ padding:170px 300px 10px 0px; color:#777; font-size:9px }
.clear{ clear:both;}
.latest_line{ color:#999; float:left; height:30px; padding:25px 0 0 0; width:600px; text-align:right;   }
.latest_line h1{ color:#888; font-size:11px; border:0px;    }
#probox{ width:900px; height:550px; padding:5px; background-color:#000000}
#proboxcontent{ width:880px; height:520px; padding:10px; background-color:#111}
.about{ width:500px; height:400px;   }
.intro{ width:980px; height:450px; background-image: url(../images/graphic_communication.jpg); background-repeat:no-repeat; }



#gallery {position:relative; height:390px }
#gallery a {float:left;position:absolute;}
#gallery a img { border:none;}
#gallery a.show { z-index:500}
#gallery .caption {z-index:600; background-color:#000; color:#C5C2B1; height:30px; width:100%; position:absolute;bottom:0;}
#gallery .caption .content { margin:5px 0px 5px 20px;}
#gallery .caption .content h3 { margin:0;padding:0; color:#C5C2B1;}