/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,img,fieldset,input {margin:0;padding:0}
ul {list-style:none}
fieldset,img {border:none}
caption,th {text-align:left}
/* links */
a {text-decoration:none;color:#bf4e37;outline:none;border:none}
a:hover, a.highlight {color:#333}
/* basic layout */
html {background:#d8d6cc url(../images/background.jpg) 0 350px}
body {font: 62.5%/1.8 "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;color:#5c4e42;background:url(../images/burn.jpg) 0 350px repeat-x;text-align:justify}
#content {float:right;width:480px;min-height:500px;color:#5c504a;font-size:1.2em;text-shadow:0 1px 0 #efefe8;margin-bottom:2em}
#sidebar {float:left;width:385px;background: url(../images/spanish-arts-culture.png) no-repeat;font-size:1.2em;margin-bottom:2em}
.wrapper {width:960px;margin:0 auto;position:relative}
.wrapper:after. .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.wrapper, .container {zoom:1}
/* header */
#header {height:350px;background:url(../images/header.png) repeat-x;width:100%;margin-bottom:3em}
#logo a {width:205px;height:98px;display:block;text-indent:-5000em;position:absolute;top:30px;left:0;background:url(../images/logo.png) no-repeat}
#header p#slogan {width:370px;height:61px;display:block;text-indent:-5000em;position:absolute;top:160px;left:0;background:url(../images/home-header-h1.png) no-repeat}
#header ol {position:absolute;top:225px;left:0;background:url(../images/secondary_nav.png) no-repeat;width:383px;height:125px;color:#9a9374;font-size:1.4em;list-style:none;counter-reset: cnt}
#header ol li:before {content: counter(cnt, decimal-leading-zero)".";color: #9a9374;padding-right:.3em}
#header ol a:hover {color:#9a9374}
#header ol a {font-size:0.9em}
#header ol li {position:absolute;text-shadow:0 1px 0 #3d332e;counter-increment: cnt}
#header ol li#nav_theater {top:15px;left:15px}
#header ol li#nav_literature {top:40px;left:15px}
#header ol li#nav_science {top:65px;left:15px}
#header ol li#nav_affairs {top:90px;left:15px}
#header ol li#nav_art {top:15px;left:160px}
#header ol li#nav_design {top:40px;left:160px}
#header ol li#nav_dance {top:65px;left:160px}
#header ol li#nav_music {top:90px;left:160px}
#header ol li#nav_cinema {top:15px;left:260px}
#header ol li#nav_food {top:40px;left:260px}
#header ol li#nav_architecture {top:65px;left:260px}
#header ol li#nav_press {top:90px;left:260px}
#header ol a.active {color:#9a9374}
#header ul {position:absolute;top:55px;left:480px}
#header ul li {font-size:1.2em;margin-right:1.1em;float:left}
#header ul a {display:block;height:20px;text-indent:-5000em}
#header a#nav_calendar {background-position:0 -400px;width:75px}
#header a#nav_cultural_links {background-position:-90px -400px;width:110px}
#header a#nav_competitions {background-position:-222px -400px;width:100px}
#header a#nav_grants {background-position:-340px -400px;width:55px}
#header a#nav_about_us {background-position:-415px -400px;width:70px}
#header a#nav_calendar:hover, #header a#nav_calendar.hover, body#calendar a#nav_calendar {background-position:0 -430px}
#header a#nav_cultural_links:hover, #header a#nav_cultural_links.hover, body#cultural_links a#nav_cultural_links {background-position:-90px -430px}
#header a#nav_competitions:hover, #header a#nav_competitions.hover, body#competitions a#nav_competitions {background-position:-222px -430px}
#header a#nav_grants:hover, #header a#nav_grants.hover, body#grants a#nav_grants {background-position:-340px -430px}
#header a#nav_about_us:hover, #header a#nav_about_us.hover, body#about_us a#nav_about_us {background-position:-415px -430px}
#feature {position:absolute;top:95px;right:0;-webkit-box-shadow:0 -1px 3px #3d322c;-moz-box-shadow:0 -1px 3px #3d322c;box-shadow:0 -1px 3px #3d322c}
/* footer */
#footer {clear:both;height:141px;background:url(../images/footer.png) repeat-x;border-top:1px solid #fff;width:100%;color:#8c846d;position:relative}
#footer .wrapper {background:url(../images/footer-logos.png) left center no-repeat;height:140px}
#footer .wrapper dl {float:right;width:480px;font-size:1.1em;margin-top:40px}
#footer dt, #footer dd {padding:0;font-weight:normal;background-image:none;border:none}
#footer p {position:absolute;bottom:-0;right:0;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}
#footer p a {color:#5d4f47;padding:4px 8px;background-color:#382e28}
#footer a:hover {color:#8c846d}
#footer p a:hover {color:#bf4e37}
#footer a.top {top:40px;right:0;position:absolute;padding-left:40px;background:url(../images/top.png) no-repeat;height:32px;line-height:32px}
/* misc */
p {padding-top:1em}
p.link {padding-top:0.2em;padding-bottom:1em;clear:left}
#calendar p.link {padding-top:1em;padding-bottom:0}
p.link a {background-position:0 -150px;padding-left:1.7em}
p.quiet, span.quiet {font-size:90%;line-height:1.6;padding-bottom:1em;padding-top:0}
dt {font-weight:bold;padding:1.5em 0 .5em 0;color:#5a7887}
.extra {padding-top:1.5em}
dl ul {padding-left:1.5em;font-size:90%}
dd {padding-left:1.5em;background-position:0 -500px;border-bottom:1px dotted #5d4f47}
#grants dd, #competitions dd, #cultural_links dd {border:0}
#calendar #sidebar dd {font-size:90%;text-align:left;border:none}
dd.extra {padding-left:0;padding-top:1em;background-image:none;border:none}
dd small {float:right;text-align:left;font-size:90%;display:inline}
img.floatLeft {float:left;margin-right:1em;border:1px solid #5d4f47}
#grants #content dl {padding-right:200px;background: url(../images/grants-logos.png);background-repeat: no-repeat;border-bottom:1px dotted white;padding-bottom:1.5em;text-align: left}
#grants #content dl#grant-fullbright {background-position:right -800px}
#grants #content dl#grant-ministry {background-position:right -400px}
#grants #content dl#grant-aecid {background-position:right -600px}
#grants #content dl#grant-maec {background-position:right -200px}
#grants #content dl#grant-cooperation {background-position:right 0}
/* tabs */
#about_us ul.tabs {float:left;width:130px;padding:3em 0;background-color:#5d4f47}
#about_us ul.tabs a {display:block;padding:0.3em 0;text-indent:10px;color:#d6d6c5;text-shadow:none}
#about_us ul.tabs a.active {background-color:#d6d6c5;color:#5c504a}
#about_us .container {margin:2em 0;border:2px solid #cac9b8;overflow:hidden;background-color:#d6d6c5;background-color:rgba(214, 214, 197,0.4); -webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px}
#about_us .panels {margin-left:130px;padding-left:10px;width:330px}
.hidden {visibility:hidden;display: none}
.current a, #cultural_links #content .active {border-bottom: 2px solid #5c504a;padding-bottom:.1em;color:#5c504a}
/*ul#filter li,*/ body#cultural_links ul.tabs li {display:inline;padding-left:1em}
ul#filter li {display:inline-block;width:22%;padding-left:0.7em}
#filter small, .inline small, #filter span {font-weight:80%}
ul#filter {text-align:right;margin-bottom:2em;padding:0 0 0.1em 0;background:url(../images/line.png) bottom left repeat-x}
#cultural_links ul.tabs {text-align:right;margin:2em 0}
.active {color:#5c504a}
.error {font-weight:normal;padding:5px;color:#bf4e37;background-color:#f2f1eb;border:1px solid #bf4e37}
#about_us .error, #newsletter .error {margin-top:1em}
#content p.info {border:1px solid #ffd324;padding:10px 10px 10px 50px;margin-bottom:2em;background-color:#fff6bf;background-color:rgba(255,246,191,0.4);background-position:-300px -155px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-top:2em}
p.notice {padding-bottom:1em}
/* sidebar */
#sidebar .col {background: url(../images/left-column.png) bottom left no-repeat;min-height:15em;padding-bottom: 2em}
.colwrapper {background: url(../images/left-column.png) top left no-repeat;height:2.5em;margin-top:9em}
#calendar .colwrapper {margin-top:11em}
#sidebar p, h2, #sidebar label, h1, #sidebar dl {color:#80795b;text-shadow:0 1px 0 #efefe8}
#sidebar p, #sidebar dl {padding-left:1em;padding-right:7em}
#calendar #sidebar dt {font-weight:normal;color:#80795b;padding-bottom:0;text-align:left}
#sidebar p.info {border:1px solid #ffd324;padding:5px 10px 5px 50px;margin:15px 80px 0 10px;background-color:#fff6bf;background-color:rgba(255,246,191,0.4);background-position:-300px -150px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
#sidebar .nav {margin:0 7em 0 1em;background:url(../images/line.png) top left repeat-x;padding-top:0.5em;min-height:5em}
#sidebar .nav li {float:left;padding-right:0.4em}
/* sidebar form */
#sidebar form p {padding:.5em 0 0 1em}
#calendar #sidebar form p {padding:1em}
label {display:block}
#sidebar .checkbox label {display:inline}
#sidebar .checkbox input {width:auto;}
input, textarea {color:#80795b;font-size:13px;width:277px;border:3px double #cac9b8;padding:2px}
#newsletter-form input#email {width:150px;padding:6px}
#content input#email {padding:6px}
input#subscribe {text-indent:-5000em;background-position:-150px -80px;width:116px;height:34px;border:0;background-color:transparent;
overflow:hidden;vertical-align:top;cursor:pointer !important;cursor:hand}
input#subscribe:hover {background-position:-300px -80px}
input#sendit {display:block;text-indent:-5000em;background-position:-150px -116px;width:116px;height:34px;border:0;background-color:transparent;
overflow:hidden;cursor:pointer !important;cursor:hand}
#newsletter input#sendit {display:inline;vertical-align:top}
input#sendit:hover {background-position:-300px -116px}
input:focus {background-color:white}
.field-hint {color:#a59e81}
label span {color:#ee0101}
/* events */
.event {position:relative;background:url(../images/line.png) bottom left repeat-x;margin-bottom:2em}
.date {position:absolute;top:5px;left:-80px;background-position:0 -80px;display:block;width:60px;height:50px;padding-top:10px;overflow:hidden;line-height:1.2em;text-align:center;color:#cac9b8;text-shadow:none}
.date span {font-size:140%;display:block}
p.category {position:absolute;bottom:-4px;right:0;text-align:right;color:#9a9374;padding:0;text-shadow:none;letter-spacing:0.1em}
#calendar .event {padding-bottom:2em}
p.category span {text-transform:uppercase}
h3 {font-size:1.1em}
.event ol {padding-left:2.5em}
.event ul li {display:inline;margin-right:1em;padding-left:1.8em;padding-bottom:0.2em;font-size:90%;font-weight:bold}
.event_city {background-position:0 -180px}
.event_date {background-position:0 -210px}
.event_time {background-position:0 -240px}
.event p img {float:left;margin-right:1em;border:1px solid white;width:84px;height:78px}
ul.inline {margin-top:1em;padding-bottom:2em;background:url(../images/line.png) bottom left repeat-x}
ul.inline li {display:inline-block;width:30%;background-position:0 -500px;padding-left:1.2em;text-align:left}
/* titles */
h2#newsletter, p.link a,input#subscribe, h1#upcoming_events, .date, .event_date, .event_city, .event_time, #header ul a, dd, p.info,input#sendit,ul.inline li {background-image:url(../images/icons.png);background-repeat:no-repeat}
h1 {font-weight:normal;text-transform: uppercase;letter-spacing:0.1em}
.calendar_event .crumb {margin-bottom:1em}
#calendar #content h2, #home #content h2 {color:#5a7887;line-height:1.3em}
#sidebar h2 {padding:1em 6em 0 10px;text-transform: none}
h2#newsletter {height:50px;width:180px;display:block;text-indent:-5000em;margin:0;padding:0}
h1#upcoming_events {background-position: 0 -300px;height:70px;margin:1em 0 0 0;display:block;text-indent:-5000em}
/* validation */
.formError {position:absolute;top:300px; left:300px;padding-bottom:13px;display:block;z-index:5000}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {width:100%;background:#ee0101;color:#fff;width:150px;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;border:1px solid #ddd;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px}
.greenPopup .formErrorContent {background:#33be40}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow {position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001}
.formError .formErrorArrowBottom{top:0;margin:-6px}
.formError .formErrorArrow div {border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block}
.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none}
.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF}
.formError .formErrorArrow .line10{width:15px;border:none}
.formError .formErrorArrow .line9{width:13px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:0px solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}