/**************************************************************
@Author: Ulises Violante Delbono
@Date: 2008-12-02
@Subject: INIA full website styles.
***************************************************************/

BODY {
background: #EAEAEA url(img/skinInia.jpg) repeat fixed right top;
font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
color: #000000;
}

a {color: #006699;
text-decoration:none;}

a:hover {text-decoration: underline;}

P {line-height: 1.5em;
margin: 0 0 15px;}

LI {
	z-index: 1;
/*	font-size: small;
color: #333333;
line-height: 24px;
list-style-image: url(/online/img/bullet.jpg);
font-family: Georgia, "Times New Roman", Times, serif;
text-align: justify;
*/}

.link1 {color: #990000;
text-decoration: none;}

.link1:hover {color: #999999;
text-decoration: underline;}

.H1 {font-weight: bold;
font-size: 30px;
color: #006699;}

.H2 {font-weight: bold;
font-size: medium;
color: #006699;}

.H3 {font-weight: bold;
font-size: small;
color: #006699;}

.MERCOSOFT {font-weight: bold;
font-size: 9px;
color: #FFFFFF;
text-decoration: underline;}

.cabezal {font-weight: bold;
font-size: 12px;
color: #006699;
font-style: normal;}

.Th1 {font-size: small;
color: #000000;
line-height: 24px;
text-align: justify;}

.Th2 {
font-family: Helvetica,Tahoma,"Trebuchet MS",Arial,sans-serif;
font-size: small;
color: #333333;
line-height: 20px;
list-style-image: url(/online/img/bullet.jpg);
text-align: justify;}

.Tresumen {font-size: 11px;
color: #333333;
line-height: 16px;
text-align: justify;}

.Tfoto {font-size: 9px;
color: #999999;
font-style: normal;}

.Tsubir {font-size: 9px;
color: #006699;
font-style: normal;}

.Tpie {font-weight: bold;
font-size: xx-small;
color: #999999;
font-style: normal;}

.Thijo {font-size: 10px;}

.TtituloHijo {font-size: 12px;
color: #000000;
line-height: 24px;
text-align: justify;
font-weight: bold;}

.textoBD {font-size: 9pt;}

.v8 {font-size: 8pt;
text-decoration: none;}

.bloques {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;}

.tituloLink {font-size: 8pt;
text-decoration: none;
color: #000099;
font-weight: bold;}

.titulo {font-size: 8pt;
text-decoration: none;
color: #000099;}

.tituloLink:hover {font-size: 8pt;
text-decoration: underline;
color: #00CCFF;
font-weight: bold;}

.top {background-image: url(imgs/top_bg.gif);}

.botones {cursor: hand;}

.TRPregunta {font-size: 8pt;
background-color: #CCCCCC;}

.TRRespuesta {font-size: 8pt;
background-color: #EEEEEE;}

.TDRespuesta {font-size: 8pt;
margin-left: 2cm;}

/*NUEVOS ESTILOS*/

#botonera {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;}

#estaciones {list-style-type: none;
text-align: left;
vertical-align: middle;
background: #FFFFFF url(img/estaciones.jpg) no-repeat;
height: 344px;
min-height: 344px;
width: 200px;}

.estacionLink {font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
height:14px;
text-decoration:none;
color: #7196AE;
/*#878D92;
*/}

.estacionNombre {font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
vertical-align: baseline;
color: #6E757A;}

.UltFecha {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #6E757A;
line-height: 90%;}

.UltLink {font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #7196AE;
/*#878D92;
*/
	text-decoration: none;}

#espaciador {margin: 0px 10px;}

/********************************* MENU VERTICAL *************************************/

#menuBorde {/*border-left: none;
ridge #c0d9ed  Borde lateral del menu de un pixel en celeste claro. PUEDE SER SOLID*/
	background-color: red;
/*#FFFFFF;
no debe tener color para resaltar el borde.*/
	margin: 0px;
/*0px 0px 0px 4px*/
	padding: 0px;
/*0px 0px 0px 5px*/
	width: 0px;
text-align: left;
/*center;
*/}

/*This is the part for the CSS menu - these settings are for a  menu*/

#dmenu {/*menu list container*/
	list-style-type: none;
/*disable the display of the list item bullets*/
	margin: 0px;
/*space around the list container*/
	padding: 0px;
/*space within the list container*/
	position: static;
/*need this so that the z-index stuff works correctly*/
	background-color: transparent;
/*the default background color within the main menu container*/
	color: #1E5C8D;
/* the default font color (not links) within the main menu container */
	z-index: 20;
/*push the menu up in the layer order a bit so it isn't hidden behind anything
Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu!*/
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
font-size:12px;
font-weight:bolder;
line-height:16px;
text-align: left;
vertical-align:baseline;
/*vertical-align: middle;
*/}

#dmenu LI {/*top-level menu element*/
	list-style-type: none;
/*disable the display of the list item bullets*/
	float: none;
/*left is to allow for the horizontal main menu
border: black solid 1px;
border for each of the main menu items
border: dashed 1px;
background-color: #c0d9ed;
main menu item background color*/
	background-color: transparent;
/*#FFF;
*/
	color: yellow;
/*main menu item font color (not links)*/
	margin: 0px;
/*spacing between main menu items*/
	padding: 0px;
/*padding within main menu items*/
	width: 180px;
/*ANCHO GENERAL the width of each main menu item*/
	width: auto;
/*height: 25px;
ALTURA SOLO PARA PRIMER NIVEL*/
	display: block;}

#dmenu UL {/*third-level (or greater) menu element list elements*/
	position: absolute;
/*this is so that it doesn't push that page content around on hover*/
	margin: -1.5em 0px 0px 180px;
/*LE AGREGO 1,5 EN NEGATIVO PARA LEVANTAR LA LISTA A LA ESQUINA SUPERIOR IZQUIERDA
padding: 0px;
space within the list container*/
	padding: 0px;
/*0px 0px 8px;
ALGO DE AIRE DELANTE DE LAS LISTAS.*/
	list-style-type: none;
/*disable the display of the list item bullets*/
	display: none;
width: 180px;
/*should be the same as #dmenu li width*/
	background-color: #636F73;
/*#556D71;
COLOR DE FONDO CON VI�ETA INCLUIDA
border: #000 solid 0px;
the border around the sub-menu list*/
	color: #000;
/*sub-menu default font color (not links)*/
	z-index: 99;
/*want to be sure this is above the rest of the menu*/}

#dmenu UL LI {/*second-level or greater menu element links*/
	background-color: #D3EDF2;
/*#fff;
default background color for sub-menu container*/
	color: green;
/*#175A73;
default font color (not links) for sub-menu container
border: none;
sub-menu item border settings*/
	margin: 0px;
/*spacing between sub-menu containers*/
	padding: 0px 0px 0px 0px;
/*DIFERENCIA ACA
padding: 3px;
This is for padding between menu items in the drop-downs*/
	width: 180px;
/*(padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly.
height: auto;
xxxxxxxxx*/}

#dmenu LI A {/*top-level menu element links*/
	text-align: left;
/*center                        text alignment in main menu item links*/
	width: 180px;
/*set this to #dmenu ul width*/
	display: block;
color: #1E5C8D;
/*#556D71;
*/
/*COLOR LINKS*/
	text-decoration: none;
/*border-right: solid #FF0000 0px;
*/}

#dmenu UL A {/*all the other level menu link elements
padding: 3px;
*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
/*width: 300px;
(padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly.*/
	display: block;
/*border: outset #c0ccd0 1px;
*/}

#dmenu A:hover, #dmenu LI:hover {display: block;
background-color: #D3EDF2;
/*#556D71;
#ff0;
*/
	width: 180px;
/*AGREGO YO*/
	text-decoration: underline;
/*color: #c0d9ed;
color: #d3edf2 ;
background: url(/inia/online/img/nav.png) repeat scroll -1px 100%;
ESTO LO USO PARA MARCAR EL OVER UNICAMENTE ACA.*/}

/*SEGUNDO NIVEL DE LINKS*/

#dmenu UL LI:hover, #dmenu UL LI A:hover {display: block;
/*width: 150px;
should be set to the same value as #dmenu ul li width
background-color:
#ff0;
*/
	background-color: #556D71;
/*transparent;
*/
	color: yellow;
text-decoration: underline;
width: 180px;
/*ULISES SSSSS
background: url(/inia/online/img/nav.png) repeat scroll -1px 100%;
ESTO LO USO PARA MARCAR EL OVER UNICAMENTE ACA.
transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x scroll left -50px*/}

#dmenu UL UL {/*higher-level list containers*/
	display: none;
/*don't display by default*/
	position: absolute;
/*margin-left: 300px;
150                114this should be the width of #dmenu ul li
margin-top: -2em;
this will push the sub-menu up to the level of it's parent*/}

/*only non-MSIE browsers use this*/

#dmenu UL LI>UL, #dmenu UL UL LI>UL {/*margin-top: -2em;
should be set to the same as #dmenu ul ul margin-top*/}

/*additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus)*/

#dmenu LI:hover UL UL, #dmenu LI:hover UL UL UL, #dmenu LI:hover UL UL UL UL, #dmenu LI:hover UL UL UL UL UL {display: none;}

#dmenu LI:hover UL, #dmenu UL LI:hover UL, #dmenu UL UL LI:hover UL, #dmenu UL UL UL LI:hover UL, #dmenu UL UL UL UL LI:hover UL {display: block;}

LI>UL {
	/*top: auto;*/
	/*left: auto;*/
}

.finmenu {/*This is used for the content that will appear below the menu*/
	clear: left;}

/***************************** Horizontal menu ********************************/

#mainmenu {float: left;
margin-bottom: 25px;}

#mainmenu UL {font-size: 16px;
margin: 0;
padding: 0;}

#mainmenu LI {float: left;
height: 35px;
list-style: none;
margin: 0;
padding: 0;}

#mainmenu A {border-right: 1px solid #B0B0B0;
color: #606060;
display: block;
font-size: 0.7em;
padding: 11px 10px 10px;
text-transform: uppercase;}

#mainmenu A:hover {background: #F0F0F0 url(img/menuhover.jpg) repeat-x top left;
color: #505050;
text-decoration: none;}

#mainmenu A.current {background: #F0F0F0 url(img/menuhover.jpg) repeat-x top left;
color: #505050;
text-decoration: none;}

/**************************		comodines		*******************/

.thumbnail {background: #FAFBFC;
border: 1px solid #B0B0B0;
margin: 0 0 10px 10px;
padding: 5px;}

.hide {display: none;}

/*** Text format ***/

.small {font-size: 0.8em;}

.large {font-size: 1.4em;}

.center {text-align: center;}

.right {text-align: right;}

.left {text-align: right;}

/*** End of file ***/