@charset "UTF-8";
/* CSS Document */
@import url('reset.css');
@import url('sombras.css');

body {font:normal 12px/15px 'Trebuchet MS', Tahoma, Arial, sans-serif;background:url('/includes/img/bgbody.png') center center repeat-x;}
.clear {clear:both}



#contenedor {width:100%;display:block;margin:0 auto;background:url('/includes/img/bgmain.png') center repeat-x;margin-top:10%;min-width:990px}

#elmer {height:415px;padding:5px 0 5px 0;max-width:990px;display:block;margin:0 auto;}

a {text-decoration:none}

h1 {font-size:2.5em;color:#fff;background:url('/includes/img/bgh1-trans.png') no-repeat;padding-left:15px;text-shadow:2px 1px 3px #222;display:inline;padding-top:35px;position:relative}
#homeLink:hover {text-shadow:2px 3px 4px #000;color:#eee;cursor:pointer;}
#homeAction {font-size:10px;position:absolute;bottom:25px;visibility:hidden;right:-30px}


#menu {padding:5px 0 5px 0;display:block;margin-top:10px;color:#540010;position:relative;}
	#menu a:first-child{margin-left:0px}
	#menu a{color:#540010;text-decoration:none;padding:5px 3px 5px 3px;margin:5px 5px;height:21px;border-bottom:3px solid transparent;text-align:center;min-width:30px;display:inline;position:relative}
	#menu a:hover {background-color:#FF8700;color:#fff;border-bottom:3px solid #FF3300;}
	
	#menu #submenu {display:block;clear:both;position:absolute;top:35px;}


#contenido {position:relative;display:block;width:100%;margin:0 auto;height:340px;padding-top:5px;}

#textos {z-index:100;position:absolute;width:420px;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;height:328px;word-spacing:-1px;}
#textos span {width:100%;}
#textos h3 {color:#FFDC00;font: bold 16px/20px 'Trebuchet MS', 'Tahoma', Arial, sans-serif;padding-bottom:2px;width:100%}


#prevSet {height:15px;width:15px;background:url('/includes/img/prevSet.png') no-repeat;float:left;display:block;margin-right:5px;margin-top:2px;}
#prevSet:hover {background:url('/includes/img/prevSet-hover.png') no-repeat;cursor:pointer}
#nextSet {height:15px;width:15px;background:url('/includes/img/nextSet.png') no-repeat;float:right;display:block;right:10px;top:2px;position:absolute}
#nextSet:hover {background:url('/includes/img/nextSet-hover.png') no-repeat;cursor:pointer}

#foto {max-width:550px;max-height:550px;position:absolute;display:block;z-index:101;right:20px;top:-40px;}
#foto img {max-width:550px;max-height:550px;padding:10px;background:#fff;border:1px solid #666;position:relative;z-index:150}

#caption {color:#ccc;font-size:15px;font-weight:bold;text-shadow: #000 0 0 2px;padding:5px 3px;display:block;z-index:6000;position:relative;width:100%;text-align:center}


#form {width:90%}
#form input, #form textarea {background:url('/includes/img/W60.png');border:1px solid #444;color:#FFDC00;width:100%;margin:3px 0}
input#tecache {width:45px;font-size:1.5em;float:none;display:inline;margin:0;} 
#form label {margin-right:10px}
#form .tecache {font-weight:bold;line-height:30px;}
#form .tecache span {font-size:14px}
#form input[type=button] {width:150px;font-size:14px;background:url('/includes/img/button.png') no-repeat;color:#fff;border:none;height:25px;cursor:pointer;position:relative;margin:0;top:-15px}
#form input[type=button]:hover {background:url('/includes/img/button-hover.png') no-repeat;color:#006}
#form input.submit {position:absolute;right:30px;top:auto}



/*show de la obra */

#mini {border-top:2px solid #999;margin:10px auto;width:420px;overflow:auto;height:238px}

#mini div{float:left}
#mini img {width:80px;padding:5px;background:#333;border:1px solid #999;margin:5px 2px 0 0;}
	#mini img:hover {background:#999;border-color:#333;cursor:pointer}

#activa img {background:#00B8FF}
#activa img:hover {background:#00B8FF;border-color:#999;cursor:default}

.set {width:190px;padding:5px 5px 5px 0;margin:5px 5px 0 0;color:#ccc;display:block;height:90px}
	.set:hover {background:url('/includes/img/bgSet-trans.png') no-repeat;cursor:pointer;color:#333 !important}
	.set:hover h4 {color:#333}
#mini .set img {float:left;margin-top:3px;padding:0;border:1px solid #000}
.set h4 {font-family:Tahoma, 'Trebuchet MS', Helvetica, Arial, sans-serif;font-weight:bold;color:#fff;border-bottom:1px solid #999;margin-bottom:3px;color:#FFCC33}
.set span {font-size:11px;}

textarea {font:inherit !important}



/* footer */
#footer {position:relative;bottom:0px;font-size:10px;color:#808080}



/*shadow*/

#cover {margin:10px;position:absolute;z-index:200;width:100%;height:100%;}
	#play {position:absolute;width:100%;height:100%;opacity:1;z-index:210;}
	#cover #prev {width:180px;position:absolute;left:0px;height:100%;z-index:250}
	#cover #next {width:180px;position:absolute;right:0px;height:100%;z-index:280}
	#cover #prev:hover {background:url('/includes/img/prevFoto.png') left center no-repeat;cursor:pointer}
	#cover #next:hover {background:url('/includes/img/nextFoto.png') right center no-repeat;cursor:pointer}
#cover img {background:none;border:none;display:block;margin:0 auto;margin-top:40%;visibility:hidden;}


/*comments*/
#comentarios {font:12px/10px 'Helvetica Neue', Helvetica, Arial, sans-serif;}
#comentarios div {width:100%}
#comentarios .top {background:url('/includes/img/tickets/1-top.png')no-repeat;height:43px;}
#comentarios .body {background:url('/includes/img/tickets/1-body.png') repeat-y;}

#comentarios #nav {width:90%;clear:both;margin:0 auto;height:20px;margin-top:10px}
#nav a, #nav a:visited {color:#FFF;font-size:16px;}
#nav a:hover {background-color:#0099FF;color:#333}
#nav #more {float:right;text-align:right}

#comentarios .content {width:280px;margin-left:30px;float:left}
#comentarios .content strong{display:block;font-size:15px;font-weight:bolder;padding-top:10px;font-family:Arial, sans-serif;color:#666}
#comentarios span {font-family:Courier, Consolas, 'Courier New', mono-spaced;margin-top:5px;display:block}

#comentarios .meta {width:145px;float:right;margin-top:-20px}
#comentarios dl {padding-bottom:8px}
#comentarios dt {color:#666;font-family:Arial, sans-serif}
#comentarios dd.name {font-weight:bolder; text-transform:uppercase}
#comentarios dd {font-size:16px;line-height:18px}
#comentarios dd a{color:#0099FF}
#comentarios dd a:hover{color:#08405A}

#comentarios .bottom {background:url('/includes/img/tickets/1-bottom.png')no-repeat;height:37px;}

#comentarios .comment {width:465px;margin:0 auto}