/* estilos principales */
body { padding: 0 0 0 0; margin: auto; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(images/bg.gif) repeat-x; color: #454545; width:1000px; }
a { color: #2F637A; background: inherit; text-decoration:none;}
a:hover { color: #808080; background: inherit; text-decoration:underline; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }


/* layout */
#content { margin: 1px auto 1px 15px; width: 960px; }
#logo { margin: 0 0 10px 0;}
#slogan { font-size: 1.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 37px; float: right; color: #808080; background: #fff; margin: 12px 2px 7px 0; text-align: right; width: 260px; height: 98px; }



/* menu principal horizontal */
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 4px 15px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 15px;
	}
	#tablist .key { text-decoration: underline; }

/* topicos del menu principal */
#topics {
	clear: left;
	float: left;
	width: 625px;
	background: #F3EC90 url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #000000; /* antes era fff*/
	height: 59px;
}
	#topics li a { /*background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left; */ padding: 0 0 0 12px; }


/* lado izquierdo */
#imagenes{
	float: left;
	width: 900px;
	margin: 0 0 10px 0;
	text-align:justify;

}
#imagenes a{color: #000000;}

#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
	text-align:justify;
}
#left_largo {
	float: left;
	width: 925px;
	margin: 0 0 10px 0;
	text-align:justify;
}

#left a {color:#FFFFFE;}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #808080;

	}

	.sitemap_glosario {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4;
		color: #808080;
		border-bottom: 1px solid #ccc;
		text-align:left;
	}

	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 0px;
		text-align:justify;
		
	}
	
.comunicador_com10 {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0px 0px 10px 0px;
		background: #eee;
		color: #454545;
		text-align:justify;

	}	
	
	
.texto_com10 {
	color:#F00;
	
	}	
	.otro{
text-align:left;
font-size:18px;
color:#999999;
}

/* relacionado con el buscador*/
#div_buscador {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
	text-align:justify;
}
	.encabezado {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #000000;

	}


#div_buscador a {color:#0000FF;}


	.div_buscador_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 0px;
		text-align:justify;
		
	}

/*fin de lo relacionado con el buscador*/

		
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.comentario { font-size: 1.2em; padding: 0px 0px 5px 0px; background: #fff; color: #808080; }
		.titulo_alarma{font-size: 1.9em; color:#EAEAEA;}
      /*Vehiculos*/
	     .linea_e{
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:180px;
         background:#75AC78; 
		 }
         .linea_f{

        background:#0070f0;
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:180px;

		 }
         .linea_g{

		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:190px;
		background:#920000;
		 }
         .linea_t{

		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:210px;
		background:#920000;
		 }

         .antiasaltos{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:164px;
		background:#BB3FBE;
		 }
		 .foto_antiasalto{
   		    float: left;
			clear: left;
			border: 1px solid #ccc;			
			color: #000;
			width: 120px;
			height: 120px;
			margin: 0px 15px 50px 0px;
		}
         .c3{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:160px;
		background:#56B162;
				 }
         .m4{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:190px;
		background:#CC0066;
		 }

		 /*Casas*/
         .linea_6002{
		color: #454542;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:160px;
		background:#623456;
		 }
         .linea_9000{
		color: #454543;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:160px;
		background:#623456;
		 }
         .llamadores{
		color: #454544;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:160px;
		background:#623456;
		 }
         .monitoreo{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:160px;
		background:#aaaaaa;
		 }

        .descripcion_autos { font-size: 1.2em; padding: 0px 0px 5px 0px; color: #FFFFFE; }
		.fotos_alarmas{
   		    float: left;
			clear: left;
			border: 1px solid #ccc;			
			color: #000;
			width: 100px;
			height: 125px;
			margin: 0px 15px 50px 0px;
		}
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 250px;
			margin: 0 15px 10px 0;
		}
		.bigimage2 {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 230px;
			height: 390px;
			margin: 0 15px 10px 0;
		}
		.bigimage3 {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 250px;
			height: 200px;
			margin: 0 15px 10px 0;
		}

		.bigimage4/*para la foto principal del index*/ {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 190px;
			height: 175px;
			margin: 0 15px 10px 0;
		}


		.foto_cierre_especifico {
		    float:left;
  		    clear:both;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 358px;
			height: 260px;
			margin: 0 15px 0 0;
		}
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 240px;
		padding: 0 10px 0 15px;
		text-align:justify;
	}
	.thirds_largo{
		float: left;
		width: 600px;
		padding: 0 10px 0 15px;
		text-align:justify;
	
	}		/*automatizadores*/
	     .corredizo_recto{
		color: #454545;		 
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:600px;
        background:#009B00; 
		 }
         .corredizo_curvo{
        background:#009B00;
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:600px;

		 }
         .pivotante{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:600px;
		background:#009B00;
		 }

         .levadizo{
		color: #454545;
		clear:both;
		padding: 15px 15px 5px 10px;
		text-align:justify;
		height:530px;
		background:#009B00;
		 }
		 
		/*Fin automatizadores*/ 	
#sitemap{
	float: left;
	width: 980px;
	margin: 0 0 10px 0;
	text-align:center;
}	
#sitemap_mapasitio{
	float: left;
	width: 980px;
	margin: 0 0 10px 0;
	text-align:left;
}	

#sitemap_mapasitio a{text-decoration:underline; color:#0000FF; text-align:center;}
#sitemap_mapasitio a:hover{text-decoration:underline; color:#0000FF; text-align:center;}
#sitemap_mapasitio a:active{text-decoration:underline; color:#0000FF; text-align:center;}
#sitemap_mapasitio a:visited{text-decoration:underline; color:#0000FF; text-align:center;}
.sitemap_contenido{
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4;
		color: #808080;
		border-bottom: 1px solid #ccc;
		text-align:left;
	}
.style11 {font-weight: bold; font-size: 1.5em;}


/* Lado derecho */
#info_derecha{
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
	text-align:justify;

}

#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
	text-align:justify;

}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0px 0px 10px 0px;
		background: #eee;
		color: #454545;
		text-align:justify;

	}
	.image { float:left;  margin: 0px 9px 3px 0px; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}
#noticia{
	float: left;
	width: 310px;
	margin: 0 0 10px 0;
	text-align:left;
	clear: right;
}
#noticia a{color: #000000;}

#oferta{
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eeeeed url(images/home.jpg) top right no-repeat;
		color: #454545;
		height:150px;
		width:940px;
		text-align:justify;
		clear:both;
		float:left;
	}
#oferta2{
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eeeeec url(images/eco.jpg) top right no-repeat;
		color: #454545;
		height:120px;
		width:940px;
		text-align:justify;
		clear:both;
		float:left;
	}
#oferta .titulo{ font-size:20px; color:#FF0000;}
#oferta .parrafo{margin:0px; font-size:12px;}
#oferta .precio{ font-size:45px; font-weight:bold; color:#0000CC; margin:0px 0px 0px 300px;}
#oferta2 .titulo{ font-size:20px; color:#FF0000;}
#oferta2 .parrafo{margin:0px; font-size:12px;}
#oferta2 .precio{ font-size:45px; font-weight:bold; color:#0000CC; margin:0px 0px 0px 300px;}




/* pie de pagina */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 5px 5px;
	border-top: 1px solid #ccc;
		text-align:right;	

}
	#footer .right { float: right; }

.style2 {font-size: 13px}
.style4 {
	font-size: 13px;
	font-weight: bold;
	color: #2F637A;
}
.style5 {color: #2F637A}
.style8 {font-size: 2em}
.style9 {font-size: 0.6em} /*Es el estilo utilizado en la ultima info de los pie de pagina*/
.close_window{
text-decoration:none;
font-size:small;


}
/*Usado en las ventanas de pop up*/	

#pop_principal
{
 float:left;
 width: 710px;
 height: 230px;
 margin: 0px 0px 0px 10px;
 clear: both;
 color: #808080;
 background: #FFF;
}
		.pop_imagen1 {
			float: left;
			clear:left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 326px;
			height: 225px;
			margin: 0px 10px 0px 10px;
		}
		.pop_imagen2 {
			float: right;
			clear: right;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 326px;
			height: 225px;
			margin: 0px 0px 0px 0px;
		}
		.pop_imagen3{
		    float: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 227px;
			height: 283px;
			margin: 0px 0px 0px 0px;
			
		}
#pop_box {
        float:left;
        clear: both;
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		width: 710px;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 10px 10px;
}
#pop_info{
        float:right;
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		width: 450px;
		height: 272px;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 10px 10px;
		text-align:justify; 
}
#pop_info_chico{
float: left;
background: #f4f4f4;
color: #808080;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
width: 250px;
height: 100px;
padding: 1px 1px 1px 1px;
margin: 0px 10px 0px 0px;
text-align:justify; 

}

#pop_footer {
	float: left;
	width: 710px;
	margin: 0px 0px 10px 10px;
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 5px 5px;
	border-top: 1px solid #ccc;
	text-align:right;	
}	

#tarjetas{

	float: right;
	width: 300px;
	height: 420px;
	margin: 0px 0px 10px 0px;
	text-align:center;
 	border: 1px solid #ccc;
	padding: 0px;	
	background: #eee;
	color: #454545;
    font-size: 1.4em;
	font-weight:bold;

}

.tarjetas{

	float: left;
	clear: both;
	width: 280px;
	height: 76px;
	margin: 0px 0px 0px 0px;
	text-align:justify;
	border-bottom: 1px dotted #ccc;
	padding: 0px;	
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;

}
.tarjetas_sin_border{

	float: left;
	clear: both;
	width: 280px;
	height: 76px;
	margin: 0px 0px 0px 0px;
	text-align:justify;
	border : 0px;
	padding: 0px;	
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;

}
.tabla_principal{width:620px; height:325px; border:solid 1px; border-color:#cccccc;}
.tabla{ height:160px;
background:#EFEFEF;
text-align:center;
text-align:center;}
.linea_hr{color:#cccccc; height:1px;}

#buscador{
width: 400px;
float:left;
clear:both;
padding:0px 0px 0px 0px;
}
#buscador a{color:#000000;}

.preguntas_frecuentes{
text-align:left;
font-size:1.2em;
}
.otro_link{color:#0000FF;}
.reloj{font-size:11px; font-weight:bold; color:#000000; text-align:right;}
/*Crear ventanas Pop Up sin Javascript */
.popup a {text-decoration:underline;cursor:pointer;}
#box {display:none; position:absolute; left:200px; top:150px; border:solid black 1px; padding:10px; background-color:yellow;width:150px;}
/*Este es el codigo que va en el html*/
/*<div class="popup">
<p><a onclick="document.getElementById('box').style.display = 'block' " >Click here</a></p>
<div id="box">
<p>Ventana pop up que se puede posicionar en la pantalla, setear el alto y ancho y puede contener texto, fotos y links</p>
<p style="text-align:right;"><a onfocus='this.blur();' onclick="document.getElementById('box').style.display = 'none' " >Close</a></p>
</div>
</div>	*/
/*Fin codigos para crear pop ups sin jaavscript*/