/*------------------------------ X-TREME -- espanol1 ---------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #333;
	background: #000;
}
div, p, img, td, ul, ol {
    font-size: 1em; 
}
a p{
	font: 12px normal Helvetica, Arial, sans-serif;
	color: #000;
	text-decoration: none;	
}
a:link{
	text-decoration: none;	
}
a:visited{
	text-decoration: none;	
}
a:hover{
	text-decoration: none;	
}

h1{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 3px 0;	
	color: #002200;	
}
h2{
	font-family: Helvetica,Arial, sans-serif;
	font-weight: bold;
	margin: 3px 0;	
	color: #ccc;	
}
h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 3px 0;	
	color: #990000;	
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 3px 0;
    color: #002200;
	}
h1 { font-size: 218%;  text-align: center;}
h2 { font-size: 185%; }
h3 { font-size: 125%; }
h4 { font-size: 110%;}

p { padding: 0 0 1em; }

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}
#page {
    width: 1005px;
    margin: 0 auto;
    text-align: justify;
    background: #fff url(images/bg_html.jpg);
}
#header {	
    width: 200px;
	height: 170px;
	top: 0px;
	right: 2px;
    text-align: justify;
	float: right;
}
#page>#header {
	top: 0px;
	width: 200px;
}
#contenido {
    margin: 3px 3px 3px 15px;
}
#content>#contenido {	
    margin: 3px 3px 3px 7px;
}
#content {
    float: left;
    text-align: justify;
    width: 730px;
    margin: 0 0 0 0;
    padding: 5px 13px 10px 35px;
}
#page>#content {
    float: left;
	text-align: justify;
    width: 730px;
    margin: 0 0 0 0;
    padding: 5px 13px 10px 35px;
    line-height: normal;
}
#content li{
	margin: 0 0 0 30px;	
	display: list-item;
	list-style-type: inherit;
	line-height: normal;
}
#content li a{
	color: #003161;
	text-decoration: none;
}
#content li a:link,li a:visited,li a:active{
	color: #003161;
}
#content li a:hover{
	color: #990000;
}

#itinerario {
	clear: both;
	display: block;
    margin: 3px 3px 3px 5px;   
	padding: 2px 2px 2px 2px; 
	border-top: 2px dashed #ede1be;
	border-bottom: 2px dashed #ede1be;
	font: normal 90% Arial, Helvetica, sans-serif;
	background: #fcf4dd;
}


/* Special text formatting 
------------------------------------------------------------------------------- */
h2 {
	color: #A2C142;
}
h2 a, h2 a:visited, h3 a, h3 a:visited {
	color: #990000;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
	
}
h2 a:hover, h3 a:hover {
	color: #000;
	border-bottom: 2px solid #06c;
}


h4.date-header {
    margin-top: 0;
    padding-left: 14px;
    font-size: 90%;
    color: #f93;
    background: url(images/date_icon.gif) no-repeat 0 50%;
}

blockquote {
    margin: 0 0 0 25px;   

}

code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #444;
	white-space: pre; 
    width: 350px;
    height: auto;
	overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #fafafa;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}

/* menus verticales
------------------------------------------------------------------------- */

#menu_leng{
text-align: center;
width: 250px;
}
#menu_leng ul, #menu_leng li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu_leng li {
	line-height: inherit;
	display: inline;
}

#menu_leng ul>li {
	line-height: inherit;
	display: inline;
}
 
#menu_leng li a {
	font: 12px Helvetica, Arial, sans-serif;
	padding: 1px 1px 1px 1px;
	color: #fff;	
	text-decoration: none;
	margin: 0;
}

#menu_leng li>a {
	padding: 1px 1px 1px 1px;
	width: auto;
}
 
#menu_leng li a:hover {
	color: #990099;
	text-decoration: none !important;
	text-align: center;
}

#menu_1{	
	text-align: center;
	font-weight: bold;
	width: 150px;
}
#menu_1{
display: inline;
}

#menu_1 ul, #menu_1 li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu_1 li {
	line-height: 20px;
	display: inline;
}

#menu_1 ul>li {
	line-height: 1.4em;
}
 
#menu_1 li a {
	font: 12px bold  Helvetica, Arial, sans-serif;
	padding: 1px 1px 1px 1px;
	color: #000;	
	text-decoration: none;
	margin: 0;
}

#menu_1 li>a {
	padding: 1px 1px 1px 1px;
	width: auto;
}
 
#menu_1 li a:hover {
	color: #660066;
	text-decoration: none;
	text-align: center;	
}
#menu_1 li a:active {
	text-decoration: none;
}
#menu_1 li img {
	text-decoration: none;
}


/* en header content
------------------------------------------------------------------------------- */
/* fotos- flash
------------------------------------------------------------------------------- */

#animacion2 {
	z-index: 0;
	
	width: 500px !important;
    margin: 0 0 0 12px;

	text-align: center;
}
/* fotos- flash
------------------------------------------------------------------------------- */
/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}


/* Post (main content entries)
------------------------------------------------------------------------- */


/* Related Links 
------------------------------------------------------------------------- */
#navlist li { 
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}


/* UserComments 
------------------------------------------------------------------------- */                        
.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}


/* Sidebar 
------------------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 195px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 3px;
	text-align: center;

}
#page> #sidebar {
	float: right;
	width: 203px;
    margin: 0 0 0 0;
    padding: 0px 0px 5px 3px;
    font-size: 85%;
    line-height: 1.4em;
    color: #999;
}

#sidebar img {
	vertical-align: top;
	padding: 0px; 
	}
#sidebar li {
	list-style: none;
	list-style-type: none; 
	}

/* ACCORDION*/
		/*________________________________________________*/
.accordionmenu1{
	width: 194px; /*width of accordion menu*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
    text-align: Left;
    color: #fff;
	margin-left: 5px;
}

.accordionmenu1 .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
/*margin-bottom: 10px;   margin-left: 1px;*/   /*bottom spacing between header and rest of content*/
margin: 0px 0px 0px 0px;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}	
.accordionmenu1  h2 {
	text-align: center;	
	text-transform: uppercase;					
	color: #fff;
	background: #638751;
}	
.accordionmenu1  h3 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 6px 4px 16px;
    margin: 0;
    border-style: solid none solid none;
    border-top-color: #37770c;
    border-bottom-color: #37770c;
    border-width: 1px 0px 1px 0px;
    color:#fff;
    cursor:pointer;
    background: #44960e;
	}

.accordionmenu1 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
			text-align: left;						
			color: #FFFFFF;
}

.accordionmenu1 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.accordionmenu1 ul li{
list-style-type: none;
text-decoration: none;
padding-bottom: 1px; /*bottom spacing between menu items*/
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #557843;
background: #638751;
}

.accordionmenu1 li a:link,li a:visited,li a:active{
color: #FFFFE1;
/*background: #BB6F4A;*/
display: block;
padding: 0px;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
font-size: 13px;
}

.accordionmenu1 ul li a:hover{ /*hover state CSS*/
color: #EEE;
font-weight: normal;
text-decoration: none;
font-weight: normal;
}
/*____________ACCORDION MENU 2 _____________________________________________________________*/
.accordionmenu2{
	width: 194px; /*width of accordion menu*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
    text-align: Left;
    color: #fff;
	margin-left: 5px;	
}
.accordionmenu2  h2 {
	text-align: center;	
	text-transform: uppercase;					
	color: #7f3f1b;
	background: #c5b57c;
}
.accordionmenu2 h3 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 6px 4px 16px;
    margin: 0;
    border-style: solid none solid none;
    border-top-color: #653316;
    border-bottom-color: #653316;
    border-width: 1px 0px 1px 0px;
    color:#fff;
    cursor:pointer;
    background: #7f3f1b;
	}
.accordionmenu2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
			text-align: left;						
			color: #F2F3E3;
}
.accordionmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.accordionmenu2 ul li{
list-style-type: none;
text-decoration: none;
padding-bottom: 1px; /*bottom spacing between menu items*/
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #a89a67;
background: #c5b57c;
}

.accordionmenu2 ul li a, ul li a:link{
color: #7f3f1b;
/*background: #BB6F4A;*/
display: block;
padding: 0px;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
font-size: 13px;}

.accordionmenu2 ul li a:visited, ul li a:actived{
color: #7f3f1b;
text-decoration: none;
font-weight: normal;
}

.accordionmenu2 ul li a:hover{ /*hover state CSS*/
color: #000;
font-weight: normal;
text-decoration: none;
font-weight: normal;
}


/* Footer 
------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 1005px;
    margin: 0px 0px 0px 0px;
    padding: 0 0 9px 0;
    font-size: 100%;
    color: #ddd;
    background: url(images/bg_footer.jpg) repeat-y;
	text-align: center;
}
#page>#footer {
    padding: 0 0 0px 8px;
    color: #ddd;
	text-align: center;
}

#footer p {
    padding: 20px 320px 20px 95px;
    background: url(images/bottom_sash.gif) no-repeat top left;
}

#footer a, a:visited {border-bottom: none;
color: #848400;
}
#footer a:hover {border-bottom: none;
color: #CECE00;
}


/* Forms 
------------------------------------------------------------------------------- */


/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}
/* NAV - Son of Suckerfish Dropdowns http://www.htmldog.com/articles/suckerfish/dropdowns/ */
#nav {
	width: 755px;
	position: absolute;
	top: 0px;
	font: bold 100% arial;
	margin: 0 0px auto auto;
	padding: 0 0px 0 25px;
	height: auto;
}
#main>#nav {
	width: 785px;	
	font: bold 100% arial;
	margin: 0 auto auto 0;
	padding: 0 0 0 5px;	
}
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {background: #eee url("images/button_dn.gif");font-weight:bold;font: bold 100% arial;margin: 0 0px 0 0px}
	#nav li {position:relative;background: #999 url("images/button_dn.gif") repeat-x;float: left;width: auto;display:block;margin: 0;border-bottom: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {border-bottom: none;text-decoration:none;cursor:pointer;color:#003300;display: block;padding: 4px 10px 2px}
	#nav a:hover {background: #999 url("images/button_up.gif") repeat-x;color:#81A021}
	
	#nav li ul {border-bottom: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;background: #f6f6f6;
	width:15.8em;font-size:100%;margin-top:3px;position: absolute;font-weight:normal;left: -999em;}
	
	#nav li:hover ul, #nav li.sfhover ul {top:19px;left: 0;z-index:99999}
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
	color:#000;
	border-bottom: none;
	 padding: 3px 10px 2px;
	 }
	#nav li li a:hover {color:#000; font-weight: bold; background:#EFEFEF url("images/button_up.gif") repeat-x;}
	
	#nav li.active {color:#000;background:#FFF url("images/button_up.gif") repeat-x}
	#nav li.active ul {color:#000;background:#FFF url("images/button_up.gif") repeat-x}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#000; background:#FFF url("images/button_up.gif") repeat-x}
	#nav li.active a:hover {color:#000;background:#FFF url("images/button_up.gif") repeat-x}
	#nav li.here {color:#81A021;background:#FAFCB6; height: inherit; border-bottom: none;
	 padding: 4px 10px 2px;
	 width:auto}
	 #nav li.here a{color:#81A021; border-bottom: none; margin:0;
	  padding:0px; background:#FAFCB6;}
	#nav li li.here {color:#000;
	background: #D2DEB0;	 
	 }
	
	#nav li.active li {border:none;border-top: 1px solid #EFEFEF}
	#nav li.active li.last {border-bottom: none;}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#000;background:#EFEFEF url("images/button_up.gif") repeat-x}
	#nav li.active li a:hover {color:#000;background:#EFEFEF url("images/button_up.gif") repeat-x}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#000;background:#EFEFEF url("images/button_up.gif") repeat-x}

	/* hide from IE mac */
	#nav li {width:auto; height: auto;}
	/* end hack */

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

 

/*- Menu 10--------------------------- */

#menu10 {
	float: left;
    width: 190px;
    margin: 10px 0 0 2px;
        }
#sidebar>menu10 {
    margin: 10px 0 0 0;
        }

#menu10 li a {
        height: 24px;  
        text-decoration: none;
		font: 110% normal Helvetica, Arial, sans-serif;
        }

#menu10 li a:link, #menu10 li a:visited {
        color: #EFEF94;
        display: block;
        background:  url(images/menu10.gif);
        padding: 8px 0 0 10px;
		left: 0px;
        }

#menu10 li a:hover{
        color: #82623A;
        background:  url(images/menu10.gif) 0 -30px;
        padding: 8px 0 0 10px;
        }