@charset "utf-8";

/* CSS Document */



body {

	background-color: #000000;

	color: #666666;

	margin: 0px;

	padding: 0px;

 }

 

#space {

	height: 160px;

}

#header-cont {

	width: 100%;

	position: fixed;

	visibility: visible;

	z-index: auto;

}

#header {

	width: 800px;

	margin-right: auto;

	margin-left: auto;

}

#header #logo {

	width: 172px;

	float: left;

	margin-bottom: 10px;

}

#header #menu {

	float: right;

	margin-top: 30px;

	margin-right: 30px;

	height: 36px;

	background-image: url(images/menu-bg.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	padding-top: 1px;

}





#nosotros {

	width: 25%;

	height: 275px;

	float: left;

}

#web {

	width: 25%;

	height: 255px;

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

}

#software{

	width: 25%;

	height: 275px;

	float: left;

}

#contacto {

	width: 25%;

	height: 275px;

	float: left;

	background-image: url(images/wds.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

#wds {

	width: 25%;

	height: 250px;

	float: left;

	background-image: url(images/bg.jpg);

}

#contenido {

	margin-top: 67px;

	width: 400%;

	background-position: center;

	background-image: url(images/bg.jpg);

}





#clear {

	clear: both;

}

.hoverBtn a {

	position: 		relative;

	z-index: 		2;

	display: 		block;

	width: 			100px;

	height: 		36px;

	line-height: 		30px;

	text-align: 		center;

	font-size:		10px;

	text-decoration:	none;

	color:			#666666;

	background-image: url(../../Work/synntech/web/images/contacto-2.jpg);

}

div.hoverBtn {

	position: 		relative;

	float:			left;

	height: 36px;

}

div.hoverBtn div {

	display:		none;

	position: 		absolute;

	z-index: 		1;

	top: 			0px;

	background-attachment: scroll;

	background-color: #151515;

	background-repeat: repeat-x;

	background-position: 0 0;

	height: 36px;

}



.text {

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	line-height: 18px;

}

.text #box {

	width: 450px;

	float: left;

	margin-top: 15px;

	margin-bottom: 15px;

	padding-left: 20px;

}

.text #box2 {

	width: 330px;

	float: left;

	margin-top: 15px;

	margin-bottom: 15px;

}

.text #box3 {

	width: 330px;

	float: left;

	margin-top: 15px;

	margin-bottom: 15px;

}

h1 {

	display: inline;

	font-size: 12px;

	font-weight: normal;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	margin-right: 10px;

	margin-bottom: 5px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

}

#box-portafolio {

	height: 115px;

	width: 380px;

	margin-top: 7px;

	margin-right: 10px;

	margin-left: 10px;

	float: left;

}

#box-portafolio img {

	background-color: #000000;

	padding: 5px;

}

#box-portafolio h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	padding: 4px;

	background-color: #1B1B1B;

	line-height: 12px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#box-portafolio h5:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	padding: 4px;

	background-color: #2A2A2A;

	line-height: 12px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#box-portafolio-2 {

	width: 380px;

	margin-top: 7px;

	margin-right: 10px;

	margin-left: 10px;

	float: left;

}

#box-portafolio-2 img {

	background-color: #000000;

	padding: 5px;

}

#box-portafolio-2 h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	padding: 4px;

	background-color: #1B1B1B;

	line-height: 12px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#box-portafolio-2 h5:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	padding: 4px;

	background-color: #2A2A2A;

	line-height: 12px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.text .direccion {

	float: left;

	width: 300px;

	margin-left: 25px;

	margin-top: 20px;

	color: #CCCCCC;

}

.text  .formulario  {

	width: 300px;

	float: left;

	margin-left: 20px;

	margin-top: 3px;

}