/* 

 ---------------------------------------------------------------------
 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
---------------------------------------------------------------------
 
*/


/* --------------------------------------------------------------------
///// Estilos del Home ///// 
--------------------------------------------------------------------- */


#mZone .zoneActiveArea .contentBarLeft .contentBar{
	width:640px;
	float:left;
	background-image:url('../images/contentBarBackground.jpg');
	background-position:left top;
	background-repeat:repeat-x;
}
			

	#mZone .zoneActiveArea .contentBarLeft .contentBar .slider{
		width:600px;
		height:355px;
		margin:0;
		background-color:#dadada;
	}
	
		
	#mZone .zoneActiveArea .contentBarLeft .contentBar h2{
		color:#525252;
		font-size:18px;
		font-weight:normal;
		border-bottom:1px #cb281f solid;
	}
	
		
	#mZone .zoneActiveArea .contentBarLeft .contentBar img{
		padding:3px;	
		border:1px #cfcfcf solid;
		background-color:#FFFFFF;
		margin:10px 0 10px 0;
	}


		#mZone .zoneActiveArea .linksBar{
			width:280px;
			float:left;
		}
		
			#mZone .zoneActiveArea .linksBar .linksSector{
				width:270px;
				margin:0 0 0 20px;
			}
			
			
					
/*-- Institution Columns
----------------------------------------*/


		#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn{
			float:left;
			height:310px;
		}
		
				#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn:hover{
				}

		
			#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn div{
				width:210px;
				height:295px;
				margin:34px 0 0 0;
			}
			
				#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn div p{
					width:187px;
					padding-bottom:15px;
				}
				
						#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn:hover p{
							border-bottom:2px #cb281f solid;
							cursor:pointer;
						}
						
						#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn:hover{
							cursor:pointer;
						}

				
				#mZone .zoneActiveArea .contentBarLeft .contentBar .leftColumn div h2{
					width:187px;
				}
				
	
				
		#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn{
			float:left;
			height:310px;

		}
		
			#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn div{
				width:210px;
				height:295px;
				margin:34px 0 0 0;
			}
			
				#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn div p{
					width:187px;
					padding-bottom:15px;
				}
				
						#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn:hover p{
							border-bottom:2px #cb281f solid;
							cursor:pointer;
						}
						
						#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn:hover{
							cursor:pointer;
						}


				
				#mZone .zoneActiveArea .contentBarLeft .contentBar .middleColumn div h2{
					width:187px;
				}


		
		#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn{
			float:left;
			height:310px;

		}
		
			#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn div{
				width:200px;
				height:295px;
				margin:34px 0 0 0;
			}
			
				#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn div p{
					width:187px;
					padding-bottom:15px;
				}
				
						#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn div p{
							width:187px;
						}
						
								#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn:hover p{
									border-bottom:2px #cb281f solid;
									cursor:pointer;
								}
								
								#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn:hover{
									cursor:pointer;
								}

	
				
				#mZone .zoneActiveArea .contentBarLeft .contentBar .rightColumn div h2{
					width:187px;
				}







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

					#mZone .zoneActiveArea .linksBar .linksSector .newsBox h2{
					margin:0 0 10px 6px;
					padding:0 16px 3px 0;
					font-size:16px;
					color:#595656;
					border-bottom:1px #cb281f solid;
					}
					
					#mZone .zoneActiveArea .linksBar .linksSector .newsBox ul{
					text-align:left;
					}
					
						#mZone .zoneActiveArea .linksBar .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 .zoneActiveArea .linksBar .linksSector .newsBox ul li:hover{
								background-image:url('../images/newsBoxItemBackgroundHover.jpg');
								cursor:pointer;
								border:1px #cb281f solid;
								}
	
	
							#mZone .zoneActiveArea .linksBar .linksSector .newsBox ul li p{
							color:#525252;
							margin:0 0 3px 0;
							}
	
							#mZone .zoneActiveArea .linksBar .linksSector .newsBox ul li a{
							font-weight:normal;
							color:#6a2031;
							}
							
								#mZone .zoneActiveArea .linksBar .linksSector .newsBox ul li a:hover{
									text-decoration:none;
								}
					#mZone .zoneActiveArea .linksBar .linksSector .newsBox a{
					color:#2d6287;
					margin:5px 12px 0 0;
 					}
 					
 						#mZone .zoneActiveArea .linksBar .linksSector .newsBox a:hover{
							text-decoration:underline;
						}
					
					
/*-- Links Bar Right Side - Last Documents
-------------------------------------------*/

				#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox{
				text-align:right;
				}
				
					#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox h2{
					margin:0 0 10px 6px;
					padding:0 16px 3px 0;
					font-size:16px;
					color:#595656;
					border-bottom:1px #cb281f solid;
					}
					
					#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox ul{
					}
					
						#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox ul li{
						border:1px #cfcfcf solid;
						margin:5px 10px 5px 10px;
						background-color:#ffffff;
						padding:5px 0px 8px 6px;
						text-align:left;
						background-image:url('../images/newsBoxItemBackground.jpg');
						background-position:left bottom;
						background-repeat:repeat-x;
						}
						
								#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox ul li:hover{
								cursor:pointer;
								border:1px #cb281f solid;

								}
						#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox ul li a{
						background-image:url('../images/lastDocumentBoxIcon.jpg');
						background-position:left top;
						background-repeat:no-repeat;
						padding:0 0 10px 23px;
						font-weight:normal;
						color:#6a2031;
						}
						
						
							#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox ul li a:hover{
									text-decoration:none;
								}

					
					#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox a{
					color:#2d6287;
					margin:5px 12px 0 0;
					}

						#mZone .zoneActiveArea .linksBar .linksSector .lastDocumentsBox a:hover{
							text-decoration:underline;
						}
					


/*-- Styles Slideshow 
----------------------------*/

			#gallery {
				position:relative;
				height:360px;
				z-index:0;
			}
				#gallery a {
					float:left;
					position:absolute;
				}
				
				#gallery a img {
					border:none;
					padding:0;
					margin:0;
				}
				
				#gallery .image{
				font-size:16px;
				font-weight:bold;
				}
			
				#gallery a.show {
				}
			
				#gallery .caption {
					background-color:#000000; 
					height:37px; 
					width:590px; 
					position:absolute;
					margin:10px 10px 10px 1px;
					padding:11px 0px 0 0;
					overflow:hidden;
					
				}
			
				#gallery .caption .content {
				
				
				}
			
				.captionBottom {
					background-color:#ffffff; 
					color:#4a4a4a; 
					height:60px; 
					width:598px; 
					padding:5px 0 0 0;
					margin:10px 0 0 0;
				}
			
				.captionBottom .contentBottom {
					margin:5px;
				}
				
				#gallery .caption .content h3 {
					font-size:20px;
					margin:0;
					padding:0 0 0 7px;
					color:#ffffff;
					
				}
				.contentBottom{
					margin:0;
					padding:0;
					color:#4a4a4a;
				}