@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
}
#contenedor {
	min-height:100%;
	padding-bottom:50px;
}
body, td, th, input, textarea, a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#fff5b9;
}
body{
	margin:0;
	padding:0;
	background-color:#000;
	background-color:#8E6F38;
	background-image:url(../imagenes/fondomain-rep-inv.jpg);
	background-position:center bottom;
	background-repeat:repeat-y;
	background-attachment:fixed;
}

#contenedor{
	background-image:url(../imagenes/fondomain-inv.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
a{
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
a img {
	border:none;
}
img.flotaizq {
	float: left;
	margin-right:5px;
	margin-bottom:3px;
	border-left:3px solid white;
	border-right:3px solid white;
}

#boton{
 	font-weight: bold;
	cursor: pointer;
}

#marco_principal{
	width:990px;
	margin:5px auto 0 auto;
}
#header{
	height:221px;
	width:1471px;
	/*background:url(../imagenes/header.png) center top no-repeat;*/
	width:100%;
	text-align:center;
	position:relative;
	top:100px;
	margin-bottom:130px;
	overflow:hidden;
}
#headerflash{
	position:relative;
	width:1457px;
	margin-left:50%;
	left:-728px;
}

.bloquetexto_ext{
	padding:0;
	padding-top:30px;
	margin:auto;
	width:714px;
	clear:both;
}
.bloquetexto_int{
	background-image:url(../imagenes/bloquetexto_centro.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#816400;
	float:left;
	width:100%;
	/*font-family:"candara";font-size:15px;*/
}
.tituloimagen {
	display:none !important; display: inline;
}
.bloquetexto_bottom{
	display:block;
	background-image:url(../imagenes/bloquetexto_bottom.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#816400;
	height:30px;
	clear:both;
}
.columnatotal {
	padding:0 25px;
}
.columna1, .columna2 {
	float:left;
	width:319px;
	padding:0 25px;
}
.columna2 {
	padding-left:0;
}
.titulobloque_bienvenidos {
	display:block;
	background-image:url(../imagenes/titulo_bienvenidos.png) !important; background-image:none; /*hack ie6*/
	height:43px;
}
.titulobloque_about {
	display:block;
	background-image:url(../imagenes/titulo_about.png) !important; background-image:none; /*hack ie6*/
	height:43px;
	clear:both;
	margin-top:20px;
}
clear {
	 clear:both; margin:0; padding: 0;
}
#proyectos{
	width:910px !important; width: 940px;
	margin: auto;
	margin-top: 30px;
	padding-top:50px;
	margin-bottom:0;
	background-image:url(../imagenes/algunosproyectos.png) !important; background-image:none; /*hack ie6*/
	background-repeat:no-repeat;
	min-height:50px;
}
#proyectos h4{
	font-size:13px;
	color:#FFFFFF;
	padding-bottom:3px;
	border-bottom:2px #F6C102 dotted;
	display:inline;
}
.cajaproyecto{
	width:372px;
	float:left;
	margin-right:30px;
	margin-bottom: 10px;
}
.cajaleft {
	clear:left;
	margin-left:30px;
	margin-right:100px;
}
.imagenproyecto{
	float:left;
	background-image:url(../imagenes/fondocuadrito.png) !important; background-image:none; /*hack ie6*/
	padding:20px;
}
.cajainfoproyecto{
	float:left;
	padding-left:8px;
	overflow:hidden; /*para evitar que un título de proy grande rompa el layout*/
	/*background-image:url(../imagenes/translucido2.png);*/
	width:220px;
}
.tituloaudio {
	height:40px;
}
.cajainfoproyecto p{
	color:#fff;
	font-size:14px;
}
p.subpunteado{
	background-image: url(../imagenes/masnojs.png);
	background-repeat:no-repeat;
	background-position:3px 16px;
	padding-bottom:20px;
	font-weight:bold;
	width:223px;
	font-family:"Trebuchet MS";font-weight:bold;font-size:13px;
	margin-bottom:5px;
}

p.masjs{
	background-image: url(../imagenes/mas.png) !important; background:none;
	background-repeat:no-repeat;
	background-position:3px 16px;
	padding-bottom:20px;
	font-weight:bold;
	width:223px;
	font-family:"Trebuchet MS";font-weight:bold;font-size:13px;
	margin-bottom:5px;
	cursor:help;
}


p.titulo {
	background-image: url(../imagenes/flechatitulo.png) !important; background:none;
	background-repeat:no-repeat;
	background-position: -5px -5px;
	padding-left: 50px;
	padding-top: 4px;
	font-weight:bold;
	font-family:"Trebuchet MS";font-weight:bold;font-size:13px;
	margin-top: 2px;
	float: left;
}

.creditos{
	display: block !important; display: none;
	padding-top: 3px;
	padding-left: 10px;
	cursor:help;
}


.player {
	height:55px;
	background-image:url(../imagenes/bg_player.png);
	background-repeat:no-repeat;
	margin-top:-7px;
	padding-top:13px;
	margin-left:-5px;
	padding-left:8px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:35px;
	font-weight:normal;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:29px;
	font-weight:normal;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
}
h4, h4 a, h4 a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:22px;
	text-decoration:none;
	color:#FFFFFF;
}
h3, h3 a, h3 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
h3 img.www {
	/*margin-left:-5px; tuve que insertar un nbsp y compensar con este margen negativo para que ff creara bien los links*/
	position:absolute;
	right:0;
}

#mensajeie6{
	display:none !important; display: block;
	width: 300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	background-color:#000000;
	font-size:20px;
	
}

#totop {
	height:86px;
	width:63px;
	background-image:url(../imagenes/top.png) !important; background-image:none; /*hack ie6*/
	position:fixed !important;
	display:block;display:none;
	bottom:0;
	/*right:0; desde js*/
}


.ie6 {
	display: none !important; display:inline;
}

div#boton{
	width: 220px;
	height: 55px;
	background-image:url(../imagenes/fondostop.png) !important; background-image: none; /*hack ie6*/
	padding-left: 65px;
	background-repeat: no-repeat;
	padding-top: 15px;
	cursor: pointer;
	display: none;
}
div#boton a{
	display:block;
}

/*tipz, mootools 1.2 tooltips*/
.tipz .tip				{ 
	width:366px;  
	background-image: url(../imagenes/tip-text.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#000000;
	background-position: left top;
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#d7ceaf;
}

.tipz .tip-top			{ 
	background-image:url(../imagenes/tip-top.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#000000;
	background-position: top left;
	background-repeat: no-repeat;
	height:17px; 
	width:366px;
 }
 
.tipz .tip-title		{
	 color:#ae8e42; 
	 font-family:Georgia, "Times New Roman", Times, serif; 
	 font-size:20px; 
	 padding: 0 20px;
 }
 
.tipz .tip-text		{ padding: 10px 20px; }

.tipz .tip-bottom		{
	 background-image:url(../imagenes/tip-bottom.png) !important; background-image:none; /*hack ie6*/
	 background-color: transparent !important; background-color:#000000;
	 background-position: left bottom;
	 background-repeat: no-repeat; 
	 width:366px; 
	 height:20px; 
}


.creditos .tip				{ 
	width:276px;  
	background-image: url(../imagenes/tip2-text.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#000000;
	background-position: left top;
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#d7ceaf;
}

.creditos .tip-top			{ 
	background-image:url(../imagenes/tip2-top.png) !important; background-image:none; /*hack ie6*/
	background-color: transparent !important; background-color:#000000;
	background-position: top left;
	background-repeat: no-repeat;
	height:17px; 
	width:276px;
 }
 
.creditos .tip-title		{
	 color:#ae8e42; 
	 font-family:Georgia, "Times New Roman", Times, serif; 
	 font-size:20px; 
	 padding: 0 20px;
 }
 
.creditos .tip-text		{ padding: 10px 20px; }

.creditos .tip-bottom		{
	 background-image:url(../imagenes/tip2-bottom.png) !important; background-image:none; /*hack ie6*/
	 background-color: transparent !important; background-color:#000000;
	 background-position: left bottom;
	 background-repeat: no-repeat; 
	 width:276px; 
	 height:20px; 
}