/* Z-index of #mask must lower than #boxes .window */
#mask {  
	position:absolute;  
	z-index:9000;  
	background-color:#000;  
	display:none;
}   

#boxes .window { 
	background-image: url(images/back_modal.png);
	background-repeat: repeat-x;
	background-color: #fff;
	border: dotted 1px #4f4f4f;
	position:absolute;  
	width:640px;  
	height:800px;  
	display:none; 
	z-index:9999;  
	padding:20px;
}  

/* Customize your modal window here, you can add background image too */
#boxes #dialog {  
	width:475px;   
	height:453px;
	border-radius: 10px;
}

/* mision */

#boxes #mision {  
	width:440px;   
	height:285px;
}

/* vision */

#boxes #vision {  
	width:440px;   
	height:280px;
}

/* incendio */

#boxes #incendio {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:440px;   
	height:350px;
}

/* cctv */

#boxes #cctv {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:460px;   
	height:380px;
}

/* accesos */

#boxes #accesos {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:440px;   
	height:310px;
}

/* intrusion */

#boxes #intrusion {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:440px;   
	height:290px;
}

/* automatizacion */

#boxes #automatizacion {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:440px;   
	height:180px;
}

/* iluminacion */

#boxes #iluminacion {  
	background-image: url(../images/back_modal.png);
	background-repeat: repeat-x;
	width:440px;   
	height:290px;
}

table{
	color: #4f4f4f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
}

table td{
	vertical-align: top;
}

table input{
	color: #4f4f4f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

table textarea{
	color: #4f4f4f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}