textojb@charset "utf-8";
.estilos {
}

/*RESET*/
* {margin:0px;padding:0px;}
ul,li {list-style-type:none;}

a:link.clase1 {
	color: #666666;
	
	text-decoration: none;
}
a:hover.clase1 {
	color: #999999;
	text-decoration: underline;
}
a:visited.clase1 {
	text-decoration: none;
	color:  #666666;
}
a:active.clase1 {
	text-decoratEon: none;
	color:  #666666;
}


a:link.clase2 {
	color: #9392BE;
	text-decoration: none;
	
}
a:hover.clase2 {
	color: #9392BE;
	text-decoration: underline;
}
a:visited.clase2 {
	text-decoration: none;
	color:  #9392BE;
}
a:active.clase2 {
	text-decoration: none;
	color:  #9392BE;
}


a:link.clase3 {
	color: #DF357E;
	text-decoration: none;
}
a:hover.clase3 {
	color: #DF357E;
	text-decoration: underline;
}
a:visited.clase3 {
	text-decoration: none;
	color:  #DF357E;
}
a:active.clase3{
	text-decoration: none;
	color:  #DF357E;
}


/*-----------------<CUERPO><<---------------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/fondo.jpg);
	background-position:top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}


/*-----------------<INDEX><<---------------------*/
#div_cont {
	height: 350px;
	width: 300px;
	margin: auto;
	background-image: url(img/viutech.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	
}

#div_banderas {
	height: 150px;
	width: 180px;
	margin-left: 60px;
	margin-top: 200px;
	float: left;

	
}
	
#div_bandera_es {
	height: 15px;
	width: 40px;
	background-image: url(img/bandera_es.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	float: left;
	padding-top: 30px;
	text-align: center;
	
}

#div_bandera_en {
	height: 15px;
	width: 40px;
	background-image: url(img/bandera_en.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	float: left;
	margin-left: 30px;
		text-align: center;
padding-top: 30px;
	
}

#div_bandera_pr {
	height: 15px;
	width: 40px;
	background-image: url(img/bandera_pr.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	float: left;
	margin-left: 30px;
	text-align: center;
padding-top: 30px;	
}

#div_txt {
	height: 70px;
	width: 180px;
	float: left;
	margin-top: 30px;
	text-align: center;
	
}

/*-----------------<estructura general><<---------------------*/

#div_contenedor {
	margin:auto;
	width:989px;
}

#div_cabecera {
	float: left;
	width:989px;
	height: 176px;
}

#div_contenido {
	float: left;
	width:989px;
	height: 671px;	
}

#div_contenido-descargas-notebooks {
	float: left;
	width:989px;
	height: 930px;	
}

#div_contenido1 {
	float: left;
	width:989px;
	height: 800px;	
}

#div_contenido2{
	float: left;
	width:989px;
	height:960px;	
}

#div_contenido_mapas {
	float: left;
	width:989px;
	height: 1000px;	
}
#div_pie {
	float: left;
	width:978px;
	height: 24px;
	background-image: url(img/pie.jpg);
	background-repeat:no-repeat;
	padding-top: 8px;
	padding-left: 11px;
	margin-top: 30px;
}

/*-----------------<cabecera><<---------------------*/


#viutech {
float: left;
margin-left: 6px;
width: 241px;
height: 176px;
background-image:url(img/viutech.jpg);
background-position: top, left;
background-repeat:no-repeat;
}

#viutech h1 {
 margin: 0px;
}

#viutech a span {
 visibility: hidden;
}

#viutech a {
    width: 241px;
    height: 176px;
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

/*----BOTONERA----*/
#botonera {
	float: left;
	margin-left:428px;
	margin-right: 5px;
	width:309px;
	height:119px;
}

#botonera #menu {
	wwidth:309px;
	height:119px; margin:0; 
	padding:0;
	background: url(img/botonera.jpg) 0 0 no-repeat; 
}
#botonera #menu li { 
	display:inline; 
}
#botonera #menu li a{
	background-image: url(img/botonera.jpg);
	background-repeat: no-repeat;
	float:left; 
	outline:none; 
	width:100px; 
	height:0; 
	padding-top:119px; 
	overflow:hidden
	
}

/*ESTADO NORMAL*/
#botonera #menu li#productos a {
	background-position: 0px 0px;
	width: 77px;
}
#botonera #menu li#descargas a {
	background-position: -77px 0px;
	width: 78px;
}
#botonera #menu li#soporte a {
	background-position: -155px 0px;
	width: 77px;
}
#botonera #menu li#inicio a {
	background-position: -232px 0px;
	width: 77px;
}


/*ESTADO ROLLOVER*/
#botonera #menu li#productos a:hover {
	background-position: 0px -120px;
	width: 77px;
}
#botonera #menu li#descargas a:hover {
	background-position: -77px  -120px;
	width: 78px;
}
#botonera #menu li#soporte a:hover {
	background-position: -155px -120px;
	width: 77px;
}
#botonera #menu li#inicio a:hover {
	background-position: -232px -120px;
	width: 77px;
}

/*ESTADO ACTIVO*/
body#productos #menu li#productos a {
	background-position: 0px -120px;
	width: 77px;
}
body#descargas #menu li#descargas a {
	background-position: -77px  -120px;
	width: 78px;
}
body#soporte #menu li#soporte a {
	background-position: -155px -120px;
	width: 77px;
}
body#inicio #menu li#inicio a {
	background-position: -232px -120px;
	width: 77px;
}

/*BOTON facebook*/
#fb {
	float: left;
	margin-left: 600px;
	margin-right: 2px;
	margin-top: 26px;
	width: 29px;
	height: 31px;
}
/*BOTONERA IDIOMAS*/
#idiomas {
	float: left;
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 26px;
	width: 87px;
	height: 31px;
}

.menuholder { background-image: url(img/banderas.jpg);}
.menuholder li {float:left;}
.menuholder a {background-image: url(img/banderas.jpg);display:block; height:31px; text-indent:-9000%}

/*ESTADO NORMAL*/
.es a {width:29px; background-position: 0px 0px;}
.en a {width:30px; background-position:-29px 0px;}
.pr a {width:28px; background-position:-59px 0px;}

/*ESTADO ROLLOVER*/
.es a:hover {width:29px; background-position:0px -31px;}
.en a:hover{width:30px; background-position:-29px -31px;}
.pr a:hover {width:28px; background-position:-59px -31px;}

/*ESTADO ACTIVO*/
.es a.active {width:29px; background-position:0px -31px;}
.en a.active {width:30px; background-position:-29px -31px;}
.pr a.active {width:28px; background-position:-59px -31px;}


/*menu lateral*/
#menu_iz_gral {
	float: left;
	margin-left:6px;
	margin-top:20px;
	background-image:url(img/fondo-menu1.jpg);
	background-repeat:repeat-y;
	width: 207px;
	height: 714px;
}
#menu_iz_mapas {
	float: left;
	margin-left:6px;
	margin-top:20px;
	background-image:url(img/fondo-menu1.jpg);
	background-repeat:repeat-y;
	width: 207px;
	height: 930px;
}

#menu_iz {
	float: left;
	margin-left:6px;
	margin-top:20px;
	width: 207px;
	height: 550px;
	
}

#menu_iz1 {
	float: left;
	margin-left:6px;
	margin-top:20px;
	background-image:url(img/fondo-menu1.jpg);
	background-repeat:repeat-y;
	width: 207px;
	height: 550px;
}

/*-----------------<contenido><<---------------------*/

/*---index---*/
#intro {
	float: left;
	margin-left:6px;
	margin-right: 6px;
	margin-top:29px;
	width: 978px;
	height: 382px;
	background-image: url(img/preload.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#acerca {
	float: left;
	margin-left:84px;
	margin-top:18px;
	width: 218px;
	height: 176px;
	padding-top: 32px;
    padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-image:url(img/acerca_de.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
#novedades {
	float: left;
	margin-left:51px;
	margin-top:18px;
	width: 218px;
	height: 203px;
	background-image:url(img/puntos-venta.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

#promo1 {
	float: left;
	margin-left:51px;
	margin-top:18px;
	width: 198px;
	height: 218px;
	border-bottom: 1px solid #CCCCCC;
}

/*---productos---*/

#superior1{
	float: left;
	margin-left:6px;
	width: 254px;
	height: 45px;
	border-bottom: 1px solid #CCCCCC;

}
#superior2{
	float: left;
	width: 724px;
	height: 22px;
	padding-top: 23px;
	border-bottom: 1px solid #CCCCCC;
}


/*contenedor-productos*/
#banner_prod {
	float: left;
	width: 724px;
	height: 170px;
	background-image: url(img/preload.gif);
	background-position: center;
	background-repeat: no-repeat;	
}
#contenedor_prod_gral {
	float: left;
	margin-left:50px;
	margin-top:20px;
	width: 724px;
}
#contenedor_prod_gral1 {
	float: left;
	margin-left:50px;
	margin-top:20px;
	width: 724px;
	
	
}

#division_gral {
	float: left;
	width: 175px;
	height: 295px;
	margin-left:50px;
	margin-top:20px;
}
#division_prod {
	float: left;
	width: 164px;
	height: 185px;
	margin-left:20px;
	margin-top:20px;
}
#division_img {
	float: left;
	width: 175px;
	height: 227px;
	border: none;
	background-image: url(img/preload.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#descripcion_gral {
	float: left;
	width: 155px;
	height: 48px;
	padding: 10px;
	background-image: url(img/productos/division_bacground.jpg);
	background-repeat:repeat-x;
	
}
#contenedor_prod {
	float: left;
	margin-top:20px;
	margin-left:47px;
	width: 640px;
	height: 500px;
	background-image:url(img/sombra1.jpg);
	background-repeat:repeat-x;
	
}
#foto_prod {
	float: left;
	margin-top:49px;
	width: 331px;
	height: 300px;
	background-image: url(img/preload.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#especificaciones {
	float: left;
	margin-top:49px;
	width: 289px;
	height: 300px;
	padding-left: 20px;
	background-image:url(img/sombra2.jpg);
	background-repeat:repeat-y;

	
}
#titulo {
	float: left;
	width: 289px;
	height: 21px;
}
#espec {
	float: left;
	width: 289px;
	height: 269px;
	padding-top: 10px;
}
#slide {
	float: left;
	width: 216px;
	height: 60px;
	margin-top: 10px;

}
#boton_descargas {
	float: left;
	width: 289px;
	height: 111px;
	margin-top: 40px;
	margin-left:135px;
}
#d1 {
	float: left;
	width: 217px;
	height: 21px;
}
#b1 {
	float: left;
	width: 217px;
	height: 24px;
	margin-top: 6px;
	border: none;
}

/*---descargas---*/

#descarga_gral {
	float: left;
	width: 171px;
	height: 314px;
	margin-top: 20px;
	margin-left: 48px;
	
}

#descarga_gral1 {
	float: left;
	width: 171px;
	height: 314px;
	margin-left: 48px;
	margin-top: 25px;
}

#descarga_foto {
	float: left;
	width: 171px;
	height: 171px;
	background-image: url(img/preload.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#descarga_desc {
	float: left;
	width: 151px;
	height: 123px;
	padding: 10px;
	background-image:url(img/info-descargas.jpg);
	background-repeat:no-repeat;
}
#cont_descarga_descripcion {
	float: left;
	width: 612px;
	height: 94px;
	margin-left: 47px;
	margin-top: 20px;
	padding-top: 25px;
	padding-left: 15px;
	padding-top: 15px;
}

#cont_descarga_mapas {
	float: left;
	width: 628px;
	height: 900px;
	margin-left: 47px;
	margin-top: 20px;
	padding-top: 25px;
	padding-top: 15px;
}
#cont_descarga_seccion {
	float: left;
	width: 290px;
	margin-left: 47px;
	margin-top: 20px;
}
#cont_descarga_seccion1{
	float: left;
	width: 290px;
	margin-left: 47px;
	margin-top: 40px;
}
#cont_descarga_celda1 {
	float: left;
	width: 290px;
	height: 32px;
	padding-top: 5px;
	text-align:center;
	background-image:url(img/sombra1.jpg);
	background-repeat:repeat-x;
}
#cont_descarga_celda2a {
	float: left;
	width: 164px;
	height: 15px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding: 5px;
	
}

#cont_descarga_celda2b {
	float: left;
	width: 106px;
	height: 19px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding: 3px;
	text-align: right;
}

#windows_descarga-izq {
	float: left;
	width: 132px;
	height: 19px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding: 5px;
	text-align: left;
}

#windows_descarga-der {
	float: left;
	width: 133px;
	height: 19px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-width: 1px;
	padding: 5px;
	text-align: left;
}

#celda_de_descarga {
	float: left;
	width: 280px;
	height: 19px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding: 3px;
	text-align: left;
	text-indent: 15px;
}

/*---soporte---*/
#soporte_ubicacion {
	float: left;
	width: 170px;
	height: 146px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding-top:37px;
	padding-left: 116px;
	padding-right: 10px;
	margin-top: 20px;
	margin-left: 92px;
	background-image: url(img/soporte_llamada.jpg);
	background-repeat: no-repeat;
}

#soporte_garantia {
	float: left;
	width: 352px;
	height: 146px;
	border-bottom: solid; 
	border-bottom-color: #CCCCCC;
	border-width: 1px;
	padding-top:37px;
	padding-left: 116px;
	padding-right: 10px;
	margin-top: 20px;
	margin-left: 32px;
	background-image: url(img/garantia.jpg);
}
#soporte_formulario {
	float: left;
	width: 278px;
	height: 400px;
	padding:10px;
	margin-top: 20px;
	margin-left: 92px;
}
.txtfield {
	font:Arial, Helvetica, sans-serif;
	float: left;
	width: 276px;
	height: 20px;
	border: #CCCCCC 1px solid;
}
.txtfield1 {
	font:Arial, Helvetica, sans-serif;
	float: left;
	width: 276px;
	height: 100px;
	border: #CCCCCC 1px  solid;
}
.boton{
	float: left;
	width: 55px;
	height: 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	background-image: url(img/formu.jpg);
	_background-image: url(img/formu.jpg);
	border:none;
}

#soporte_1año {
	float: left;
	width: 300px;
	height: 76px;
	margin-top: 20px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 50px;
	margin-left: 152px;
	background-image: url(img/garantia_1.jpg);
	background-repeat:no-repeat;
	
}
#soporte_3años {
		float: left;
	width: 170px;
	height: 76px;
	margin-top: 20px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 50px;
	margin-left: 15px;
	background-image: url(img/garantia_3.jpg);
	background-repeat:no-repeat;
	
}
/*-----------------<mapa del sitio><<---------------------*/
#mapa {
	float: left;
	margin-left:6px;
	margin-right: 6px;
	margin-top:29px;
	width: 978px;
	height: 500px;
}
.margin_mapa_01 {
	margin-left: 17px;
}
.margin_mapa_02 {
	margin-left: 32px;
}

/*-----------------<galeria de imagenes><<---------------------*/

#foto-galeria {
	float: left;
	width: 331px;
	height: 270px;
}
#barra-galeria {
	float: left;
	width: 331px;
	height: 25px;
	padding-top: 5px;
}

/*-----------------<pie><<---------------------*/
#copy {
	float: left;
	width:670px;
	height: 24px;
}

#menu_pie {
	float: left;
	width:308px;
	height: 24px;
}


/*-----------------<texto><<---------------------*/

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
font-style:normal;
color: #666666;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
font-style:normal;
color: #666666;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font-style:normal;
color: #86C044;
}
.texto1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:normal;
color:#666666;
}
.texto2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-style:normal;
color:#666666;
}
.menut_iz {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
font-style:normal;
color: #86C044;
}
.menut_iz1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
font-style:normal;
color: #9392BE;
}
.menu_iz {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font-style:normal;
color: #666666;
}

.titulo_producto {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #86C044;
}