/***********************************************/
/* ifh.css                                     */
/***********************************************/

/***********************************************/
/* HTML ESTILOS                                */
/***********************************************/

/************ ELEMENTOS DE BLOQUE **************/

* {
margin : 0;
padding : 0;
}

BODY {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	text-align: center;
	color: #888;
}

SPAN {
	display: block;
}

P, H1, H2, H3, H4, H5, H6, LI, OL, UL, TD, TH, DL, DT, DD, TEXTAREA, INPUT {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #888;
}

P {
	font-size : 8.5pt;
	line-height: 18px;
	margin-top: 4px;
	margin-bottom: 8px;
}

H1 {
}

H2 {
	font-size : 13pt;
	font-weight: normal;
	color: #FF9900;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #FF9900;
	text-align: left;
}

H3 {
	font-family : georgia, "times new roman", serif;
	font-size : 12pt;
	color: #006699;
	margin-bottom: 4px;
	margin-top: 8px;
}

H4 {
	font-size : 8pt;
	color: #0099CC;
	margin-bottom: 4px;
	margin-top: 6px;
}

H5 {
}

H6 {
	
}

UL {
	list-style-image: url(../img/li.gif);
	line-height: 18px;
	padding-top: 0px;
	margin-top: 4px;
	margin-left: 30px;
	margin-bottom: 10px;
}

OL {
	line-height: 18px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 10px;
}

LI {
	font-size: 8.5pt;
	color: #0077AA;
}

TH {
	font-size : 8.5pt;
	vertical-align: top;
}

TD {
	font-size: 8.5pt;
	vertical-align: top;
}

DL {
	font-size: 8.5pt;
	margin-top: 4px;
	margin-bottom: 4px;
}

DT {
	font-weight: bold;
	margin-top: 10px;
}

DD {
	line-height: 16px;
	margin-top: 4px;
	margin-left: 30px;
	margin-bottom: 8px;
}

HR {
 color: #CCC;
 height: 1px;
 border: 1px solid #EEE;
}

/************* ELEMENTOS DE LINEA **************/

small, SPAN.small  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	display: block;
}

strong {
	font-weight: bold; 
}

blockquote {
	margin-top: 0px;
	line-height: 18px;
	font-style: italic;
}

A:link {
	color: #0099CC;
	border-bottom: 1px dotted #CCC;
	text-decoration: none;
}

A:visited {
	color: #006699;
	border-bottom: 1px dotted #CCC;
	text-decoration: none;
}

A:hover {
	color: #33CC33;
	text-decoration: none;
}

/******************* FORMS *********************/

INPUT, SELECT {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #888;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}

TEXTAREA {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

FORM {
	margin-top: 6px;
	margin-bottom: 6px;
}

/***********************************************/
/* CLASSES ESPECIALES                          */
/***********************************************/

/******************* VARIAS ********************/
P.home {	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7.5pt;
	line-height: 12px;
	margin-top: 0px;
}

DIV#principal {
	width: 778px !important;
	width /**/: 776px;
	margin: 0 auto;
	background: #FFF;
	text-align: left;
	position: relative;
}

P.bajadalocal {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style: italic;
	margin-left: 0px;
	color: #0099CC;
	width: 325px;
}

P.destacado_n1,
SPAN.destacado_n1 {
	font-style: italic;
	color: #FF9900;
}

P.destacado_n2,
SPAN.destacado_n2 {
	color: #FF9900;
	border: 1px dotted #BBB;
	padding: 6px;
	margin-bottom: 12px;
}

P.destacado_n3,
SPAN.destacado_n3 {
	font-style: normal;
	color: #FF9900;
}

P.dir {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
}

H3.dirclass1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	border-bottom: 1px dotted #00CC33;
	color: #00CC33;
	width: 400px !important;
	width /**/: 400px;
	margin-bottom: 8px;
	margin-top: 8px;
}

H3.dirclass2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	border-bottom: 1px dotted #0099CC;
	color: #0099CC;
	width: 400px !important;
	width /**/: 400px;
	margin-bottom: 8px;
	margin-top: 8px;
}

H3.dirclass3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	border-bottom: 1px dotted #FF9900;
	color: #FF9900;
	width: 400px !important;
	width /**/: 400px;
	margin-bottom: 8px;
	margin-top: 8px;
}

H4.dir {
	font-size : 10pt;
	color: #006699;
	margin-top: 0px;
	margin-bottom: 0px;
}


TABLE.tabla {
	margin-top: 8px;
	margin-bottom: 12px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

TABLE.tabla TH {
	font-weight: bold;
	background-color: #F5F5F5;
	color: #0099CC;
	padding: 4px 4px 4px 6px;
	border-right: 1px solid #CCC;
	border-bottom: 2px solid #0099CC;
	text-align: left;
}

TABLE.tabla TD {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FF9900;
	padding: 4px 4px 4px 6px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

TABLE.tablaform {
	text-align: left;
	margin-top: 12px;
	margin-bottom: 12px;
	border-top: 1px solid #CCC;
}

TABLE.tablaform TD {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	line-height: 14px;
	color: #0099CC;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #CCC;
}

TABLE.tablaform TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	background-color: #F5F5F5;
	color: #0099CC;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid #0099CC;
}

DIV.epigrafe {
	font-family: verdana, arial, helvetica, sans-serif;
	padding-top: 6px;
	padding-bottom: 2px;
	color: #999;
}

DIV.hr {
	padding-top: 10px;
	padding-bottom: 10px;
}

DIV.icono {
	font-family: verdana, arial, helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 6px;
}

DIV.icono a {
	line-height: 14pt;
}

DIV.fotoderecha {
	padding-top: 6px;
	padding-left: 10px;
	float: right;
}

P.fecha {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #0099CC;
}

a.nounderline {
	border: none;
}

a:visited.nounderline {
	border: none;
}

DIV.nounderline a {
	border: none;
}

DIV.nounderline a:visited {
	border: none;
}

TABLE.fotos {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
}

TABLE.fotos TD {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	line-height: 14px;
	color: #0099CC;
	padding-bottom: 4px;
	padding-top: 0px;
}

DIV.maspaginas {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 6px;
}

/******* COLUMNA IZQUIERDA TIPO A y B **********/

DIV#columnaizq01 {
	width: 184px !important;
	width /**/: 184px;
	float: left;
	padding-left: 55px;
	position: relative;
	top: 12px;
}

DIV.bajada {
	background-image: url(../img/baja_fdo.gif);
	background-color: #88BBDD;
	background-repeat: repeat-y;
}

DIV.bajadatext {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	line-height: 16px;
	color: white;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 10px;
}

DIV.bajadatext P {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	line-height: 16px;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

DIV.indice {
	background-image: url(../img/indice_fdo.gif);
	background-repeat: repeat-y;
}

DIV.indicetit,
SPAN.indicetit {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7.5pt;
	font-weight: bold;
	color: #FF9900;
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 12px;
	margin-right: 10px;
}

DIV.indicesubtit, DIV.indicesubtit2,
SPAN.indicesubtit, SPAN.indicesubtit2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7.5pt;
	font-weight: bold;
	color: #0099CC;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 12px;
	margin-right: 10px;
}

DIV.indicesubtit2,
SPAN.indicesubtit2 {
	color: #FF6600;
	font-weight: normal;
}

DIV.indice UL {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7.5pt;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-right: 10px;
}

DIV.indice UL LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	margin-left: 0px;
}

DIV.indice A:link {
	color: #006699;
}

DIV.indice A:visited {
	color: #006699;
}

DIV.indice A:hover {
	color: #0099CC; 
	background-color: transparent;
}

DIV#footer {
	clear: left;
	padding-top: 12px;
}


/******** COLUMNA DERECHA TIPO A y B ***********/

DIV#columnader01 {
	width: 503px !important;
	width /**/: 503px;
	float: left;
	position: relative;
	margin-left: 18px;
	top: 6px;
}


/********* COLUMNA IZQUIERDA TIPO C ************/

DIV#columnaizq02 {
	width: 503px !important;
	width /**/: 503px;
	float: left;
	position: relative;
	padding-left: 55px;
	top: 12px;
}

/********** COLUMNA DERECHA TIPO C *************/

DIV#columnader02 {
	width: 184px !important;
	width /**/: 184px;
	float: left;
	position: relative;
	margin-left: 18px;
	top: 12px;
}


/*********** TEXTO A DOS COLUMNAS **************/

DIV#en2columnas {
	clear: left;
	width: 665px !important;
	width /**/: 665px;
	margin-left: 55px;
	top: 12px;
	border: 1px solid #FFF;
}

/****************** POSTALES *******************/

DIV.postal {
	padding-top: 20px;
}

DIV.user {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #00CC00;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*************** LOGIN MENU *****************/

.login {
	border: 1px solid #069;
	background-color: #FFF;
	visibility:hidden;
	position:absolute;
	z-index: 1;
}
.login DIV {
	background-color:#6CF;
	padding:2px 2px 2px 10px ;
	margin:1px;
}
.login DIV P,
.login DIV A  {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color:#006699;
	font-weight: bold;
}

.login INPUT {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	margin: 0px;
	border: 1px solid #006699;
}

/***************** IMPRESION *******************/

@media print {

* {
	font-size: 10pt !important;
	background: White !important;
	color: Black !important;
}
}