html, body{
	margin-top:0;
	padding-top:0;
}
body{
	font-family:Calibri, Verdana, Arial, sans-serif;
	background:#f1f1f1 url(../imagenes/fondo3.jpg) top center no-repeat;	
	padding-bottom:20px;
}

#contenedor{
	width:960px; 
	margin:0 auto; 
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	
	webkit-box-shadow: 0px 0px 10px 2px #999;
	moz-box-shadow: 0px 0px 10px 2px #999;
	box-shadow: 0px 0px 10px 2px #999;
}

#banner{
	height:90px;	
	background:url(../imagenes/fondo_encabezado.jpg) top;
}

#logo{
	float:left;
	margin-left:20px;
	padding-top:6px;
	width:260px;
	margin-top:0px;
	height:64px;
}

#logo img{
	border:0;
}

#cabeza{
	width:500px;
	height:84px;
	float:right;
		}

#micuenta{
	float:right;
	height:24px;
	margin-right:30px;
	padding:6px 5px 0;
	background-color:#484848;
	color: #FFFFFF;	
	text-align:center;
	font-size:80%;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; 
	}
	
	#micuenta a{
		color:#FFFFFF;
		text-decoration:none;
		}
		
	#micuenta a:hover{
		color:#00CCFF;
		}
		
#pagos{
	float:right;
	height:24px;
	margin-right:10px;
	padding:6px 5px 0;
	background-color:#484848;
	color: #FFFFFF;
	text-align:center;
	font-size:80%;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; 
	}
	
	#pagos a{
		color:#FFFFFF;
		text-decoration:none;
		}
		
	#pagos a:hover{
		color:#00CCFF;
		}

#paises{
	height:50px;
	width:300px;
	float:right;
	margin-top:4px;
	margin-right:10px;
}
	
.pais{
	text-align:center;
	font-size:12px;
	width:70px;
	color:#333333;
	margin-left:2px;
	float:right;
}
	
.pais:hover{
	color:#0066FF;
	cursor:pointer;
}

#idioma {
	float:right;
	margin-top:8px;	
}

#menu_horizontal{
	height:30px; 
}

#menu_vertical{
	width:225px;
	padding-left:20px;
	margin-top:18px;
	/*height:500px;*/
	float:left;
	position:relative;
}

#menu_top {	 
	width:205px; 
	height:72px; 
	position:absolute; 
	z-index:7;
}

#sub_contenedor{
	position:absolute; 
	top:75px; 
	width:205px; 
	height:400px; 
	overflow:hidden;
}

#block1_top{
	background:url(../imagenes/b1off-top.png); 
	width:205px; 
	height:11px; 
	position:absolute; 
	z-index:8; 
	top:65px;
}

#block1{
	/*background:url(../imagenes/b1off-esp.png) bottom;*/
	background-position:bottom;
	width:205px; 
	height:145px; 
	position:absolute; 
	z-index:8; 	
}

#block2{
	/*background:url(../imagenes/b2off-esp.png) bottom;*/
	background-position:bottom;
	width:205px; 
	height:156px; 
	position:absolute; 
	z-index:7; 
}

#block3{
	/*background:url(../imagenes/b3off-esp.png) bottom;*/
	background-position:bottom; 
	width:205px; 
	height:156px; 
	position:absolute; 
	z-index:6; 
}

#block4{
	/*background:url(../imagenes/b4off-esp.png) bottom;*/
	background-position:bottom; 
	width:205px; 
	height:156px; 
	position:absolute; 
	z-index:5; 
}

#block5{
	/*background:url(../imagenes/b5off-esp.png) bottom;*/
	background-position:bottom; 
	width:205px; 
	height:156px; 
	position:absolute; 
	z-index:4; 
}

#block6{
	/*background:url(../imagenes/b6off-esp.png) bottom;*/
	background-position:bottom; 
	width:205px; 
	height:156px; 
	position:absolute; 
	z-index:3; 
}

#contenido{
	float:left;
	margin-top:20px;
	margin-bottom:20px;	
	border-left:1px solid #CCCCCC;
	min-height:500px; 
	width:700px;	
	padding-top:10px;
}

#titulo{
	font-size:140%;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 10px 0 10px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
		
#categoria{
	color:#999999;
}
	
#seccion{
	color:#000000;
}
		
#con_fondo{
	min-height:500px;
	border:1px solid #FFFFFF;
	background:url(../imagenes/fondo_texto.jpg) center top repeat-y;
	padding-left:10px; 
	text-align:justify; 
	padding-right:10px;
}

.img_flotante{
	float:right;
	margin-top:20px;
	padding-left:10px;
}
		
#foto{
	margin-top:10px;
	float: right;
	padding-bottom:0px;
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
}
		
.texto{
	font-size:100%;
	text-align:justify;
	padding:0 10px 0 10px;
}

#footer{
	clear:left;
	text-align:center;
	font-size:12px;
	color:#666;
	padding-bottom:5px;
}

#datos-bancarios h3{
	color:#000;
	margin-bottom:10px;
	
}
#datos-bancarios p{
	margin:5px auto;
}
#msg-ecologico{
	margin-top:30px;
	color:#666;
}
#msg-ecologico img{
	float:left;
	width:85px;
	height:85px;
	margin-right:10px;
}
#msg-ecologico em{
	color:#090;	
}

#div_comparativa{
	margin-top:300px;	
}


/***********************  CSS de la tabla comparativa DVR vs Tarjeta ***********************/

.chequeo{
	float:right;
	margin-top:2px;
	margin-right:-30px;
}

.chequeoV{
	float:right;
	margin-top:-6px;
	margin-right:-30px;
}
.main_table2{
	width:100%;
	margin-left:-13px;
	font-size:14px;
	color: #000000;
	border-collapse:collapse;
}
.main_table2 img{
	border:none;
	cursor:pointer;	
}
.main_table2 input{
	width:30px;
	text-align:center;
	border:none;
	font-weight:bold;
	color:#FF0000;
}
.main_table2 td, .main_table2  th{	
	padding:2px 43px;
	border:2px black solid;	
	background-color:#FFFFFF;
}
.main_table2 th{	
	background:url(../imagenes/cell_bg.png) bottom repeat-x;
}
.main_table2 td:first-child, .main_table2 th:first-child{
	border:none;
	background:none;
	padding:0;
	text-align:center;
	width:25px;
}

.main_table2 td+td+td{
	width:100px;
	font-size:12px;
	background-color:#FFF8F0;
}
.main_table2 td+td+td+td{
	width:104px;
	background-color:#FDFFF1;
	text-align:left;
	font-size:14px;
}


.main_table2 .active_row td+td, .main_table2 .active_row input{
	background-color:#FF0;	
}




.resaltado1{
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;	
}


#page-alarmas .img2 {
	float:right;
	width:128px;
	height:128px;
	margin:0 0 10px 10px;
}
#page-alarmas .img3 {
	position:absolute;
	width:110px;
	height:110px;
	margin:240px 0 0 560px;
}
#page-alarmas .img4 {
	float:left;
	width:80px;
	height:80px;
	margin:0 10px 10px 0;
}
#page-alarmas .img5 {
	float:right;
	width:100px;
	height:100px;
	margin:20px 0 10px 10px;
}
#page-alarmas #con_fondo ol, #page-alarmas #con_fondo ul{
	text-align:left;
	padding-left:15px;
	list-style-position:inside;
}
#page-alarmas #con_fondo li{
	margin-bottom:10px;
}


#page-especiales #con_fondo td{
	padding-top:15px;
}


#page-cctv #con_fondo p em {
	text-decoration:underline;
	font-style:normal;
	font-weight:bold;
}
#page-cctv .img1 {
	height:150px;
}
#page-cctv .img2 {
	float:right;
	width:120px;
	height:120px;
	margin:0 0 10px 10px;
}
#page-cctv .img3 {
	float:right;
	width:120px;
	height:120px;
	margin:10px 0 10px 10px;
}
#page-cctv .img4 {
	float:right;
	width:120px;
	height:120px;
	margin:0 0 0 10px;
}


/* Estilos para la página web "Centro de Monitoreo" */
.mdl {
	margin-top:20px;
	border:2px solid #CCCCCC;
	background-color:#FFFFFF;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	
	overflow:hidden;
}
.mdl-header {
	padding:5px 20px;
	background-color:#637BDE;
    color:#FFFFFF;
    font-weight:bold;
}
.mdl-header h3 {
	font-size:1em;
	margin:0;	
}
.mdl-header a {
	float:right;
	color:#FFF;
	text-decoration:none;
}
.mdl-header a:hover {
	color:#CCC;
}
.mdl-content {
	padding:0 20px;
}
#m9 .mdl-content {
	padding-top:16px;
}
.mdl-img {
	float:left;
	margin:0 20px 20px 0;
}
#page-monitoreo .mdl-img {
	width:128px;
}
#page-monitoreo .mdl-content ul {
	clear:left;	
}
.mdl-footer {
	clear:both;
	text-align:right;
	padding:10px 20px;
}
.rpt-example {
	clear:both;
	padding:20px 15px;
	background:url("../imagenes/tabla3_03.png") repeat-x scroll 0 0 transparent;    
}
.rpt-message {
	margin-top:20px;
}
.rpt-table {
	border-collapse:collapse;
	width:100%;
	font-size:15px;
}
.rpt-table th, .rpt-table td {
	padding:3px 8px;
	border:1px solid #505050;
	text-align:center;	
}
.rpt-table th {
	background-color:#637BDE;
	color:#FFF;
}
.rpt-table td {
	background-color:#F5F5F5;
}
.rpt-table img {
	vertical-align:middle;
	height:16px;
	width:16px;
}


/* Página de Condominios, Constructoras y Centros Comerciales */
#page-condominios .no-float {
	clear:both;	
}
#page-condominios .pic {
	text-align:center;	
}
#page-condominios .pic-left {
	float:left;
	width:251px;
	margin-right:50px;
	margin-bottom:50px;
}
#page-condominios .pic-right {
	float:right;	
	width:150px;
	margin-left:50px;
}
#page-condominios .pic-info {
	font-size:0.8em;
	font-style:italic;	
}
#page-condominios .img-left {
	float:left;
	margin:20px;
}
#page-condominios .img-right {
	float:right;
	margin:20px;
}
.contact {
	margin-top:50px;	
}
.addr {
	float:left;
	width:250px;
	margin-right:40px;	
}
.addr span {
	display:block;
}
.addr-city {
	font-size:1.2em;
	font-weight:bold;
}



/*Página de Control de Horarios y Control de Rondas*/
.calendario {
	float:left;
	text-align:center;
}
.calendario img {
	width:200px;
	height:200px;	
}
#lista_reportes {
	float:left;
	width:100px;
	margin-left:10px;
	padding-left:10px;
	font-size:14px;
}
#lista_reportes ul {
	list-style-type:circle;	
}
.reporte {
	float:left;
	width:160px;
	height:60px;
	margin-top:20px;
	padding-top:130px;
	text-align:center;	
}
.reporte h4 {
	font-size:0.8em;
}
.reporte1 {
	margin-left:40px;
	background:url(../imagenes/reportes_email_fax.png) no-repeat top;
}
.reporte2 {
	background:url(../imagenes/reportes_web.png) no-repeat top;
}
.reporte3 {
	background:url(../imagenes/reportes_sms_beeper.png) no-repeat top;
}
.reporte4 {
	background:url(../imagenes/reportes_email_fax.png) no-repeat top;
}
.p1 {
	clear:both;
}
.p2 {
	font-size:9px;	
}




/* Página de Franquicias */
#page-franquicia .img1 {
	float:right;
	margin-top:10px;
	margin-right:0px;
	padding-left:10px;	
}
#page-franquicia .img2 {
	float:left;
	margin-left:0px;
	padding-right:0px;
}
#page-franquicia .img3 {
	float:left;
	margin-left:0px;
	padding-right:10px;
}
#page-franquicia .pf1 {
	margin-top:10px;
}
#page-franquicia .banderas {
	margin-top:50px;
}
#page-franquicia .banderas > div {
	float:left;
	width:160px;
	text-align:center;
}
#page-franquicia .banderas p {
	font-weight:bold;
}





/*Pagina de Reporte de Pago*/
#page-reporte #con_fondo td{
	padding-right:20px;
	padding-bottom:10px;
}
#page-reporte td span{
	color:#FF0000;
}
#page-reporte #con_fondo .text_input{
	width:200px;
}
#page-reporte #con_fondo table{
	margin-left:10px;
	margin-top:20px;
}
#page-reporte #form_wrapper{
	background-color:#EEF0F0; 
	border:#CCCCCC 2px solid; 
	padding-left:10px; 
	padding-top:10px; 
	margin-left:10px;
}



/*Pagina de Contacto*/
#form_wrapper {
	background-color:#EEF0F0;
	border:2px solid #CCC;
	margin-left:10px;
	padding-left:10px;
	padding-top:10px;
	text-align:left;
}