/* CSS Document */
body{
	margin:0px;
	padding:0px;
	color:#6B6854;
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #F6F4E4;
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}
a {
	outline: none;
	color: #FF9900;
	text-decoration: none;
}

/*----MAIN PANEL----*/
#Principal{
	width:900px;
	position:relative;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*----Left Panel----*/
#Izquierda{width:240px; float:left;}
#IzquierdaArriba{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(images/left-top.jpg) 0 0 no-repeat;}
#IzquierdaArriba img{width:160px; height:39px; margin:15px 0 0 37px;}

#Izquierda ul{
	width:240px;
	display:block;
	background:url(images/menu-bg.jpg) 0 0 no-repeat;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#Izquierda ul li{
	width:180px;
	height:27px;
	position:relative;
	background:url(images/dot.gif) 0 100% repeat-x;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Izquierda ul li a{
	width:158px;
	height:26px;
	display:block;
	background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
	color:#8F8C73;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
#Izquierda ul li a:hover{
	color:#FD990B;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/arrow-over.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#Izquierda ul li.activo{
	width:148px;
	height:27px;
	display:block;
	background: url(images/homebg.gif) 0 0 no-repeat #F6F4E4;
	color:#F08B02;
	font-weight:bold;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 26px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 32px;
}
#Izquierda ul li.contact{background:none;}

#Izquierda ul.linkone{width:240px; height:259px; padding:0; background:none;}
#Izquierda ul.linkone li{width:118px; height:26px; position:relative; margin:0 auto; background:none; padding:0px;}
#Izquierda ul.linkone li a{width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#Izquierda ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}

#Izquierda h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}
#menu-abajo{
	background-image: url(images/menu-bg_abajo.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 240px;
}
#Izquierda form{width:222px; height:173px; position:relative; margin:0 auto; background:url(images/formbg.gif) 0 0 no-repeat #ABA894; color:#fff;}
#Izquierda form input{width:143px; height:17px; margin:3px 0 2px 35px; }
#Izquierda form label{width:143px; height:18px; margin:2px 0 0 35px; font:12px/15px Arial, Helvetica, sans-serif; font-weight:bold;}

#Izquierda form input.button{width:51px; height:17px; float:left; background:url(images/button.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0;  margin:3px 10px 2px 28px; }

#Izquierda form h2{width:150px; height:47px; display:block; background:url(images/memberbg.gif) 0 0 no-repeat #D5D2BC; color:#fff; font-size:18px; line-height:47px; padding:0 0 0 65px;}
#Izquierda form #register{width:100px; height:24px; float:left; margin:3px 0 0; }
#Izquierda form #register a{display:block; background: url(images/arrow4.gif) 100% 50% no-repeat #ABA894; color:#fff; font-size:14px; padding:0 5px 0 0; text-decoration:none;}
#Izquierda form #register a:hover{text-decoration:underline;}


/*----/Left Panel----*/

/*----Right Panel----*/
#Derecha{
	width:650px;
	float:left;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}
#Derecha h1{
	width:310px;
	height:124px;
	color:#fff;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	/*	background-image: url(images/header.jpg);*/
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	padding-top: 37px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
}
#Derecha h1 span{
	font-style: italic;
	color: #3A3A3A;
}
#Derecha h2{
	width:550px;
	height:36px;
	display:block;
	
	color:#DD8405;
	font-size:20px;
	line-height:48px;
	padding:0 0 0 65px;
	margin:29px 0 0 9px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8B8B8B;
}
.compo {
background:url(images/icon1.jpg) 0 0 no-repeat #F6F4E4;
}
.reper {
background:url(images/nota.jpg) 0 0 no-repeat #F6F4E4;
}
#Derecha h4{
	width:550px;
	height:50px;
	display:block;
	background:url(images/icon2.jpg) 0 0 no-repeat #F6F4E4;
	color:#DD8405;
	font-size:24px;
	line-height: 24px;
	clear:both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8B8B8B;
	margin-top: 29px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 65px;
}
#Derecha h4 span{color:#9F9D81; background:#F6F4E4; font-size:18px; font-weight:bold; line-height:18px;}
#Derecha form{
	margin-left: 10px;
}
#Derecha p{
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 9px;
	text-align: justify;
}
#Derecha p.titulo{
	font-weight: bold;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	background-image: url(images/fondo_titulo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Derecha p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#Derecha p span.boldtext{font-weight:bold;}
#Derecha p span.colortext{background:#F6F4E4; color:#C97701;}

#Derecha #texto {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 10px;
	text-align: justify;
}

#Derecha #texto img {
	padding: 5px;
	border: 1px solid #B4B4B4;
	background-color: #FFFFFF;
	margin: 5px;
}
.bordeimagen{
	padding: 5px;
	border: 1px solid #B4B4B4;
	background-color: #FFFFFF;
	margin: 5px;
}
#Derecha #texto li {
	list-style-image: url(images/topo.gif);
	margin-left: 50px;
}
#Derecha #componentes{
	margin-left: 20px;
	margin-right: 30px;
}
#Derecha #componentes ul{
	margin-top: 20px;
}
#Derecha #componentes li{
	list-style-type: none;
/*	height: 60px;*/
	margin-bottom: 10px;
}
#Derecha #componentes li.non{
	background-color: #FEF0D4;	
}
#Derecha #componentes li.par{
	background-color: #FFFFFF;	
}

#Principal #Derecha #componentes componentes_tab{
	display: block;
}
#Principal #Derecha #componentes #componentes_lista {
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
	background-color: #FFFFFF;
}

#Derecha #repertorio{
	margin-left: 20px;
	margin-right: 30px;
}
#Derecha #repertorio #repertorio_tipos a{
	color: #666666;
	text-decoration: none;
}
#Derecha #repertorio #repertorio_tipos a:hover{
	text-decoration: underline;
}
#Derecha #repertorio #repertorio_tipos .active{
	font-weight: bold;
	background-color: #FFEFAE;
	border: 1px solid #FFCC00;
}
#Derecha #repertorio #repertorio_tipos ul li{
	list-style-image: url(images/clave.gif);
	list-style-position: inside;
}
#Derecha #repertorio #repertorio_tipos ol {
	list-style-type: none;
	background-image: url(images/fondo_cuaderno.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 60px;
}
#Derecha #repertorio #repertorio_tipos ol li{
	list-style-type: none;
	list-style-image: url(images/clave2.gif);
}

#Derecha #repertorio #repertorio_tipos ol li span {
	color: #666666;
	font-style: italic;
	font-variant: normal;
}

#Derecha #prensa {
	padding-left: 40px;
}
#Derecha #prensa  ul li{
	list-style-image: url(images/clave.gif);
	list-style-position: outside;
}
#Derecha #prensa  ul li span{
	color: #333333;
}
#Derecha #prensa a{
	color: #666666;
	text-decoration: none;
}
#Derecha #prensa a:hover{
	text-decoration: underline;
}

#Derecha #programacion{
	margin-left: 20px;
	margin-right: 30px;
}
#Derecha #programacion ul li{
	list-style-image: url(images/clave.gif);
	list-style-position: inside;
}
#Derecha #programacion ul li a{
	color: #FF9900;
	text-decoration: none;
}
#Derecha #programacion li.non{
	background-color: #FEF0D4;	
}
#Derecha #programacion li.par{
	background-color: #FFFFFF;	
}

#Derecha #album{
	margin-left: 20px;
	margin-right: 30px;
}
#Derecha #album ul li {
	background-image: url(images/fondo_diapo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 133px;
}
#Derecha #album ul li img.slide {
	margin-top: 10px;
	margin-left: 11px;
}
#Derecha #album ul li span {
	margin-left: 100px;
	float:right;
	width:450px;
	margin-top: -90px;
}
#Derecha #album ul li span i{
	font-weight: bold;
	font-style: normal;
	font-size: 13pt;
}
#Derecha #album ul li span b{
	font-style: normal;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.album_fotos {
	margin-bottom: 15px;
	vertical-align: bottom;
}
.album_fotos a {
	width: 172px;
	float: left;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 5px;
	font-weight: bold;
	padding: 5px;
	margin-top:5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFDBB7;
	border-right-color: #FFDBB7;
	border-bottom-color: #FFDBB7;
	border-left-color: #FFDBB7;
	margin-right:15px;
}
.album_fotos a:hover {
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DC8406;
	border-right-color: #DC8406;
	border-bottom-color: #DC8406;
	border-left-color: #DC8406;
	background-color: #FFFFFF;
}
.album_fotos img {
	height: 84px;
	width: 120px;
}
.thumb {
	height: 84px;
	width: 112px;
}

#rightmorePan{width:420px; height:23px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:23px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorePan p.textposition{
	float:left;
	margin:0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}
#rightmorePan a{float:left; width:36px; height:23px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorePan a:hover{text-decoration:underline;}

#DerechaMas{
	width:500px;
	height:23px;
	display:block;
	line-height:23px;
	background-image: url(images/pattern2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#DerechaMas p.textposition{
	float:left;
	margin:0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 9pt;
}
#DerechaMas a{
	float:left;
	width:115px;
	height:23px;
	display:block;
	color:#1F1E15;
	text-decoration:none;
	background-image: url(images/morebg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 45px;
}
#DerechaMas a:hover{text-decoration:underline;}

/* mas info ------------------------------------ */
#mas {
	width:600px;
	height:23px;
	display:block;
	line-height:23px;
	background-image: url(images/pattern2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#mas #mas_fecha {
	float:left;
	margin:0px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 9pt;
	width: 100px;
}
#mas #mas_info {
	background-image: url(images/morebg.gif);
	background-repeat: no-repeat;
	float: right;
	width: 150px;
	padding-left: 50px;
	padding-top: 6px;
	font-size: 9pt;
}

#mas #mas_info a{
	color:#666666;
	text-decoration:none;
}

#mas #mas_info a:hover{
	text-decoration:underline;
	color: #DD8405;
}
/* mas info ------------------------------------ */

#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}
#rightaddonePan{width:218px; height:110px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}
#rightaddonePan a{width:97px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddonePan a:hover{text-decoration:underline;}

#rightaddtwoPan{width:218px; height:110px; float:left; background:url(images/image2.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; margin:0 0 0 6px;}
#rightaddtwoPan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddtwoPan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}

#rightaddtwoPan a{width:82px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddtwoPan a:hover{text-decoration:underline;}

/*----/Right Panel----*/

/*----Footer Panel----*/
#PiePrincipal{background:url(images/footerbg.gif) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:227px; clear:both;}
#Pie{width:691px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#Pie ul{
	width:306px;
	position:absolute;
	top:80px;
	left: 98px;
}
#Pie li{float:left; }
#Pie ul li a{padding:0 10px 0; color:#fff; background:#6B6854; text-decoration:none;}
#Pie ul li a:hover{text-decoration:underline;}

#Pie ul.info3{width:151px; background:#6B6854; color:#fff; display:block; position:absolute; top:80px; left:460px; }
#Pie ul.info3 li{height:20px;}
#Pie a{background:#6B6854;  color:#fff; text-decoration:none; padding:0px;}
#Pie  a:hover{text-decoration:underline;}

#Pie p.copyright{width:204px; background:#6B6854; color:#F3F1DF; position:absolute; top:105px; left:218px;}

#Piehtml{width:64px; height:19px; display:block; position:absolute; top:132px; left:240px;}
#Piehtml a{width:59px; height:18px; background:url(images/arrow2.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#Piehtml a:hover{background:url(images/arrow3.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}

#Piecss{width:64px; height:19px; display:block; position:absolute; top:132px; left:320px;}
#Piecss a{width:49px; height:18px; background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px;line-height:19px; padding:1px 0 0 15px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#Piecss a:hover{background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
#PieAddress {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	text-align: center;
}



/* --- Clases para los apartados ----------------*/
.curriculum {
	padding-right: 15px;
}

.boton {
	color: #494949;
	padding: 5px;
	margin: 0;
	text-decoration: none;
	font-style: normal;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
}
.borde {
	border: 1px solid #999999;
}
.bordeinf{
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	background-color: #FFE2A8;
}
.bodeinferior{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.oculto{
	display: none;
}
.visible{
	display: all;
}
.blanco {
	background-image: url(images/fondo_cuaderno.gif);
}




/*Credits: Dynamic Drive CSS Library ---------------------------------------------------- */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
	padding: 3px 0;
	margin-left: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: left;
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #E8E9E5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #D2CCCC;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #FFFFFF;
color: black;
}
/* ----------------------------------------------------------------- */


/* para validar */
input, textarea { border:1px solid #999999; padding:2px; margin-bottom:3px; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; font-size:11px; }
.noborder { border:0px; }
.submit_buttons { margin-top:10px; }

.jsvalidation { margin-left:10px; font-size:10px; color:#FF0000; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; }
#notes { color:#666666; padding-top:10px; margin-top:20px; border-top:1px solid #333333; }
.dim, .dim a { color:#CCCCCC; }

.section { font-size:larger; list-style:none; font-weight:bold; padding-top:8px; margin-left:-12px; margin-bottom:5px; }

.good { color:#33CC00; }
.bad { color:#FF0000; }
.debug { color:#FF6600; }
.ugly { color:#CC0000; }
.untested { color:#003399; }
/* hasta aqui para validar */.arial10px {
	font-size: 10px;
}
#jp {
	background-color: #E1E1E1;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(images/11jp_fondo.jpg);
}

.enlacenaranja{
	color: #FF9900;
	text-decoration: none;
}
.enlacenegronegrita {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#Principal #Derecha .telefono {
	font-size: 48px;
	text-align: center;
}
#Principal #Derecha .cp {
	font-size: 24px;
	text-align: center;
}