@import url(reset.css);
@import url(datepicker.css);
@import url(tabs.css);

/** Globales *****************************************************/

a {text-decoration: none; color: black;}
em {font-style: italic}
strong {font-weight: bold}
hr {display: none}
.clear {clear: both}

/** Layout *******************************************************/

body {
  background: #969696 url(../img/bg.png) center top repeat-x;
  font-family: "Arial", sans-serif;
}

fieldset {
  border: 1px solid #aaa;
  padding: 0 1em;
  margin: 1em 0;
}

fieldset .row {
  margin-bottom: 2em;
}

fieldset .even-row {
  background-color: #eee;
}

fieldset .add-row {
  background-color: transparent;
}

#container {
  width: 80em;
  font-size: 12px;
  margin: 0 auto;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  background-color: #f7f7f7;
}

#header {
  height: 186px;
  background-color: white;
}

#mainbar {
  width: 70%;
  float: left;
}

#nav {
  background-color: white;
  padding-bottom: 5px;
}

#navpath {
  height: 1.3em;
  line-height: 1.3em;
  padding-left: .5em;
  font-size: 11px;
  color: #666;
}

#content {
  min-height: 870px;
  margin-right: 1px;
}

#sidebar {
  float: left;
  width: 30%;
  min-height: 400px;
}

#footer {
  clear: both;
  background-color: white;
  height: 90px;
}

/** reusables ****************************************************/

.disclaimer {
  font-size: 10px;
  color: #666;
}
body.author_detail #content .disclaimer {
  text-align: right;
  clear: both;
  margin: 0;
}

.messages li {
  background-color: #fffebb;
  padding: .7em 1.5em;
  margin: 1em 0;
  border-left: .3em solid #fffe85;
}

.messages li.error {
  background-color: #ffbbbb;
  border-left: .3em solid #ff8585;
}

#content .error {
  color: #c55959 !important;
}

.disabled {
  color: #666;
  font-style: italic;
}

#content table.listing {
  width: 100%;
}

#content table.listing thead td {
  font-weight: bold;
}

#content table.listing tr.even td {
  background-color: white;
}

#content table.listing td {
  padding: .2em;
}

#content .topmenu {
  background-color: white;
  height: 1.5em;
}


#content ul.buttons  {
  margin: 0;
  float: right;
}

#content ul.buttons li {
  background: #626262 url(../img/plays/button_left.gif) left top no-repeat;
  padding-left: 10px;
  float: left;
  font-size:11px;
  line-height:14px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  height: 17px;
  line-height: 17px;
  font-weight: bold;
}

#content ul.buttons li a {
  display: block;
  color: #eee !important;
  background: #626262 url(../img/plays/button_right.gif) right top no-repeat;
  padding-right: 10px;
}
#content ul.buttons li a:hover {
  color: white !important;
}

body.author_detail #content ul.buttons li#topmenu_author_detail a,  
body.author_edit #content ul.buttons li#topmenu_author_edit a,
body.author_add_play #content ul.buttons li#topmenu_author_add_play a,
body.author_play_list #content ul.buttons li#topmenu_author_play_list a
  {background: #7251b8 url(../img/plays/button_right_active_author.gif) right top no-repeat}
body.author_detail #content ul.buttons li#topmenu_author_detail, 
body.author_edit #content ul.buttons li#topmenu_author_edit,
body.author_add_play #content ul.buttons li#topmenu_author_add_play,
body.author_play_list #content ul.buttons li#topmenu_author_play_list
  {background: #7251b8 url(../img/plays/button_left_active_author.gif) left top no-repeat}

body.play_detail #content ul.buttons li#topmenu_play_detail a,
body.play_edit #content ul.buttons li#topmenu_play_edit a
  {background: #c55959 url(../img/plays/button_right_active_play.gif) right top no-repeat}
body.play_detail #content ul.buttons li#topmenu_play_detail,
body.play_edit #content ul.buttons li#topmenu_play_edit
  {background: #c55959 url(../img/plays/button_left_active_play.gif) left top no-repeat}

#content .signature {
  text-align: right;
  font-style: italic;
  font-size: 12px;
}

/* dark-box */
#content .dark-box {
  background-color: #cacaca;
  padding: 1em 5% 0;
  border: 1px solid #aaa;
  margin-bottom: .1em;
}

#content .dark-box a
  {color: black !important}

#content .dark-box h2 {
  background-color: transparent !important;
  color: black !important;
  padding: 0;
}

/* read-more */
a.read-more {
  display: block;
  text-align: right;
}

/* notice */
p.notice {
  text-align: center;
  margin: 1em 0 !important;
}

/* bullets */
ul.bullets li {
  list-style-type: square;
  margin: .4em 2em;
  color: #444;
}

/* content-foot */
.content-foot {
  padding: .5em 5%;
  background-color: #eee;
  border-bottom: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
}

.content-foot a {
  color: black !important;
}

.admin-link {
  text-align: right;
  margin: 2em 1em !important;
}

/* pile-item */
.pile-item,
.topmenu {
  border-bottom: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  padding: .5em 5%;
}
.topmenu:after,
.pile-item:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hide this from ie/mac \*/
* html .pile-item {height: 1%;}
.pile-item {display: block;}
/* End hide this from ie/mac */

#sidebar .pile-item {
  border-width: 0 0 1px 0;
  padding: .5em 0;
  margin: 0 5%;

}

/** sidebar **********************************************/

#sidebar {
  border-top: 3.3em solid #c55959;
  background-color: #f7f7f7;
}

#sidebar h2,
#sidebar h3 {
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-weight: bold;
}

#sidebar h2 span {
  display: none;
}

#sidebar h3 a
  {color: black !important}

#sidebar p {
  color: #444;
  margin: .4em 0;
}

#sidebar a
  {color: #c55959}

#sidebar .credits {
  color: #666;
  margin-top: 1em;
}
#sidebar .credits p, 
#sidebar .credits ul,
#sidebar .credits a {
  color: #999;
}

#user-block {
  background: transparent url(../img/papers.gif) 10px 10px no-repeat;
  padding: 10px .4em 10px 60px;
  margin: 5%;
  font-size: 11px;
  border: 1px solid #ababac;
}
/** content ******************************************************/

#content
  {background-color: white}

#content h2,
#content h3,
#content h4 {
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-weight: bold;
}

#content h2 {
  background-color: #666;
  font-size: 16px;
  padding: .2em 2em;
  color: white
}

#content h2 a
  {color: white !important}

#content h3 {
  font-size: 14px;
  margin-bottom: .5em;
  margin-top: .7em;
  color: black;
}

#content h3 a
  {color: black !important}

#content p {
  color: #444;
  margin: .7em 0;
}
p.line {
  margin: 0 !important;
}

/* Colores oscuros p/seccion */

body.home #content h2,
#nav li.nav-home
  {background-color: #0193de}
body.home #content a 
  {color: #0193de}

body.plays #content h2,
#nav li.nav-plays
  {background-color: #c55959}
body.plays #content a 
  {color: #c55959}

body.authors #content h2,
#nav li.nav-authors
  {background-color: #7c58c4}
body.authors #content a 
  {color: #7c58c4}

body.simple_news #content h2,
#nav li.nav-news
  {background-color: #c58e58}
body.simple_news #content a 
  {color: #c58e58}

body.contact #content h2,
#nav li.nav-contact
  {background-color: #c4b558}
body.contact #content a 
  {color: #c4b558}

/* Colores hover p/seccion */

#nav li.nav-home:hover
  {background-color: #019cec}

#nav li.nav-authors:hover
  {background-color: #8a62da}

#nav li.nav-plays:hover
  {background-color: #d96262}

#nav li.nav-news:hover
  {background-color: #d99c61}

#nav li.nav-contact:hover
  {background-color: #d9c861}

/* Colores claros p/seccion */

body.home #content
  {background-color: #e9f2f7}

body.plays #content
  {background-color: #f7e9e9}

body.authors #content
  {background-color: #ede9f7}

body.simple_news #content
  {background-color: #f7f5e8}
  
body.contact #content
  {background-color: #f7f5e9}

/* forms */

#content .field-block label {
  display: block;
  margin-top: 1em;
}

#content .field-block li label {
  margin-top: .4em;
  margin-left: 1em;
}

#content input,
#content select,
#content textarea {
  border: 1px solid #666;
  padding: .2em;
  background: transparent url(../img/input_bg.png) top left repeat-x;
}

#content .buttons input,
#content input.submit {
  background-image: none;
}

#content .field-block input,
#content .field-block select {
  width: 60%;
}
#content .field-block textarea {
  width: 90%;
  height: 8em;
}
#content .field-block input.spinner {
  width: 20%;
}

#content .field-block input:focus,
#content .field-block select:focus,
#content .field-block textarea:focus
  {border-color: #333}

#content .field-error input,
#content .field-error select,
#content .field-error textarea
  {border-color: #c55959}

#content ul.errorlist,
#content .field-error li {
  color: #c55959;
  font-size: 11px;
}

#content form .help_text {
  font-style: italic;
  font-size: 11px;
  color: #666;
  margin-top: .6em;
  width: 90%;
}

#content form .title {
  display: block;
  font-size: 11px;
  font-weight: bold;
  border-bottom: dashed 1px #aaa;
  margin-top: 1.5em;
}

#content form .buttons .submit {
  width: 10%;
  margin-top: 1em;
  margin-left: 50%;
  border: 1px solid black;
}

#content form .buttons-wide  {
  padding: 5px;
  margin: 5px 0;
  background: white;
  text-align: right;
  border: 1px solid #cccccc;
}

#content form.filter-form
  {text-align: right}

#content form.filter-form p
  {margin: .5em 0}

#content form.filter-form label
  {margin: 0 .3em 0 .5em}

#content form.filter-form .submit
  {margin: 0 0 0 .5em}

body.plays #content form .submit
  {background-color: #c55959}

body.authors #content form .submit
  {background-color: #7c58c4}

body.contact #content form .submit
  {background-color: #c4b558}

#content .content-foot form .submit
  {background-color: #aaa !important}

/** overrides vistas *********************************************/

/* author_list */
body.author_list #content .author-row h3,
body.author_list #content .author-row p {
  margin: 0;
  padding: 0;
}

body.author_list #content .author-row .author-photo {
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #7c58c4;
}

body.author_list #content .letter-filter {
  padding-top: 1em;
  text-align: center;
}

body.author_list #content .letter-filter .active
  {font-weight: bold}

/* author_detail */

#content .author-head,
#content .play-head {
  background-color: #f5f5f5;
  border-bottom: 1px dashed #cacaca;
  padding: 0 1em;
  border-right: 1px solid #cacaca;
  padding: 1.6em 5%;
}

#content .author-head:after,
#content .play-head:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#content .author-head,
#content .play-head
  {display: inline-block;}
/* Hide this from ie/mac \*/
* html #content .author-head,
* html #content .play-head
  {height: 1%;}
#content .author-head,
#content .play-head
  {display: block;}
/* End hide this from ie/mac */

#content .author-head .author-photo {
  display: block;
  float: left;
  border: 1px solid #7c58c4;
}

#content .author-head .author-file {
  margin-left: 125px;
}

body.author_detail #content h3 {
  border-bottom: 1px solid #666;
}

/* play_list */
body.play_list #content .play-row h3,
body.play_list #content .play-row p {
  margin: 0;
  padding: 0;
}

body.plays #content .play-image {
  border: 1px solid #c55959;
  display: block;
}
body.play_list #content .play-row .play-image {
  float: left;
  margin-right: 10px;
}

body.play_list #content form.filter-form .search-field-play-year {
  width: 2.5em;
}

body.play_list #content form.filter-form .search-field-play-title {
  width: 20em;
}

/* play_detail */
body.play_detail #content h3 {
  border-bottom: 1px solid #666;
  clear: both;
}

body.play_detail #content .play img {
  border: 1px solid #c55959;
}

body.play_detail #content .play .image-cell {
  float: left;
  width: 120px;
  text-align: center;
  margin-bottom: 5px;
}

body.plays #content .play-head .play-image {
  display: block;
  margin-right: 1em;
  border: 1px solid #c55959;
  float: left;
}

body.plays #content .play-head .play-file {
  margin-left: 125px;
}

body.plays #content .play-head .play-scripts {
  display: block;
  width: 15em;
  float: right;
  background-color: #c55959;
  color: #f7e9e9;
}

body.plays #content .play-head .play-scripts .download-button {
  margin: .4em;
  display: block;
  text-align: center;
  padding: .3em .2em;
  font-weight: bold;
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-size: 13px;
  background-color: #a34a4a;
  padding: .2em 0;
  color: #f7e9e9;
}

body.plays #content .play-head .play-scripts .script-links {
  display: none;
  margin: .5em .5em;
  padding: .5em 1em 0 .5em;
  border-top: 1px solid #a34a4a;
  font-size: 10px;
}

body.plays #content .play-head .play-scripts .script-download {
  font-size: 12px;
  color: #f7e9e9;
  display: block;
  text-align: right;
  font-weight: bold;
  margin: 1.2em 0;
}

body.plays #content .play-head .play-scripts .script-translations {
  border-bottom: 1px solid #a34a4a;
  border-top: 1px solid #a34a4a;
  padding: .3em 0;
  margin: 0;
  color: #f7e9e9;
}

body.plays #content .play-head .play-scripts .script-translations img {
  vertical-align: middle;
}

body.plays #content .play-head .play-scripts .script-download:hover {
  color: white;
}

body.plays #content .play-head .play-scripts .download-count {
  text-align: center;
  font-size: 10px;
  background-color: #f7e9e9;
  color: #666;
  padding-top: .5em;
}

body.play_detail #content .comment {
  margin: 1em 0;
  border-bottom: 1px solid #cacaca;
}

body.play_detail #content .comment-meta {
  margin: 0;
  font-style: italic;
}

body.about-us #content a {
  color: #444;
}

/** closed site **************************************************/
#closed-content {
  padding-bottom: 10em;
}

#closed-content h2 {
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-weight: bold;
  background-color: #666;
  font-size: 16px;
  padding: .2em 0;
  text-align: center;
  color: white;
  margin-bottom: 6em;
}

#closed-content p {
  color: #666;
  text-align: center;
  padding: 0 20%;
}

/** header *******************************************************/
#header .logo {
  margin: 15px 0 0 35px;
}

#header object.logo {
  float: left;
}

#header a.logo {
  display: block;
  float: left;
  background: white url(../img/logo.png) top left no-repeat;
  height: 128px;
  width: 190px;
}

#login-form {
  float: left;
}

#login-links {
  margin-left: 1.4em;
  float: left;
  font-size: 10px;
}
#login-links a {
  color: #666;
}

#login-row {
  background-color: #cacaca;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 .5em;
  color: #666; 
}

#login-row #id_username,
#login-row #id_password {
  border: 1px solid #666;
  font-size: 11px;
  padding: .1em .4em .1em 1.5em;
  width: 8em;
}

#login-row #id_username {
  background: #eee url('../img/accounts/user.png') left center no-repeat;
}

#login-row #id_password {
  background: #eee url('../img/accounts/lock.png') .3em center no-repeat;
}

#login-row .submit {
  border: 0;
  background-color: #cacaca;
  cursor: pointer;
  background: url('../img/rarrow.png') right center no-repeat;
  padding-right: .6em;
  color: #666;
}

#login-row form.errors #id_username,
#login-row form.errors #id_password {
  border: 1px solid #c55959;
}

#login-row h1 {
  border-bottom: 1px solid #666;
  font-size: 11px;
  text-align: center;
  float: right;
  width: 30%;
}

#header .banner {
  float: right;
  margin: .1em 0;
}

/** nav **********************************************************/

#nav ul {
  height: 3em;
}

#nav li {
  background-color: white;
  font-size: 16px;
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-weight: bold;
  width: 19.8%;
  margin-right: .2%;
  float: left;
}


#nav li a {
  color: white;
  display: block;
  height: 1.3em;
  padding: 1.2em 0 0 .3em;
}

/** navpath ******************************************************/

body.frontpage #navpath {display: none} 

/** footer *******************************************************/

#footer {
  text-size: 11px;
  color: #666;
  padding: 1em 0;
}

#footer h2,
#footer h3,
#footer br {
  display: none;
}

#footer .cell {
  display: block;
  float: left;
}

#footer .logo {
  height: 90px;
  width: 17%;
}

#footer .address-mec,
#footer .address-cultura {
  padding-top: 1em;
  width: 32%;
}

#footer .address-cultura
  {text-align: right}

#footer .logo-mec
  {background: transparent url(../img/logo_ministerio.png) center center no-repeat}

#footer .logo-cultura
  {background: transparent url(../img/logo_cultura.png) center center no-repeat}

#footer .icon {
  display: block;
  padding: .3em 0;
  background-repeat: no-repeat
}

#footer .address-mec .icon {
  padding-left: 20px;
  background-position: left center;
}

#footer .address-cultura .icon {
  padding-right: 20px;
  background-position: right center;
}

#footer .address
  {background-image: url(../img/icon_address.png)}
 
#footer .telephone
  {background-image: url(../img/icon_telephone.png)}

#footer .email
  {background-image: url(../img/icon_email.png)}


/** paginator ****************************************************/

#content div.paginator {
  text-align: center;
  margin: .5em auto;
}

#content div.paginator .link {
  padding: 0.1em 0.3em;
  border: 1px solid #aaa;
}

body.home #content div.paginator .link {background-color: #58a1c5; border-color: #58a1c5; color: white;}
body.plays #content div.paginator .link {background-color: #c55959; border-color: #c55959; color: white;}
body.authors #content div.paginator .link  {background-color: #7c58c4; border-color: #7c58c4; color: white;}

#content div.paginator .disabled {
  border-color: #aaa !important;
  color: #aaa !important;
  background-color: #ddd !important;
}

#content div.paginator .current {
  font-weight: bold;
  color: black !important;
}

#content div.paginator a.next,
#content div.paginator a.previous {
  padding: 0.1em 0.3em;
  color: #3a691f;
}

#content div.paginator span.next,
#content div.paginator span.previous {
  border-color: #aaa;
  color: #aaa;
}

/** lightbox *****************************************************/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#lightbox-nav-btnNext {
  background-position: right 10px !important;
}

#lightbox-nav-btnPrev {
  background-position: left 10px !important;
}

#lightbox-secNav {
  text-align: right;
}

/** autocomplete *************************************************/

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


/** Debug ********************************************************/

#debug {
  width: 74em;
  font-size: 12px;
  margin: 0 auto;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-top: 1px solid #444;
  background-color: #cacaca;
  padding: 1em 3em;
  overflow: auto;
}

#debug h2 {
  font-weight: bold;
  border-bottom: 1px solid #666;
}

#debug p {
  margin: 1em 0;
}

#debug-query-table {

}

#debug-query-table th {
  font-weight: bold;
  text-align: center;
}

#debug-query-table td {
  padding: 1em .5em;
}

/* widgets */

/* spinner */
.ui-spinner-down, .ui-spinner-up {
  border: 1px solid #666;
  padding: .2em;
  margin-left: .2em;
}

/* news */
body.newsentry_detail #content .pile-item-last {
  overflow: auto;
}
body.newsentry_detail #content a.edit {
  background: transparent url(../img/edit.gif) left center no-repeat;
  padding-left: 20px;
  float: right;
}
body.newsentry_detail #content ul.downloads li {
  margin-left: 20px;
}

/* resources */
body.resources p a:hover {
  text-decoration: underline;
}
body.resources a.active {
  font-weight: bold;
}
body.resources .resources {
  margin-top: 20px;
}
body.resources .resources-data li {
  margin-bottom: 5px;
  padding: 3px;
}
body.resources .resources-data li.item {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  overflow: auto;
  margin-bottom: 20px;
}
body.resources #content .pile-item {
  padding: 30px;
}
body.resources #content img {
  float: left;
  margin-right: 20px;
}
body.resources .info {
  float: left;
  width: 400px;
}
body.resources #content .info h3 {
  margin-top: 0;
}
body.resources #content .info .actions {
  float: right;
  display: block;
}
body.resources #content .info .actions a {
  font-weight: bold;
  color: #666;
}
.secure_field {display:none;}
#content #id_captcha {width:140px;}