/* 
Proyecto: VISION DE FINANZAS
diseño y construcción: Gustavo Antunez
E-mail: gustavoantunez@gmail.com
fecha: 16/06/2008
Mod 1: -
Mod 2: -
*/ /* ////////////// R E S E T //////////////// */
* {
	padding: 0;
	margin: 0;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}
* html img,* html .png {
	behavior: expression(( this . runtimeStyle . behavior = "none") &&( this
		. pngSet ? this . pngSet = true :( this . nodeName ==   "IMG" &&  
		this . src . toLowerCase() . indexOf('.png') > -1 ?( this .
		runtimeStyle . backgroundImage =   "none", this . runtimeStyle .
		filter =   "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
		+   this . src +   "', sizingMethod='image')", this . src =  
		"transparent.gif" ) :( this . origBg =   this . origBg ?   this .
		origBg : this . currentStyle . backgroundImage . toString() .
		replace('url("', '') . replace('")', ''), this . runtimeStyle . filter
		=   "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +  
		this . origBg +   "', sizingMethod='crop')", this . runtimeStyle .
		backgroundImage =   "none" ) ), this . pngSet = true ) );
}
p {
	margin-bottom: 12px;
}

a:link,a:visited {
	color: #000;
}

a:hover,a:active {
	color: #666;
}

hr {
	height: 1px;
	border: 0px;
	background-color: #F4F4F4;
}

/* formularios */
input,textarea,select,option {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input {
	font-size: 90%;
	padding: 6px;
	background: #E8ECF2;
	border: 0;
}

textarea {
	font-size: 100%;
	padding: 3px;
	background: #E8ECF2;
}

input.check {
	
}

select {
	font-size: 90%;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

option {
	padding-right: 12px;
}



ol, ul{
	padding: 6px 20px;
}
li{
	padding: 6px;
}


/* ////////////// G E N E R A L E S //////////////// */
body {
	background: #7D97BA url(img/bg_body.jpg) repeat-x fixed;
	font: 14px Arial, Helvetica, sans-serif; line-height: 130%;
	color: #000;
	text-align: center;
}

#contenedor {
	width: 852px;
	text-align: left;
	background: #FFF;
	padding: 0 24px 24px 24px;
	margin: auto;
	/*min-height: 530px; */
}

#foot_shadow {
	background: url(img/bg_contenedor.png) repeat-x bottom;
	width: 900px;
	height: 18px;
	margin: auto;
}

/* ////////////// H E A D E R //////////////// */
#header {
	height: 130px;
	background: url(img/bg_header.jpg) repeat-x bottom;
	margin-bottom: 3px;
}

#header #logo {
	float: left;
	color: #002B71;
	font-size: 36px;
	display: block;
	margin: 30px 0 24px 0;
}

#header #menu {
	float: right;
	display: block;
	height: 100px;
	margin-top: 12px;
	
}

/* ////////////// F I N   H E A D E R //////////////// */
	/* ////////////// I N D E X //////////////// */
.index {
	clear: both;
	padding: 30px 0;
	background: #6683B3 url(img/bg_login.jpg) repeat-x;
}
/* ////////////// F I N   I N D E X //////////////// */
	/* ////////////// I N T E R N A S //////////////// */
#contenido {
	background: #6683B3 url(img/bg_login.jpg) repeat-x;
	padding: 6px;
}

#contenido td{
	padding: 6px;
	vertical-align: top;
}

#contenido .left {
	width: 318px;
}
.notis{
	padding:18px;
	background: url(img/bg_notis.gif) no-repeat;
	width: 282px; height: 150px;
	font-size: 12px;
	}
.notis li {    
	margin-left: 18px;
	padding-bottom: 6px;
	list-style: url(img/ico_v.gif);
	}

.noti_list_a{
	width: 282px; padding: 18px;  height: 14px;
	background: url(img/bg_notis_a.gif) no-repeat;
}
.noti_list_b{ 
	background: url(img/bg_notis_b.gif) repeat-y;
	padding: 0 18px;
	width: 282px; padding: 18px; font-size: 12px;
}
.noti_list_b li{    
	padding-bottom: 6px;
	list-style: url(img/ico_v.gif);
	}
.noti_list_c{
	width: 318px; height: 22px;
	background: url(img/bg_notis_c.gif) no-repeat; 
}

#contenido .right {
	width: 498px;
	background: #FFF url(img/logo_transparent.gif) no-repeat bottom;
	padding-left: 18px;
}

#contenido h2 {
	color: #002B71;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}

#contenido h3 {
	color: #002B71;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: normal;
}

#contenido h4 {
	color: #13367A;
	font-size: 13px;
}
#contenido h4 a:link, #contenido h4 a:visited {
	color: #13367A;
	font-size: 14px;
}
#contenido h4 a:hover, #contenido h4 a:active {
	color: #DD0067;
}
.contin{
	color: #000;
}
#contenido .contin li{ 
	list-style: inside; 
}

.xx_1{
	height: 30px;
	background: #002B71;
	font-size: 16px; color: #FFF; font-weight: bold;
}
.xx_1a{
	float: left;
	width: 10px; height: 30px;
	background: url(img/xx_1.gif) no-repeat;
}
.xx_1b{
	float: right;
	width: 10px; height: 30px;
	background: url(img/xx_2.gif) no-repeat;
}
.xx_1c{
	padding-top: 3px; text-align: right; 
}
.xx_1cc{
	padding-top: 3px; 
}
.xx_2a{
	float: left;
	width: 10px; height: 30px;
	background: url(img/xx_2a.gif) no-repeat;
}
.xx_2b{
	float: right;
	width: 10px; height: 30px;
	background: url(img/xx_2b.gif) no-repeat;
}



.cua_1{	width: 498px; margin-bottom: 12px; clear: both;}
.cua_1a, .cua_1body, .cua_1b{	float: left; display: block; }
.cua_1a{
	height: 10px; 
	background: #CBDAEF url(img/cua_1a.gif) no-repeat;
	width: 498px;
}
.cua_1body{
	background: #CBDAEF;
	padding: 0 12px;
	width: 474px;
}
.cua_1b{
	height: 10px; width: 498px;
	background: url(img/cua_1b.gif) no-repeat;
	width: 498px;
}


.cua_2{	width: 498px; margin-bottom: 12px; clear: both;}
.cua_2a, .cua_2body, .cua_2b{	float: left; display: block; }
.cua_2a{
	height: 10px; 
	background: #F36D9F url(img/cua_2a.gif) no-repeat;
	width: 498px;
}
.cua_2body{
	background: #F36D9F;
	padding: 0 12px;
	width: 474px;
	color: #FFF; font-weight: bolder;
}
.cua_2b{
	height: 10px; width: 498px;
	background: url(img/cua_2b.gif) no-repeat;
	width: 498px;
}




.image_float_left {
	border: 3px solid #DAE1E9;
	margin-bottom: 6px;
}
.marg{
	margin: 0 6px 6px 0;
}


	/* ////////////// F I N   I N T E R N A S //////////////// */
#bottom {
	clear: both;
	font-size: 11px;
	color: #999;
	height: 100px;
}

#bottom .left {
	float: left;
	display: block;
	padding-top: 50px;
/*	border-left: 1px dotted #999;
	padding-left: 15px;*/
}

#bottom .right {
	float: right;
	display: block;
	text-align: center;
}

#bottom a:link,#bottom a:visited {
	color: #999;
}

#bottom a:hover,#bottom a:active {
	color: #666;
}


.table1 td{
	padding: 3px;
	border-bottom: 1px solid #B0C4DE;
}
.table1 .table1Head{ 
	background: #B0C4DE; 
	font-weight: bolder;
}


.alert{
	color: Red;
}
a.tit:link, a.tit:visited{ 
	background: url(img/bg_loop.gif); 
	padding: 0 3px;
}
a.tit:hover, a.tit:active{ 
	padding: 0 3px;
	color: #000;
	background: none;
}

#topbar{
	padding: 12px;
	background-color:#FFF;
	
	position:absolute;
	visibility: hidden;
	z-index: 100;
}