/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  May 2, 2009, 6:25 am with psd2css Online version 1.36
 *
 */
/* ==================== TEMA MODIFICADO: PAULA GAK  */
/* ==================== SERVIDOR: INADI(C)          */
/* ==================== FECHA: 03/05/2009           */


body{
	/* This is the background image to the entire page that you
   * get because of the layer 'b_bodybg_jpg' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
	font-family: "Trebuchet MS", Arial, Verdana;
	background-repeat:  repeat;
	background-color: #FFFFFF;
	width: auto;
	text-align: justify;
}
/* =================================== CAPAS EN DIV NO TABLAS ================================== */
/* You named this layer BackLogo */
#Layer-2 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1022px;
  height: 97px;
  z-index: 2;
}

/* You named this layer logo */
#Layer-3 {
  position: absolute;
  left: 146px;
  top: 5px;
  width: 700px;
  height: 75px;
  z-index: 3;
}

/* You named this layer left_joomla */
#Layer-4 {
	position: absolute;
	left: 16px;
	top: 172px;
	width: 160px;
	height: 651px;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}

/* You named this layer right_joomla */
#Layer-5 {
	position: absolute;
	left: 695px;
	top: 182px;
	width: 289px;
	height: 655px;
	z-index: 5;
}

/* You named this layer footer_joomla */
#Layer-6 {
	position: absolute;
	left: +190px;
	top: +1750px;
	width: 626px;
	height: 110px;
	z-index: 6;
}

/* You named this layer content_joomla */
#Layer-7 {
	position: absolute;
	left: 179px;
	top: 181px;
	width: 515px;
	height: 657px;
	z-index: 7;
	background-color: #FFFFFF;
	background-repeat:  repeat-y;
}

/* You named this layer user3_joomla */
#Layer-8 {
  position: absolute;
  left: +185px;
  top: +135px;
  width: 700px;
  height: 37px;
  z-index: 8;
}

/* You named this layer user4_joomla */
#Layer-9 {
  position: absolute;
  left: +25px;
  top: +85px;
  width: 696px;
  height: 42px;
  z-index: 9;
}

/* You named this layer user1_joomla */
#Layer-10 {
	position: absolute;
	left: 44px;
	top: 106px;
	width: 948px;
	height: 31px;
	z-index: 10;
}

/* You named this layer breadcrumb_joomla */
#Layer-11 {
	position: absolute;
	left: 16px;
	top: 147px;
	width: 972px;
	height: 27px;
	z-index: 11;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Verdana;
}

/* You named this layer All the psd2css Online effects */
#Layer-12 {
	position: relative;
	left: 190px;
	top: 2100px;
	width: 626px;
	height: 110px;
	z-index: 12;
}

/* You named this layer All the psd2css Online effects */
#Layer-13 {
	position: relative;
	left: 158px;
	top: 127px;
	width: 578px;
	height: 33px;
	z-index: 13;
}

/* ================================= L I N K S ========================================= */
/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
	cursor: pointer;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
}
a:link {
	color: #1269A1;
	font-size: 1.2em;
}
a:visited {
	color: #1269A1;
	font-size: 1.2em;
}
a:hover {
	color: #0066FF;  /* text-decoration: underline; */  /* font-weight: bold; */
	font-size: 1.2em;
}


/* Custom CSS examples/suggestions for Joomla -
 *
 *   Here are some examples of some changes you can make to stylize the output
 *   from Joomla.  These are just suggestions, you can change them to whatever
 *   you would like.  There are many other classes and ids that you can modify
 *   CSS for from Joomla too.  I suggest using Firebug and the 'Inspect'
 *   feature there to find the name of the class or id of an element of the
 *   page that you want to stylize, and add it to this section.
 *
 *   If you plan on re-converting your design often, be careful - this page is
 *   automatically regenerated every time.  So if you don't want to loose some
 *   CSS you've added here, move all your custom CSS to your own external
 *   stylesheet and reference it externally from the index.php file (make sure
 *   your reference is _after_ the reference to psd2css.css).
 */
/* ==================================== SETEOS ORIGINALES DEL TEMA PSD2CSS ============================= */
body {
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	text-align: justify;
	width: auto;
	}
img { border: 0 }
ul {
	list-style-type: circle;
	padding-left: 0;
	margin: 0 0 10px 0;
	list-style-position: inside;
} 
/* ============================= MODULO LATEST NEWS LINKS EN EL FRONT ================================== */ 
.latestnews {
	background-color: #FFFFFF;
	width: 620px;
	text-align: left;
}
/* ============================= TITULOS JOOMLA ======================================================= */
.componentheading {
	font-size: 1.3em;
	font-weight: bold;
	color: #1269A1;
	font-family: "Trebuchet MS";
	height: auto;
	width: auto;
	text-align: justify;
	vertical-align: text-top;
	margin: 5px;
	padding: 5px;
}
.contentheading {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	height: auto;
	width: auto;
	text-align: left;
	vertical-align: text-top;
	margin: 2px;
	padding: 5px;
}
/* ============================= ARTICULOS JOOMLA ===================================================== */
.contentpaneopen {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.8em;
}
.contentpaneopen2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
	text-align: center;
}
.contentdescription {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
	text-align: justify;
	color: #666666;
	width: auto;
	height: auto;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	margin: 5px;
	background-color: #F3F3F4;
}
.contentdescription a:link a:visited {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1.2em;
	text-align: justify;
	color: #000000;
	width: auto;
	height: auto;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	margin: 5px;
	padding: 5px;
	background-color: #F3F3F4;
}

/* ===================================== - EDITORIAL - ARTICULOS DEL INADI ================================================= */

/* ESTILO PARA FOTO DEL DIA */
.arti1 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	height: auto;
	width: 290px;
}
.arti2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 250px;
}
.arti2 a:link, .arti2 a:visited, .arti2 a:hover {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 250px;
}
/* estilo para BLOQUES EN EL FRONTPAGE */
.arti3 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 250px;
}
/* estilo para EFEMERIDES */
.arti3b {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.9em;
	font-weight: lighter;
	color: #000000;
	text-align: left;
	vertical-align: top;
	height: 250px;
	width: 250px;
	background-color: #F4F4F4;
	line-height: 1.2em;
}
/* estilo para INADI CON VOS */
.arti3c {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	height: 250px;
	width: 250px;
	overflow: auto;
	background-color: #000000;
}

.arti4 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 620px;
}
/* =========================== SECCIONES ABAJO AL PIE DE PÁGINA ========================= */
.footer3 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.8em;
	font-weight: lighter;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #F4F4F4;
}
.footer2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.6em;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
/* ================================= SETEOS ORIGINALES ========================================= */
.small { font-size: 0.7em; }
.createdate { font-size: 0.7em; }
.pagination span, .pagination a { padding: 0 6px 0 6px; }


/* =================================_MENU OPCIONES Inadi ======================================= */
.menu {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FF0000;
	padding-left: 10px;
	padding-bottom: 2px;
	height: auto;
	width: 170px;
	margin-top: -23px;
	margin-right: -4px;
	margin-bottom: 5px;
	margin-left: -5px;
	background-color: #F4F4F4;
}

.menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}


.menu ul {
	margin: 10px 0;
	padding-left: 20px;
	color: #000000; /* #3399CC */
	font-size: 0.95em;
}

.menu ul li a:link, .menu ul li a:visited {
	font-weight: bold;
	color: #000000; /* #0E51A6 */
}

.menu ul li a:hover {
	font-weight: bold;
	color: #0066FF; /* #0E51A6 */
}

/* ================================= HOME ENCABEZADOS H1 H2 H3 H4 ====================================== */
/* HEADING 1 EN 1.2 EM */
h1 {
	padding: 0px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	vertical-align: bottom;
	color: #1269A1;/*#666;*/
	text-align: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:5px;
}

/* HEADING 2 EN 1.1 EM */
h2 {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: bottom;
	color: #1269A1;
	text-align: left;
	width: 100%;
	line-height: 1.1em;
}
/* HEADING 3 TITULOS del Joomla */
h3 {
	margin: 0;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1.5em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.5em;
	color: #1269A1;
}
/* HEADING 4 EN 1.0 EM */
h4 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.0em;
	font-style: italic;
}
.acdhhead2/* HEADING INADI EN 1.0 EM usado en actividades */
 {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	font-style: normal;
	background-color: #336699;
	text-align: center;
	vertical-align: text-top;
	height: auto;
	width: 175px;
	float: right;
}
.grafica1 {
	height: auto;
	width: auto;
	text-align: left;
	vertical-align: text-top;
	letter-spacing: normal;
	word-spacing: normal;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	clear: none;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
	position: static;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.grafica2 {
	height: auto;
	width: auto;
	text-align: left;
	vertical-align: text-top;
	letter-spacing: normal;
	word-spacing: normal;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: none;
	padding: 0px;
	position: static;
}
.grafica3 {
	width: auto;
	text-align: left;
	vertical-align: text-top;
	letter-spacing: normal;
	word-spacing: normal;
	float: right;
	clear: none;
	padding: 0px;
	margin: 0px;
}
.grafica4 {
	height: 240px;
	width: 320px;
	text-align: right;
	vertical-align: text-top;
	letter-spacing: normal;
	word-spacing: normal;
	float: right;
	clear: none;
	position: static;
}
.grafica5 {
	height: 240px;
	width: 320px;
	text-align: right;
	vertical-align: text-top;
	letter-spacing: normal;
	word-spacing: normal;
	float: left;
	clear: none;
	position: static;
}
.grafica6 {
	height: 340px;
	width: 480px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	float: none;
	clear: none;
	position: static;
}
.acdhheaduno {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #1269A1;
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	text-align: left;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
.cuerpoletra {
	/* This is the background image to the entire page that you
   * get because of the layer 'b_bodybg_jpg' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
	font-family: "Trebuchet MS", Arial, Verdana;
	background-repeat:  repeat;
	color: #FFFFFF;
	font-size: 1em;
	width: 400px;
}
.cuerpoletraDos {	/* This is the background image to the entire page that you
   * get because of the layer 'b_bodybg_jpg' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
	font-family: "Trebuchet MS", Arial, Verdana;
	background-repeat:  repeat;
	color: #FFFFFF;
	font-size: 1.2em;
}
#apDiv1 {
	position:absolute;
	width:669px;
	height:225px;
	z-index:1;
	background-color: #4FC9EF;
	left: 29px;
	top: 11px;
}
.componentheadingDos {
	font-size: 1.1em;
	font-weight: bold;
	color: #1269A1;
	font-family: "Trebuchet MS";
	width: auto;
}
.tablascolor   {
	background-color: #8CD6F1;
}
.tablascolorDos   {
	background-color: #F3F3F4;
}