/*
-------------------------------------
DISEÑADORA WEB - LUCÍA MARTÍNEZ DECIA
-------------------------------------
*/
/* ....................  .................... */
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	background-color: #666666;
}

/* LÍMITE no está en esta hoja de estilo porque es diferente para mozilla e internet explorer 7*/

/* .................... INDEX .................... */

/* cabezal */

#superior {
	margin: auto auto auto;
	height: 17px;
	width: 968px;
}
#todo {
	margin: auto;
	height: 580px;
	width: 968px;
	background-color: #FFF;
}
#cabezal {
	margin: auto auto 3px;
	height: 80px;
	width: 968px;
	background-image:url(../imagenes/celeste_claro.gif)
}
#logo {
	height: 37px;
	width: 193px;
	background-color:#E7EFF5;
	float: left;
	margin-top: 20px;
	margin-bottom: 12px;
	margin-left: 25px;
}
#grupologin {
	width: 290px;
	float:right;
	margin-top:10px;
	margin-right:12px;
}
.campo{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#656D70;
	font-size: 11px;
	padding:2px;
	margin:1px;
	border:0;
}
#login {
	width: 125px;
	float:right;
	text-align:right;
	margin-right:6px;
}

/* CUERPO no está en esta hoja de estilo porque es diferente para mozilla e internet explorer 7*/

/* software */

#cabezalsoftware{
	margin-left:auto;
	margin-right:auto;
	height: 18px;
	width: 944px;
	background-image: url(../imagenes/azul.gif);
}
#software {
	margin-left:auto;
	margin-right:auto;
	height: 160px;
	width: 968px;
	clear:both;
	margin-top:5px;
}

/* pie */

#pie {
	height: 34px;
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	clear:both;
}

/* pie insumos es diferente segun el navegador */

#direccion {
	height: 34px;
	width: 317px;
	float: left;
}
#mail {
	height: 17px;
	width: 123px;
	float: left;
}
#derechos {
	margin: 0px auto auto;
	height: 17px;
	width: 100%;
	text-align: right;
	float: right;
}
#webmaster {
	margin: 0px auto auto;
	height: 17px;
	width: 50px;
	text-align: right;
	float: right;
}

/* .................... INICIO .................... */

#relleno_sup_14 { 
	height: 14px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

/* seccion noticias */

#noticias {
	height: 266px;
	width: 218px;
	float: left;
}
#oferta {
	width: 218px;
	height: 133px;
}
#cabezal_gris { /*va en varias secciones*/
	margin: auto auto 6px;
	height: 18px;
	width: 100%;
	color: #656D70;
	background-image: url(../imagenes/gris_claro_claro.gif);
}
#textonoticia{
	width:205px;
	float: left;
	margin-left:5px;
	text-align:left;
}
#textoofertanoticias{
	width: 110px;
	float:left;
}
#circulo { /*va en varias secciones*/
	height: 52px;
	width: 52px;
	float: left;
	background-image: url(../imagenes/circulo.jpg);
	background-repeat: no-repeat;
}

/* seccion ofertas */

#ofertas{
	height: 266px;
	width: 708px;
	float:right;
}
.linea_hardware {
	float:left;
	margin-left:12px;
	borde:0;
}
.linea_insumos {
	float:left;
	margin-left:12px;
	borde:0;
}
#lineahardwareinsumosh{
	height: 25px;
	width: 334px;
	margin:auto;
	background-image: url(../imagenes/gris_claro_claro.gif);
	background-repeat: repeat-x;
}
#rellenohardware{
	height: 25px;
	width: 344px;
}
#ofertashardware{
	height:266;
	width: 344px;
	float:left;
}
#ofertasinsumos{
	height: 266px;
	width: 344px;
	float:right;
}
#ofertashardware1{
	height: 107px;
	width: 344px;
}
#ofertashardware2{
	height: 108px;
	width: 344px;
}
#ofertasinsumos1{
	height: 107px;
	width: 344px;
}
#ofertasinsumos2{
	height: 108px;
	width: 344px;
}
#imagenes{
	float: right;
	height: 90px;
	margin-right: 15px;
	margin-left: 18px;
}
#textooferta{
	height: 65px;
	width: 85px;
	float: right;
	margin-top: 10px;
	text-align:right;	
	
}
#precio { /*va en varias secciones*/
	height: 52px;
	width: 70px;
	float: left;
	margin-left: 5px;
	background-image: url(../imagenes/circulo.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#textoprecio { /*va en varias secciones*/
	position:relative;
	top:18px; 
	left:0px;
}
#iva { /*todos los precios incluyen iva 
		va en todas las secciones que haya precios*/
	height: 10px;
	float:right;
	margin-right:14px;
	margin-top:-10px;
}
/*....................  LA EMPRESA .................... */

#textolaempresa {
	height: 290px;
	width: 450px;
	float: left;
/*	vertical-align: middle; */
}
#fotolocal {
	margin: 0px 0px 0px 24px;
	height: 266px;
	width: 218px;
	float: right;
}

/* .................... SOFTWARE .................... */

#software_imagen_texto {
	width:295px;
	float:left;
	margin-bottom:14px;
	background-image:url(../imagenes/gris_osc.gif);
	background-color:#7E878A;
}
#software_imagen{
	float:left;
	width:90px;	
	margin-right:6px;
	margin-top:5px;
	margin-left:6px;
}
#software_texto {	
	float:right;
	width:180px;
	margin-right:5px;
	line-height:15px;
	margin-top:3px;
	margin-bottom:4px;
}
#software_intro {
	width:295px;
	float:right;
}
#linea_software{
	height:420px;
	width: 1px;
	margin-right:12px;
	margin-left:12px;
	float:right;
}

/* .................... HARDWARE .................... */

#oferta_hardware {/*tambien se usa en links*/
	height: 250px;
	width: 216px;
	float: right;
	margin-top:10px;
}

#textooferta_hardware{
	width: 115px;
	float: left;
	margin-top:10px;
}
#textooferta_hardware_angosto {
	width: 92px;
	float: left;
	/*margin-top:10px;*/
}
#imageneshardware{
	float: right;
	margin-right:4px;
	margin-left:2px;
	margin-top:4px;
}
#linea_hardware{ /*tambien se usa en links*/
	height: 266px;
	width: 1px;
	margin:auto;
	float:right;
	background-image: url(../imagenes/gris_claro_claro.gif);
	background-repeat: repeat-y;
}

/* .................... INSUMOS .................... */

#linea_insumos{
	height: 266px;
	width: 1px;
	margin-left:12px;
	float:left;
	background-image: url(../imagenes/gris_claro_claro.gif);
	background-repeat: repeat-y;
}
#productos {
	width:218px;
	float:left;
	margin-top:5px;
}
#productos_texto {
	width:208px;
	float:right;
	line-height:19px;	
}
/* parte de precios */

#precios_insumos {
	width:692px;
	height:254px;
	margin-right:5px;
	margin-top:5px;
	float:right;
	overflow:auto;
}
#precios_insumos_planillas {
	width:682px;
	float:right;
}

/* Todos los precios insumos estan en las hojas segun navegador por ajustes de posición*/

table {
	width:100%;
	vertical-align:top;
}
/*td esta en las hojas segun navegador*/
.titulo_precios {
	background-image:url(../imagenes/azul.gif);
	color:#FFFFFF;
	font-size:12px;
}
.fondo_celeste {
	background-image:url(../imagenes/celeste_claro.gif);
}
.fondo_gris {
	background-color:#eeeeee;
}
.alinear_derecha {
	text-align:right;
}	
#iva_insumos {
	float:right;
	margin-top:5px;
}
#lista_precios_insumos {
	width:692px;
	margin-right:auto;
	margin-left:auto;
	margin-top:6px;
	margin-bottom:12px;
	text-align:left;	
}
/* .................... INTERNET .................... */

#servicios_internet {
	width:460px;
	height:266px;
	float:right;
}
#servicios_internet_texto {
	width:450px;
	float:right;
}
#servicios_internet_titulos {
	width:97px;
	float:left;
	line-height:35px;	
}
#servicios_internet_explicaciones {
	width:299px;
	float:right;
	margin-right:15px;
}
#servicios_internet_dominio {
	position:relative;
	top:7px;
	left:0px;
	width:299px;
	background-color:#fff;
	visibility:visible;
}
#servicios_internet_hosting {
	position:relative;
	top:26px;
	left:0px;
	width:299px;
	background-color:#fff;
	visibility:hidden;
}
#servicios_internet_diseño {
	position:relative;
	top:-17px;
	left:0px;
	width:299px;
	background-color:#fff;
	visibility:hidden;
}
#servicios_internet_programacion {
	position:relative;
	top:-16px;
	left:0px;
	width:299px;
	background-color:#fff;
	visibility:hidden;
}
#servicios_internet_buscadores {
	position:relative;
	top:-10px;
	left:0px;
	width:299px;
	background-color:#fff;
	visibility:hidden;
}
/* .................... SOPORTE .................... */

#soporte_software_redes {
	height:261;
	width: 450px;
	float:left;
	margin-top:5px;
}
#soporte_hardware_virus {
	height: 261px;
	width: 450px;
	float:right;
	margin-top:5px;
}
#soporte_software_texto {
	width: 440px;
	margin-left:10px;
	margin-bottom:15px;
	line-height:18px;
}
#soporte_redes_texto{
	width: 440px;
	margin-left:10px;
	line-height:18px;
}
#soporte_hardware_texto{
	width: 440px;
	margin-left:10px;
	margin-bottom:15px;	
	line-height:18px;	
}
#soporte_virus_texto{
	width: 440px;
	margin-left:10px;
	line-height:18px;
}
#linea_soporte{
	height: 266px;
	width: 1px;
	margin-left:20px;
	float:left;
	background-image: url(../imagenes/gris_claro_claro.gif);
	background-repeat: repeat-y;
}

/* .................... LINKS .................... */

#texto_link{
	width: 207PX;
	float:right;
	line-height:20px;
}

/* .................... CONTACTO .................... */

#form_contacto {
	width:472px;
	float:left;
	margin-top:5px;
	margin-left:30px;
}
abbr {
	cursor: help;
} 
.inputForm {
	border: 1px solid #cccccc;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:11px;
	padding:1px;
}
textarea {
	padding:1px;
}
#linea_contacto{
	height: 266px;
	width: 1px;
	margin-right:12px;
	float:right;
	background-image: url(../imagenes/gris_claro_claro.gif);
	background-repeat: repeat-y;
}
#informacion_de_contacto {
	width:339px;
	float:right;
	margin-top:5px;
}
#informacion_de_contacto_texto {
	width:329px;
	float:right;
	line-height:18px;	
}

/* ....................  ESTILOS .................... */
/* .................... PARA LOS .................... */
/* .................... SOFTWARE .................... */
/* ........ SGC SGP SGA SGH SEP ACT VAR SVA REM ..... */

#resumen_imagen_sistema_titulo {
	width:278px;
	height:130px;
	margin-top:20px;
}
#resumen_imagen_sistema {
	width:535px;
	height:266px;
	float:left;
	margin-left:15px;
}
#resumen_sistema {
	width:278px;
	background-image: url(../imagenes/gris_osc.gif);
}
#resumen_sistema_texto {
	width:268px;
	margin-left:5px;
	margin-right:5px;
}
#informacion_sistema {
	width:339px;
	float:right;
	margin-right:1px;
}
#informacion_sistema_texto {
	width:329px;
	float:right;
	line-height:17px;	
}

/* .................... NOTICIAS .................... */

#cabezal_celeste {
	height: 18px;
	width:205px;
	color: #656D70;
	background-image:url(../imagenes/celeste_claro.gif);
	margin-bottom:6px;
}
#popup {
	position: absolute;
	border: 1px solid #666666; 
	background-color:#ffffff;
	width: 205px;
	padding:10px;
	z-index:3000;
	top:100px;
	left:30px;
}
#popup_mudamos {
	position: absolute;
	border: 1px solid #666666; 
	background-color:#ffffff;
	width:400px;
	padding:10px;
	z-index:3000;
	top:100px;
	left:50px;
}
/* .................... ERROR .................... */

.titulo_error {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #EEEEEE;
	text-indent: 10px;
	line-height:25px;
	background-image: url(../imagenes/azul.gif);
}
.mensaje_error {
	font-size: 13px;
	text-transform:uppercase;
	line-height:24px;
	text-decoration: none;
}
.pagina_error {
	margin:0 auto 0 auto;
	padding: 10px;
	background-color: #ffffff;
	vertical-align: middle;
	background-position: center center;
	height: auto;
	width: 300px;
}
.descripcion_error {
	text-decoration: none;
}
.links_error {
	cursor:pointer;
	color:#333333;
}