/* ********** [ GENERAL ] ********** */

* {
	margin: 0px;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	cursor: default;
	font: 11px arial, verdana, sans-serif;
	color: #222222;
	background:url('bg.jpg') repeat; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


/* ********** [ HEADER ] titulo cabecera********** */

div#header_wrap {
	margin: 0px auto;
	width: 950px;
	padding: 5px 5px 0px 5px;
	background: ; }

	div#header {
		height: 250px;
		Background: url("header33.png") no-repeat; }
				

		div#header h1 {
			padding-left: 100px;
			float: left;
			font: bold 12px/80px tahoma,arial,sans-serif, Trebuchet MS;
			color: #433A3B; }

			div#header h1 span { }


/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto;
	width: 950px;
	padding: 0px 5px 5px 5px;
	background: ; }

	div#footer {
		padding: 10px 0px;
		background: #220000;
		font: 13px arial, verdana, sans-serif;
		color: #ffffff;
		text-align: center; }

		div#footer a {
			font: 13px arial, verdana, sans-serif;
			color: #ffffff;
			text-decoration: none; }

		div#footer a:hover {
			text-decoration: underline; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 950px;
	padding: 0px 5px;
	background:; }

  	div#container {
  		margin: 0px auto;
		width: 950px;
  		background: #ffffff url("page_bg2.gif") repeat-y; }


/* ********** [ CONTENT ] ********** */

#content_wrap {
  	padding-bottom: 10px;
	width: 790px;
	float: left; }

  	#content { }


/* ********** [ SIDEBAR ] ********** */

div#sidebar_wrap {
	padding: 0px 0px 10px 10px;
	width: 130px;
	float: right; }

  	div#sidebar { }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	margin: 0px auto;
	width: 920px; }

	div#headernav {
		margin: 10px 0px 0px 10px;
		height: 32px; }

		div#headernav ul {
			height: 32px;
			list-style-type: none; }

			div#headernav ul li {
				margin-right: 1px;
				float: left;
                border: 1px solid #ffffff;
				border-width: 1px 1px 0px 1px; }

				div#headernav ul li a {
					padding: 0px 12px;
					height: 30px;
					display: block;
					float: left;
					font: bold 12px/30px arial, verdana, sans-serif;
					color: #ffffff;
					text-decoration: none;
					background: #220000; }

					div#headernav ul li a:hover {
						background: #000000; }


/* ********** [ USER NAVIGATION ] ********** */

div#usernav_wrap { }

	div#usernav { }

		div#usernav ul {
		    list-style: none;
			border-bottom: 1px #f2eceb solid;
			border-top: 1px #d2c3c2 solid; }

			div#usernav li  { }

				div#usernav ul li a {
					padding-left: 14px;
					height: 24px;
	    			display: block;
				    font: 11px/24px arial, verdana, sans-serif;
					color: #9D0202;
				    text-decoration: none;
					border-top: 1px #f2eceb solid;
					border-bottom: 1px #d2c3c2 solid; }

					div#usernav ul li a:hover {
						text-decoration: underline; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px arial, verdana, sans-serif;
	color: #0C4D9C; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 12px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 11px/16px arial, verdana, sans-serif; }

p {
	font: 11px/16px arial, verdana, sans-serif;
	color: #222222; }

	a {
		font: 11px arial, verdana, sans-serif;
		color: #D52525;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }
/* ********** [ register tip ] ********** */

			
.hint {
display: none;
position: absolute;
left: 15px;
width: 710px;
margin-top: -120px;
border: 7px solid #c93;
padding: 10px 10px;
/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too! So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(pointer.gif) left top no-repeat;
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
    padding: 10px 0 0 0;
    width:200px;
    color: #666666;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
a.tt:hover span.top{
    display: block;
    padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 8px;
    background: url(bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
    display: block;
    padding:6px 8px 10px;
    color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}
}