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

body
{
	background:url(images/general_bg.jpg) #036 no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	margin:0 auto;
}

ul, li
{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	list-style:none;
}

img
{
	border:none;
}

a
{
	outline-style:none;
}
/*==================================================*/

#contenido
{
	position:relative;
	width:900px;
	height:1200px;
	margin:0 auto;
}

#header
{
	width:900px;
	height:260px;
	clear:both;
	float:left;
}

#navegador
{
	width:325px;
	height:200px;
	margin:50px 0 0 0;
	float:right;
}

#navegador ul
{
	font-size:16px;
}

#navegador li
{
	display:block;
	width:300px;
	height:20px;
	font-size:16px;
	margin:9px 0 0 30px;
}

#navegador a
{
	text-decoration:underline;
	color:#036;
}

#navegador a:hover
{
	color:#fff;
}

#contador
{
	width:200px;
	height:46px;
	margin:0 0 0 227px;
	float:left;
}

#identificador
{
	width:500px;
	height:46px;
	margin:182px 0 0 50px;
	border-bottom:#000 thin dotted;
}

.inicio, .servicio, .tecnologia, .staff, .clientes, .galeria, .contactenos
{
	width:227px;
	height:46px;
	margin:0;
	background-repeat:no-repeat;
}

.inicio
{
	background-image:url(images/inicio.jpg);
}

.servicio
{
	background-image:url(images/servicios.jpg);
}

.tecnologia
{
	background-image:url(images/tecnologia.jpg);
}

.staff
{
	background-image:url(images/staff.jpg);
}

.clientes
{
	background-image:url(images/clientes.jpg);
}

.galeria
{
	background-image:url(images/galeria.jpg);
}

.contactenos
{
	background-image:url(images/contactenos.jpg);
}

#zona-textual
{
	width:800px;
	height:680px;
	padding:10px 50px;
	text-align:justify;
	font-size:16px;
}

#zona-textual h1
{
	font-size:18px;
	font-weight:bold;
}

.g1
{
	width:800px;
	height:355px;
	text-align:center;
}

.g2
{
	width:800px;
	height:240px;
	text-align:center;
	margin:20px 0 0 0;
}

.g3
{
	width:800px;
	height:320px;
	text-align:center;
	margin:20px 0 0 0;
}

.g3 img
{
	padding: 2px;
}

#zona-textual ul
{
	margin:0 0 0 50px;
}

#zona-textual li
{
	list-style-image:url(images/visto.png);
	font-size:16px;
	padding:5px;
}

#footer
{
	position:absolute;
	width:860px;
	height:64px;
	color:#000;
	text-align:center;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:25px 20px 15px 20px;
	top: 942px;
}

#copyright
{
	position:absolute;
	width:900px;
	height:75px;
	color:#fff;
	text-align:center;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:50px 0 0 0;
	top: 1042px;
}

#copyright a
{
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
/*====================================== contactos*/
#formulario
{
	position:absolute;
	width:851px;
	height:600px;
	left: 27px;
	top: 288px;
}

#campo1
{
	position:absolute;
	width:490px;
	height:48px;
	background-image:url(images/campo_bg.jpg);
	left: 197px;
	top: 6px;
}

.campo1
{
	position:absolute;
	width:440px;
	height:25px;
	background-image:url(images/interior_campos.jpg);
	background-repeat:no-repeat;
	border:none;
	padding:8px 0 0 0;
	left: 14px;
	top: 4px;
}

#campo2
{
	position:absolute;
	width:490px;
	height:48px;
	background-image:url(images/campo_bg.jpg);
	left: 197px;
	top: 62px;
}

.campo2
{
	position:absolute;
	width:440px;
	height:25px;
	background-image:url(images/interior_campos.jpg);
	background-repeat:no-repeat;
	border:none;
	padding:8px 0 0 0;
	left: 14px;
	top: 4px;
}

#campo3
{
	position:absolute;
	width:490px;
	height:48px;
	background-image:url(images/campo_bg.jpg);
	left: 196px;
	top: 120px;
}

.campo3
{
	position:absolute;
	width:440px;
	height:25px;
	background-image:url(images/interior_campos.jpg);
	background-repeat:no-repeat;
	border:none;
	padding:8px 0 0 0;
	left: 15px;
	top: 4px;
}

#escrito
{
	position:absolute;
	width:600px;
	height:250px;
	background-image:url(images/text_area_bg.jpg);
	left: 193px;
	top: 178px;
}

.escrito
{
	position:absolute;
	width:520px;
	height:220px;
	font-family:"Arial", Helvetica, sans-serif;
	background-image:url(images/interior_text_area.jpg);
	background-repeat:no-repeat;
	border:none;
	overflow:auto;
	left: 15px;
	top: 13px;
}

.nombre
{
	position:absolute;
	width:145px;
	height:35px;
	background-image:url(images/nombre.jpg);
	background-repeat:no-repeat;
	left: 45px;
	top: 11px;
}

.mail
{
	position:absolute;
	width:63px;
	height:35px;
	background-image:url(images/email.jpg);
	left: 127px;
	top: 69px;
}

.asunto
{
	position:absolute;
	width:66px;
	height:35px;
	background-image:url(images/asunto.jpg);
	left: 124px;
	top: 126px;
}

.mensaje
{
	position:absolute;
	width:70px;
	height:35px;
	background-image:url(images/mensaje.jpg);
	left: 121px;
	top: 180px;
}

.boton
{
	position:absolute;
	width:155px;
	height:33px;
	background-image:url(images/enviar.jpg);
	border:none;
	left: 193px;
	top: 470px;
}

#aviso
{
	position:absolute;
	width:778px;
	height:44px;
	left: 38px;
	top: 550px;
}

#enviado
{
	position:absolute;
	font-size:18px;
	text-align:center;
	left: 84px;
	top: 52px;
	width: 678px;
	height: 368px;
}