﻿/* 

 ---------------------------------------------------------------------
 IPSOPOL - Instituto de Prevención Social para el Personal del C.I.C.P.C. | www.ipsopo
 Hoja de Estilos Generales
 Desarrollado por B&MT Business Management Technology | www.bmt.com.ve
---------------------------------------------------------------------
 
*/

/* ---------------------------------------------------------------------
///// RESETEO DEL CSS ///// 
--------------------------------------------------------------------- */
body{
	background-color:#ffffff;
}

.clear {
	clear:both;
}


html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     text-decoration:none;
     font-family:Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#666666;

}

ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

input, textarea {
     margin: 0;
     padding: 0
}


/* --------------------------------------------------------------------
///// ESTILOS GENERALES ///// 
--------------------------------------------------------------------- */

p{
	margin:0 0 5px 0;
}

h1{
	color:#3a6d9d;
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2{
	color:#4b7ead;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}


h3{
	color:#83878b;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
}


h4{
	color:#cb281f;
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
}


h5{
	color:#cb281f;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h6{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* --------------------------------------------------------------------
///// ESTILOS hZone ///// 
--------------------------------------------------------------------- */


#hZone{
}

	#hZone .zoneActiveArea{		
	}
		
		#hZone .zoneActiveArea .headerGobierno{
			height:60px;
			background-image:url('../images/headerGobierno.jpg');
			background-position:center top;
			background-repeat:no-repeat;
			margin:auto;
			border-bottom:5px #da251e solid;
		}
		
		#hZone .zoneActiveArea .headerFlash{
			height:140px;
			background-color:#e5e5e5;
		}
		
		#hZone .zoneActiveArea .mainMenu{
			height:35px;
			background-color:#cb281f;
		}

/* --------------------------------------------------------------------
///// ESTILOS mZone ///// 
--------------------------------------------------------------------- */


#mZone{
}

	#mZone .zoneActiveArea{
		background-image:url('../images/zoneActiveAreaBackground.jpg');
		background-position:left top;
		background-repeat:repeat-y;
		width:940px;
		margin:auto;
	}
	


/*-- ContentBarLeft para Home e internas
-----------------------------------------------------------------------------------------*/
	
	
		#mZone .zoneActiveArea .leftContainerTop{
			background-image:url('../images/leftContainerTop.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:10px;
			margin:auto;
			width:925px;
		}

		#mZone .zoneActiveArea .contentBarLeft{
			padding:10px 10px 30px 30px;
			width:600px;
			float:left;
		}
		
		#mZone .zoneActiveArea .leftContainerBottom{
			background-image:url('../images/leftContainerBottom.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:13px;
		}

		
/*-- ContentBarRight para articleDetails e GalleryDetails
-----------------------------------------------------------------------------------------*/


		#mZone .zoneActiveArea .rightContainerTop{
			background-image:url('../images/rightContainerTop.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:10px;
			margin:auto;
			width:925px;
		}
		
		
		#mZone .zoneActiveArea .contentBarRight{
			padding:0 20px 30px 30px;
			width:580px;
			float:left;
			overflow:hidden;
			padding-right:5px;
		}
		
		
		#mZone .zoneActiveArea .rightContainerBottom{
			background-image:url('../images/rightContainerBottom.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:13px;
		}
		
				
		
		#mZone .zoneActiveArea .galleryDetailContainerTop{
			background-image:url('../images/galleryDetailContainerTop.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:10px;
			margin:auto;
			width:925px;
		}
		
		#mZone .zoneActiveArea .contentBarGalleryDetail{
			padding:15px 25px;
			width:885px;
			/*--float:left;--*/
		}
		
		
		#mZone .zoneActiveArea .galleryDetailContainerBottom{
			background-image:url('../images/galleryDetailContainerBottom.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			height:13px;
		}

/* Estilos de Banners
---------------------------*/

		.banners{
		background-color:#ffffff;
		padding:10px 8px 0 8px;
		
			
		}
		
			.banners .link{
				display:inline;
				margin:auto 4px;
			
			}
			
				.banners .link img{
				border:1px #e8e8e8 solid;		
				}
				
					.banners .link img:hover{
						border:1px #cb281f solid;		
					}

	


/*-- Estilos de Mensajes de Error y Exito
-------------------------------------------------------------*/


		#mZone .messages{
	
		}
		
			#mZone .messages .succes{
				width:540px;
				height:150px;
				margin:auto;
				background-image:url('../images/messagesBackground.jpg');
				background-repeat:repeat-x;
				background-position:left bottom;
				background-color:#ffffff;
				border:1px #dddddd solid;
				margin:70px auto;
				
			}
			
			#mZone .messages .succes .messageArea{
			padding:40px 30px 0 130px;
		
			}
			
				#mZone .messages .succes .iconArea{
					background-image:url('../images/messageSuccesIconBackground.jpg');
					background-position:left bottom;
					background-repeat:repeat-x;
					height:150px;
					width:105px;
					float:left;
				}
				
					#mZone .messages .succes .iconArea .icon{
						background-image:url('../images/succesIcon.png');
						background-repeat:no-repeat;
						background-position:center center;
						padding:140px 0 0 20px;
					
					}
			
					
			
			#mZone .messages .error{
				width:540px;
				height:150px;
				margin:auto;
				background-image:url('../images/messagesBackground.jpg');
				background-repeat:repeat-x;
				background-position:left bottom;
				background-color:#ffffff;
				border:1px #dddddd solid;
				margin:70px auto;
				
			}
			
			#mZone .messages .error .messageArea{
			padding:40px 30px 0 130px;
		
			}
			
				#mZone .messages .error .iconArea{
					background-image:url('../images/messageErrorIconBackground.jpg');
					background-position:left bottom;
					background-repeat:repeat-x;
					height:150px;
					width:105px;
					float:left;
				}
				
					#mZone .messages .error .iconArea .icon{
						background-image:url('../images/errorIcon.png');
						background-repeat:no-repeat;
						background-position:center center;
						padding:140px 0 0 20px;
					
					}
			







/*-- Estilos del formulario de Contacto
---------------------------------------------------------------*/


		#mZone .contactForm{
			margin:20px 0 0 0;
		}
		
			#mZone .contactForm textarea{
				background-color:#ffffff;
				border:1px #B7B7B7 solid;
				color:#575757;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
			}
				#mZone .contactForm textarea:focus{
					border:1px #595959 solid;
				}

			
			#mZone .contactForm input{
				background-color:#ffffff;
				border:1px #B7B7B7 solid;
				height:20px;
				color:#575757;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;

			}
			
				#mZone .contactForm input:focus{
					border:1px #595959 solid;
				}

			
			
			#mZone .contactForm select{
				background-color:#ffffff;
				border:1px #B7B7B7 solid;
				height:20px;
				color:#575757;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;

			}
			
			#mZone .contactForm .submit{
				background-image:url('../images/sendButtomBackground.jpg');
				background-position:left bottom;
				background-repeat:repeat-x;
				padding:3px 5px 10px 5px;
				line-height:20px;
				height:25px;
				color:#575757;
				margin:0 9px 0 0;
			}
			
				#mZone .contactForm .submit:hover{
					cursor:pointer;
					background-image:url('../images/sendButtomBackgroundHover.jpg');
					background-position:left top;
				}


/*-- Validaciones del formulario de Contacto --*/


		#mZone .contactForm input.errorMessage{
			border:1px #cb281f solid;
			background-color:#fffcfc;
		}
		
		#mZone .contactForm textarea.errorMessage{
			border:1px #cb281f solid;
			background-color:#fffcfc;
		}
		
		#mZone .contactForm select.errorMessage{
			border:1px #cb281f solid;
			background-color:#fffcfc;
		}



 .errorDialogBox{
	 margin:10px 0 0 60px;
	 padding:0 0 0 25px;
	 height:20px;
	 background-image:url('../images/errorDialog.png');
	 background-position:left top;
	 background-repeat:no-repeat;
 }
		.errorDialogBox p{
			 color:#cb281f;
		}				



/*-- ContentBarRight para detalles de articulo
---------------------------------------------------------------*/

		
		
		#mZone .contentBarRight h1.articleTitle{
			font-size:19px;
			color:#025895;
			padding:12px 10px 10px 0;
			font-weight:normal;
		}
		
		#mZone .zoneActiveArea img.articleImage{
			padding:3px;	
			border:1px #cfcfcf solid;
			background-color:#FFFFFF;
			margin:3px 0px 10px 0;
		}
		
		#mZone .contentBarRight .date{
			color:#666666;
			font-size:13px;
			font-weight:bold;
			text-align:right;
			margin:0 0 8px 0;
		}
		
		#mZone .contentBarRight .resume{
			padding:0 0 20px 0;
			color:#7f827e;
			font-size:13px;
			font-style:italic;
		}
		
		#mZone .contentBarRight img{
			
		}
		
		
/*-- ContentBarGalleryDetail -------------------------------------*/

		
		#mZone .zoneActiveArea .contentBarGalleryDetail{
	
		}
		
			#mZone .zoneActiveArea .contentBarGalleryDetail h1{
				font-size:18px;
				margin-bottom:5px;
			}
			
			#mZone .zoneActiveArea .contentBarGalleryDetail .gallery{
				width:590px;
				height:500px;
				margin:5px auto 10px auto;
			}
			
			#mZone .zoneActiveArea .contentBarGalleryDetail .resume{
				width:650px;
				margin:auto;
			}
			
			
			#mZone .zoneActiveArea .contentBarGalleryDetail .gallery .galleryContainer .galleryview .panel{
				height:444px;
				text-align:center;
				line-height:444px;
				display:table-cell;
				vertical-align:middle;
			}
			
			#mZone .zoneActiveArea .contentBarGalleryDetail .gallery .galleryContainer .galleryview .panel img{
				line-height:444px;
				margin:auto;
				vertical-align:middle;
				display:block;
			}
			
			
		
		
	
			


		

/*-- List Styles
---------------------------------------------------------------------------*/


/*--barRight--*/


		#mZone  .contentBarRight  ul{
			padding:10px 0 10px 15px;
		}
		
			#mZone .contentBarRight ul li{
				list-style-image:url('../images/listBullet.jpg');
			}
		
		#mZone .contentBarRight  ol{
			padding:10px 0 10px 15px;
		}
		
		
/*--barLeft--*/	

		
		#mZone .contentBarLeft  ul{
			padding:10px 0 10px 15px;
		}
		
			#mZone .contentBarLeft ul li{
				list-style-image:url('../images/listBullet.jpg');
			}
		
		#mZone .contentBarLeft  ol{
			padding:10px 0 10px 15px;
		}



/*-- PrevNextSection -----------------------------------------------------*/
	
	
	#mZone .zoneActiveArea .prevNextSection{
		margin:20px 0 0 0;
		overflow:hidden;
	}
	
			#mZone .zoneActiveArea .prevNextSection a{
				color:#1d4e1a;
			}
			
			#mZone .zoneActiveArea .prevNextSection a:hover{
				color:#307a2c;
			}
	
		#mZone .zoneActiveArea .prevNextSection .prevSection{
			float:left;
			margin:0 30px 0 0;
			background-image:url('../images/prevSectionIcon.jpg');
			background-position:left center;
			background-repeat:no-repeat;
			padding:0 0 0 10px;
		}
		
		#mZone .zoneActiveArea .prevNextSection .nextSection{
			float:left;
			background-image:url('../images/nextSectionIcon.jpg');
			background-position:right  center;
			background-repeat:no-repeat;
			padding:0 9px 0 0;
		}
		
		#mZone .zoneActiveArea .prevNextSection .toTop{
			float:right;
			text-align:right;
			background-image:url('../images/toTopIcon.jpg');
			background-position:left center;
			background-repeat:no-repeat;
			padding:0 0 0 13px;
		}


/*-- Separator SecondaryMenu --------------------------*/


		#mZone .zoneActiveArea .separator{
			background-image:url('../images/separator.jpg');
			background-position:left top;
			background-repeat:no-repeat;
			width:580px;
			height:16px;
			margin:15px auto 10px auto;
		}
			
	

/*-- Pagination -------------------------------------*/


		.pagination {
			padding:20px 3px 3px 3px;
			margin:auto;
			text-align:center;
			width:438px;
			height:20px;
		}
			
				.pagination a {
					padding: 2px 5px 2px 5px;
					margin-right: 2px;
					text-decoration: none; 
					color: #5a5a5a;
					border:1px #D1D1D1 solid;
				}
					
					.pagination a:hover, .pagination a:active {
						color: #ffffff;
						background-color:#CB281F;
						text-decoration:none;
					}
						
				.pagination a.current {
					padding: 2px 5px 2px 5px;
					margin-right: 2px;
					border: 1px solid #7a140f;
					font-weight: bold;
					background-color:#CB281F;
					color: #FFFFFF;
				}
					
				.pagination a.disabled {
					padding: 2px 5px 2px 5px;
					margin-right: 2px;
					border: 1px solid #f3f3f3;
					color: #e0d2d1;
				}
				
					.pagination a.disabled:hover{
						background-color:#FAF9F8;
					}

	
					

/*-- Links Bar Left Side
-----------------------------------------------------------------------------------------*/

		
		#mZone .linksBarLeftSide{
			width:295px;
			float:left;
			margin:0 0 0 7px;
			padding:13px 0 0 0;	
			text-align:right;
		}
		
		
			#mZone .linksBarLeftSide .linksSector{
				width:306px;
			}
			
			
			#mZone .linksBarLeftSide .articleImage{
				padding:0 10px 0 0;
			}
			
			
				#mZone .linksBarLeftSide .articleImage img{
					padding:3px;	
					border:1px #cfcfcf solid;
					background-color:#FFFFFF;
					margin:0 auto 15px auto;
				}
				
				
		#mZone .linksBarLeftSide dl{
			display:inline;
		}
		
		#mZone .linksBarLeftSide dl dt{
			float:left;
		}
		
		#mZone .linksBarLeftSide dl dd{
			
		}
		
		#mZone .linksBarLeftSide .category{
			color:#6A2031;
			padding:0 0 0 3px;
		}
		
		#mZone .linksBarLeftSide .category a{
			color:#6A2031;
			padding:0 0 0 3px;
		}


/*-- Share --*/

		#mZone .linksBarLeftSide  .share{
			margin:10px 0;
		}
		
		#mZone .linksBarLeftSide  .share img{
			margin:0 5px 0 0;
			background-color:#ffffff;
			padding:2px;
			border:1px #cfcfcf solid;
		}


/*-- Print Send --*/

		#mZone .linksBarLeftSide .printSend{
			margin:10px 0 10px 0;			
		}
		
			#mZone .linksBarLeftSide .printSend a{
				margin-right:5px;
			}
			
				#mZone .linksBarLeftSide .printSend a:hover{
					cursor:pointer;
				}
				
				
		#mZone .linksBarLeftSide .printSend .printIcon{
			padding:0 0 0 21px;
			background-image:url('../images/printIcon.jpg');
			background-repeat:no-repeat;
			background-position:left bottom;
		}
		
		#mZone .linksBarLeftSide .printSend .emailIcon{
			padding:0 0 0 21px;
			background-image:url('../images/emailIcon.jpg');
			background-repeat:no-repeat;
			background-position:left bottom;
		}

/*-- AssociatedGallery --*/


		#mZone .linksBarLeftSide .associatedGallery{
			margin:15px 0 15px 0;
			width:306px;
		}
		
		
		#mZone .linksBarLeftSide .associatedGallery h2{
			margin:0 0 10px 6px;
			padding:0 16px 3px 0;
			font-size:16px;
			color:#595656;
			border-bottom:1px #cb281f solid;
		}
		
		#mZone .linksBarLeftSide .associatedGallery a{
			color:#6a2031;
			display:block;
			padding:0 16px 0 0;
			border:1px #cfcfcf solid;
			margin:5px 10px 5px 10px;
			background-color:#ffffff;
			padding:5px 10px 5px 10px;
			background-image:url('../images/newsBoxItemBackground.jpg');
			background-position:left bottom;
			background-repeat:repeat-x;

		}
		
		
		#mZone .linksBarLeftSide .associatedGallery a:hover{
			background-image:url('../images/newsBoxItemBackgroundHover.jpg');
			cursor:pointer;
			border:1px #cb281f solid;
		}
		

		
		
		
		


/*-- Links Bar Left  Side - News/Events
---------------------------------------*/
		
				#mZone .linksBarLeftSide .linksSector .newsBox{
					text-align:right;
					margin:0 0 15px 0;
				}

					#mZone .linksBarLeftSide .linksSector .newsBox h2{
						margin:0 0 10px 6px;
						padding:0 16px 3px 0;
						font-size:16px;
						color:#595656;
						border-bottom:1px #cb281f solid;
					}
					
					#mZone .linksBarLeftSide .linksSector .newsBox ul{
						text-align:left;
					}
					
						#mZone .linksBarLeftSide .linksSector .newsBox ul li{
							border:1px #cfcfcf solid;
							margin:5px 10px 5px 10px;
							background-color:#ffffff;
							padding:5px 10px 5px 10px;
							background-image:url('../images/newsBoxItemBackground.jpg');
							background-position:left bottom;
							background-repeat:repeat-x;
						}
						
								#mZone .linksBarLeftSide .linksSector .newsBox ul li:hover{
									background-image:url('../images/newsBoxItemBackgroundHover.jpg');
									cursor:pointer;
									border:1px #cb281f solid;
								}
	
	
							#mZone .linksBarLeftSide .linksSector .newsBox ul li p{
							color:#525252;
							margin:0 0 3px 0;
							}
	
							#mZone .linksBarLeftSide .linksSector .newsBox ul li a{
							font-weight:normal;
							color:#6a2031;
							}
							
								#mZone .linksBarLeftSide .linksSector .newsBox ul li a:hover{
									text-decoration:none;
								}
								
								
					#mZone .linksBarLeftSide .linksSector .newsBox a{
					color:#2d6287;
					margin:5px 12px 0 0;
 					}
 					
 						#mZone .linksBarLeftSide .linksSector .newsBox a:hover{
							text-decoration:underline;
						}
					
					







/*-- Links Bar Right Side - Flashmovie
-------------------------------------------*/
				
#mZone .zoneActiveArea .linksBar .linksSector .flashmovie{
background-image:url('../images/flash.jpg');
width:248px;
height:167px;
margin:20px auto 0 auto;
}


/* --------------------------------------------------------------------
///// ESTILOS fZone ///// 
--------------------------------------------------------------------- */

#fZone{
}

	#fZone .zoneActiveArea{
	background-image:url('../images/companySectorBackground.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	margin:10px 0 0 0;
	}
	
		#fZone .zoneActiveArea .companySector{
		width:940px;
		margin:auto;
		padding:12px 0 0 0;
		overflow:hidden;
		}
		
		#fZone .zoneActiveArea .companySector strong{
		color:#4e6573;
		font-size:14px;
		}
		
			#fZone .zoneActiveArea .companySector .sections{
			width:200px;
			float:left;
			}
			
				#fZone .zoneActiveArea .companySector .sections ul{
				padding:5px 0 10px 0;
				}
				
					#fZone .zoneActiveArea .companySector .sections ul li{
					padding:0;
					margin:0;
					line-height:14px;
					}

				
					#fZone .zoneActiveArea .companySector .sections ul li a{
					font-size:12px;
					padding:0 0 0 10px;
										
					}
					
						#fZone .zoneActiveArea .companySector .sections ul li a:hover{
						color:#cb281f;
						}


			#fZone .zoneActiveArea .companySector .contact{
			width:210px;
			float:left;
			}
			
			
			#fZone .zoneActiveArea .companySector .contact dl{
			line-height:16px;
			}
			
			#fZone .zoneActiveArea .companySector .contact dl dt{
			font-weight:bold;
			color:#6c6c6c;
			padding:3px 0 0 9px;
			}
			
			#fZone .zoneActiveArea .companySector .contact dl dd{
			font-size:12px;
			padding:0 0 0 9px;
			}
			
				#fZone .zoneActiveArea .companySector .contact dl dd a{
					color:#6A2031;
				}
				
					#fZone .zoneActiveArea .companySector .contact dl dd a:hover{
						text-decoration:underline;
					}

			
			#fZone .zoneActiveArea .companySector .suscription{
				display:block;
				
			
			}
			
				#fZone .zoneActiveArea .companySector .suscription input[type='text']{
					display:block;
					background-color:#ffffff;
					border:1px #B7B7B7 solid;
					width:207px;
					margin-bottom:5px;
					border: 1px #dadada double;
					height:16px;
					padding:2px;
					color:#9d9d9d;
				
				}
				
				
						#fZone .zoneActiveArea .companySector .suscription input[type='text']:focus{
								border:1px #707070 solid;
								color:#575757;
						}
				
				#fZone .zoneActiveArea .companySector .suscription input[type='submit']{
					display:block;
					background-color:#ffffff;
					border:1px #B7B7B7 solid;
					color:#575757;
					background-image:url('../images/sendButtomBackground.jpg');
					background-position:left bottom;
					background-repeat:repeat-x;
					height:25px;
					float:right;
					margin:0 70px 0 0;
					font-size:13px;
					line-height:25px;
					padding:0 0 3px 0;
				}
				
						#fZone .zoneActiveArea .companySector .suscription input[type='submit']:hover{
							background-image:url('../images/sendButtomBackgroundHover.jpg');
							background-position:left top;
							cursor:pointer;
						}
		
			
		
		#fZone .zoneActiveArea .footerMenu{
		background-color:#cb281f;
		font-size:11px;
		height:26px;
		padding:9px 0 0 0;
		margin:5px 0 0 0;
	
		}
		
			#fZone .zoneActiveArea .footerMenu .creditsSector{
			width:940px;
			margin:auto;
			}
		
			#fZone .zoneActiveArea .creditsSector  span{
			color:#FFFFFF;
			}
			
			#fZone .zoneActiveArea .creditsSector .left{
			float:left;
			}
			
			#fZone  .zoneActiveArea .creditsSector .right{
			float:right;
			}
			
			#fZone  .zoneActiveArea .creditsSector .right a{
			color:#FFFFFF;
			}
			
				#fZone  .zoneActiveArea .creditsSector .right a:hover{
					text-decoration:underline;
				}
















