*{margin:0px;padding:0px}
body{
	font-family: "Trebuchet Ms",Verdana, Sans-serif;
	background: #fff url("creativo/bodyfull.png") repeat-x top;
	font-size:14px;
}
body.simple{
	background: none;
}
.section-left{
	float:left;
	width:400px;
}
.section-right{
	float:right;

}
body.home{
	background: #fff url("creativo/body.png") repeat-x top;
}
a{
	color:#F9B519;
	text-decoration: none;
}
a img{
	border: none;
}
a:hover{
	color:#FFBD1F;
}
b{
	color:#8ad51e;
}
#header{
	height: 99px;
}
#container{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#header img{
	float:left;
}
#header #menu{
	float:right;
	margin-top:50px;
}
#header #menu li{
	list-style: none;
	display: block;
	float: left;
	margin-right: 40px;
}
#header #menu li a{display:block;font-size:21px;color:#444;text-decoration: none;height:53px;}
#header #menu li a:hover,#header #menu li a.active{background: url("creativo/selected.png") no-repeat center bottom; }

a.inicio span{
	background: url("creativo/top_menu.png") no-repeat left top;
	height: 25px;
	width: 43px;
	text-indent: -5000px;
	display: block;
}
a.servicios span{
	background: url("creativo/top_menu.png") no-repeat -73px top;
	height: 25px;
	width: 69px;
	text-indent: -5000px;
	display: block;
}
a.portafolio span{
	background: url("creativo/top_menu.png") no-repeat -181px top;
	height: 25px;
	width: 78px;
	text-indent: -5000px;
	display: block;
}
a.contacto span{
	background: url("creativo/top_menu.png") no-repeat -290px top;
	height: 25px;
	width: 68px;
	text-indent: -5000px;
	display: block;
}

a.labs span{
	background: url("creativo/top_menu.png") no-repeat right top;
	height: 25px;
	width: 32px;
	text-indent: -5000px;
	display: block;
}

.servicio H3{
	font-size: 20px;
	color: #666;
	margin-bottom: 8px;
}
.servicio .servicios{
	float: left;
	width:50%;
}
.servicio .servicios p,.servicio .servicios ul{
	color: #888;
	font-size: 13px;
	margin-bottom: 7px;
}
.servicio .servicios p{
	padding-left: 150px;
}
.servicio-web{
	background: url("creativo/web.png") no-repeat 0px 30px;
	height: 150px;
}
.servicio-soporte{
	background: url("creativo/soporte.png") no-repeat 0px 30px;
	height: 150px;
}
.servicio-disenio{
	background: url("creativo/design.png") no-repeat 0px 30px;
	height: 150px;
}
.servicio-seo{
	background: url("creativo/seo.png") no-repeat 0px 30px;
	height: 150px;
}
.servicio-hosting{
	background: url("creativo/hosting.png") no-repeat 0px 30px;
	height: 150px;
	border: none;
}
.servicio .servicios ul{
	margin-left: 170px;
	margin-bottom: 2px;
}
.servicio .servicios{
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.clear{clear:both;}

.description-zone{
	height: 293px;
	padding-top: 35px;
	background: url("creativo/content2.png") no-repeat left top;
}
.resolvemos{
	background: url("creativo/resolvemos.png");
	width: 373px;
	height: 83px;
	text-indent: -50000px;
	margin-left: 0px;
}
.bars li{
	list-style: none;
}
.bars a{
	background: url("creativo/bars.png") no-repeat bottom;
	width: 399px;
	display: block;
	height: 36px;
	padding-top: 6px;
	margin-top: 20px;
}
.bars a:hover{
	background: url("creativo/bars.png") no-repeat top;
	width: 399px;
	display: block;
}
.bars span{
	text-indent: -5000px;
	background: url("creativo/menu.png") no-repeat top left;
	display: block;
	height: 30px;
	width: 235px;
	margin-left: 13px;
}
.soporte-tecnico span{
	background: url("creativo/menu.png") no-repeat center left;
}
.soporte-tecnico span{
	background: url("creativo/menu.png") no-repeat center left;
}
.estrategias-difitales span{
	background: url("creativo/menu.png") no-repeat bottom left;
}
.shadow{
  height:40px;
}
.home .shadow{
	padding-top: 33px;
	height: 73px;
}
.twitter{
	background: url("creativo/twitter.png") no-repeat;
	width: 234px;
	height: 40px;
	display: block;
	text-indent: -5000px;
	float: left;
}
.skype{
	float: left;
	background: url("creativo/skype.png") no-repeat;
	width: 213px;
	height: 44px;
	display: block;
	margin-left: 140px;	
	text-indent: -5000px;
}
.telefono{
	float: left;
	background: url("creativo/telefono.png") no-repeat;
	width: 232px;
	height: 44px;
	display: block;
	margin-left: 140px;	
	text-indent: -5000px;
}
.clientes{
	height: 168px;
}
.clientes .description{
	background: url("creativo/nuestros_clientes.png");
	width: 205px;
	float: left;
	height: 86px;
	margin-top: 40px;
	text-indent: -5000px;
}
.footer{
	color: #666;
	text-align: right;
	font-size: 14px;
	padding: 10px;
}
.clientes-img{
	float: left;
	width: 640px;
	margin-top: 40px;
	margin-left: 50px;
}
.clientes-img li{
	list-style: none;
}
.roundabout-holder { padding: 0; height:60px; }
.roundabout-moveable-item {
      height: 60px;
      width: 200px;
}
.roundabout-in-focus { cursor: auto; }

.portafolio_item{
  background:red;
  padding:10px;
  padding-top:8px;
  padding-bottom:13px;
  width:940px;
  height:190px;
  font-size:14px;
  color:#ddd;
  background:url("creativo/portafolio2.jpg");
  margin-bottom:10px;
  line-height:25px;
}
.portafolio_item img{
  float:left;
  border:2px solid #ccc;
  margin-right:30px;
}
.portafolio_item a{
  font-weight:bold;
  font-size:14px;
  color:#fcb641;
}
.portafolio_item .title{
  font-size:25px;
  color:#fff;
  margin-top:20px;
  display:block;
  font-weight:bold;
  margin-bottom:20px;
}
.hosting-table{
	width: 100%;
	border-collapse: collapse;
}
.hosting-table thead{
	font-weight: bold;
	background: #f9b519;
}
.hosting-table thead td{
	padding-left: 10px;
	padding-right: 10px;
}
.hosting-table td{
text-align: center;
	padding: 8px;
	border-bottom: 1px solid #eee;
}
.costo{
	font-weight: bold;
}
.hosting-table .type{
	text-align: right;
	background: #ebebeb;
}
.hosting-table .type.odd{
	background: #f4f4f4;
}
.contactblock{
	margin-left: 30%;
	background: url("creativo/contacto.png") no-repeat left;
	padding-left: 10px;
	width: 329px;
	padding-top: 20px;
	height: 403px;
}
.development{
	background: url("creativo/card.png") no-repeat;
	float: left;
	width: 280px;
	padding: 10px;
	height: 280px;
	margin-right: 10px;
	color: #eee;
}
.success,.errorms{
	font-size: 11px;
	background: #fffaf0;
	border: 1px solid #ffb01b;
	color: #c0820c;
	padding: 10px;
	margin-bottom: 4px;
	width: 280px;
	display: block;
}
.errorms{
	color: #890d39;
	border: 1px solid #d80d54;
	background:#fee9f0;
}
.description-labs,p.contact{
	font-size: 17px;
	color: #666;
	margin-bottom: 15px;
}
.development p{
	margin-bottom: 5px;
	margin-top: 10px;
}
.development img{
	margin-top: 10px;
	border: 1px solid #444;
}
.development a{
	display: block;
	text-align: right;
	margin-top: 10px;
}
.development h3{
	color: #fff;
	font-size: 20px;
}
.development .aprobar{
	color: #e79911;
}
.contactblock H2{margin-bottom: 4px;}
form label{
	display: block;
	font-size: 15px;
	color: #666;
}
.error{
	color: #cb3434;
	display: block;
	font-size: 11px;
	height: 13px;
}
form .text{
	border:2px solid #ccc;
	padding: 5px;
	color: #666;
	width: 300px;
	margin-bottom: 5px;
}
form textarea{
	height: 100px;
}
form .submit:hover{
color: #ffedcc;
}
form .submit{
	background: url("creativo/boton.png") no-repeat;
	color: white;
	border: none;
	font-size: 20px;
	text-align: center;
	height: 40px;
	width: 134px;
	margin-left: 180px;
}
