/*
-----------------------------------------------
JAZ Computación {Hoja de estilo CSS}
www.jazcomputacion.com.ar
© 2008 | www.caribdis.com.ar
----------------------------------------------- */

/* BASE
----------------------------------------------- */

body {
	background: #FFFFFF url(images/bg.gif) repeat-x center top;
	font: 100% verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #444444;
}

a {
	outline: none;
	text-decoration: none;
}

h3 {
	font-size: 70%;
	margin: 10px 0;
}

acronym {
	border: none;
	cursor: help;
}

/* ELEMENTOS
----------------------------------------------- */

#bottom {
	width: 768px;
	height: 21px;
	margin: 0 auto;
	background: transparent url(images/bottom.gif) no-repeat top;
}

#mid {
	width: 768px;
	margin: 0 auto;
	background: transparent url(images/mid.gif) repeat-y;
}

#mid p {
	margin: 5px 0;
	font-size: 70%;
}

#content, #content-prod {
	float: left;
	margin: 0 0 0 20px;
	padding: 5px 10px 0 0;
	width: 520px;
	text-align: center;
}

#content h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	color: #FF7930;
}

#content h2, #content-prod h2 {
	text-align: left;
	color: #FF7930;
	font-size: 105%;
	border-bottom: 1px dotted #DDDDDD;
	margin: 0 0 20px 0;
}

#content-prod img {
	border: 1px solid #74C8F7;
}

#content-prod ul, .servicio ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style-image: url(images/bullet.gif);
	text-align: left;
	font-size: 70%;
}

#content-prod h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 114%;
	color: #FF7930;
}

#footer {
	background: #FFFFFF url(images/footer.gif) repeat-x bottom;
	padding: 20px 0 10px 0;
	color: #666666;
	font-size: 70%;
	text-align: center;
	margin: 30px 0 0 0;
}

#footer a, #mid a {
	color: #30A6E6;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	margin: 0;
}

#head {
	width: 768px;
	margin: 0 auto;
	text-align: right;
}

#head h1 {
	background: transparent url(images/logo.gif) no-repeat right;
	height: 80px;
	margin: 46px 0 0 0;
}

#mid a:hover {
	color: #FF7930;
}

#nav {
	margin: 33px 0 0 0;
	text-align: left;
}

#nav ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}

#nav li {
	display: inline;
	margin: 0 25px 0 0;
	padding: 0;
}

#nav a {
	color: #444444;
	font-size: 84%;
}

#nav a:hover {
	color: #FF7930;
}

#searchform {
	margin: 10px 0 10px 20px;
}

#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	font-size: 70%;
}

#sidebar a {
	color: #666666;
	padding: 10px 0 10px 5px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #DDDDDD;
}

#sidebar a:hover {
	color: #30A6E6;
	background: transparent url(images/arrow.gif) no-repeat 95% 50%;
}

#sidebar h1 {
	font-size: 100%;
	letter-spacing: 2px;
	color: #0094B3;
}

#sidebar ul  {
	list-style-type: none;
	margin: 15px 0 0 15px;
	padding: 0;
}

#top {
	background: transparent url(images/top.gif) no-repeat top;
}

#top, #top-home {
	width: 768px;
	height: 45px;
	margin: 60px auto 0 auto;
}

#top-home {
	background: transparent url(images/top-home.gif) no-repeat top;
}

/* FORMULARIO DE CONTACTO
----------------------------------------------- */

#form {
	margin: 20px auto 0 auto;
	padding: 20px;
	text-align: left;
}

#form .field, #form .text {
	background: transparent url(images/searchbox.gif) repeat-x bottom left;
	border: 1px solid #DDDDDD;
	width: 300px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#form .botones {
	margin-left: 100px;
}

#form .boton2 {
	border: 1px solid #DDDDDD;
	margin-right: 4px;
	background: transparent url(images/searchbox.gif) repeat-x bottom left;
}

#form p {
	margin-bottom: 10px;
	color: #30A6E6;
	font-weight: bold;
}

#form label {
	float: left;
	margin-left: 0px;
	width: 100px;
}

/* CLASES
----------------------------------------------- */

.ad {
	height: 125px;
	width: 125px;
	background: #EFF5F6;
}

.boton {
	background: url(images/search.gif) no-repeat top left;
	width: 22px;
	border: none;
	cursor: pointer;
}

.clear {
	clear: both;
}

.columna {
	float: left;
	text-align: center;
	width: 260px;
	padding: 20px 0 0 0;
}

.columnb {
	float: right;
	text-align: center;
	width: 259px;
	border-left: 1px solid #DDDDDD;
	padding: 20px 0 0 0;
}

.contacto {
	font-size: 115%;
	background: transparent url(images/email.gif) no-repeat top right;
	padding: 60px 0 0 0;
	text-align: justify;
}

.der {
	float: right;
}

.highlight {
	color: #95E5F2;
}

.info {
	display: block;
	width: 94px;
	height: 33px;
	background: transparent url(images/info.gif) no-repeat top left;
	margin: 0 auto 20px auto;
}

.info:hover {
	background: transparent url(images/info.gif) no-repeat bottom left;
}

.inv {
	position: absolute;
	left: -9999px;
}

.izq {
	float: left;
}

.links {
	margin: 20px 0 0 0;
	font-size: 115%;
}

.lista {
	display: block;
	width: 94px;
	height: 33px;
	background: transparent url(images/lista.gif) no-repeat top left;
	margin: 0 auto 20px auto;
}

.lista:hover {
	background: transparent url(images/lista.gif) no-repeat bottom left;
}

.lp {
	font-size: 115%;
	background: transparent url(images/price.gif) no-repeat top right;
	padding: 60px 0 0 0;
	text-align: justify;
}

.qs {
	font-size: 115%;
	background: transparent url(images/i.gif) no-repeat top right;
	padding: 60px 0 0 0;
	text-align: justify;
}

.servicio {
	font-size: 115%;
	background: transparent url(images/servicio.gif) no-repeat top right;
	padding: 60px 0 0 0;
	text-align: justify;
}

img.serv {
	margin: 25px 0 0 0;
	border: 1px solid #74C8F7;
}

.pie {
	width: 764px;
	margin: 0 auto;
	border-top: 1px solid #DDDDDD;
	padding: 10px 0 0 0;
}

.precio {
	background: #30A6E6;
	color: #FFFFFF;
	padding: 5px;
	margin: 0 2px;
}

.results {
	text-align: justify;
}

.s {
	width: 144px;
	padding: 3px;
	color: #FF7930;
	border: 1px solid #DDDDDD;
	background: url(images/searchbox.gif) repeat-x bottom left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.separador {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

.telef {
	margin: 20px 0 0 15px;
	width: 182px;
	height: 164px;
	background: transparent url(images/banner.gif) no-repeat;
}

.telef p {
	position: absolute;
	left: -9999px;
}

.volver {
	display: block;
	width: 94px;
	height: 33px;
	background: transparent url(images/volver.gif) no-repeat top left;
	margin: 20px auto 0 auto;
}

.volver:hover {
	background: transparent url(images/volver.gif) no-repeat bottom left;
}