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

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #000;
  margin:0px;
  padding:0px;
  background-color:#dfe3e3;
}
h1, h2, h3 {
  font-weight:normal
}
div, mg, a, form, input, label, h2 {
  padding:0;
  margin:0;
}
ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
a {
  text-decoration:none;
  outline:none;
  color:#fff;
}
a:hover {
  color:#999;
}
#centrar {
  margin:0 auto;
  padding:0 10px;
  width:975px;
  height:570px;
  background:#dfe3e3 url(../images/bg_body.jpg) left top no-repeat;
  position:relative;
  top:0;
}
h1 {
  margin: 0 auto;
  padding: 0;
}
h1 a {
  text-indent:-10000px;
  width:935px;
  height:59px;
  display:block;
  background:url(../images/bg_logo.png) bottom right no-repeat;
  font-size:30px;
  margin:10px 0 0 20px;
  padding:0 0 0 0;
}
/*-------------------------- MENU --------------------------*/
.menuContainer {
  padding:1px;
  font-size:80%;
  margin:5px 0 0 20px;
  padding:0;
  width:955px;
  height:66px;
}
.menuContainer li {
  display:inline;
  float:left;
  padding: 1px;
}
.menuContainer li a {
  display:block;
  height:29px;
  background: url(../images/separator.png) right center no-repeat;
  padding:0 10px;
  line-height:29px;
  color:#333;
}
.menuContainer li a:hover {
  padding:0 0 0 10px;
  color:#999;
}
.menuContainer li a:hover strong {
  display:block;
  background: url(./images/pro_line_1.gif) right top no-repeat;
  padding:0 10px 0 0;
}
.menuContainer .current a {
  display:block;
  padding:0 0 0 10px;
  color:#35b4e7;
}
.current .inicio strong {
  color:#666;
}
.current .web strong {
  color:#35b4e7;
}
.current .design strong {
  color:#8cc300;
}
.current .aplicaciones strong {
  color:#ff7400;
}
.current .contact strong {
  color:#ff0084;
}
.current .portfolio strong {
  color:#d70008;
}

.menuContainer .current a strong {
  display:block;
  background:url(./images/pro_line_1.gif) right top;
  padding:0 10px 0 0;
}
.menuContainer .submenu {
  position:absolute;
  top:90px;
}
.menuContainer .submenu li a {
  background:url(../images/separator.png) right center no-repeat;
  padding:0 10px;
}
.menuContainer .submenu .current, .menuContainer .submenu li a.last {
  background:none;
}
.menuContainer .submenu .current a, .menuContainer .submenu li a:hover {
  color:#faf0c2;
}
/*-------------------------- CONTENT --------------------------*/
#content {
  margin:-34px 0 0 10px;
  padding:0px;
  width:959px;
  height:406px;
  position: relative;
}
#content p {
  font-size:90%;
  width:400px;
  line-height:20px;
  font-weight:600
}
#content li {
  list-style:circle;
  margin-left:30px;
  font-size:90%;
  width:400px;
  line-height:20px;
  font-weight:600;
  color:#FFF
}
#inicio, #web, #design, #aplicaciones, #contact, #portfolio {
  width:944px;
  height:386px;
  padding:20px 0 0 15px;
}
#inicio {
  background:url(../images/bg_inicio.jpg) left top no-repeat;
}
#content #inicio p {
 	color:#fff; 
}
#content #inicio h2 {
	color:#fff;
}
#content #inicio h4 {
	color:#fff;
  margin-top:5px;
  margin-left:20px;
  margin-bottom:30px;
  font-weight:400;
}
#content #inicio .subh2 {
	color:#999;
}
#web {
  background:url(../images/bg_web.jpg) left top no-repeat;
}
#design {
  background:url(../images/bg_design.jpg) left top no-repeat;
}
#aplicaciones {
  background:url(../images/bg_aplicaciones.jpg) left top no-repeat;
}
#contact {
  background:url(../images/bg_contact.jpg) left top no-repeat;
}
#portfolio {
  padding:0 0 0 0px;
}

.subh2 {
  color:#fff
}

.azul, .azul a {color:#2cafe3}
.verde, .verde a {color:#8ac000}
.naranja, .naranja a {color:#ff7400;}
.rosa, .rosa a {color:#ff0084;}
.amarillo, .amarillo a {color:#fff200}

h3 {margin:0; padding:0;}

.banner a {
  text-indent:-10000px;
  width:431px;
  height:101px;
  display:block;
  font-size:20px;
  margin-top:0px;
  padding:0; 
}

#footer {
  margin:10px 15px 0 15px;
  font-size:80%;
  color:#333;
  font-weight:bold;
  text-align:right;
}