/* Elementos xhtml */
body{
	padding: 0;
	margin: 0;
	font-family: "MS Trebuchet", Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 75%;
	line-height: 135%;
	background-image:url(../../html_content/images/bkg.jpg);
	color:#333333;
	text-align: center;
}

a{
	color:#996600;
	font-weight: bold;
	text-decoration: none;
}
a:visited, a:active {
	color:#999966;
	text-decoration: none;
}/*
a:hover{
	text-decoration: underline;
}*/

h3{
	color: #af0000;
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	padding: 0 0 0 25px;
	background-image: url("bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
}


p{
	margin: 10px 0 5px 0;
}
.bold {font-weight:bold;}

/* ---- divs ---- */
/* SPLASH PAGE */


#splashPage #container { display: block; margin: 15% auto 0 auto; height:275px; background-image:url(../../images/bkg_splash.jpg); background-repeat:no-repeat;}
#splashPage #divBtns {position: absolute; bottom: 0px;right: 95px;left: 230px;top: 132px;}
#splashPage #divBtns img {border:0;}
/* HOME */
#home #container { height:500px; background-image:url(../../html_content/images/bkg_central2.jpg); background-repeat: repeat-y;}
#home #pageHeader { height:230px;}
#home #pageHeader h1 { height:230px; background-image:url(../../html_content/images/bkg_head2.jpg);}
#home #pageHeader h2 span {display:none;}
#home #imgLeft{ float:left; width:275px; height:330px; margin: 0 0 0 0; position:absolute; top:250px; left:0px; z-index:1px;}
#home #divBodyText{/*margin-top:10px; margin-left: 385px;*/ padding-right: 30px; position:absolute; left:100px; top:230px; width:320px; height:220px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 90%; font-weight:bold; line-height:20px; color:#996600; text-transform:uppercase;}
#home #divBodyText h4 span.titulo { display:block; font-family: Verdana, Arial, Helvetica, sans-serif; color:#72829E; float:right; clear:left;}
#home #divBodyText h4 span.cargo { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; text-transform:lowercase; float:right; clear:right;}


#home #divMainMenu { position:absolute; top:35px; left:35px; text-align:center;}
#home #divMainMenu ul li {margin:0; padding:0;}
#home #divMainMenu li {display:inline; float:left; list-style-type:none; background-repeat:no-repeat; background-position:top center;}
#home #divMainMenu a span {display:none;}
#home #divMainMenu li a:link,
#home #divMainMenu li a:visited,
#home #divMainMenu li a:active {display:block; width:110px; height:135px;}
#home #divMainMenu li.m, #home #divMainMenu li.i, #home #divMainMenu li.u, #home #divMainMenu li.r,
#home #divMainMenu li.a {padding-top:40px; padding-right:10px; padding-left:15px; font-size:15px; color:#FFF;}
#home #divMainMenu li.sobreartista {background-image:url(../../html_content/images/btn_sobremiura_big.gif);}
#home #divMainMenu li.teatro {background-image:url(../../html_content/images/btn_teatro_big.gif);}
#home #divMainMenu li.exhibiciones {background-image:url(../../html_content/images/btn_exhibiciones_big.gif);}
#home #divMainMenu li.contacto {background-image:url(../../html_content/images/btn_contacto_big.gif);}

#home #divMainMenu li span a:hover { background-position:bottom center; background-repeat:no-repeat;}
#home #divMainMenu li.sobreartista span a:hover { background-image:url(../../html_content/images/btn_sobreelartista_big_f2.gif);}
#home #divMainMenu li.teatro span a:hover { background-image:url(../../html_content/images/btn_teatro_big_f2.gif);}
#home #divMainMenu li.exhibiciones span a:hover { background-image:url(../../html_content/images/btn_exhibiciones_big_f2.gif);}
#home #divMainMenu li.contacto span a:hover { background-image:url(../../html_content/images/btn_contacto_big_f2.gif);}

#home #imgLeft{ float:left; position:absolute;	width:275px; height:330px; margin: 0 0 0 0; top:250px; left:0px; z-index:1px;}
#home #imgLeft img {border:0;}


/* En orden de aparición en el codigo HTML */

#container{
	position: relative;
	background-image:url(../../html_content/images/bkg_central.jpg);
	background-repeat: repeat-y;

	width: 750px;
	margin: 1% auto;
	text-align: left;
}

#pageHeader {
	padding:0;
}

#pageHeader h1{
	width: 750px;
	height: 110px;
	background-image:url(../../html_content/images/bkg_head.jpg);
	margin: 0;
}
#pageHeader h1 span {
	display:block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#pageHeader h2{
 	width:271px; height:100px; 
 	/*background-image:url(../../html_content/images/head_biografia.gif);*/
 	margin-left:275px;
}

#pageHeader h2 span, #pageHeader h3 span {
	display: block;
	width: 0;
	height: 0;
}
#pageHeader h3 {
	width:271px; height:100px;
	margin: 0 0 0 20px;
	/*position:absolute; top:50px; left:15px;
	z-index:2;*/
}

#pageHeader #ulMainNav { position:absolute; top:0; right:5px; list-style-type:none; font-size:10px;}
#pageHeader #ulMainNav li {display:inline; float:left;}
#pageHeader #ulMainNav li a:link,
#pageHeader #ulMainNav li a:visited,
#pageHeader #ulMainNav li a:active { display:block; width:54px; height:70px; background-repeat:no-repeat; background-position:center top; margin:0 5px 0 15px; padding:0 10px 0 0;}
#pageHeader #ulMainNav li { background-repeat:no-repeat; background-position:top center;}
#pageHeader #ulMainNav li.sobremi { background-image:url(../../html_content/images/btn_sobremiura.gif);}
#pageHeader #ulMainNav li.exhibiciones { background-image:url(../../html_content/images/btn_exhibiciones.gif);}
#pageHeader #ulMainNav li.teatro { background-image:url(../../html_content/images/btn_teatro.gif);}
#pageHeader #ulMainNav li.contacto { background-image:url(../../html_content/images/btn_contacto.gif);}
#pageHeader #ulMainNav li a span {display:none;}

#pageHeader #ulMainNav li  a:hover {background-position:bottom center; background-repeat:no-repeat;}
#pageHeader #ulMainNav li.sobremi  a:hover { background-image:url(../../html_content/images/btn_sobreelartista_f2.gif);}
#pageHeader #ulMainNav li.teatro  a:hover {background-image:url(../../html_content/images/btn_teatro_f2.gif);}
#pageHeader #ulMainNav li.exhibiciones  a:hover {background-image:url(../../html_content/images/btn_exhibiciones_f2.gif);}
#pageHeader #ulMainNav li.contacto  a:hover { background-image:url(../../html_content/images/btn_contacto_f2.gif);}

#imgLeft{ float:left; position:absolute; 
	/*background: transparent url(../../html_content/images/img_biografia.gif)  no-repeat bottom left;*/
	width:275px; height:330px;
	margin: 0 0 0 0;
	top:150px; left:0px;
	z-index:1px;
}


#divBodyText{
	margin-top:0;
	margin-left: 300px;
	padding-right: 20px;
	font-size: 90%;
	/*overflow:scroll;*/
	overflow:auto;
	width:400px;
	height:300px;
}
#divBodyText img {border:0;}
#divBodyTextIntro{ position:absolute; top:145px; left:280px; width:400px;}

#divBodyText h4 { border-bottom:1px solid #996600; color:#996600; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}


#divBodyText h3{display:none; width: 0; height: 0;}/* width:271px; height:100px; background-image:url(../../html_content/images/head_biografia.gif);*/

#divBodyText2 {
	margin-top:0;
	padding-right: 20px;
	font-size: 90%;
	/*overflow:scroll;*/
	overflow:auto;
	width:100%;
	height:340px;
}
#divBodyText2 h3 span {display:none; width: 0; height: 0;}
#divBodyText2 img {border:0;}
#divBodyText2 ul {margin:0; padding:0;}
#divBodyText2 ul li {display:inline;}
#divBodyText2 ul li.imgOfelia {margin-right:5px;}

.divBtnsObras {
	position:absolute;
	top:190px;
	left:50px;
	width:338px;
	height:500px;
	visibility: visible;
}
#btnVerExposicion {position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	line-height: 140%;
	text-transform:uppercase;
}

.divBtnsObras a,  .divBtnsObras a:link,
.divBtnsObras a:visited, .divBtnsObras a:active, .divBtnsObras a:hover {border:0; text-decoration:none; padding:0;}
.divBtnsObras img {border:0;}
.divObras {position:absolute; top:190px; left:400px; width:308px; z-index:2;}

#misterio, #voces, #memorias, #cristum, #poema, #oda, #territorios, #invocacion, #tres, #jade, #serievoces, #btnMasObrasBack { visibility:hidden;}
#aparicion, #tristisima, #fuego, #canto, #flota { visibility:hidden;} 

/* TEATRO */
#divTeatroW {
	margin:0 20px 0 30px;
	padding:20px 0 0 0;
	background-image:url(../../html_content/images/bkg_teatro.gif); background-repeat:no-repeat;
	height:288px;
	}
#divBodyTextTeatro { margin:0 0 0 40px;padding:0 10px 0 0;overflow:auto;width:590px;height:195px;}
#divBodyTextTeatro ul li {display:block; padding: 0 0 0 15px;  background-image:url(../../html_content/images/icon_bullet.gif); background-repeat:no-repeat; background-position: left top;}
#divBodyTextTeatro h4 {	font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px;text-transform:uppercase;color: #996600; border-bottom:1px dotted #996600;}




#supportingText{
	margin-left: 220px;
	padding-right: 10px;
	font-size: 90%;
}

#requirements{
	position: relative; 
	margin-left: -180px; 
	width: 650px;
}

#requirements .p5{
	font-size: 80%;
	margin: 10px;
}

#footer{
	position: relative; 
	left:0px; 
	padding: 0px 10px 30px 20px;
	background-color:#000000;
}

/* Columna izquierda */

#linkList {
	position: absolute;
	left: 20px;
	top: 470px;
	width: 200px;
	padding: 0 2px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	line-height: 140%;
	text-transform:uppercase;
}
.btnOtros { 
	position:absolute; top:170px; right:10px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size: 80%; text-transform:uppercase;
}

#linkList h3{
	display: none;
	background: #af0000;
	margin: 0;
	padding: 5px 0 5px 10px;
	text-transform: lowercase;
	color: #fff;
	font-size: 100%;
	background-image: url("header3.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

#linkList h3 span{
	background: transparent;
}

#linkList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 20px 10px 20px 10px;
	background-image: url("izqdaul.gif");
	background-repeat: repeat-x;
}

#linkList li{
	padding-left: 25px; 
	background: transparent url("flechita2.gif") 0 2px no-repeat;
	margin-bottom: 7px;	
	color: #818181;
}

#linkList li a:link, a:visited, a:active {
	padding-left:10px;
	color:#996600;
}
#linkList li a:hover, #linkList li a.current:link, #linkList li a.current:visited {
	background-image:url(../../html_content/images/icon_flechita.gif); background-position:left center;
	background-repeat:no-repeat;
	color:#999966;
}


#lresources{ display: block; height:230px;}


#divSiteInfo { position:relative; width:750px; margin:0 auto;}
#divSiteInfo .copywrite { position:absolute; left:0; color:#ccc; font-size:9px;}
#divSiteInfo .logocanoa { position:absolute; right:0px; float:right;  vertical-align:middle;}