@charset "utf-8";
td{vertical-align:top}
body{font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; background: #000000; color:#FFFFFF;}
/* PARA FORMULARIOS GLOVALES */
.head{height:320px; width:784px; margin:auto; padding:14px 0px 0px 0px; position:relative}


.cuerpo{width:784px; margin:auto; position:relative; z-index:100}
.pie{width:910px; margin:auto; text-align:center; color:#ECEBD7;font-size:10px; margin-top:100px; margin-bottom:60px}


#logo{ position:absolute; left:-100px; top:-40px; z-index:1}




#panel{ width:890px}
#subpanel01{ width:250px}
#subpanel02{ width:660px}

/* cabezera  */


.cabpaginacion01{ text-align:left;}
.cabpaginacion01 span{ color:#FFFF00; font-size:18px; background:#000000; }
.cabpaginacion01 a{ font-size:14px; color:#FFFF00; text-decoration:none; font-weight:bold}




/* IMGAENES.PHP */
.title_img{ font-size:12px; color:#848484; font-weight:normal;margin-bottom:20px; text-align:right}
.divlink01{ text-align:left; background-image:url(../img/volver.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 50% }
.divlink01 a{font-size:12px; color:#848484; font-weight:normal; text-decoration:none}
.title_proyecto{color:#ffffff; font-size:11px; font-weight:bold; }



.menucaboption{ width:91px; height:22px; margin:auto; cursor:pointer;  padding-top:8px;padding-left:27px;background-image:url(../img/marcador.gif); background-repeat:no-repeat; background-position:10px 13px}
.menucaboption1{ width:89px; height:22px; margin:auto; cursor:pointer; background:#FFFFFF; padding-left:27px;border:#BFBFBF 1px solid; border-bottom:0px solid; margin:auto; padding-top:8px; background-image:url(../img/marcador.gif); background-repeat:no-repeat; background-position:10px 13px}
.options{width:118px;margin:auto; background:#999E94;position: absolute; display:none; }
.options img{ margin-right:7px}
.optionsitems{border-top:1px #BFBFBF solid; cursor:pointer; color:#FFFFFF; font-size:13px }

.cabpaginacion{  height:21px; padding:10px 5px 0px 14px; color:#666666; font-size:12px; font-weight:normal; border-top:1px solid #DADADA; background: #F5F5F5}
.cabpaginacion .newreg{ float:left; background-image:url(../img/nuevo.gif); background-repeat:no-repeat; height:17px; padding-left:20px; font-weight:bold; cursor:pointer; color: #0066CC}
.cabpaginacion .pagin{ float:right}
.cabpaginacion .back0{ cursor:text;text-decoration:none;color:#999999}
.cabpaginacion .back1{ cursor:text;text-decoration: underline;color:#666666; font-weight:bold; cursor:pointer}
.cabpaginacion .next0{ cursor:text;text-decoration:none;color:#999999}
.cabpaginacion .next1{ cursor:text;text-decoration: underline;color:#666666; font-weight:bold; cursor:pointer}



.estado0{ background: #F9DDDD }
.estado1{ background: #ffffff }


.linkitem { text-decoration:none; color:#FFFFFF; display:block;padding:7px 0px 7px 8px; }
.linkitem:hover{ background: #676C62}
.linkitem img{ border:0px}

/*LINK */



/* EXPOSICION */

.exposicion{}
.exposicion td{ vertical-align:top; height:150px; width:261px;}
.exposicion .foto{ float:left; border:solid #FFFF00 4px; margin-right:5px}
.exposicion span{ background:#FFFF00; font-size:13px; color:#000000; padding-left:3px; padding-right:3px; line-height:19px}

.spanazul{ background:#00FFFF; color:#000000; font-size:12px; font-weight:bold; line-height:15px}
.spanamarillo{ background:#FFFF00; color:#000000; font-size:13px; line-height:17px; }


#compartir{ float: right; color:#ECEBD7;font-size:10px; margin-right:0px }

#ytapiplayer{
	/*float:left;*/

}

/* COMENTARIOS DE EXPOSICION */

.comentario{ font-size:12px; color:#333333; width:477px; background:#00FFFF; text-align:left; padding:8px 8px 25px 8px; margin-bottom:3px}
.comentario .nombre{ float:left; font-size:11px; color:#990066; font-weight:bold}
.comentario .fecha{ float: right; font-size:11px; color:#990066; font-weight:bold}

.textcomen{ background:#666666; padding:18px 20px 25px 20px; width:453px; margin-top:5px; color:#FFFFFF; font-size:12px; text-align:left}
.textcomen .text{ background:#FFFFFF; height:22px; color:#999999; text-align:left; font-size:12px; padding:5px 0px 0px 5px; border:1px solid #C5C5C5; cursor:text}
.textcomen input{ width:293px; }
.textcomen .textarea{ width:265px}
.textcomen #btn_enviar img{ cursor:pointer}


/* GALERIA */

.fotos{}
.fotos thead td{ font-size:17px}
.fotos thead td .nombre{ color:#FFFF00}
.fotos thead td .fotos{ color:#00FFFF}
.fotos tbody td{ vertical-align:top; height:150px; width:261px;}
.fotos .foto{ float:left; border:solid #FFFF00 4px; margin-right:5px}


.titulo{ color:#FFFF00; background:#000000; font-size:17px}

/* MENU */

#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:2px;
	padding:0; 
	float:left;
}
#navi li a {
	display:block; font-weight:bold;
	width:103px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#EEECD7;
	background-color:#542186;
}
#navi li a:hover {
	color:#FFFF00;
	background-color:#000;
}
#navi li a.select{
	color:#FFFF00;
	background-color:#000;
}
/* INDEX */

.contenidointro{ color:#000000;}
.contenidointro span{font-size:13px;background:#FFFF00;line-height:17px; padding:0px 5px 0px 7px}
.contenidointro span.spanazul{font-size:13px;background:#00FFFF;line-height:17px; padding:0px 5px 0px 7px}
/* MENU COMPARTIR */

ul.menucompartir {  
	list-style:none;
	margin:0px;
	padding:0px;
}
.menucompartir li {
	margin:0px;
	padding:0px; 
	float:left;
}
.menucompartir li a {
	display:block; 
	padding:4px 0;
	text-decoration:none;
}
.menucompartir li a div {
width:25px; height:25px; 
}
.menucompartir li a:hover {


}
.menucompartir li a.select {
	color:#FFFF00;
	background-color:#000;
}



.menucompartir li a div#facebook {
background-image:url(../img/facebook1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer; 
}
.menucompartir li a:hover div#facebook {background-image:url(../img/facebook1.gif); }

.menucompartir li a div#twiter {background-image:url(../img/twiter1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#twiter {background-image:url(../img/twiter1.gif); }

.menucompartir li a div#google {background-image:url(../img/google1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#google {background-image:url(../img/google1.gif); }

.menucompartir li a div#yahoo {background-image:url(../img/yahoo1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#yahoo {background-image:url(../img/yahoo1.gif); }

.menucompartir li a div#flick {background-image:url(../img/flick1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#flick {background-image:url(../img/flick1.gif); }

.menucompartir li a div#delicious {background-image:url(../img/delicious1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#delicious {background-image:url(../img/delicious1.gif); }

.menucompartir li a div#meneame {background-image:url(../img/meneame1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#meneame {background-image:url(../img/meneame1.gif); }

.menucompartir li a div#digg {background-image:url(../img/digg1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#digg {background-image:url(../img/digg1.gif); }

.menucompartir li a div#enchilame {background-image:url(../img/enchilame1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#enchilame {background-image:url(../img/enchilame1.gif); }

.menucompartir li a div#myspace {background-image:url(../img/myspace1.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer}
.menucompartir li a:hover div#myspace {background-image:url(../img/myspace1.gif); }

/* FIN DE MENU COMPARTIR */

.link_lang{ color: #FFCC33; text-decoration:none}
.link_lang:hover{color:#FFFF00; text-decoration: underline}


.fabicons{}
.fabicons img{ border:0px}

