/*********************** INCLUIR FUENTE D E N M A R K ***********************/
@font-face {
 font-family: Denmark;
 src: url("../fonts/denmark.eot") /* Archivo .EOT para IE */
}
@font-face {
 font-family: Denmark;
 src: url("../fonts/denmark.TTF") /* Archivo .TTF para navegadores CSS3 */
}





/********************************** B E G I N   C L A S S   MASTER PAGE ****************************************/
	body {
		min-width : 960px;
		background-attachment: scroll;
		background-image: url(../images/bg_sombra.png);
		background-repeat: repeat-y;
		background-position: center;
		margin: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
		color: #333333;
	}
	div.wrapper {
		width:900px;
		margin:0px auto;
		text-align:left;
		padding-left: 30px;
		padding-right: 30px;
		height:auto;
	}
	#header {
		background-image: url(../images/cabs_medical_01.jpg);
		background-repeat: no-repeat;
		background-position: top;
		width:900px;
		height: 100px;
		text-align:left;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#footer {
		/*position: absolute;
		bottom: 0;*/
		width: 900px;
		height: 72px;
		text-align: left;
		background-image: url(../images/cabs_medical_2.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}
	#barra-menu {
		width: 100px;
		/*background-image: url(../images/barra_menu_assurance_bg1.jpg); 
		background-repeat: repeat-y;*/
		height: 100%;
	}
	.contenidos {
		width: 770px;
		background-color: #FFFFFF;
		margin-bottom: 30px;
		padding:15px;
		height: auto !IMPORTANT;
		min-height:422px;
		/*height: 422px; - Para IE 6, propiedad para indicar el minimo de altura que debe tener la pagina*/
	}

/********************************** E N D  C L A S S   MASTER PAGE ****************************************/


/************************* B E G I N   FORMATOS DE TEXTO PREDETERMINADO **************************************/

h1,.Tit_Formulario{
	font-family:Denmark;
	font-size:	24pt;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-transform: lowercase;
}

h2,.Tit_Ventana{
	font-family: Denmark;
	text-transform: lowercase;
	font-size: 12pt;
}

h3,.Tit_Seccion
{
	font-family: Denmark;
	font-size:23px;
	text-transform: lowercase;
}

.textos_ventanas {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #333333;
}

.titulo-formas {
	font-size: 10px;
	font-weight: bold;
}
.titulo-ventana {
	font-size:16px;
	font-family: Denmark;
	text-transform: lowercase;
}
/************************* E N D   FORMATOS DE TEXTO PREDETERMINADO **************************************/


/* VENTANAS */

/* para multiples columnas */
#columnas {
	position:relative;
	margin:0px auto;
	_width:100%; 
	max-width:1600px;
}

.col {
 float:left;
 display:inline;
 width:49%;
 _width:48%;
 margin:0px 0.5% 0px 0.5%;
}

.col.last {
	margin-right:0px;
}

/* end of multiples columnas */

.bg-tabla3col {
	vertical-align: top;
	padding: 7px;
	width: 33%;
}
.bg-tabla2col {
	vertical-align: top;
	padding: 7px;
	width: 50%;
}

/********************************** B E G I N   C L A S S   VENTANA BASE TABLA ****************************************/

.vent-tab-tl {
	background-image: url(../images/ventana/ventana_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 20px;
}
.vent-tab-tr {
	background-image: url(../images/ventana/ventana_tr.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 20px;
	width: 20px;
}
.vent-tab-r {
	background-image: url(../images/ventana/ventana_r.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	height: auto;
}
.vent-tab-bl {
	background-image: url(../images/ventana/ventana_bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.vent-tab-b {
	background-image: url(../images/ventana/ventana_b.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
}
.vent-tab-br {
	background-image: url(../images/ventana/ventana_br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
}

.vent-tab-t {
	background-image: url(../images/ventana/ventana_t.png);
	height: 20px;
	background-position: top;
}
.vent-tab-l {
	background-image: url(../images/ventana/ventana_l.png);
	background-repeat: repeat-y;
	background-position: left top;
	height: auto;
}
.vent-contenido {
	display: block;
	float: left;
}
/********************************** E N D   C L A S S   VENTANA BASE TABLA ****************************************/

/********************************** B E G I N   C L A S S   VENTANA BASE DIVISION ****************************************/
.dialog {
	position:relative;
	min-width:8em;
	max-width:700px; /* based on image dimensions - */
	margin:0px auto;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:30px; /* spacing under dialog */
	background-image: url('../images/ventana/bg_ventana1a.png');
	margin-right: auto;
	margin-top: 0px;
	z-index:1;
	top: 0px;
	left: 0px;
}


.dialog .content,
.dialog .t,
.dialog .b div {		
	background-color: transparent;
	background-image: url(../images/ventana/bg_ventana1a.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left:12px;
}

.dialog .content {
	position:relative;
	_overflow-y:hidden;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.dialog .t {
	/* top+left vertical slice */
 	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:auto; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.top-align {
	vertical-align: top;
}


.dialog .b {
	background-image: url(../images/ventana/bg_ventana1a.png);
	_width:expression(this.width > 600 ? "600px": "auto");
	background-position: right bottom;
 	position:absolute;
	width: 100%;
	max-width:700px;
	margin-right: auto;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b div {
 position:relative;
 max-width:100px; /* bottom corner width */
 _width:expression(this.width > 600 ? "600px": "auto");
 margin-left:-12px;
 background-position:bottom left;
 
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
	position:relative;
	max-width:600px;
	width:100%;
}

.dialog .wrapper-win {
	/* extra content protector - preventing vertical overflow (past background) */
 	position:static;
	max-height:1000px; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
	overflow: hidden;
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.modal {
	background-color:Black;
	filter:alpha(opacity=70);
	filter:alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;
	height:100%;
	width:100%;
}
/********************************** E  N D   C L A S S   VENTANA BASE DIVISION ****************************************/


/********************************** B E G I N   C L A S S   ALERTA ESTATICA ****************************************/

.alerttop {
	background-image: url(../images/ventana/alerta_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF9900;
	padding-left: 55px;
	padding-top: 20px;
	padding-right: 10px;
	text-align: left;
}
.alertbot {
	background-image: url(../images/ventana/alerta_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/********************************** B E G I N   C L A S S   BOCADILLO  ****************************************/
.vent-boc-bl {

	background-image: url(../images/ventana/ventana_bocadillo_bl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.vent-boc-br {

	background-image: url(../images/ventana/ventana_bocadillo_br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
}
.vent-boc-b {

	background-image: url(../images/ventana/ventana_bocadillo_b.png);
	background-repeat:  repeat-x;
	height: 20px;
	text-align: right;
}
.vent-boc-ba {
	background-image: url(../images/ventana/ventana_bocadillo_a.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 60px;
}


.boc-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	max-width: 400px;
	background-color: #006666;
}

  /********************************************************************************************************************/

.locked {
    POSITION: relative;
    cursor: default; 
    background-color : #9eb5cf;
    top: expression(document.getElementById("container").scrollTop-1); /* IE5+ only */
    z-index: 1;
}

.lockedleft 

{
    position:relative;
    cursor: default;
    background-color: #ffff00;
    LEFT: expression(document.getElementById("container").scrollLeft-1);  POSITION: relative;
}

.lockedlefttitle
{
    position:relative;
    cursor: default;
    background-color: #9eb5cf;
    LEFT: expression(document.getElementById("container").scrollLeft-1);  POSITION: relative;
}

#container{
    height:200px;

}

.bothHeader {
LEFT: expression(document.getElementById("container").scrollLeft-1); POSITION: relative;
top: expression(document.getElementById("container").scrollTop-1); /* IE5+ only */
background-color: #9eb5cf ;
z-index: 2;
}