@import url("style_news.css");
@import url("contenido.css");
@import url("bloque.css");
FONT		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; color:#727478;}
TD		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px}
BODY		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; background-color:#E4E8F0;}
P {
	margin: 0px;
	padding: 5px;
	background-color: #FFFFFF;
	color: #4C4C4C;
	font: normal 11px Arial, Helvetica, Arial;
}

DIV		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px}
INPUT		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; border:1px #CCCCCC solid;}
TEXTAREA	{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px}
FORM 		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px}
SELECT {font-family:Arial, Helvetica, Arial;font-size:11px;border:1px #CCCCCC solid;}
A:link          {BACKGROUND: none; COLOR: #5B7596; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #5B7596; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; COLOR: #5B7596; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #5B7596; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #4C4C4C; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, Arial;}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #CCCCCC; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
.footmsg_l	{BACKGROUND: none; COLOR: #CCCCCC; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: underline}
.box		{FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; border: 1px solid #000000; background-color: #FFFFFF}

A.copy:link          {BACKGROUND: none; COLOR: #8E8E8E; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A.copy:active        {BACKGROUND: none; COLOR: #8E8E8E; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A.copy:visited       {BACKGROUND: none; COLOR: #8E8E8E; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}
A.copy:hover         {BACKGROUND: none; COLOR: #8E8E8E; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Arial; TEXT-DECORATION: none}

.titulo {font-family:Arial, Helvetica, Arial;font-size:14px;color:#546E92;font-weight:bold;}
.texto {font-family:Arial, Helvetica, Arial;font-size:11px;color:#000000;}
.txt  {
	font: normal 11px Arial, Helvetica, Arial;
	color: #4C4C4C;
}
.txtRed {font-family:Arial, Helvetica, Arial;font-size:11px;color:#FF0000;}
.txtJustified {font-family:Arial, Helvetica, Arial;font-size:11px;color:#000000;text-align:justify;}
.title {font-family:Arial, Helvetica, Arial;font-size:12px;color:#000000;font-weight:bold;}

.txtMini {font-family:Arial, Helvetica, Arial;font-size:9px;color:#000000;}
.tituloPag {font-family:Arial, Helvetica, Arial;font-size:14px;color:#2284BD;font-weight:bold;}
.tituloNewsletter {font-family:Arial, Helvetica, Arial;font-size:12px;color:#000000;font-weight:bold;}
.tituloNewsletterBlue {font-family:Arial, Helvetica, Arial;font-size:12px;color:#2284BD;font-weight:bold;}
.textoBlue {font-family:Arial, Helvetica, Arial;font-size:10px;color:#2F94CC;}
.textoGrey {font-family:Arial, Helvetica, Arial;font-size:10px;color:#B3B3B3;}
.textoGrey2 {font-family:Arial, Helvetica, Arial;font-size:10px;color:#8F8E8E;}
.textoGrey3 {font-family:Arial, Helvetica, Arial;font-size:9px;color:#8F8E8E;}
.textoBlack {font-family:Arial, Helvetica, Arial;font-size:10px;color:#000000;}
.txtBlack {font-family:Arial, Helvetica, Arial;font-size:11px;color:#000000;}
.txtWhite {font-family:Arial, Helvetica, Arial;font-size:11px;color:#FFFFFF;}
.txtWhiteMini {font-family:Arial, Helvetica, Arial;font-size:9px;color:#FFFFFF;}

.numNewsletter {font-family:Arial;font-size:9px;color:#f68932;font-weight:bold;}
.numNewsletter2 {font-family:Arial;font-size:9px;color:#20654a;font-weight:bold;}

.tituloNoticia {font-family:Arial, Helvetica, Arial;font-size:14px;color:#2284BD;font-weight:bold;}
.sourceNoticia {font-family:Arial, Helvetica, Arial;font-size:10px;color:#B3B3B3;font-weight:bold;}
.resumenNoticia {font-family:Arial, Helvetica, Arial;font-size:10px;color:#000000;}
.textoNoticia {font-family:Arial, Helvetica, Arial;font-size:11px;color:#000000;}

.line1 {background-color:#DBEEFC;}
.line2 {background-color:#CCCCCC;}
.line3 {background-color:#CCCCCC;}
.myFgColor {background-color:#CCCCCC;}

h1 {
	font: normal 16px Arial, Helvetica, Arial;
	font-weight:bold;
	color: #546E92;
}

hr {
	border: 0;
	margin: 5px 2px;
	padding: 0px;
	color: #5B7596;
	background-color: #5B7596;
	height: 1px;
	text-align: left;
}

.copy {
	color:#546E92;
}

/*------------------- ESTILOS GENERALES -------------------*/
.divTitle {
	margin: 0px 0px 0px 0px;
	width: auto !important;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.divPath {
	margin: 4px 0px 0px 6px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, Arial;
	font-size:10px;
	color:#9baeb6;
}

.divTitle h1 {
	margin: 5px 2px;
	padding: 2px 0px 5px 20px;
	background-image: url(../images/bullet_021.gif);
	background-position: 0px 2px 0px 0px;
	background-repeat: no-repeat;
	font: normal 16px Arial, Helvetica, Arial;
	font-weight:bold;
	color: #546E92;
}

.divTitle h2 {
	margin: 5px 2px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/bullet_001.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	font: normal 14px Arial, Helvetica, Arial;
	font-weight:bold;
	color: #546E92;
}


.divTitle h3 {
	margin: 0px;
	padding: 0px;
	font: normal 12px Arial, Helvetica, Arial;
	color: #546E92;
	font-weight:bold;
}

.divTitle hr {
	border: 0;
	margin: 5px 2px;
	padding: 0px;
	color: #5B7596;
	background-color: #5B7596;
	height: 1px;
	text-align: left;
}

.divContent {
	margin: 0px;
	padding: 5px;
	color: #4C4C4C;
	font: normal 11px Arial, Helvetica, Arial;
}

.divContent a,
.divContent a:link,
.divContent a:visited,
.divContent a:active {
	background: none;
	text-decoration:none;
	color: #5B7596;
	font: normal 11px Arial, Helvetica, Arial;
}

/*------------------- LISTAS ---------------------------*/
ul.lista001 {
}

ul.lista001 li {
	list-style-image:url(../images/bullet_001.gif);
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #4C4C4C;
	font: normal 11px Arial, Helvetica, Arial;
}

/*------------------- MENU PRINCIPAL -------------------*/
.mainMenu  {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 178px;
	w\idth:186px;
	cursor: default;
	border: 0px;
}

#getstart {
	margin: 0px;
}

ul.makeMenu, ul.makeMenu ul {
	margin: -8px -24px 0px -12px;
	padding: 0px;
	width: 170px;
	w\idth:170px;
	cursor: default;
	list-style:none;
}

ul.makeMenu li {
	margin:0px;
	padding: 4px;
	border-bottom: 1px solid #87B820;
	border-right: 1px solid #87B820;
	list-style-type: none;
	position: relative;
	display:block; /*Convertimos el vínculo en un bloque.*/
	width:100%;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#87B820;
	background-color:#FFFFFF;
	border-left:10px solid #86B720;  /*Agrego un borde ancho a la izquierda*/
}

ul.makeMenu li > ul {
	display: none;
	position: absolute;
	top: 7px;
	left: 171px;
	border-top: 1px solid #86B720;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	color:#FFFFFF;
	background-color:#FFFFFF;
	border-left-color:#717C82; /*Luego le cambio el color al borde en el evento hover.*/
	border-right-color:#86B720; /*Luego le cambio el color al borde en el evento hover.*/
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.makeMenu li a, ul.makeMenu li a:visited, ul.makeMenu li a:active {
	display: block;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#87B820;
	width:100%;
}

ul.makeMenu li a:hover {
	color: #87B820;
}

ul.makeMenu li a.submenu {
	background:url("../images/sub.gif") 100% no-repeat;
}

.smNormal{text-decoration:none;}
.smOver{text-decoration:underline}
.smNormalMain{
	text-decoration:none;
}
.smOverMain{
	text-decoration:none;
}


/*------------------- BLOCKS -------------------*/

/* Block Grey */
div.module-grey {
	background: url(../images/jos_box_grey_tl.png) 0 0 no-repeat;
	margin: 5px;
	padding: 0;
	margin-bottom: 10px;
}
div.module-grey div  {
	background: url(../images/jos_box_grey_tr.png) 100% 0 no-repeat;
}


div.module-grey div div {
	background: url(../images/jos_box_grey_bl.png) 0 100% no-repeat;
}

div.module-grey div div div {
	background: url(../images/jos_box_grey_br.png) 100% 100% no-repeat;
	padding: 8px;
	width: auto !important;
	width: 100%;
}

div.module-grey h3 {
	font-family: Arial, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin: -2px -8px 0 -8px;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module-grey ul {
	margin: 10px 0;
	padding-left: 20px;
}

div.module-grey ul li a:link {
	font-weight: bold;
}

div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
	background: none;
	padding-left: 0;
}

div.module-grey ul li a:hover {
	font-weight: bold;
}

div.moduletable-grey ul li a:hover {
	font-weight: bold;
}

/* Blocks General */
.modulelight, .modulemid, .moduledark, .modulebdr, .modulemidS{
	margin: 0px 5px 10px 0px;
	padding:0;
}

.moduleempty{
	margin: 0px;
	padding:0px;
}

.modulered, .moduledarkS {
	margin:5px;
	padding:0;
	margin-bottom: 0px;
}


.modulelight div, .modulemid div, .moduledark div, .modulebdr div,
.modulered div{
	margin:0;
	padding:2.2em 0 0;
}

.moduledarkS div, .modulemidS div{
	margin:0;padding:2px 0 0 0;
}

.modulelight div div, .modulemid div div, .moduledark div div, .modulebdr div div,
.modulered div div{
	margin:0;
	padding:0 0 0 12px;
}

.moduledarkS div div ,.modulemidS div div{
	margin:0;
	padding:0 0 0 11px;
}

.modulelight div div div, .modulemid div div div, .moduledark div div div,
.modulered div div div{
	height:1%;
	padding:5px 12px 0px 0;
	width: auto !important;
	width: 100%;
}

.modulebdr div div div{
	height:1%;
	padding:5px 12px 5px 0;
	width: auto !important;
	width: 100%;
}

.moduledarkS div div div,.modulemidS div div div{
	height:1%;
	padding:5px 12px 12px 0;
}

.modulelight div div div div, .modulemid div div div div, .moduledark div div div div, .modulebdr div div div div,
.modulered div div div div, .modulemidS div div div div {
	background:none;
	width: auto !important;
	width: 100%;
}


.modulelight h3, .modulemid h3, .moduledark h3, .modulebdr h3,
.modulered h3{
	margin: -28px -15px 0px 0px;
	position:relative;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
}

.modulebdr h3{
	margin: -28px -15px 0px 0px;
	position:relative;
	font-family: Arial, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
}

.modulebdr .content{
	margin: 0px;
	position:relative;
	font-family: Arial, Helvetica, Arial;
	font-size: 11px;
	color: #717C82;
}

.moduledark .content, .modulemid .content{
	margin: 0px;
	position:relative;
	font-family: Arial, Helvetica, Arial;
	font-size: 11px;
	color: #717C82;
}

/* Block Green */
.modulelight{background:url(../images/boxright_light.png) top right no-repeat;}
.modulelight div{background:url(../images/boxleft_light.png) top left no-repeat;}
.modulelight div div{background:url(../images/boxleft_light.png) bottom left no-repeat;}
.modulelight div div div{background:url(../images/boxright_light.png) bottom right no-repeat;}

/* Block Brown */
.modulemid{background:url(../images/boxright_mid.png) top right no-repeat;}
.modulemid div{background:url(../images/boxleft_mid.png) top left no-repeat;}
.modulemid div div{background:url(../images/boxleft_mid.png) bottom left no-repeat;}
.modulemid div div div{background:url(../images/boxright_mid.png) bottom right no-repeat;}

/* Block Black */
.moduledark{background:url(../images/boxright_dark.png) top right no-repeat;}
.moduledark div{background:url(../images/boxleft_dark.png) top left no-repeat;}
.moduledark div div{background:url(../images/boxleft_dark.png) bottom left no-repeat;}
.moduledark div div div{background:url(../images/boxright_dark.png) bottom right no-repeat;}

/* Block No Head */
.modulebdr{background:url(../images/boxright_bdr.png) top right no-repeat;}
.modulebdr div{background:url(../images/boxleft_bdr.png) top left no-repeat;}
.modulebdr div div{background:url(../images/boxleft_bdr.png) bottom left no-repeat;}
.modulebdr div div div{background:url(../images/boxright_bdr.png) bottom right no-repeat;}

.modulebdr p{margin:0;padding:0;}

/* Block Red */
.modulered{background:url(../images/boxright_red.png) top right no-repeat;}
.modulered div{background:url(../images/boxleft_red.png) top left no-repeat;}
.modulered div div{background:url(../images/boxleft_red.png) bottom left no-repeat;}
.modulered div div div{background:url(../images/boxright_red.png) bottom right no-repeat;}

/* Block Black Total */
.moduledarkS{background:#333 url(../images/mod_tr_darkS.png) top right no-repeat;}
.moduledarkS div{background:url(../images/mod_tl_darkS.png) top left no-repeat;}
.moduledarkS div div{background:url(../images/mod_bl_darkS.png) bottom left no-repeat;}
.moduledarkS div div div{background:url(../images/mod_br_darkS.png) bottom right no-repeat;}

/* Block Red Total */
.modulemidS{background:#900 url(../images/mod_tr_midS.png) top right no-repeat;}
.modulemidS div{background:url(../images/mod_tl_midS.png) top left no-repeat;}
.modulemidS div div{background:url(../images/mod_bl_midS.png) bottom left no-repeat;}
.modulemidS div div div{background:url(../images/mod_br_midS.png) bottom right no-repeat;}


/*------------------- HEADER -------------------*/
.divHeader {
	margin: 0px 10px 0px 10px; /*para que no se pegue al borde*/
	padding:0px; /*algo de relleno*/
	border:0px; /*decoracion*/
	display:inline; /*(*)*/
	/* (*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding, si flotamos a la izquierda, y hay 10px de margin a la izquierda, IE sumara el doble de ese margen. Con esta linea corregimos eso.*/
}







.textoCalendario 
{
	font-family: Arial, Helvetica, Times, serif;
	font-size: 10px;
	text-decoration:none;
	color: #3fa5df;
}

.textoDiaactual 
{
	font-family: Arial, Helvetica, Times, serif;
	font-size: 10px;
	text-decoration:none;
	color: #FFFFFF;
	background-color:#0099FF;
}


.textoEvento 
{
	font-family: Arial, Helvetica, Times, serif;
	font-size: 10px;
	text-decoration:none;
	color: #FFFFFF;
	background-color:#FF2D19;
}

.textoCurso 
{
	font-family: Arial, Helvetica, Times, serif;
	font-size: 10px;
	text-decoration:none;
	color: #FFFFFF;
	background-color:#00C01B;
}


.finde 
{
	font-family: Arial, Helvetica, Times, serif;
	font-size: 10px;
	text-decoration:none;
	color: #3fa5df;
	background-color:#EFEFEF;
}