/*---Body */



div#wrapper {

	width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1000? "1000px": "auto" )

}

div#wrapper {
	margin-left: 2px;
	margin-right: auto;
	background-color: #ffffff;
	color: #FFFFFF;
	

	

}

.site_name {

	font-size: 16px;
	color: #FFFFFF;
	margin-left: 10px;

}

body {
	margin: 0px;
	font-size: 15px;
	color: #000000;


}


.top {

	background-image: url(../images/bgr.gif);
	background-repeat: repeat-x;

}



#leftside {

	width: 20%;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;

}


td, tr, p, div {
	font-family : Arial;
	font-size : 14px;
	font-variant: normal;
	font-style: normal;
	margin-bottom: 3px;
	margin-right: 5px;
margin-left: 2px;

}







content {
	margin-left: 0px;
	width: auto;
	top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	background-color: #F9CCF8;
	}





modulo.mio {



	font-size: 10px;

}



table.nopad {

	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;

}

#footer{

	width: 100%;
	height: 75px;
	bottom: 0px;
	padding-top: 15px;

}

table.nopad {

	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;

}

div#footer div {

	text-align: center;
	color: #FFFFFF;

}





a:link, a:visited {

	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;

}



a:hover {

	color: #A40000;
	text-decoration: underline;
	font-weight: bold;	

	
}



hr, hr.separator {

	height : 2px;
	width : 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D9D0BD;
	border-bottom-color: #EFEBE2;

}

ul, li {

  margin: 0;
  padding: 0;
  list-style: none;

}



/* Mambo Menu Styling

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



/* menu -nav */

#mainlevel-nav {

margin: 0; padding: 0;

}

#mainlevel-nav a {

	display: block;

	float: left;

	color: #FFD2D2;

	font-size: 13px;

	line-height: 22px;

	white-space: nowrap;

	width: 132px;

	height: 30px;

	text-align: left;

	background-image: url(../images/linev.gif);

	background-repeat: no-repeat;

	background-position:0px 0px;

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

}

#mainlevel-nav li {

	list-style:none;

	float: right;

	margin: 0px;

	width: 110px;

	font-size: 10px;

	white-space: nowrap;

	text-indent: 13px;

	

	display: block;

}

#mainlevel-nav a {

float: none;

}

#mainlevel-nav a:hover {

	background-position: 0px 0px;

	background-image: url(../images/over1.jpg);

	background-repeat: repeat-x;

}



/* menu */

a.mainlevel:link, a.mainlevel:visited {

	color: #FFFFFF;
	width: 100%;
	line-height: 25px;
	font-weight: bold;
	padding-top: 0px;
	text-decoration: none;
	text-align: left;
	background-color: #731F32;
	display: block;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    border-top       : 1px solid #CC9999;
    margin-left      : 0px;

}

a.mainlevel:hover {

	color: #FFFFFF;
    text-align: left;
    width: 100%;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #8e3549;

}



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

	color: #4F0027;
	text-decoration: none;
	text-align: left;

}



a.sublevel:hover {

color: #CC0000;

text-decoration: none;



}









/* mambo core stuff */

table.moduletable {

	width: 100%;

	margin-bottom: 2px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

	font-size: 12px;

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

}

table.moduletable th {

	color: #FFD2D2;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	background-image : url(../images/linev.gif);
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;

	}

table.moduletable td {

	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

		}




table.moduletable-poll {
	width: 172px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/linev.gif);
	color: #000000;


}



table.moduletable-poll th{

	color: #000000;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	background-image : url(../images/linev.gif);
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	background-color: #333333;

	

	}


table.moduletable-poll td{

	height: 14px;
	widht: 100%;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-repeat: repeat;
	border: 1px solid #000000;
	color: #000000;

}






table.moduletable_menu {

	background-color: #28282a;
	width: 172px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

}



table.moduletable_menu th{

	color: #FFD2D2;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	line-height: 20px;
	background-image: url(../images/linev.gif);
	font-family: Arial, Helvetica, sans-serif;
}


table.moduletable_menu td{

	height: 14px;
	color: #FFFFFF;
    widht: 100%;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;

}





.pathway {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif
	font-size: 8px;
	padding-left: 10px;
	top: 5px;

}

a.pathway, a.pathway:visited {

	color: #FFFFFF;

}

a.pathway:hover {

color: #FFFFFF;

}





/*** General Mambo Styles*/

.back_button{}

.pagenavbar {

	color: #990000;

} 

.pagenav, a.pagenav, a.pagenav:visited{

	color: #336699;

	height: 20px;

    margin-left: 0px;

	text-align: left;

	padding-top: 2px;

	border: 0px solid #999999;

}

a.pagenav:hover{

	color: #336699;

}



	

	

.small {

	font-size: 10px;

	font-weight: bold;

	color: #CC0000;

}





/**

 * Mambo Form Styles

 * -----------------

 * Here are 2 styles that Mambo uses to let users control

 * how their forms and buttons may look.

 */

 

.button {

	background-color: #FFFFFF;

	font-size: 10px;

	font-weight: bold;

	color: #333333;

	margin-top: 2px;

	margin-bottom: 2px;

	border: #ccc solid 1px;

}

.inputbox {

	background-color: #FFFFFF;

	font-size: 10px;

	color: #666666;

	border: #ccc solid 1px;

	}



/**

 * Mambo Tabbed Frontend Admin Interface

 * -------------------------------------

 * The CSS styles here defines how the frontend admin interface

 * will look like when editing and adding news through frontend.

 */

 

.ontab {}

.offtab {}

.tabpadding {} 

.tabheading {}

.pagetext {}





/**

 * Mambo General styling for Sections/Categories/Contents

 * ------------------------------------------------------

 * These stylings are either sometimes or often used across

 * Sections, categories and contents. They, therefore, deserves

 * to be mentioned and separated from others.

 */

 

.createdate {
	font-size: 11px;
	color: #FF0000;
	text-transform: none;
	} 

.modifydate {} 

.readon, a.readon:link, a.readon:visited{
	color: #3399FF;
	font-family: Arial, sans-serif;
	display: inline;

}

a.readon:hover{

	color: #660000;

	font-weight: bolder;

	text-decoration: underline;

}





/** 

 * Mambo Styling for Contents

 * --------------------------

 * All the styling for contents are listed

 * below.

 */

.contentpane {}

.contentpaneopen {

}





.contentdescription {}

table.contenttoc {}

table.contenttoc td {}

.content_rating {}

.content_vote {}













/**

 * Mambo Styles for Categories

 * ---------------------------

 * The following are the styling for "Category" items

 * generated from the Sections area

 */

 /* For content item titles that are hyperlink instead of Read On */

.contentheading, .componentheading{

	font-size: 24px;
	color: #B7314F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	word-spacing: normal;
	letter-spacing: normal;
	padding-top: 8px;

		

}

/* titulares de la portada y dentro */

.contentpagetitle, .category {

	color: #B7314F;
	font-weight: bold;
    padding-left: 0px;
	font-size: 18px;

}

a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
	font-size: 17px;
	font-weight: bold;
	color: #B7314F;
	text-align:left;
	line-height: 16px;

		}



a.contentpagetitle:hover, a.category:hover {

	font-size: 19px;

	font-weight: bold;

	

	}









/**

 * Mambo Blog styling

 * ------------------

 * Not too sure where this is used yet. I tried the blog section

 * but it doesn't seem to use it. If you have info on this,

 * email me. I'll update this part.

 */

 

.blogsection{}







/**

 * Mambo's Built-in Component's Syling

 * -----------------------------------

 * These stylings are used for Mambo's built-in components

 * such as newsfeeds, weblinks, contact, search and polls.

 * A commented subtitle will guide you which is for which

 */

 

 

 /*  Polls  */

 





.poll {

	font-size: 9px;
	color: #000000;

}

table.pollstableborder {

	border: 1px solid #000000;
	color: #000000;

}



/**

 * Mambo Sections Styles

 * ---------------------

 * Styling of sections tables 

 */



.sectiontableheader {

	background-color : #731F32;
	color            : #CCCCCC;
	font-weight      : bold;
	border: #615A29;

	

}



.sectiontableentry1 {

  background-color : #6D1D30;

}



.sectiontableentry2 {

  background-color : #000000;

}







/*  Weblinks */

.weblinks{} 





/*  Newsfeeds */

.newsfeedheading {} 

.newsfeeddate {} 

.fase4rdf {} 





/* Search page */

table.searchintro {} 





/*  Contact's table settings  */

table.contact {} 

table.contact td.icons {} 

table.contact td.details {}