/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Adapted to Modx by MiPlanWeb.com 
http://www.MiPlanWeb.com */

* {
	margin: 0;
	padding: 0;
}

body
{
    font: 13px Arial, Helvetica, sans-serif;
    color: #626262;
     background-color: White;
    /*color: #3E3E3E;*/
    /*color: Black;*/
}

form {
	margin: 0;
	padding: 0;
}

input {
	padding: 5px;
	background: #FEFEFE url(images/img13.gif) repeat-x;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	/*text-decoration: none;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444444;
	/*color: #EB1400;*/
	
}

h1 {
	letter-spacing: -3px;
	font-size: 30px;
}

h2 {
	letter-spacing: -1px;
	font-size: 21px;
}

h3 {
	font-size: 1em;
}

p, ol, ul {
	/*margin-bottom: 2em;
	line-height: 200%;*/
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	background: url(images/chain-ring2.jpg) no-repeat;
    padding-left: 25px;	
    line-height: 20px; 
}
a
{
	/*color: #EB1400;*/
	color: #AD200E;
}

a:hover
{
	text-decoration: none;
	color: Black;
}

.middleAlign {  /* for TinyMCE */

    vertical-align:middle;
}

.invisibleBorder {  /* for TinyMCE */
    border-width: 0px;
}


/* Header */
#header {
	/*height: 82px;*/
	overflow: hidden;
	background-image: url(images/page-bk2.jpg);
    background-repeat: no-repeat;
}

/* ACCEDER AL SITIO - HEADER:  Campos para ingresar usuario y contraseņa  */
#headerLogin 
{
     float: right;
     /*width: 150px;*/
     width: 155px; /* McModified for level2 template */
     margin-right: 15px;  
     /*color: White;*/
     color: Black; /* McModified for level2 template */
     font-size: 16px; /* McAdded for level2 template */
}

#headerLogin a
{
    /*font-size: 10px; */
    font-size: 11px; /* McModified for level2 template */
}

#headerLogin p
{
     margin: 0;
     padding: 0;
}

#headerLogin label
{
     /*font-size: 10px;*/
     font-size: 12px; /* McModified for level2 template */
}

#headerLogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}

#headerLogin input {
	/*padding:1px;*/
	padding:3px; /* McModified for level2 template */
	border-top: 1px solid #0b4f26;
	border-left: 1px solid #0b4f26;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	/*height: 15px;
	font-size: 11px;*/
	height: 20px; /* McModified for level2 template */
	font-size: 12px; /* McModified for level2 template */
}

#headerLogin .button 
{
    /*height: 18px;*/
    height: 23px; /* McModified for level2 template */
}


#headerLogin h3 {
    display: none;  /* Hides some text inside "FormLogin" Chunk */
}

#headerLogin #forgotpsswd {
	font-size: 9px;
	float: right; 
	color: White; 
}

#headerLogin #WebLoginLayer2
{
     /*line-height: 12px;*/
     line-height: 15px; /* McModified for level2 template */
}
#headerLogin #WebLoginLayer0 a   /* ONLY for template level2 */
{
    color: #AD200E;
}

#headerLogin .logoutSection  /* controls the "usted ha accedido" text */
{
     /*font-size: 11px;*/
     font-size: 12px; /* McModified for level2 template */
}

#headerLogin .logoutLink
{
     font-size: 14px;
}
/* Fin - Acceder al sitio - HEADER */




/*Menu */
#menu
{
    /*background: #FFFFFF url(images/img01-63.gif) repeat-x;*/
    background-image: url(images/img01-63.gif);
    background-repeat: repeat-x;
    overflow: hidden;
    height: 100%; /* Hack for stupid IE6 */
    /*border: solid 1px red; */
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: block;
	float: left;
	height: 63px; /* sets all the menu section height.  This is the same height for image img01-63.gif */
	background-image: none;
	padding-left: 0px;	
}

#menu a {
	display: block;
	/*width: 110px;*/
	width: 108px;
	height: 46px;  /* sets the buttons height */
	/*padding: 24px 0 0 0;*/
	padding: 5px 0 0 0;
	text-decoration: none;
	text-align: center;
	/*letter-spacing: -1px;*/
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color: #FABEB3;*/
	color: White;
}

#menu a:hover {
	width: 108px;
	background: #AD200E url(images/img04.gif) repeat-x;
	border-left: 1px solid #B22502;
	border-right: 1px solid #B22502;
	color: #FFFFFF;
}

#menu .active {
	background: url(images/img02.gif) no-repeat center bottom;
}

#menu .active a {
	width: 108px;
	background: #FFEC70 url(images/img03.gif) repeat-x;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #EB1400;
}

#menu .active a:hover   /* Hack for stupid IE6 */
{
    background: #FFEC70 url(images/img03.gif) repeat-x;
    color: #EB1400;
}


/* Page */
#page {
	/*padding: 40px 60px 0 60px;*/
	margin: 0 auto;
	width: 984px;
	/*border: solid 1px brown;*/
}

/* left bar */
#leftbar
{
    float: left;
    overflow: hidden;
	/*padding: 10px 20px 20px 30px;*/
	/*border: solid 1px black;*/
	
}


/* tplcontent */
#tplcontent
{
    float: left;
    width: 553px;
    background: url(images/content-box-upper-550x90.jpg) no-repeat;
    overflow: hidden;
    margin-left: 3px;
    /*padding-left: 13px;*/ /* Sets the space division between left column and center column */
	/*border: solid 1px cyan;*/
}

.post
{
    margin: 25px 0px 10px 0px;
    padding-left: 20px; 
    padding-right: 20px;
    line-height: 21px;
    overflow: hidden;
    /*border: solid 1px black;*/
}
.post h1, .post h2
{
    background: url(images/chain-ring2-bigger.jpg) no-repeat;
    padding: 0px 0px 0px 40px;
    line-height: 35px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.post p
{
	margin-bottom: 13px;
	/*margin: 0;*/
	/*padding: 0 0 0 30px;
	line-height: normal;
	color: #BABABA;*/
}
.post .links
{
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 55px 0px;
	background: url(images/content-box-lower-550x70.jpg) no-repeat left;
}
.post .thumbscontainer li {
     background: none;
}
.post .childscontainer li {
     background: none;
}

/* Rightbar */
#rightbar
{
    float: right;
    overflow: hidden;
	/*border: solid 1px black;*/
}

/* Sidebar */
.sidebar
{
	/*width: 174px; Old one */
	width: 207px;
	/*background: url(images/sidebar-box-upper-210x70.jpg) no-repeat;*/
	/*padding: 10px 18px 0px 18px;*/
	/*border: solid 1px green;*/
}
.sidebar h2
{
	padding: 15px 0px 5px 0px;
	color: #EB1400;
}
/*.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
} */
.sidebar li {
     background: none;
     padding-left: 0px;
}
/*.sidebar li {
	background: url(images/chain-ring2.jpg) no-repeat;
    padding-left: 22px;	
    line-height: 20px; 
}*/

.sidebar .sidebarFooter
{
	/*margin: 0px 0px 0px -18px;*/ /* Places the footer aligned to the left */
	/*padding: 0px 0px 30px 0px;*/ /* Sets the visible height section of the footer */
	/*background: url(images/sidebar-box-lower-240x52.jpg) no-repeat;*/
	/*border: solid 1px black;*/
}

/*McAdded: sideblocks */
.sideblock {
    background: url(images/sidebar-box-upper-210x70.jpg) no-repeat -2px 0px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 5px;  /* Space between the top of this div and the first item (an H2 for exampe) */
    width: 171px; /* Fucking IE6 hack */
    /*border: solid 1px black;*/
}
.sideblockContainer {
    background: url(images/sidebar-box-lower-240x52.jpg) no-repeat -2px bottom;
    padding-bottom: 25px; /* Gives place for a background to show if there's one */
    margin-bottom: 10px;
    /*border: solid 1px red;*/
}



/* Mc - SideMenu Wayfinder behavior */
.sideMenu ul
{
     margin-bottom: 6px;  /* Gives an extra space after the submenu ends */
}
.sideMenu a  {   /* Mc Added */
/*    text-transform: lowercase; */
    text-decoration: none;
	font-weight: bold;
	display: block;
	color: Black;
}	
.sideMenu li {
    font-size: 14px;
    line-height: 23px;
    background-image: none; /* McAdded for level2 template */
    padding-left: 0px; /* McAdded for level2 template */
    border-bottom: solid 1px white; /* Stupid IE6 Hack */
}
.sideMenu li ul li {
    line-height: 19px;
    margin-top: 5px;
    margin-left: 15px;
	font-size: 12px;
    padding-bottom: 0;
} 
.sideMenu a:hover {
    color: White;
	background-color: #AD200E;
}
.sideMenu .levelMenuItem1.active a {
	color: White;
	background-color: #AD200E;
}
.sideMenu .levelMenuItem1 .levelMenuItem2 a {
	color: Black;
	background-color: Transparent;
	/*background-color: #311C00;*/
}
.sideMenu .levelMenuItem1 .levelMenuItem2 a:hover {
    color: White;
	background-color: #AD200E;
}


/* End - SideMenu Wayfinder behavior */

/* Mc - Ditto */
.ditto_currentpage
{
    padding-left: 1px;
    padding-right: 1px;
} 

.ditto_page
{
    padding-left: 1px;
    padding-right: 1px;
} 

.ditto_tags, .ditto_info
{
     font-size: 11px;
}

/* Mc - ajaxSearch */
.ajaxSearch_highlight /* Highlighting */
{
    color: White;
    background-color: #EB1400;
}

/* Mc - EasyEvents */
.ee_miniCalPrev, .ee_miniCalNext
{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ee_miniCalendarNav a
{
    text-decoration: none;
}
.ee_miniCalYear, .ee_miniCalMonth
{
    font-weight: bold;
}
.ee_today
{
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ee_miniCalendarDays
{
    border-spacing: 6px;
}
.ee_miniCalendarDays a
{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ee_miniCalendarDays thead  /* Only for Level 2 template */
{
    color: #EB1400;
}
.easyEventsList_heading   /* Only for Level 2 template */
{
     color: #EB1400;
     font-weight: bold;
}
/*   NOT WORKING YET! */
/*.ee_BigCalendarContainer .ee_miniCalendarDays td       
{
     font-size: 20px;
} */ 
/* END EasyEvents */


/* Mc - WebloginPE - UsersList */
.usersListTitle
{
     font-size: 16px;
     font-weight: bold;
}
.usersListLabel
{
 font-weight: bold;
}
.wlpeUserPagePhoto img
{
     margin: 0px 6px 0px 6px;
     border: solid 4px #EB1400; /* McAdded - only for this template */
}
.wlpeMessage
{
    font-size: 15px;
    font-weight: bold;
}
#wlpeUser td
{
     padding: 4px;
}
/* END UsersList */


/* FDM Form */
.fdmFields td
{
     padding: 5px;
}
.fdmFields img
{
    margin: 0px;
}
/* END FDM Form */


/* Mc - Sidebar Login  */
#sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin .button 
{
    height: 25px;
}
#sidebarlogin h3 {
    display: none;  /* Hides some text inside "FormLogin" Chunk */
}
#sidebarlogin #forgotpsswd {
	font-size: 80%;
	float: right; 
}



/* Search (This originally came with the level2 template, I think it's not working at all */
#search {
	padding: 20px 30px 40px 30px;
}

#search input {
	padding: 0;
	width: 70px;
	height: 29px;
	background: #DFDFDF url(images/img14.gif) repeat-x;
	font-weight: bold;
}

#search #s {
	padding: 5px;
	width: 150px;
	height: auto;
	background: #FEFEFE url(images/img13.gif) repeat-x;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#search br {
	display: none;
}


/* Footer */
#footer {
	padding: 40px 0px 15px 0px;
	background: #757575 url(images/img08.gif) repeat-x;
	color: #BABABA;
	text-align: center;
}
#footer a {
	color: #DDDDDD;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}