/* CSS Document */



html {

	margin: 0;

	padding: 0;

}



html,body {

	height: 100%;

}



body {
	color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: justify;
}



ul

{

        margin: 0px 0px 0px 7px;

        padding: 0;

        list-style: none;

}



li

{

        line-height: 15px;

        padding-left: 15px;

        padding-top: 0px;

        background-image: url(../images/arrow.png);

        background-repeat: no-repeat;

        background-position: 0px 2px;

        font-size: 11px;

	text-align: left;

}



td {

	text-align: left;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}



h2 {

	text-align: left;

	font-size: 16px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}



h3 {

	text-align: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}



/* Joomla core stuff */

a:link, a:visited {

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	color: #A24557;

}



a:hover {

	font-weight: bold;

        color: #990011;

}



a:active {

	font-weight: bold;

        color: #990011;

}



a.readon:link, a.readon:visited {

	color: #111111;

	font-weight: bold;

}



table.contentpaneopen {

        width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;

}



table.contentpaneopen td {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 13px;

     /*    padding: 0px 2px 0px 0px;   */

}



table.contentpane {

        width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;

}



table.contentpane td {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 13px;

}





table.contentpaneopen td.contentheading, table.contentpane td.contentheading {
	text-align: left;
	line-height: 26px;
	font-weight: normal;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A24557;
	padding-left: 10px;
	background-color: #F4F5F7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #DADDE4;
	border-bottom-color: #DADDE4;
	margin-bottom: 10px;
}



table.contentpaneopen td.componentheading, table.contentpane td.componentheading {

	text-align: left;

	line-height: 16px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-indent: 8px;

}



.button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	width: auto;
	line-height: 20px;
	margin: 3px 1px 3px 1px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #AC5160;
	background-color: #F1E7E8;
	border: 1px solid #AC5160;
}



.back_button {

	float: left;

        text-align: center;

        font-size: 11px;

        font-weight: bold;

        width: auto;

        line-height: 20px;

        margin: 3px 1px 3px 1px;

        text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;
	

}



.latestnews { 

        text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}



a.latestnews:link, a.latestnews:visited { 

        text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}



a.latestnews:hover { 

	font-family: Arial, Helvetica, sans-serif;

}



.inputbox {

        text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}



.componentheading {
	text-align: left;
	line-height: 26px;
	font-weight: normal;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A24557;
	padding-left: 10px;
	background-color: #F4F5F7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #DADDE4;
	border-bottom-color: #DADDE4;
	display: block;
}



.contentpagetitle {

}



table.searchinto {

	width: auto;

}



table.searchintro td {

	font-weight: bold;

}



table.moduletable {

	width: auto;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;
	

}



div.moduletable {

	padding: 0;

	margin-bottom: 2px;

	text-align: left;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	clear: both;

}



table.moduletable th, div.moduletable h3 {

	text-align: left;

	padding-left: 5px;

	height: 23px;

	line-height: 23px;

	font-weight: normal;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 2px 0 5px 0;

        color: #A24557;

	background: #A24557 url(../images/subhead_bg.png) repeat-x;     

}



table.moduletable td {

	padding: 0px;

	margin: 0px;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

}



table.pollstableborder td {

}



.sectiontableheader {

}



.sectiontablefooter {



}



.sectiontableentry1 {
	background-color: #F7F7F4;
	height: 25px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 100%;
	display: block;
}



.sectiontableentry2 {
	background-color: #DDDDD0;
	height: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 100%;
	display: block;
}



.small {

	font-size: 10px;

}



.createdate {

	height: 15px;

	padding-bottom: 10px;

	font-size: 10px;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	font-size: 10px;

}



table.contenttoc {

}



table.contenttoc td {

}



table.contenttoc th {

}

a.mainlevelnew:link, a.mainlevel:visited {
	display: block;
	background: #FFFFFF url(../images/menu_bg.png) no-repeat;
	line-height: 22px;
	height: 22px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBE6;	

}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: #FFFFFF url(../images/menu_bg.png) no-repeat;
	line-height: 22px;
	height: 22px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBE6;	

}



a.mainlevel:hover {

	display: block;

	background: #FFFFFF url(../images/menu_bg.png) no-repeat;

	line-height: 22px;

	height: 22px;

	text-indent: 12px;

        width: 140px;

	background-position: 0px -22px;

	color:#990011;

	font-weight: bold;

}



a.mainlevel#active_menu {

	display: block;

	background: #FFFFFF url(../images/menu_bg.png) no-repeat;

	line-height: 22px;

	height: 22px;

	text-indent: 12px;

        width: 140px;

	background-position: 0px -22px;

	color:#990011;

	font-weight: bold;

}



a.mainlevel#active_menu:hover {

	display: block;

	background: #FFFFFF url(../images/menu_bg.png) no-repeat;

	line-height: 22px;

	height: 22px;

	text-indent: 12px;

        width: 140px;

	background-position: 0px -22px;

	color:#990011;

	font-weight: bold;

}



a.sublevel:link, a.sublevel:visited {

	vertical-align: middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-align: left;

	color: #111111;

	background: #FFFFFF;

}



a.sublevel:hover {

	color: #990011;

	background: #FFFFFF;

}



a.sublevel#active_menu {

	color: #990011;

	background: #FFFFFF;

}



.highlight {

	background-color: Yellow;

	color: Blue;

	padding: 0;

}

.code {

	background-color: #DDD;

        color: #404040;

	border: 1px solid #BBB;

}



div.mosimage {

  border: 1px solid #CCC;

}



.mosimage {

  border: 1px solid #CCCCCC;

  margin: 5px

}



.mosimage_caption {

  margin-top: 2px;

  padding: 1px 2px;

  text-transform: none;

  font-size: 10px;

  border-top: 1px solid #CCCCCC;

}



form {

/* removes space below form elements */

	margin: 0;

 	padding: 0;

}



span.article_seperator {

	display: block;

	height: 1.5em;

        border: 0;

}





/* --template lasyout css-- */



#wrapper {

	width: 760px;

        padding: 0px;

        margin: 0px;

	background: #FFFFFF;

        color: #333333;

	height: auto;

}



#container {

        float: left;

	display: block;

	background: #FFFFFF;

        color: #333333;

	margin: 0px;

        padding: 0px;

        height: auto;

}



/* top navigation menu */



#top_menu { 

        padding: 2px 5px 2px 2px;

        margin: 0px;

	background: #000000;

        color: #333333;

        height: 20px;

        width: 760px; 

}



#top_menu  { 

        width: 760px;  

        voice-family: "\"}\""; 

        voice-family:inherit;

        width: 753px;

} 

  /* CSS1 UAs should see and use 2nd width */



html>body #top_menu { width: 753px }





/* search section */



#search_inner {

        overflow: hidden;

	float: right;

	width: auto;

}



#search_inner form {

        padding: 0;

        margin: 0;

}



#search_inner .inputbox {

	border: 0px;

        line-height: 18px;

        height: 18px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

        background: #FFFFFF;

	text-indent: 5px;

}



#buttons_inner {

	height: 14px;

        width: 608px;

	float: left;

        margin: 4px 0px 0px 0px;

}



#buttons {

	float: left;

	margin: 0px;

	padding: 0px;

	width: auto;

}





ul#mainlevel-nav

{

	list-style: none;

	padding: 0;

	margin: 0;

}



ul#mainlevel-nav li

{

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	font-size: 10px;

	line-height: 10px;

	white-space: nowrap;

	border-right: 1px solid #FFFFFF;

        font-weight: bold;

}



ul#mainlevel-nav li a

{

	display: block;

	padding-left: 10px;

	padding-right: 10px;

	text-decoration: none;

	color: #FFFFFF;

	background: #000000;

        font-weight: bold;

}




#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a:hover

{

	color: #CCCCCC;

	background: #000000;

}





/* top image header for the website, replace this image to suit your site */



#banner { 

        padding: 0px;

        margin: 0px;

        height: 90px;

        width: 760px;

	background: #CCCCCC url(../images/header.jpg) no-repeat;

        color: #333333;

}





/* logo banner */



#logo { 

        margin: 0px;

        padding: 0px;

	background: #FFFFFF url(../images/logo.jpg) no-repeat;

        color: #333333;

        height: 150px;

        width: 760px;

}





#pathway_text {

        overflow: hidden;

	display: block;

	height: 22px;

	line-height: 22px;

	padding-left: 5px;

	margin: 0px;

        background: #DDDDDD;

        color: #333333;

        text-align: left;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

}



#pathway_text img {

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 6px;

}





/* content */



#content { 

        float: left;

        margin: 0px;

        color: #333333;

        padding: 0px 0px 5px 0px;

	background: #FFFFFF;

        width: 760px; 

        border-bottom: 3px solid #EEEEEE;

}





/* left menu navigation */



#left_menu { 

        float: left;

        margin: 0px;

        padding: 0px 10px 0px 0px;

}



#left_menu  { 

        width: 140px; 

        voice-family: "\"}\""; 

        voice-family:inherit;

        width: 140px;

} 

  /* CSS1 UAs should see and use 2nd width */



html>body #left_menu { width: 140px }





/* main content section */



#main_content { 

        float: right;

        margin: 0px;

        padding: 0px 0px 0px 0px;

        width: 608px;

}





/* right column */



#rightcontainer { 

        float: left;

        margin: 0px;

        padding: 0px 0px 0px 10px;

	background: #FFFFFF;

        color: #333333;

}



#rightcontainer  { 

        width: 140px; 

        voice-family: "\"}\""; 

        voice-family:inherit;

        width: 140px;

} 

  /* CSS1 UAs should see and use 2nd width */



html>body #rightcontainer { width: 150px }





/* footer */



.footer { 

        clear: both;

        padding: 5px 0px 5px 0px;

        margin: 0px ;

        height: 28px;

        width: 760px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	font-weight: normal;

	color: #333333;

	background: #FFFFFF;

}



.footer a:link, #footer a:visited {

	color: #111111;

	background: #FFFFFF;

	text-decoration: none;

        font-weight: bold;

}



.footer a:hover {

	color: #990011;

	background: #FFFFFF;

        font-weight: bold;

}



div.clr {

	clear: both;

}
.home_celda_oscura_top {
	font-size: 11px;
	font-weight: bold;
	color: #E4E5DF;
	background-color: #666666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 5px;
}
.home_texto_celda {
	text-align: left;
	padding: 4px;
}

.home_celda_clara_top {

	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #C6C4AF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.home_celda_alto_centro {
	height: 66px;
}
.menu_izquierdo {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;}
	
.lineaizquierda

{

	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;

}.tabla_padding {
	padding: 5px;
}

.titulos_pequenos {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A24557;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A24557;
	display: block;
}
.contacto_pie {
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EBEBE6;
}
.tabla_gral_fotos {
	border: 1px solid #ffffff;
	padding: 2px;
	width: 140px;
}
.pie_foto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #E9E9E9;
	padding: 2px;
	height: 70px;
}
.foto {
	margin-bottom: 3px;
}
.collapse {
	border-collapse:collapse;
}
