/*  
Proyecto: ITAU 24hs en Internet
disenho y construccion: Gustavo Antunez
E-mail: gustavoantunez@gmail.com
fecha: 27/05/2010
Mod 1: -
Mod 2: -
*/ 

/* ////////////// R E S E T //////////////// */

*{
	padding: 0;
	margin: 0;
}
table{
	border-spacing: 0px;
	border-collapse: collapse;
}

/* ========================================= clearfix == */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* ========================================= clearfix == */


.clear{
	clear: both;
}

/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/
body{
	text-align: center;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 10px 0;
	background-color: #F8F8F8;
}
p{
	margin-bottom: 12px;
	line-height: 140%;
}
hr{
	height: 1px;
	border: 1px solid #E4E4E4;
	background-color: #E4E4E4;
	margin: 30px 0;
	clear: both;
}
h1, h2, h3, h4, h5, h6{
	color: #F60;
}
h6{	font-size: 12px;}
h5{	font-size: 14px;}
h4{	font-size: 16px;}
h3{	font-size: 18px;}
h2{	font-size: 20px; margin-bottom: 10px;}
h1{	}

h6 a:link, h6 a:visited, h5 a:link, h5 a:visited,
h4 a:link, h4 a:visited, h3 a:link, h3 a:visited,
h2 a:link, h2 a:visited{
	color: #F60 !important;
	text-decoration: none;
}
h6 a:hover, h6 a:active, h5 a:hover, h5 a:active,
h4 a:hover, h4 a:active, h3 a:hover, h3 a:active,
h2 a:hover, h2 a:active{
	color: #F30 !important;
}

a:link, a:visited{
	color: #f60;
}
a:hover, a:active{
	color: #f30;
}

.txtColor1{
	color: #FF0;
}
.txtColor2{
	color: #666;
	font-size: 11px;
	font-style: italic;
}

/* ======== FORMULARIOS ========= */

input,textarea,select,option {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #B9C5D9;
}
input {
	font-size: 95%;
	padding: 4px;
}
textarea {
	font-size: 100%;
	padding: 4px;
	resize: none; /*fix 1/6/11*/
}
label{
	font-weight:bold;
}
input.check {}
select {
	font-size: 90%;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
}
option {	padding-right: 12px; }

.alert{ 
	color: red;
}
fieldset{
	padding: 12px;
	border: 1px dotted #EBEBEB;
	margin-top:20px;
}
	fieldset td{
		padding: 3px;
		vertical-align:top;
	}
legend{
	font-size:16px; font-weight:bold;
}

input[type="checkbox"],
input[type="radio"]{ border:0;}
input[type="submit"], input[type="button"], 
input[type="reset"]{ padding: 2px 6px;}

.boton{
	padding: 2px 6px;
}


/*form seguros 1/6/11*/
form.seguro input, form.seguro select, form.seguro textarea{
	background: url(../img/img_personas/bgInput.jpg) repeat-x 0 bottom;
	padding: 5px;
	border: 1px solid #E4E4E4;
}
form.seguro table td{
	padding: 5px 10px 10px 0;
}
form.seguro input[type="submit"]{
	background: url(../img/img_personas/sprite-submit.gif) no-repeat center center;
	text-align: center;
	color: #FFF;
	border: 0;
	width: 85px; height: 34px;
}
form.seguro input[type="button"]{
	background: url(../img/img_personas/sprite-submit.gif) no-repeat center center;
	text-align: center;
	color: #FFF;
	border: 0;
	width: 85px; height: 34px;
}


/* ======== FORMULARIOS ========= */

/* ############################################################*/
/* ################### ESTILOS PARTICULARES ################### */
/* ############################################################*/

/* ############################################################*/
/* #################### ESTILOS HEADER ##################### */
/* ############################################################*/
#wrapper_header{
	width: 960px;
	margin: auto;
	position: relative;
}
#wrapper_header #header{
	text-align: left;
	color: #999;
	border-bottom: 8px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	background: #D9D9D9 url(../img/img_personas/bgTop.jpg) repeat-x;
}
#wrapper_header #header .center{
	background: url(../img/img_personas/bgShapeLogo2.png) no-repeat 20px top;
	height: 95px;
}



#wrapper_header #header .center #logo, #wrapper_header #header .center #derecha{
	float: left; display: block;
}
	#wrapper_header #header .center #logo{
		padding: 12px 0 0 60px;
		width: 74px;
	}
#wrapper_header #header .center #derecha{
	width: 824px;
}

	#wrapper_header #header .center #derecha #line1{
		height: 70px;
	}
		#wrapper_header #header .center #derecha #line1 #segmentos,
		#wrapper_header #header .center #derecha #line1 #accBanca{
			float: left; display: block;
		}
		#wrapper_header #header .center #derecha #line1 #segmentos{
			padding: 15px 0 0 65px;
			width: 310px;
		}
		#wrapper_header #header .center #derecha #line1 #segmentos ul li{
			display: block; float: left;
			margin-right: 1px;
			list-style-type: none;
		}
		#wrapper_header #header .center #derecha #line1 #segmentos ul li a:link,
		#wrapper_header #header .center #derecha #line1 #segmentos ul li a:visited{
			background: url(../img/img_personas/bgBotonesSegmentos.png) no-repeat left -35px;
			display: block;
			text-align: center; text-decoration: none;
			color: #999;
			width: 85px; height: 25px;
			padding-top: 9px;
		}
		#wrapper_header #header .center #derecha #line1 #segmentos ul li a:hover,
		#wrapper_header #header .center #derecha #line1 #segmentos ul li a:active{
			background: url(../img/img_personas/bgBotonesSegmentos.png) no-repeat left top;
			color: #666;
		}
		#wrapper_header #header .center #derecha #line1 #segmentos ul li a.active{
			background: url(../img/img_personas/bgBotonesSegmentos.png) no-repeat left bottom;
			color: #FFF;
		}
		
		#wrapper_header #header .center #derecha #line1 #accBanca{
			margin-top: 5px;
			width: 449px;
		}	
			#wrapper_header #header .center #derecha #line1 #acceso{
				float: right; display: block;
				height: 44px;
				color: #FFF;
			}		
			#wrapper_header #header .center #derecha #line1 #accBanca #acceso{
				width: 290px; 
			}
			#wrapper_header #header .center #derecha #line1 #accBanca #acceso td{
				padding: 10px 3px;
			}
			#wrapper_header #header .center #derecha #line1 #accBanca #acceso .documento{
				width: 85px;
				background-color: #FFF; padding: 3px;
				border: 1px solid #E48801;
			}
			#wrapper_header #header .center #derecha #line1 #accBanca #acceso .submit{
				width: 24px; height: 24px; border: 0;
				background: url(../img/img_personas/botonAccBanca.png) no-repeat;
				text-align: center;
				color: #F60;
			}
			#wrapper_header #header .center #derecha #line1 #accBanca a:link,
			#wrapper_header #header .center #derecha #line1 #accBanca a:visited{
				color: #FFF;
				text-decoration: none;
				text-align: center;
				background: url(../img/img_personas/bgBtnRegistro.gif) no-repeat;
				width: 71px; height: 19px;
				padding-top: 3px;
				display: block;
			}
			#wrapper_header #header .center #derecha #line1 #accBanca a:hover,
			#wrapper_header #header .center #derecha #line1 #accBanca a:active{
				color: #FF0;
			}

	#wrapper_header #header .center #derecha #line2{
		clear: both;
		height: 25px;
		padding-left: 58px;
	}
		#wrapper_header #header .center #derecha #line2 #fecha{
			float: left; padding-top: 5px;
			width: 240px;
		}
	
	
	#wrapper_header #header .center #derecha #line2 #menu{
		/*height: 25px;*/
		float: right;
		width: 520px;
		margin-right: 5px;
	}
		#wrapper_header #header .center #derecha #line2 #menu li{
			float: right; display: block;
		}
			#wrapper_header #header .center #derecha #line2 #menu li a,
			#wrapper_header #header .center #derecha #line2 #menu li span{
				display: block;
			}
			#wrapper_header #header .center #derecha #line2 #menu li a:link,
			#wrapper_header #header .center #derecha #line2 #menu li a:visited{
				color: #F60;
				text-decoration: none;
				background: url(../img/img_personas/bg_menuPpal1.png) no-repeat left top;
				}
				#wrapper_header #header .center #derecha #line2 #menu li a:link span,
				#wrapper_header #header .center #derecha #line2 #menu li a:visited span{
					background: url(../img/img_personas/bg_menuPpal2.png) no-repeat right top;
					padding: 6px 15px 4px 15px;
				}
			#wrapper_header #header .center #derecha #line2 #menu li a:hover,
			#wrapper_header #header .center #derecha #line2 #menu li a:active,
			#wrapper_header #header .center #derecha #line2 #menu li a.active{
				color: #FFF;
				background: url(../img/img_personas/bg_menuPpal1.png) no-repeat left bottom;
			}
			#wrapper_header #header .center #derecha #line2 #menu li a:hover span,
			#wrapper_header #header .center #derecha #line2 #menu li a:active span,
			#wrapper_header #header .center #derecha #line2 #menu li a.active span{
				background: url(../img/img_personas/bg_menuPpal2.png) no-repeat right bottom;
			}
		

#submenu {
	top: 94px;
	right: 0;
	position: absolute;
	z-index: 999;
	width: 960px;
	background: #F60 url(../img/img_personas/bgSubmenu.jpg) repeat-x top;
}

#wrapper_header #header .contentSub{
	clear: both;
	border-bottom: 8px solid #C6C6C6;
}
	#wrapper_header #header .contentSub li{
		float: left; display: block;
		text-align: center;
		width: 191px;
		height: 25px;
		border-right: 1px dotted #F90;
		border-bottom: 1px solid #F90;
}
	#wrapper_header #header .contentSub li a:link,
	#wrapper_header #header .contentSub li a:visited{
		color: #FFF;
		display: block;
		text-decoration: none;
		padding: 5px 0; 
	}
	#wrapper_header #header .contentSub li a:hover,
	#wrapper_header #header .contentSub li a:active{
		color: #FF0;
		background-color: #F70;
	}




/* ############################################################*/
/* #################### FIN ESTILOS HEADER ##################### */
/* ############################################################*/


/* ############################################################*/
/* #################### ESTILOS CONTENEDOR ##################### */
/* ############################################################*/
#wrapper_contenido{
}
	#wrapper_contenido #contenido{
		margin: auto;
		text-align: left;
		width: 930px;
		padding: 15px;
		background-color: #FFF;
		
		/*bicentenario
		padding:50px 15px 15px 15px;
		background: #FFF url(../img/img_personas/bgBicentenario.gif) no-repeat center 5px;
		bicentenario*/
	}
		#wrapper_contenido  #contenido #mensaje{
			text-align: left;
			margin: 80px 0;
			padding: 30px;
			border-top: 1px solid #E4E4E4;
			border-bottom: 1px solid #E4E4E4;
			}
				#wrapper_contenido  #contenido #mensaje img{
					margin-right: 10px;
				}
				
	#wrapper_contenido #contenido .left,
	#wrapper_contenido #contenido .center,
	#wrapper_contenido #contenido .right{
		float: left; display: block;
	}
	#wrapper_contenido #contenido .left{
		width: 160px;
		margin-right: 15px;
	}
		#wrapper_contenido #contenido .left #noticias{
			background: #F4F4F4 url(../img/img_personas/bgBodyNoticias.gif) no-repeat 0 bottom;
		}
			#wrapper_contenido #contenido .left #noticias h5{
				display: block;
				background: url(../img/img_personas/bgTitNot.jpg) no-repeat;
				height: 22px; text-align: center;
				font-weight: bold; font-size: 13px; color: #FFF;
				padding-top: 3px;
			}
			#wrapper_contenido #contenido .left #noticias #notis{
				padding: 10px;
				font-size: 11px;
			}
				#wrapper_contenido #contenido .left #noticias #notis h6{
					color: #F60; margin-bottom: 3px;
				}
				#wrapper_contenido #contenido .left #noticias #notis li{
					border-top: 1px solid #E6E6E6;
					padding: 5px 0 5px 15px;
					list-style-type: none;
					background: url(../img/img_personas/bullet_noticias.gif) no-repeat left 8px;
				}
	#wrapper_contenido #contenido .center{
		width: 570px;
		margin-right: 15px;
	}
		#wrapper_contenido #contenido .center a:link,
		#wrapper_contenido #contenido .center a:visited{
			color: #333;
		}
		#wrapper_contenido #contenido .center a:hover,
		#wrapper_contenido #contenido .center a:active{
			color: #F60;
		}
			#wrapper_contenido #contenido .center p.back a{
			color: #F60;
		}
		#wrapper_contenido #contenido .center #flashPpal{
			height: 200px; margin-bottom: 12px;
		}
		#wrapper_contenido #contenido .center #prodDest{
			clear: both;
		}
		#wrapper_contenido #contenido .center #prodDest #uno,
		#wrapper_contenido #contenido .center #prodDest #dos{
			float: left; display: block;
			width: 285px; height: 172px;
		}
			#wrapper_contenido #contenido .center ul,
			#wrapper_contenido #contenido .center ol{
				padding: 6px 12px 12px 24px;
			}
				#wrapper_contenido #contenido .center ul li{
					padding-bottom: 3px;
				}
				
			
				/* tabla 1 */
				#wrapper_contenido #contenido .center .table_1{
					margin-bottom: 20px;
				}
				#wrapper_contenido #contenido .center .table_1 td{
					padding: 3px 6px;
					
				}
				#wrapper_contenido #contenido .center .table_1 thead,
				#wrapper_contenido #contenido .center .table_1 th{
					background: #666;
					color: #FFF;
					font-weight: bold;
					border: 1px solid #999;
					border-bottom: 0;
				}
				#wrapper_contenido #contenido .center .table_1 tfoot{
					background: #ebebeb;
					color: #666;
					border: 1px solid #999;
					font-weight: bold;
				}
				#wrapper_contenido #contenido .center .table_1 tfoot a {
					color: #666;
				}
				#wrapper_contenido #contenido .center .table_1 tbody{
					background: #FFF;
					color: #333;
					border: 1px solid #999 !important;
					border-top: 0;
				}
				#wrapper_contenido #contenido .center .table_1 tbody td{
					border-left: 1px solid #999;
				}
				#wrapper_contenido #contenido .center .table_1 .colorAlt{
					background: #f8f8f8;
				}
				/* fin tabla 1 */
		
		/* BOTONES DE INTERNAS - ACCESOS A PRODUCTOS */	
			
		#wrapper_contenido #contenido .center ul.fastAcc,
		#wrapper_contenido #contenido .center ul.sucursales{
			padding: 0; margin: 0;
		}
		#wrapper_contenido #contenido .center ul.fastAcc{
			margin-bottom: 20px;
		}
			#wrapper_contenido #contenido .center ul.fastAcc li{
				float: left;
				display: block;
				width: 279px;
				color: #F60;
				font-size: 13px;
				font-weight: bolder;
				padding: 6px 6px 6px 0;
				list-style-type: none;
				border-bottom: 1px solid #F4F4F4;
			}
				#wrapper_contenido #contenido .center ul.fastAcc li.x3{
					width: 184px;
				}
				#wrapper_contenido #contenido .center ul.fastAcc li.x4{
					width: 136px;
				}
				/*#wrapper_contenido #contenido .center ul.fastAcc li:hover{
					background-color: #f5f5f5;
				}*/
				#wrapper_contenido #contenido .center ul.fastAcc li a:link,
				#wrapper_contenido #contenido .center ul.fastAcc li a:visited{
					color: #666;
				}
				#wrapper_contenido #contenido .center ul.fastAcc li a:hover,
				#wrapper_contenido #contenido .center ul.fastAcc li a:active{
					color: #333;
				}
				#wrapper_contenido #contenido .center ul.fastAcc li div{
					clear: both;
					height: 90px;
					font-size: 12px;
					font-weight: normal;
					padding: 0 10px 20px 45px;
					color: #333;
				}
			#wrapper_contenido #contenido .center ul.sucursales li{
				float: left;
				display: block;
				width: 273px;
				height: 100px;
				padding: 3px 6px 3px 3px;
				margin-bottom: 10px;
				list-style-type: none;
				border-bottom: 1px solid #F4F4F4;
			}
				#wrapper_contenido #contenido .center ul.sucursales li img{
					float: left;
					margin-right: 9px;
					border: 0;
				}
			
			
			/* ////////// PROMOCIONES ////////// */	
			/*         agregado 11/10/10         */
			#wrapper_contenido #contenido .center .promos{
				float: left; display: block;
				width: 275px;
				margin: 0 5px 15px 5px;
				color: #666;
			}
				#wrapper_contenido #contenido .center .promos .titulo{
					background: #F4F4F4 url(../img/img_personas/promos_tit_izq.gif) no-repeat left;
					padding: 3px 12px;
					font-size: 11px;
				}
				#wrapper_contenido #contenido .center .promos .contentP{
					border: 1px solid #F4F4F4;
					height: 110px;
					padding: 10px;
				}
					#wrapper_contenido #contenido .center .promos .contentP .logoPromo{
						float: left; width: 75px; /* La imagen tiene 75px de ancho, alto variable */
						display: block;
					}
					#wrapper_contenido #contenido .center .promos .contentP .info{
						float: left; display: block;
						width: 170px;
						padding-left: 7px;
					}
	
			/* ////////// PROMOCIONES ////////// */

				
		/* BOTONES DE INTERNAS - ACCESOS A PRODUCTOS */	
			
	#wrapper_contenido #contenido .right{
		width: 170px;
	}
		#wrapper_contenido #contenido .right #accDirectos li{
			background: url(../img/img_personas/bgBtnAccDirectos.gif) no-repeat top;
			list-style-type: none;
			display: block;
			height: 58px; width:170px;
			margin-bottom: 13px;
		}


		#wrapper_contenido #contenido .right #accDirectos li:hover,
        #wrapper_contenido #contenido .right #accDirectos li.active
		{
		
			background-position: 0 -62px;
		}
		#wrapper_contenido #contenido .right #accDirectos li img{
			float: left; display: block;
			width: 45px;
			margin: 5px 5px 0 5px;
			border: 0;
		}
			#wrapper_contenido #contenido .right #accDirectos li span{
				display: block; float:left;
				width: 105px; height: 58px;
				padding: 12px 10px 0 0;
				cursor:pointer;
			}
		#wrapper_contenido #contenido .right #accDirectos li a:link,
		#wrapper_contenido #contenido .right #accDirectos li a:visited{
			text-decoration: none;
			font-size: 14px;
			color: #666;
		}
		#wrapper_contenido #contenido .right #accDirectos li a:hover,
		#wrapper_contenido #contenido .right #accDirectos li a:active{
			background-position: bottom;
			color: #333;
		}
	#wrapper_contenido #contenido .right #SAC{
		margin-top: 35px;
		font-size: 18px;
		color: #F60;
		text-align: center;
	}
		#wrapper_contenido #contenido .right #SAC strong,
		#wrapper_contenido #contenido .right #SAC span{
			font-size: 23px;
		}
		#wrapper_contenido #contenido .right #SAC img{
			float: left;
			margin: 3px 3px 0 5px;
		}
		#wrapper_contenido #contenido .right #SAC p{
			margin-bottom: 3px;
			text-align: left;
			line-height: 23px;
		}

/* ############################################################*/
/* #################### FIN ESTILOS CONTENEDOR ##################### */
/* ############################################################*/


/* ############################################################*/
/* #################### ESTILOS BOTTOM ##################### */
/* ############################################################*/
#wrapper_bottom{
	clear: both;
	background: url(../img/img_personas/bgPagNuevas_bottom.png) no-repeat center top;
}
#bottom{
	width: 960px;
	margin: auto;
	text-align: left;
	padding: 25px 0;
	color: #999;
	font-size: 11px;
}
	#bottom a:link, #bottom a:visited{
		color: #999;
	}
	#bottom a:hover, #bottom a:active{
		color: #333;
	}
	#bottom .left, #bottom .right{
		float:  left; display: block;
	}
	#bottom .left{
		width: 580px;
	}
	#bottom .right {
		width: 380px;
		text-align: right;
	}

/* ############################################################*/
/* #################### ESTILOS FIN BOTTOM ##################### */
/* ############################################################*/