*{
	margin:0;
	padding:0;
}

body {
	background-color: #1A75BB;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	margin: 0px;
	padding: 0px;
	height: auto;
}
img {
	width:100%;
	height: auto;
}

ol {
	list-style-type:decimal;
	list-style-position: inside;
}
#general {
	background-position: center;
	background-color:#FFFFFF;
	margin: 30px auto;
	width:95%;
	height:auto;
	overflow: hidden;
}

#generalin {
	background-position: center;
	background-color:#FFFFFF;
	margin: 0 auto;
	width:95%;
	height:auto;
	overflow: hidden;
}

#tf1700 {
	float: left;
	height: 700px;
	width: 660px;
}

#generali {
	background-position: center;
	background-color:#FFFFFF;
	margin: 30px auto;
	width:95%;
	height:auto;
	overflow: hidden;

}
.generali {
	background-position: center;
	background-color:#FFFFFF;
	margin: 30px auto;
	width:85%;
	height:auto;
	overflow: hidden;

}
#generaliproductos {
	background-position: center;
	background-color:#FFFFFF;
	margin: 30px auto;
	width:95%;
	height:auto;
	text-align: center;
	overflow: hidden;
}



.bluefont {
	color:#ffffff;
	font-size: 3px;
}

#logoymenu_izq {
	width:155px;
	height:160px;
	margin:0px;
	background-color:#FFFFFF;
	float:left;
}

#logo {
	height:100px;
	padding:10px;
}

#titulo_menu_flash {
	background-color: #FFFFFF;
	width:100%;
	float:left;
	height: auto;
	overflow: hidden;

}
.titulo_menu_flash {
	background-color: #FFFFFF;
	width:100%;
	float:left;
	height: auto;
	overflow: hidden;
	
}

#video2{
	display:block;
}


#titulo {
	height:auto;
	overflow: hidden;
	text-align:center;
	color: #000;
	padding-top: 5px;
	float: left;
	width: 100%;

	/*padding:20px;*/

}
.titulo {
	height:auto;
	overflow: hidden;
	text-align:center;
	color: #000;
	padding-top: 5px;
	float: left;
	width: 100%;

	/*padding:20px;*/

}
#menu_ver{
    height:165px;
	margin-left:10px;
	text-align:center;
	width:170px
	/*padding:20px;*/
}



ul.ver {
list-style-type: none;
margin:0;
padding:0;
}

ul.ver a{
font-size: 16px;
text-align:left;
font-weight:bold;
text-decoration: none;
display:block;
width: 215px;
height: 20px;
line-height: 20px;
text-indent:10px;
/*color:#666666;*/
}

ul.ver a:link, ul a:visited {

background-position: left top;
/*background-color: #1A75BB;*/
color: #666666;
}

ul.ver a:hover, ul a:active {

background-position: right top;
/*background-color: #17A7D0;*/
color: #666666;}

li.ver {
float:none;
}

ul.bn {
	padding-left:15px; 
	font-size:16px;
	color:#00F;
	}
li.bn a:link, a:visited, a:hover, a:active {
	text-decoration:none;
		color:#00F;
	}
	
#menu_hor{
	/*float:right;*/
	color:#FFFFFF;
	height:auto;
	overflow: hidden;
	width:100%;
	float: left;
	/*padding:20px;*/
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	color: #1A75BB;
	background-color: #0F0;
}
 
td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
}

#promociones2i {
	color:#600000;
	height: auto;
	text-align: center;
	float:left;
	padding:0 0 0 100px;
	line-height:normal;
	line-height:10px;
	overflow: hidden;
	width: 96%;
}

#promociones2i5 {
	color:#600000;
	height: 300px;
	text-align: center;
	float:left;
	padding:0 0 0 170px;
	line-height:normal;
	line-height:10px;
	width: 96%;
}

ul.hor {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:center;
	line-height:1em;
/*color: #666666;*/
}

ul.hor a{
text-decoration: none;
display: block;
width: 140px;
height: 300px;
/*color: #666666;*/
padding-top:2px;
text-align:center;
	font-size:12px;
font-weight:normal;
}



li.hor {
	float:left;
	font-size:12px;
	font-weight:normal;
	padding: 0 4px 0 4px;
}

.more {color: #000;
		font-size:12px;
}

h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:36px;
	text-align: center;
}
h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:32px;
	text-align: center;
}
h3{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:24px;
	text-align: center;
}
.accessrimmotor {
	font-family:'Arial Narrow', Helvetica, sans-serif;
	color:#000;
	line-height:34px;
}

#image_flash {
	font-weight:bold;
	background-color:#FFFFFF;
	width: 100%;
	float: left;
}

#image_flash_int {
	font-weight:bold;
	background-color:#FFFFFF;
	/*color:#333333;*/
	float:left;
	width: 955px;
	height:270px;
	padding-left: 8px;
}

.promociones {
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
	text-align: center;
}

.promocionesb {
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
	text-align: center;
}

#promociones2 {
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#600000;
	width: 95%;
	height:20px;
}
#promociones3 {
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#600000;
	width: 940px;
	height:50px;
}

.apartado1 {
	width:100%;

	float:left;
	height: auto;
	overflow: hidden;
}


#col1 {
	background-color: #FFFFFF;
	float:left;
	width:320px;
	height:380px;
	text-align: center;

}

#col2 {
	background-color: #FFFFFF;
	float:left;
	width:320px;
	height:380px;
	text-align: center;
}

.table_line_prod {
height:110px;
text-align:center;
}

.p_table_prod{
line-height:1em;
font-size:7pt;
}

#raya {
	
margin-left:10px;
	background-color: #999999;
	height:5px;
	color: #000000;
	width:800px;
	clear:left;
}

.whitext {
	font-size:3px;
	color:#FFF;
}

.mediumfont {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
	padding:20px;
}

#otros_links {
	width:250px;
	height:270px;
	margin:0px;
	background-color:#FFFFFF;
	float:left;
}

#facebook {
	margin-left:10px;
	background-color: #FFFFFF;
	width:95%;
	height:250px;
	clear:left;
	text-align: center;
}

#telefono {
    margin-left:10px;
	background-color: #FFFFFF;
	width:95%;
	height:100px;
	clear:left;
	font-size:12px;
}

#texto {
	text-align: center;
	font-weight:bold;
	font-size: 16px;
	height: 400px;
	padding:10px;
	float: left;
	width: 530px;
}



p.i {
	font-size: 3px;
	color: #1A75BB;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #669900;
 color: #FFFF33;
}

.span1{
	color:#0000FF;
	font-weight:bold;
	font-size:12px;}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	background-color: #FFFF99;
 font-style: italic;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 15px;
	color: #333333;
	width: 100%;
	float: left;
	height: auto;
	background-color: #FFF;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-width: thin;
	border-color: #99FF99 #003300 #003300 #99FF99;
 border-style: double;
 }

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}
#faqs {
	height: 270px;
	width: 240px;
	float: left;
	text-align: center;
}
#soft1 {
	float: left;
	width: 230px;
	height:200px;
	text-align:center;
}
#soft2 {
	float:left;
	width: 200px;
	height:200px;
	text-align:center;
}

#garantia{
	width: 100%;
	height: 200px;
	float: left;
}

#garantiai{
	float:left;
	width: 96%;
	height: auto;
	overflow: hidden;
	background-color: #FFF;
}



.bordesgarantia {
	border-right-color:#06F;
	border-right-style:dotted;
	border-right-width:medium;
}
#general #productoprincipal {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 600px;
	width: 100%;
}
#general #productoprincipal2 {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 900px;
	width: 100%;
}
#general #productoprincipalcont {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: auto;
	overflow: hidden;
	width: 100%;
}
.contacto {
	width: 360px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

#general #productoprincipalrep {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1000px;
	width: 96%;
}

#general #interior {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1000px;
	width: 96%;
}

#general #productoprincipal #producto {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 45%;
	float: left;
	padding-top: 40px;
	overflow: hidden;
}

#generali #productosinterior {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 96%;
	float: left;
	padding-top: 40px;
	overflow: hidden;
}
#generali #productointerior {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 96%;
	float: left;
	padding-top: 40px;
	overflow: hidden;

}
.productointerior {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 96%;
	float: left;
	padding-top: 40px;
	overflow: hidden;

}
.productosinterior {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 96%;
	float: left;
	padding-top: 40px;
	overflow: hidden;
}

#generali #productointerior #productoi {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 360px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}
.productoi {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 360px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}
#productoi-i {
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 360px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}

#productosoftware {
	text-align: center;
	vertical-align: middle;
	height: 350px;
	width: 45%;
	float: left;
	padding-top: left;
}

#general #productoprincipal #leyenda {
	text-align: left;
	vertical-align: middle;
	height: auto;
	width: 45%;
	float: left;
}

#generali #productointerior #leyendai {
	text-align: left;
	vertical-align: middle;
	height:auto;
	width: 360px;
	float: left;
	overflow: hidden;
}

.leyendai {
	text-align: left;
	vertical-align: middle;
	height:auto;
	width: 360px;
	float: left;
	overflow: hidden;
}
#generali #productointerior #leyendai17 {
	text-align: left;
	vertical-align: middle;
	height:500px;
	width: 360px;
	float: left;
	overflow: hidden;
}

#generali #productointerior #leyendaip {
	text-align: left;
	vertical-align: middle;
	height:500px;
	width: 360px;
	float: left;
}

#leyendasoftware {
	text-align: left;
	vertical-align: middle;
	height: 350px;
	width: 45%;
	float: left;
}

.productos01 {
	text-align: center;
	vertical-align: middle;
	height: 300px;
	width: 320px;
	float: left;
	padding-top: 40px;
	background-color: #FFF;
	overflow: hidden;
}

.colum1 {
	float: left;
	width:45%;
	padding: 20px;
}

.colum2 {
	float: left;
	width:45%;
	padding: 20px;
}
.franja {
	width: 100%;
	height: 30px;
	border:none;
	text-align:center;
	text-decoration:none;
	background-color: #1A75BB;
	
}
.rojo {
	color: #F00;
}

.botonprodgrande {
	width:236px;
	height:200px;
	float:left;
	}
	

#empresa {
	float: left;
	width: 100%;
	height: 380px;
}
#empresa2 {
	float: left;
	width: 100%;
	height: 450px;
}
#otrosdos {
	float: left;
	height: 700px;
	width: 300px;
}

#imagen {
	width:50%;
	float:left;
	vertical-align: top;
}

#textointerfon {
	width:50%;
	float:left;
	height: auto;
}

.bla {
	color:#FFF;
	}
#3col {
	width:100%;
	float: left;
	background-color: #FFF;
	height: 250px;
	}
.precios {
	width:100%;
	height:50px;
	}

#titulo_producinterfon {
	float:left;
	width:100%;
	text-align:center;
	background-color: #FFF;
	}
#titleleft {
	float: left;
	height:auto;
	width:80%;

}
#titleleft h1 {
	padding-top:10px;
}
#titleleft h1 span {
	padding-top:10px;
	color:#06B;
	font-weight:bold;
	font-size:48px;
	font-style:italic;
	font-family: "Arial Black", Gadget, sans-serif;
}
#titleleft h3 span {
	padding-top:10px;
	color:#06B;
	font-weight:bold;
	font-size:48px;
	font-style:italic;
	font-family: "Arial Black", Gadget, sans-serif;
}
#titleright {
	float: left;
	height:110px;
	width:20%;
	
}
.garantia02 {
	margin: auto;
	height:200px;
	width: 623px;
	
}
.video {
	float: left;
	width: 49%;
	height: 450px;
}
.commax {
		color:#06B;
	font-weight:bold;
	font-size:48px;
	font-style:italic;
	font-family: "Arial Black", Gadget, sans-serif;
	}
.normalcom {
		font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	}

.textoopis {
	padding:0 15px 0 15px;
	}
.buenfin {
	width:100%;
	float:left;
	height:auto;
	text-align:center;

	}
.espacio {
	width: 100%;
	float: left;
	height: 1em;
}
.menudiv {
	width:99%;
	height: auto;
	overflow: hidden;
}
.menu_tab{

	width:100%;
height: auto;
	
	overflow: hidden;

	background-color:#fff;

}

ul.menu {

	list-style-type:none;

	float:left;

	display:block;

	width:100%;

	margin:auto;

	padding:0px;

	background-color: #1A75BB;

}

ul.menu li {

display:inline;

font-size:18px;

font-weight:bold;

line-height:30px;

}

a.nav1:link, a.nav1:visited {

	display:block;

	float:left;

	padding:0px 8px 0px 22px;

	margin:0 10px 0 10px;

	height:40px;

	text-decoration:none;



	background-color: #1A75BB;

	color:#fff;

}

a.nav1:hover {
color:#333333;}

.mitad {
	width: 50%;
	height: auto;
	float: left;
}
.chiqui01 {
	width: 70%;
	height: auto;
	padding-left: 20%;
	padding-top: 5px;
}
.chiqui02 {
	width: 60%;
	height: auto;
	padding-left: 20%;
	padding-top: 5px;
}
.chiqui05 {
	width: 50%;
	height: auto;
	padding-left: 20%;
	padding-top: 5px;
}
.chiqui06 {
	width: 30%;
	height: auto;
	padding-left: 20%;
	padding-top: 5px;
}
.col350 {
	width: 350px;
	margin-left: 5px;
	height: auto;
	overflow: hidden;
	text-align: left;
	float: left;
}
.cuadro-absoluto-derecha {
    width: 180px;
    height: 50px;
   background-color: #1A75BB;
    position: fixed; /* Posiciona el elemento relativo a la ventana del navegador */
    right: 0;        /* Lo pega al borde derecho */
    top: 20%;        /* Opcional: Centra verticalmente en la pantalla */
    transform: translateY(-50%); /* Opcional: Ajuste fino para el centrado vertical */
}
.icono-w {
	width: 50px;
	height: auto;
	float: left;
}
.telw {
height: auto;
float: left;
color: white;
margin-top: 10px;
}
.telw p {
	font-family: 'Arial Narrow';
	font-size: 18 px;
	font-weight: bold;
}