/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px;background: #fff; color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */ /*** EDITAR ***/
/*a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer}*/
a:link,a:visited{text-decoration:none;color:#c00;}
a:hover,a:active {text-decoration:underline;color:#069;}

/* */
#contenido{
  text-align:center;
}
#contenido li{
  list-style-image:url('/images/li.gif');
}
.titulo{
  font-size:14px;
  font-weight:bold;
}
.codigo{
    background:#342826 none repeat scroll 0% 50%;
    border:0px;
    color:#00FF00;
    font-size:12px;
   /* margin:10px; */
    padding:3px;
   /*overflow: auto;*/
}

input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("/images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */

/* Menu */
.menu{
width: 180px; /*width of menu*/
}

.menu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

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

.menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
list-style:none;
}

.menu ul li a{
color: #A70303;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.menu ul li a:visited{
color: #A70303;
}

.menu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* Sub Menu (Horizontal) */
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; position:relative;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:30px; line-height:29px; background:url(pro_nine_0a.gif) no-repeat; color:#000; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 12px 0 0; background:url(pro_nine_0.gif) right top;}
.menu2 li.current a {color:#fff; background:url(pro_nine_2a.gif) no-repeat;}
.menu2 li.current a b {background:url(pro_nine_2.gif) right top;}
.menu2 li a:hover {color:#fff; background:url(pro_nine_1a.gif) no-repeat;}
.menu2 li a:hover b {background:url(pro_nine_1.gif) right top;}
.menu2 li.current a:hover {color:#fff; background:url(pro_nine_2a.gif) no-repeat; cursor:default;}
.menu2 li.current a:hover b {background:url(pro_nine_2.gif) right top;}

/* Menu pro_nine */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_nine */

.pro9 {padding:0px 0px 10px 0px; margin:0; list-style:none; height:30px; position:relative;}
.pro9 li {float:left;}
.pro9 li a {display:block; float:left; height:30px; line-height:29px; background:url(/images/pro_nine_0a.gif) no-repeat; color:#000; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro9 li a b {float:left; display:block; padding:0 12px 0 0; background:url(/images/pro_nine_0.gif) right top;}
.pro9 li.current a {color:#fff; background:url(/images/pro_nine_2a.gif) no-repeat;}
.pro9 li.current a b {background:url(/images/pro_nine_2.gif) right top;}
.pro9 li a:hover {color:#fff; background:url(/images/pro_nine_1a.gif) no-repeat;}
.pro9 li a:hover b {background:url(/images/pro_nine_1.gif) right top;}
.pro9 li.current a:hover {color:#fff; background:url(/images/pro_nine_2a.gif) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(/images/pro_nine_2.gif) right top;}


/* Loggin */
#loggin{
  list-style-image:url('//images/li.gif');
}

/* LISTS */
ol li {margin-left: 1.4em;padding-left: 0; /*list-style-type: decimal*/}
li {line-height: 1.4em;padding-left: 25px;/*background: transparent url("/images/sprites.gif") no-repeat 0 0*/}


/* GENERAL */
img {border:none} 
/*hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}*/
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #666 url("/images/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}

	#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
	
	/* NAV - TOPMENU */
	#nav, #nav ul {padding: 0;margin: 0;/*list-style: none*/}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("/images/topmenu1.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {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;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
	#nav li.active ul {border:none;background: #c00 url("/images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#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:#fff}
	#nav li.active li a:hover {background: #666 url("/images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#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:#fff;font-weight:bold;background: #666 url("/images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
	/* POWERED BY - mollio logo in this case */
	/*#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}*/

/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}
#content-wrap {position:relative;width:100%}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}


/* LAYOUT TYPE B */
	#type-b #content-wrap {background: transparent url("/images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("/images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 235px}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background: transparent url("/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-f #content {margin: 0 235px 0 25%}
		#type-f #utility {left:auto;right:25px}
		#type-f #sidebar {right:auto;left:25px}

/* LAYOUT - FOOTER */
#footer {
	position: fixed;
	bottom: 0;
	width: 50%;
	background-color:transparent;
	margin:auto;
	height:70px;
}