/* CSS Document */
body{
	margin:0;
	padding:0;
	background: #ccc;
	color: #000;
	text-align:center;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
img {border:none;}
/*Enlaces del sitio*/
a {	color:#000;	text-decoration:none;}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {color: #990033;}
/*Enlaces del ulp*/
.ulp a:link {
	color: #0066FF;
	text-decoration: none;
}
.ulp a:visited {
	text-decoration: none;
	color: #333333;
}
.ulp a:hover{
	text-decoration: none;
	color: #000066 ;
}
.ulp a:active {
	text-decoration: none;
	color: #FF3300;
}
/*Enlaces del warholXX*/
.warholxx a:link {
	color: #339933;
	text-decoration: none;
}
.warholxx a:hover{
	text-decoration: none;
	color:  #6666CC;;
}
.warholxx a:active {
	color: #6600FF;
	text-decoration: none;
}
.smap a:link {
	color: #003366;
	text-decoration: none;
}
.smap a:hover {
	color: #CC0000;
	text-decoration: none;
}
.smap a:active {
	color: #666666;
	text-decoration: none;
}
.app a:link {
	color: #0066FF;
	text-decoration: none;
}

.app a:hover {
	text-decoration: none;
	color: #FF9900;
}

.aract a:link {
	color: #CC0000;
	text-decoration: none;
}
.aract a:hover {
	text-decoration: none;
	color: #990000;
}

/*TITULOS del sitio*/
h1 {color:#000; display:block; font-size:16px; margin:0;}
h2 {color:#000; display:block; font-size:14px; margin:0;}
h3 {color:#000; display:block; font-size:14px; margin:0; padding:5px 0 2px 0;}
h3.grisclaro{padding:3px; margin-right:20px;}
h4 {color:#000; display:block; font-size:12px; margin:0; padding-bottom:10px;}
h5 {color:#fff; display:block; font-size:12px; margin:0; padding: 3px;background-color:#99cc66;}
/*vacio uqe da altura a paginas cortas*/
.vacio{ height:400px;}
/*Colores*/
.negro{background-color:#000;}
.azul{background-color: #0166ff;}
.blanco{background-color: #fff;}
.cian{background-color: #66cbff;}
.curagris{background-color: #ccc;}
.magenta{background-color: #ff32cb;}
.naranja{background-color: #fe9901;}
.amarillo{background-color: #ffff01;}
.verde{background-color: #66ff33;}
.gris{background-color: #999;}
.grisclaro{background-color:#ccc;}
.grism{
	background-color:#C1C1C1;
}

.lila{background-color:#adadbf;}
/*imagenes*/

.img001{background-image:url(../images/index-img001.jpg);}
.img002{background-image:url(../images/index-img002.jpg);}
.img003{background-image:url(../images/index-img003.jpg);}
.img004{background-image:url(../images/index-img004.jpg);}
.img006{background-image:url(../images/index-img006.jpg);}
.img007{background-image:url(../images/index-img007.jpg);}
/*Botones*/
.btn001 a{display:block; background-image:url(../images/index-btn001.png); width: 134px; height: 134px;}
.btn001 a span { display:none;}
.btn002 a{display:block; background-image:url(../images/index-btn002.png); width: 134px; height: 134px;}
.btn002 a span { display:none;}
.btn003 a{display:block; background-image:url(../images/index-btn003.png); width: 134px; height: 134px;}
.btn003 a span { display:none;}
.btn004 a{display:block; background-image:url(../images/index-btn004.png); width: 134px; height: 134px;}
.btn004 a span { display:none;}
.btn005 a{display:block; background-image:url(../images/index-btn005.png); width: 134px; height: 134px;}
.btn005 a span { display:none;}
.btn006 a{display:block; background-image:url(../images/index-btn006.png); width: 134px; height: 134px;}
.btn006 a span { display:none;}
.btnmramerica{position: absolute; width: 268px; height: 268px; z-index: 12;}
.btnmona {
	width: 60px;
	height: 60px;
	margin-top:5px;
	position: absolute;
	z-index: 13;
	left: 606px;	
}
.mramerica{
	width: 248px;
	height: 80px;
	margin-top:180px;
	padding:0 10px;
	color:#000;
	text-align:center;
	font-size:11px;
	position:absolute;
	z-index: 13;
}


/*Botones*/
a.btnulp {display:block; background-color: #99FFCC; padding:3px 0; color: #0066FF; height:32px;}
a:hover.btnulp{color: #170066; background-color: #66CCCC;}

a.btnwxx {display:block; background-color: #CCFF66; padding:3px 0; color: #339933; height:32px;}
a:hover.btnwxx{color: #6666CC; background-color: #9999FF;}

a.btnsmap {display:block; background-color: #CCCCFF; padding:3px 0; height:32px; color: #003366;}
a:hover.btnsmap {color: #CC0000; background-color: #66FF66;}

a.btnapp {display:block; color: #000066; background-color:#99CCCC; padding:3px 0;  color: #003366;}
a:hover.btnapp {color: #FF3300; background-color:#FFFF00;}

a.btnaract {display:block; color:#CCFFFF; background-color:#CC3300; padding:3px 0; height:32px; }
a:hover.btnaract{color: #FFFFCC; background-color:#663333;}

.txtright {
	text-align:right;
	font-size:11px;
	margin-top:10px;
	padding:5px 0 15px 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #919191;
}
.txtcita {
	text-align:right;
}
.txtdoce{
	font-size:12px;
	font-weight:bold;}
.txtref{
	font-size:10px;
	padding:0 0 15px 15px;
}
.txtsmall{
	font-size:10px;
}
.txtrojo {color: #990000;}
.txtocre{color: #c1962e;}
/*menu superior blanco*/
#nav ul {
  width:800px;
  clear: both;  
  list-style: none;
  margin: 0;
  padding: 0; 
}
#nav ul li {
  float: left;
  display: block;
  padding: 0 7px 0 16px;
  	background-image:url(../images/css/menupunto.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#nav ul li.final{
	background-image:none;
}
#nav ul li a {
	text-decoration: none;
	text-align:left;
	color: #fff;
	font-weight:bold;
	}
/*menu superior negro----------------------------------------------------------------------------*/
#navb ul {
  width:800px;	
  clear: both;  
  list-style: none;
  margin: 0;
  padding: 0; 
}
#navb ul li {
  float: left;
  display: block;  
  padding: 0 7px 0 16px;
  	background-image:url(../images/css/menupuntob.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#navb ul li.final{
	background-image:none;
}
#navb ul li a {
	text-decoration: none;
	text-align:left;
	color: #000;
	font-weight:bold;
	}	
/*Estilos de enlaes e imagen cabecera--------------------------------------------------------------------------------------*/	
/*menu superior Arte y actividades aract estilo*/
#nav ul li a.aractlink{
	color: #ba0000;
}
#nav ul.navaract li a:hover {
	color: #ba0000;
}
.arachead a{
	display:block;
	background-image:url(../images/css/warholbgarac.png);
	width: 804px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.arachead a span { display:none;}

/*menu superior Planes de unidades de lecciones estilo ulp*/
#navb ul li a.ulplink{
	color: #96ffc2;
}
#navb ul.navulp li a:hover {
	color: #96ffc2;
}
.ulphead a{
	display:block;
	background-image:url(../images/css/warholbgulp.png);
	width: 800px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.ulphead a span { display:none;}

/*menu superior Artistas pasado y presente estilo app*/
#navb ul li a.applink{
	color: #6d90ca;
}
#navb ul.navapp li a:hover {
	color: #6d90ca;
}
.apphead a{
	display:block;
	background-image:url(../images/css/warholbgapp.png);
	width: 804px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.apphead a span { display:none;}

/*menu superior Warhol y el siblo XX estilo xxc*/
#navb ul li a.xxclink{
	color: #d5f756;
}
#navb ul.navxxc li a:hover {
	color: #d5f756;
}
.xxchead a{
	display:block;
	background-image:url(../images/css/warholbgxxc.png);
	width: 804px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.xxchead a span { display:none;}

/*menu superior Warhol información del sitio smap*/
#navb ul li a.smaplink{
	color: #323071;
}
#navb ul.navsmap li a:hover {
	color: #323071;
}
.smaphead a{
	display:block;
	background-image:url(../images/css/warholbgsmap.png);
	width: 804px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.smaphead a span { display:none;}
/*menu superior  index*/
/*#txtindexsubtitulo{
	color:#fff;
	text-align:left;
	font-size:14px;
	padding: 0 0 2px 14px;
	font-family:Helvetica;
	
}*/
#txtwindex{
	color:#fff;
	text-align:left;
	font-size:14px;
	padding-left:14px;
	font-family:Helvetica;
}

#txtwindex a:hover{
	color:#c1962e;

}
#txtwindex a{
	color:#fff;

}
.indexhead a{
	display:block;
	background-image:url(../images/css/warholbgindex.png);
	width: 804px;
	height: 37px;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.indexhead a span { display:none;}
/*estilos todos los menu en columna izquierda*/
#colLeft ul {
	margin:0;
	padding:0;
	list-style:none;
}
#colLeft ul li a{
	width:auto;
	height:24px;
	padding:15px 0 10px 15px;	
	display: block;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	text-decoration:none;
	font-size:14px;
}
/*estilos menu ulp*/
/*nivel 1*/
.menuulp li a{
	text-align:left;
	background-color:#5D9DFA;
	color:#FFF;	
	border-bottom-color:#4485E3;	
}
.menuulp li a:hover{
	background-color:#488df0;
}
/*nivel 2*/
.menuulp li ul li a{
	background-color:#87EEBB;
	color:#000;
	border-bottom-color:#7ad5a7;
}
.menuulp li ul li a:hover{
	background-color:#7ad5a7;
}
#colLeft ul li ul.level {
	padding: 5px 0;
	border-bottom:1px dotted #7ad5a7;
	background-color:#c6f8df;
}
#colLeft ul li ul.level a{
	width:200px;
	height:auto;
	padding: 5px 15px 5px 0;
	border:none;	
	text-align:right;
	font-size:12px;
	background-color:#c6f8df;
}
#colLeft ul li ul.level a:hover{
	text-decoration:underline;
}
#colLeft ul li ul.level a:active{
	font-weight:bold;
	text-decoration:underline;
}
/*estilos menu xxc*/
.menuxxc li a{
	background-color:#ffa2e8;
	color:#FFF;	
	border-bottom-color:#F0F;	
}
.menuxxc li a:hover{
	background-color:#fe71da;
}
/*estilos menu siteinfo*/
.menusite li a{
	background-color:#ccc;
	color:#FFF;	
	border-bottom-color:#a5a5b6;	
}
.menusite li a:hover{
	background-color:#b8b8b8;
}