body {
	margin: 0;
	background: url(../img/fdo2.jpg) fixed no-repeat left top;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333
}
.clear {
	clear: both;
}
a img {
	border: 0;
}
#header {
	width: 978px;
	height: 158px;
	padding: 10px 0 0 10px;
	background: url(../img/trans.png) repeat left top;
	overflow: hidden;
}
#logo {
	width: 336px;
	height: 148px;
	background: #000;
	float: left;
	diplay: inline;
	margin: 0 10px 0 0;
}
#logo img {
	display: block;
	margin: 16px 0 0 21px
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul li {
	width: 148px;
	height: 148px;
	background: #000;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
#header ul li span {
	display: none;
}
#header ul li a {
	display: block;
	width: 148px;
	height: 148px;
}
#header ul li.servicios a {
	display: block;
	width: 148px;
	height: 148px;
	background: url(../img/tab-01ser.png) no-repeat 56px 96px;
	_background: url(../img/tab-01ser.gif) no-repeat 56px 96px;
}
#header ul li.portfolio a {
	display: block;
	width: 148px;
	height: 148px;
	background: url(../img/tab-02port.png) no-repeat 56px 96px;
	_background: url(../img/tab-02port.gif) no-repeat 56px 96px;
}
#header ul li.clientes a {
	display: block;
	width: 148px;
	height: 148px;
	background: url(../img/tab-03cli.png) no-repeat 56px 96px;
	_background: url(../img/tab-03cli.gif) no-repeat 56px 96px;
}
#header ul li.contacto a {
	display: block;
	width: 148px;
	height: 148px;
	background: url(../img/tab-04cont.png) no-repeat 56px 96px;
	_background: url(../img/tab-04cont.gif) no-repeat 56px 96px;
}
#header ul li.servicios a:hover {
	background-color: #2ed118;
	height: 158px;
}
#header ul li.servicios a.activa {
	background-color: #2ed118;
	height: 158px;
}

#header ul li.portfolio a:hover {
background-color: #0098e8;
height: 158px;
}

#header ul li.portfolio a.activa {
background-color: #0098e8;
height: 158px;
}

#header ul li.clientes a:hover {
background-color: #ff0078;
height: 158px;
}

#header ul li.clientes a.activa {
background-color: #ff0078;
height: 158px;
}

#header ul li.contacto a:hover {
background-color: #ffd800;
height: 158px;
}

#header ul li.contacto a.activa {
background-color: #ffd800;
height: 158px;
}

/*Servicios*/
#content_serv {
	width: 968px;
	border:  #2ed118 10px solid;
	background: #fff;
}
.web, .grafico, .fotografia {
	width: 216px;
	float: left;
	display: inline;
	margin: 35px 0 35px 35px;
	padding: 17px 0 0 59px;
}
.web {
	background: url(../img/ic_web.gif) no-repeat left top;
}
.web h2 {
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background:url(../img/tit_web.gif) no-repeat left top;
	height: 29px;
}
.grafico {
	background: url(../img/ic_graf.gif) no-repeat left top;
}
.grafico h2 {
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background: url(../img/tit_graf.gif) no-repeat left top;
	height: 29px;
}
.fotografia {
	background: url(../img/ic_foto.gif) no-repeat left top;
}
.fotografia h2 {
	margin: 0 0 10px 0;
	text-indent: -9999px;
	background: url(../img/tit_fot.gif) no-repeat left top;
	height: 29px;
}
.web p, .grafico p, .fotografia p {
	margin: 0 0 10px 0;
	color:#999;
}
.web a, .grafico a, .fotografia a {
	background: #2ed118;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 3px;
}
.web a:hover, .grafico a:hover, .fotografia a:hover {
	background: #000;
	color: #FFF;
}
/*Prtfolio*/
#content_port {
	width: 898px;
	border:  #0098e8 10px solid;
	background: #fff;
	padding: 35px;
}
#tabs {
	width: 93px;
	height: 250px;
	float: left;
	display: inline;
}
#tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabs ul li {
	margin: 0 0 19px 0;
	width: 93px;
	height: 62px;
	overflow: hidden;
}
#tabs ul li a.tab-web {
	display: block;
	width: 45px;
	height: 62px;
	background: url(../img/ic_port_web.gif) no-repeat 0px -63px;
}
#tabs ul li a.tab-web:hover {
	background-position: 0px 0px;
}
#tabs ul li a.tab-grafico {
	display: block;
	width: 45px;
	height: 62px;
	background: url(../img/ic_port_graf.gif) no-repeat 0px -63px;
}
#tabs ul li a.tab-grafico:hover {
	background-position: 0px 0px;
}
#tabs ul li a.tab-logo {
	display: block;
	width: 45px;
	height: 62px;
	background: url(../img/ic_port_log.gif) no-repeat 0px -63px;
}
#tabs ul li a.tab-logo:hover {
	background-position: 0px 0px;
}
#tabs ul li a.active {
	background-position: 0px 0px;
}
#tabs ul li a span {
	display: none;
}
.content_wrap {
	width: 805px;
	float: right;
	display: inline;
}
.content_tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.content_tabs ul li {
	width: 391px;
	float: left;
	display: inline;
	margin-bottom: 23px;
}
.content_tabs ul li h2 {
	margin: 0;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
.content_tabs ul li h2 a {
	text-decoration: none;
	color: #666;
}
.content_tabs ul li h2 a:hover {
	text-decoration: underline;
	color: #999;
}
.content_tabs ul li.margin_right {
	margin-right: 23px;
}
/*Clientes*/
#content_cli {
	width: 898px;
	padding: 35px;
	border:  #ff0078 10px solid;
	background: #fff;
}
#content_cli ul {
	width: 213px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	float: left;
	display: inline;
	border-left: #999 1px solid;
	color: #999;
}
#content_cli li {
	background: url(../img/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
}
/*Contacto*/
#content_cont {
	width: 968px;
	border:  #ffd800 10px solid;
	background: #fff;
}
#content_cont .info {
	width: 120px;
	background:url(../img/ic_cont.gif) no-repeat left top;
	padding: 0 0 0 55px;
	color: #999;
	font-size: 11px;
	line-height: 14px;
	margin: 35px 0 0 35px;
	float: left;
	display: inline;
}
#content_cont .info-gracias {
	width: 75px;
	background:url(../img/ic_cont.gif) no-repeat left top;
	padding: 0 0 0 55px;
	color: #999;
	font-size: 11px;
	line-height: 14px;
	margin: 35px 0 35px 35px;
	float: left;
	display: inline;
}
#content_cont .wrap-form, #content_cont .wrap-form2 {
	width: 300px;
	float: right;
	display: inline;
	margin-top: 35px;
	margin-bottom: 35px;
}
#content_cont .wrap-form2 {
	margin-right: 20px;
}
.wrap-form2 .comentario {
	width: 280px;
	background: #eee;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	height: 99px;
}
.wrap-form input {
	width: 280px;
	background: #eee;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	height: 18px;
	margin: 0 0 5px 0;
}
.wrap-form2 .reset, .wrap-form2 .enviar {
	width: 51px;
	padding: 1px 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border: 0;
	cursor: pointer;
}
.wrap-form2 .enviar {
	background: #000;
}
.wrap-form2 .reset {
	background: #999;
}
.wrap-form2 .enviar:hover {
	background: #ffd800;
}
.wrap-form2 .reset:hover {
	background: #eee;
}
.wrap-form2 .botones {
	margin: 10px 0 0 0;
	text-align: right;
	padding-right: 19px;
}