body {

	font-size: 62.5%; margin: 0em auto; padding: 0em; 

	/*background: url(../img/background.gif) top center repeat-y; */

	background: #BD3204 url(../img/fondo2.jpg);	

	/*background-color:#BD3204;*/

	font-family: "trebuchet ms", verdana, arial, sans-serif;

}



#page-container {

	width: 780px; margin: 0px auto; padding: 0px; /*border-left: solid 1px #BD3204; border-right: solid 1px #BD3204;*/ background-color: #c19f60 ; /*colo menu izq*/

}



/**********************/

/* SECTION 2 - HEADER */

/**********************/



/*--------------------------------------*/

/* Section 2.1 - Global navigation menu */

/*--------------------------------------*/



.nav-global-container {

	float: left; position: absolute; z-index: 3; width: 780px; top: 20px; background-color: transparent;

}



.nav-global ul {	

	float: right; margin: 0px; padding: 0px; list-style: none;

}	



.nav-global li {

	float: left; white-space: nowrap; text-transform: uppercase;

}



.nav-global li a {

	display: block; margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 1px #BD3204;  color:#FFFFFF; font-weight:bold; text-decoration:underline; font-size: 100%;

}



.nav-global a:hover {

	background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;

}



.img-flag {

	display: block; height: 1.2em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);

}



/*-----------------------------------*/

/* Section 2.2 - Sitename and Banner */

/*-----------------------------------*/



.site-name  {

	clear: both; float: left; position: absolute; font-family:"Times New Roman";z-index: 1; width: 700px; top: 20px; margin: 0px; padding-left: 14px; background-color: transparent; color: #FFFFFF; font-weight: bold; font-size: 24px;

}



.site-slogan  {

	float: left; position: absolute; z-index: 2; top: 2em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; 	background-color: #febb36; color:#8b1512; font-weight: bold; font-size: 12px;

}



.img-header {

	clear: both; float: left; width: 780px; height: 160px; margin: 0px; padding: 0px;  

}



/***************************************/



.sidebanner-frontpage {

	clear: both; float: left; width: 160px; margin: 0px; padding: 0px; 

}



.img-sidebanner {

	width: 160px; margin: 0px; padding: 0px; border: none; 

}



/******************************/

/* SUB-NAVIGATION */

/******************************/



/*--------------------*/

/* Section 4.1 - Size */

/*--------------------*/



.nav-sub {

	clear: both; min-height: 400px; float: left; width: 160px; margin: 0px; padding: 0px; color: #fff; 

}



/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub {

	height: 400px;

} 

/* End IE-Hack */



/*--------------------*/

/* Section 4.2 - Menu */

/*--------------------*/



.nav-sub ul {	

	float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px #cfc6a7;

}	



.nav-sub li {

	margin: 0px; padding: 0px;

}



.nav-sub li.title {

	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 140%;

	background: #c19f60 url(../img/esquina.png) no-repeat top right;

}



.nav-sub li.group a {

	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-top: solid 1px #c19f60; border-left: solid 5px #a08552; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%; background-color: #eeca88; color:#000; /*color titulos*/

}



/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub li.group a {

	height: 1.5em;

}

/* End IE-Hack */

	

.nav-sub li a {

	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-left: solid 5px #c19f60; color: #5f5946; text-decoration: none; font-size: 120%; color:#5E1C16; /*color texto menu izq*/

}



/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub li a {

	height: 1.5em;

}

/* End IE-Hack */



.nav-sub li.group a:hover, .nav-sub li.group .selected {

	border-left: solid 5px #d2b172; background-color: #e6c27f; text-decoration: none;

}



.nav-sub a:hover, .nav-sub .selected {

	border-left: solid 5px #d2b172; background-color: #e6c27f; text-decoration: none; color:#FFFFFF;

}



.nav-sub-align {

	text-align: left;

}





.container-content-sidebar {

   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: #fff;

}



/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .container-content-sidebar {

	height: 400px; 

} 

/* End IE-Hack */



/* Put a buffer between sub-navigation column and      */

/* main-navigation so that the global page background  */

/* color does not come through in this place           */



.buffer {

 	float: left; width: 160px; height: 10px; margin: 0px; padding: 0px; background-color:#fff;

}



/***********************/

/* SECTION 6 - CONTENT */

/***********************/



/*--------------------*/

/* Section 6.1 - Size */

/*--------------------*/



.content {

	float: left; width: 425px; margin: 0px; padding: 10px 20px 0px 20px; background-color: #FFF;	

}



/*-------------------------*/

/* Section 6.2 - Pagetitle */

/*-------------------------*/



.content-pagetitle {

	width: 390px; margin: 0px 0px 10px 0px; padding: 0px; background-color: #fff;

}



.content-pagetitle p {

	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%; background-color:#fff;

}



/*----------------------------------*/

/* Section 6.3 - Extra container    */

/*----------------------------------*/

/* To ensure that no problems arise */

/* with right and left floatings    */

/* and make the implementation      */

/* robuster.                        */

/*----------------------------------*/



.contentbox-container-full {

	 float: left; width: 425px; margin: 0px 0px 1.5em 0px; padding: 0px; /* background-color:#fff;*/

}



.contentbox-container-left {

	float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px; /*background-color:#fff;*/

}



.contentbox-container-right {

	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px; /*background-color:#fff;*/

}



/*-----------------------------*/

/* Section 6.4 - Content title */

/*-----------------------------*/



.contentbox-title-noshading-noline {

	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;

}



.contentbox-title-noshading-line {

	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px #BD3204; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;

}



.contentbox-title-shading {

  	margin: 0px; padding: 1px 0px 2px 3px; /*background-color: #FFCC00;*/ font-weight: bold; font-size: 150%;
	text-align:center;	

}



/*--------------------------------*/

/* Section 6.5 - Contentbox size  */

/*--------------------------------*/



/* No shading */

.contentbox-noshading {

	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;

}



/* Shading */

.contentbox-shading {

	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;

}



/*-------------------------------*/

/* Section 6.6 - Contentbox text */

/*-------------------------------*/



/* Heading */

h1 {

	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 180%; color:#B84017;

}



h2 {

	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%; color: #CD4D2A;

}



h3 {

	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%; color:#F5A300;

}



h4 {

	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%; color: #009933; 

}



/* Paragraph text */

p {

   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;

}



/* Quote */

p.quote {

   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;

}



/* Embedded */

.embed {

   float: left; width: 150px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: #EADDB6; font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;

}



.embed-caption {

   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;

}



/* Unordered list */

.content ul {

	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;

}



/* Ordered List */

.content ol {

	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;

}



/*--------------------------*/

/* Section 6.7 - Datatables */

/*--------------------------*/



.tabledata {

	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px #C9A949; empty-cells: show; border-collapse: collapse; background-color: #EADDB6;

}



.tabledata tr {

	margin: 0px; padding: 0px;

}



.tabledata td {

	padding: 2px 7px 2px 7px; border: solid 1px #C9A949; text-align: left; font-size: 120%;

}



.tabledata th {

	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px #C9A949; empty-cells: show; text-align: left; font-size: 120%; 	

}



p.tabledata-caption {

	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;

}



/*----------------------*/

/* Section 6.8 - Images */

/*----------------------*/



/* No border */

.img-left-noborder {

	float: left; margin: 0.3em 7px 3px 0px;

}



.img-right-noborder {

	float: right; margin: 0.3em 0px 3px 7px;

}



/* Border */

.img-left-border {

	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px #FA8911; padding:3px;

}



.img-right-border {

	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px #FA8911; padding:3px;

}



/***********************/

/* SECTION 7 - SIDEBAR */

/***********************/



.sidebar {

	 float: right; width: 144px; margin: 0px ; padding: 10px 5px 0px 0px; background-color: #fff;

}



/*-----------------------*/

/* Section 7.2 - Textbox */

/*-----------------------*/



.sidebarbox-noborder {

	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;

}



.sidebarbox-border {

	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px #0C80B8;

}



/*-----------------------------*/

/* Section 7.3 - Textbox title */

/*-----------------------------*/



.sidebarbox-title-noshading-noline {

	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;

}



.sidebarbox-title-noshading-line {

	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;

}



.sidebarbox-title-shading {

	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;

}



/*------------------------------*/

/* Section 7.4 - Paragraph text */

/*------------------------------*/



.sidebarbox-noborder p {

	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;

}



.sidebarbox-border p {

	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;

}





/* pie */

/**********************/



.footer {

	clear: both; width: 780px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px #c19f60; border-bottom: solid 1px #c19f60; background-color: #000; text-align: left; text-align:center

}



/***************************************************/

/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */

/***************************************************/



.content a  {

	color: #F96010; text-decoration: none; /*underline;*/

}

.content a:hover {

	color: #D43038; text-decoration: underline;

}

.content a:visited {

	color: #D43038;

}







.sidebar a {

	color: #FFBD1E; text-decoration: none; /*underline;*/

}

.sidebar a:hover {

	color: #FFBD1E; text-decoration: underline;

}

.sidebar a:visited{

	color: #FFBD1E;

}









.footer a {

	color: #BD3204; text-decoration: underline;

}



.footer a:hover {

	color: #EADDB6; text-decoration: none;

}



/********************************/

/* SECTION 10 - GENERIC CLASSES */

/********************************/





.nav-global-font {

	font-size: 1.0em;

}



.nav-main-font {

	font-size: 1.0em;

}



.nav-sub-font {

	font-size: 1.0em;

}



.content-font {

	font-size: 1.0em; line-height: 1.7em; color: #454545; /*color texto*/

}



.sidebar-font {

	font-size: 1.0em; line-height: 1.4em; color: #FFFFFF;

}



/* Percentage value does not work in "footer", so we     */

/* cannot give the normed size of "1.0em" here and scale */

/* it up inside the "footer". Thus we define the final   */

/* font-size here the way it will appear on screen.      */

.footer-font {

	font-size: 1.1em; color: #FFFFFF;

}



/*--------------------------------------*/

/* Section 10.2 - Horizontal alignments */

/*--------------------------------------*/



.align-left {

	text-align: left;

}



.align-right {

	text-align: right;

}



.float-left {

	float: left;

}



.float-right {

	float: right;

}



/*-------------------------------------*/

/* Section 10.3 - Title decoration box */

/*-------------------------------------*/



.box-on {

	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;

}



.box-off {

	display: none;

}



/*---------------------------*/

/* Section 10.4  Text colors */

/*---------------------------*/



/* Basic Colors */

.txt-white {

	color: rgb(255,255,255);

}



.txt-black {

	color: rgb(0,0,0);

}



.txt-marron {

	color: #C9A949;

}





.txt-amarillo {

	color: #FFCC00 ;

}



.txt-granate {

	color:  #BD3204;

}



.txt-verde {

	color:  #C9DE4C;

}



.txt-naranja {

	color: rgb(249,233,93);

}



.txt-azul {

	color: #003366;

}





.txt-rojo {

	color: #D43038;

}





/*----------------------------------*/

/* Section 10.5 - Background colors */

/*----------------------------------*/



/* Basic Colors */

.bg-white {

	background-color: rgb(255,255,255);

}



.bg-black {

	background-color: rgb(0,0,0);

}





.bg-amarillo {

	background-color: #EAE4CF ; /*#FFD014;*/

}



.bg-granate {

	background-color: #BD3204; /*#EAE4CF;*/

}



.bg-naranja {

	background-color: #F96010;

}



.bg-verde {

	background-color: #C9DE4C;

}





.bg-rojo {

	background-color: #D43038;

}



.bg-azul {

	background-color: #0C80B8;

}





/******************************/

/* SECTION 11 - MISCELLANEOUS */

/******************************/



/* Horizontal line */

hr {

	clear: both; width: 425px; height: 1px; border: none;  

}



/* HTML-code examples */

.showcode {

  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);

}



/* Hide HTML-tags. Good when no pagestyle supported by browser */

.hide {

	display: none;

}



br {

	clear: both;

}



/*********************************/

/*     album                     */

/*********************************/

/*#principal {

	margin:0 auto;

	position: relative;

}*/



.contenedorfoto {

	float:left;

	width:115px; /*115*/ /*210*/

	height:100px;

	margin:5px; /*10*/

	padding:5px;

	background-color:#f5f7f9;

	border-right: #a5a7aa solid 1px;

	border-bottom: #a5a7aa solid 1px;

	text-align:center;

}



.contenedorfoto a {

	text-decoration: none;

}



.contenedorfoto span {

	color:#515151;

	font-family: Trebuchet MS;

	font-size: 9pt;

}
.MenuIE8
{
z-index:50;
}