/* CSS - Vittal 2008 (screen) 

COLORES:
	verde: #0C98A5
	azul: #0F269B

INDICE:
	screen.css
		estructura, clases especiales, head, neck, body, foot.
	bit-boxes.css
		cols, items, widget, toc.
		
*/

@import url("bit-text.css");
@import url("bit-menu.css");
@import url("bit-boxes.css");

FORM{
	margin:0
}


BODY {
	margin:0; padding:0;
	background:  #eee url('bg-main995e.gif') center repeat-y;	
	}

HTML.medium BODY, HTML.narrow BODY{ background:#fff; }

#MainHead, #MainMenu, #MainNeck, #MainBody, #MainFoot, .mbody { 
	overflow:hidden; height:1%; 
	}


/* STRUCTURE */
.wide #Main {
	width: 960px;
	margin: 0 auto;
	background:#fff;
}


.medium #MainBody .mbody {
	width: 720px;
	margin: 0 auto;
}

.narrow #Main .mbody {
	width: 720px;
	margin: 0;	
}


.colCtnt { width:620px; margin:0 0px; }
.colSide { width:270px; margin:0 22px; margin-top:2px; }
.box.Cols3 .Col { width:148px; }
.ltCtntSide { margin-left:22px; }


.ltCtntSide { overflow:hidden; height:1%; }
	.ltCtntSide .colCtnt { float:left; }
	.ltCtntSide .colSide { float:right; }

HTML.narrow .colCtnt, HTML.narrow .colSide,
HTML.medium .colCtnt, HTML.medium .colSide { 
	width:auto; float:none;
	margin-top:16pt;
	}



/* SPECIAL TAGS */
.action { float:right; }

HR { display:none; visibility:hidden; }
.hr { border-bottom:2px solid #0DCAC6; }
.hr.sm { border-bottom:1px solid #CCC; }
	* HTML .hr.sm { border-bottom:1px solid #CCC; }

A IMG { border:0; }

A { outline: none; }	/* remove firefox link outline */
:-moz-any-link:focus { outline: none; }  

A:link{ color: #0F269B; }
A:visited{ color: #0C98A5; }

A.button { 
	background: url('btnL.png') top left no-repeat; 
	margin:0;
	padding: 6px 0 6px 10px; /* FF */
	}
	
A.button SPAN { 
	background: url('btnR.png') top right no-repeat; 
	padding: 6px 26px 6px 5px;
	margin:0;
}

	* HTML A.button {
		padding: 0px 0px 0px 10px;
		background-image: none;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../rsrc/btnL.png", sizingMethod="crop");
		zoom: 1;
		display:inline-block;
	}
	
	* HTML A.button SPAN { 
		background-image: none;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../rsrc/btnR.png", sizingMethod="crop");
		zoom: 1;	
	}
		
	*:first-child+html A.button {
		margin:6px 0;
		padding: 0 0 0 10px;
	}
	
	* HTML A.button {
		margin:6px 0;
		padding: 0 0 0 10px;
	}
	
	* HTML A.button SPAN {
		line-height:15px;
		padding-right:4px;
	}
	
	* HTML A.button {
		background-image:none;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../rsrc/btnLie.png", sizingMethod="crop");
		zoom:1;
		margin-right:20px;
		cursor:pointer;
	}
	
	* HTML A.button VAR {
		background-image:none;
		position:absolute;
		width:22px;
		height:28px;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../rsrc/btnRie.png", sizingMethod="crop");
		zoom:1;
	}	

A.headlink {	/* clase para link con botoncito a la derecha */
	background: url('btn-a16.png') right no-repeat;
	padding-right:20px;
}



/* HEAD */
#MainHead { 
	background: url('bg-head960.jpg') no-repeat;
}

#MainHead .box.logo { 
	float:left;
	padding:8px 0 0 20px;
	}

#MainHead .box.urgencias { 
	float:right;
	margin: 0 33px -19px;
	padding:6px  0 0;	
	}

#MainHead .box.urgencias P { 
	position: relative;
	margin:-78px 0 0;
	padding-left:225px;
	z-index:500;
	line-height:14px;
	height:45px;
	}



/* NECK */
#MainNeck { display:none; visibility:hidden; }
BODY.hasNeck #MainNeck { display:block; visibility:visible; }

#MainNeck .mbody { 
	/*background: url('main960.jpg') right bottom no-repeat;*/ 
	padding-top: 1%;
	padding-left: 1%;
	height: 405px;
	border-bottom:4px solid #FFFFFF;
	}

#MainNeck .box.slogan { 
	float:right;
	padding:26px 20px;
	width:360px;
	color:#FFF;
	}

	.box.slogan H2 {
		margin:20px 0;
		}		
	.box.slogan P { 
		font-size:12pt; line-height:14pt;
		margin:0;
		}

.box.slogan .box.Cols {
	margin:30px 0 10px;
}

.box.slogan .box.Cols .item {
	width:190px;
}

.box.slogan .item H3 {
	margin-top:0;
}

.box.slogan .item H3 A {
	padding-right: 10px;
	background: url('btn-a16.png') right no-repeat;
}

/* En IE 6 el boton queda sin transparencia
* HTML .box.slogan .item H3 A { 
	background-image: none;
	filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../rsrc/btn-a16.png", sizingMethod="crop");
	zoom: 1;
}
*/



/* BODY */
#MainBody{
	background:#fff;
}

#MainBody .ltCtntSide {
	margin-bottom:20px;
}

* HTML #MainBody .colCtnt {
	margin:0 6px;
}


/* FOOT */
#MainFoot .mbody { 
	background: #139584 url('bg-foot.jpg') no-repeat;
	padding:0 20px;
	}
	
#MainFoot H5 {
	margin:16px 0;
}

#MainFoot H6 {
	margin:40px 0 15px;
	}
	
.ie6warning{
	background:#ff0;
	color:#000;
	padding:6pt;
	border-bottom:2px solid orange;
}