/*
Basic Typographic Styles
---------------------------------------- */
body,button,textarea,input,select {font:14px/1.4286em "Arial", Helvetica, sans-serif;color:#121212; background-image:url(images/fondo.png);}

/* Links */
a {color:#666;text-decoration:none;}
a:hover {color:#3f7b2e;}

/* Line Breaks */
p,ul,ol,dl {margin-bottom:25px;}

/* Formatting */
strong {font-weight:bold;color:#333;}
em {font-style:italic;}

/* misc */
.small {font-size:90%;}

/*
Primary Content Typographic Styles
---------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin-bottom:20px;}
h2, h3, h4, h5, h6 {margin-top:10px;}
h1, h2, h3, h4 {color:#009063;}
h4, h5, h6 {text-transform:uppercase;}
h4, h5 {font-weight:bold;}

#primaryContent h1 {font-size:30px;line-height:31px;text-transform:uppercase;}
#primaryContent h2 {font-size:20px;line-height:24px;border-top:1px solid #CCC;padding-top:15px;margin-top:15px;}
#primaryContent h3 {font-size:18px;line-height:22px;}
#primaryContent h4 {font-size:14px;line-height:20px;}
#primaryContent h5, 
#primaryContent h6 {font-size:12px;line-height:18px;}
#primaryContent h5 {color:#333;}
#primaryContent h6 {color:#996;letter-spacing:1px;}

#intro h1 {color:#FFF;letter-spacing:1px;}
#primaryContent h6.location,
#primaryContent h6.location a {margin-bottom:0; color: #666!important;}

#primaryContent blockquote {color:#333;font-style:italic;margin-bottom:20px;}

#primaryContent p {margin-bottom:0;padding-bottom:10px;}
#primaryContent p.intro {font-size:18px;line-height:24px;}
#primaryContent p img{padding:20px;} 

#primaryContent ul {list-style:square inside;}
#primaryContent ol {list-style:decimal inside;}

#primaryContent p a:hover,
#primaryContent ul a:hover,
#primaryContent ol a:hover {text-decoration:underline;}

/*
Basic Page Structure
---------------------------------------- */
body,#header,#page,#footer{position:relative;}
#header,#footer,.contentWrapper{margin:0 auto;width:960px;}
#page {margin:0 0 0 0;}

#pageHeader,
#pageHeader .contentWrapper{height:212px;position:relative;z-index:0;}
#pageHeader {background:#f7f4f2;margin-bottom:1px;}
#pageEspacio {background:#fff;margin-bottom:1px; height:10px}
 
#pageHeader .slide {overflow:hidden;height:212px;position:absolute;top:0;left: 0;width:100%;z-index:0;background-position:50% 50%!important;}
#pageHeader .slide p {display:block;height:212px;}
#pageHeader .slide img {display:none;}

#pageHeader #intro {height: 500px;width:260px;padding:24px;color:#FFF;} 
#pageHeader #intro h1 {color:#FFF;font-size:32px;line-height:32px;}

/* Primary Content (Main Column) */
#primaryContent {width:605px;float:left;border-right:1px solid #CCC;padding:20px 24px 40px 11px;height:450px;min-height:450px;height:auto!important;color:#666;}
#primaryContent .section {margin-bottom:48px;}

/* Footer */
#footer {padding-bottom:48px;clear:both;}

/*
Forms
---------------------------------------- */

/* Search Form */
#searchForm {float:left;font-size:11px;color:#999;width:130px;}
#searchForm p {float:left;margin:0;position:relative;}
#searchForm p.submit {float:right;}
#searchForm p.submit input {height:22px;width:22px;border:none;background:url(../includes/images/goBu.png) no-repeat;line-height:0;font-size:0;color:transparent;}
#searchForm p.submit input:hover {background-position:0 -22px;}
#searchForm input.text {border:1px solid #ccc;width:100px;height:14px;padding:2px 2px 2px 2px;font-size:11px;color:#999;}
#searchForm input.text:focus {border-color:#999;}

/*
Header + Navigation
---------------------------------------- */
#header {padding:15px 0 0 0;z-index:300;}

/* Logo */
#header #siteHeader {float:left;padding:0 0 0 12px;margin: 0 0 20px 0;}
#header #siteHeader a{ background:url(../includes/images/siteHeader2.png) no-repeat 0 0;display:block;height:73px;width:180px;text-indent:-9999px;}

/* Super Nav + Search */
#header #superNav {float:right;height:41px;width:650px;}
#header #superNav ul {float:left;height:30px;width:500px;}
#header #superNav ul li {float:left; font-size:11px;line-height:12px; margin-right:15px; color:#006600;}
#header #superNav ul li a,
#header #superNav ul li #contactBu {display:block;height:30px;width:120px; color:#009063;}
#header #superNav ul li #pressBu{display:block;height:30px;width:160px; color:#009063;}
#header #superNav ul li #telBu {display:block;height:30px;width:80px; color:#009063;}

/* Primary Nav */
#header #primaryNav{clear:both;height:58px;width:960px;margin:0 0 0 0;}
#header #primaryNav ul li{float:left;border-left:1px solid #CCC;}
#header #primaryNav ul li ul{background:#FFF;display:none;position:absolute;width:159px;margin-top:-1px;z-index:300;}
#header #primaryNav ul li.hover ul{display:block;}
#header #primaryNav ul li ul li{border-left:none;float:none;}
#header #primaryNav li a{display:block;}

/* Top Level */
#primaryNav #Bu1,
#primaryNav #Bu2,
#primaryNav #Bu3,
#primaryNav #Bu4,
#primaryNav #Bu5,
#primaryNav #Bu6{background:url(../includes/images/primaryNavSprite3.png) no-repeat;height:58px;width:159px;text-indent:-9999px;}

/* Sprited Buttons (Top Level) */
#primaryNav #Bu1{background-position:0 0;}
#primaryNav #Bu1:hover,
#primaryNav .hover #Bu1:hover,
#primaryNav .hover #Bu1:hover,
#primaryNav #Bu1:hover {background-position:0 -68px;}
#primaryNav .hover #Bu1,
#primaryNav .hover #Bu1 {background-position:0 -204px;}

#primaryNav #Bu2{background-position:-160px 0;}
#primaryNav #Bu2:hover,
#primaryNav .hover #Bu2:hover,
#primaryNav .hover #Bu2:hover, 
#primaryNav #Bu2:hover {background-position:-160px -68px;}
#primaryNav .hover #Bu2,
#primaryNav .hover #Bu2 {background-position:-160px -204px;} 

#primaryNav #Bu3{background-position:-320px 0;}
#primaryNav #Bu3:hover,
#primaryNav .hover #Bu3:hover,
#primaryNav .hover #Bu3:hover,
#primaryNav #Bu3:hover {background-position:-320px -68px;}
#primaryNav .hover #Bu3,
#primaryNav .hover #Bu3 {background-position:-320px -204px;}

#primaryNav #Bu4{background-position:-480px 0;}
#primaryNav #Bu4:hover,
#primaryNav .hover #Bu4:hover,
#primaryNav .hover #Bu4:hover,
#primaryNav #Bu4:hover{background-position:-480px -68px;} 
#primaryNav .hover #Bu4,
#primaryNav .hover #Bu4 {background-position:-480px -204px;}

#primaryNav #Bu5{background-position:-640px 0;}
#primaryNav #Bu5:hover,
#primaryNav .hover #Bu5:hover,
#primaryNav .hover #Bu5:hover,
#primaryNav #Bu5:hover {background-position:-640px -68px;}
#primaryNav .hover #Bu5, 
#primaryNav .hover #Bu5 {background-position:-640px -204px;} 

#primaryNav #Bu6{background-position:-800px 0;}
#primaryNav #Bu6:hover,
#primaryNav .hover #Bu6:hover,
#primaryNav .hover #Bu6:hover,
#primaryNav #Bu6:hover{background-position:-800px -68px;}
#primaryNav #Bu6{background-position:-800px -136px;}     
#primaryNav .hover #Bu6,
#primaryNav .hover #Bu6 {background-position:-800px -204px;}    


/* Drop Downs */ 
#header #primaryNav ul li ul li a{background:#f6f5e8;border-top:1px solid #f7f4f2;color:#FFF;padding:8px 12px 7px 12px;text-transform:uppercase;font-size:11px;line-height:17px;letter-spacing:1px;}
#header #primaryNav ul li ul li a:hover{background-color:#dbd9cf;}

/* Drop Down Colors */
#header #primaryNav ul li #Bu1Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu1Sub li a:hover{background-color:#990000;}
#header #primaryNav ul li #Bu2Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu2Sub li a:hover{background-color:#990000;}
#header #primaryNav ul li #Bu3Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu3Sub li a:hover{background-color:#990000;}
#header #primaryNav ul li #Bu4Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu4Sub li a:hover{background-color:#990000;}
#header #primaryNav ul li #Bu5Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu5Sub li a:hover{background-color:#990000;}
#header #primaryNav ul li #Bu6Sub li a{background-color:#BF2E1A;}
#header #primaryNav ul li #Bu6Sub li a:hover{background-color:#990000;}

/* Footer */
/* Contenidos */ 
#contenido {float:left;background:#fff;padding:12px 13px 0 13px;width:650px;margin-bottom:20px;overflow:auto;}
#contenido h1 {font-size:24px; color:#bf2e1a;}

/* Columna Lateral */ 
#columna {float:right;background:#fff;padding:12px 13px 0 13px;width:250px;margin-bottom:20px;overflow:auto;}

/* Pie */ 
#pie {background:#fff;padding:12px 13px 0 13px;width:936px;margin-bottom:20px;overflow:auto; float:left;}

/* Feeds */
#feeds {background:#fff;padding:12px 13px 0 13px;width:936px;margin-bottom:20px;overflow:hidden; border-color:#dbd9cf;}
#feeds .carousel{height:136px;padding:0;width:936px;position:relative;overflow:hidden;margin-bottom:7px; border-color:#dbd9cf;}
#feeds .carousel ul{width:948px;}
#feeds .carousel li {background:#FFF;border: 1px solid #FFF;cursor:pointer; float:left;height:110px;width:278px;padding:12px;margin:0 12px 0 0;position:relative; border-color:#dbd9cf; }
#feeds .carousel li.hover, #feeds li.small.large{border-color:#dbd9cf;}  
#feeds .carousel li.large {width:276px;}
#feeds .carousel li.end {margin:0;}
#feeds .carousel li .thumb{overflow:hidden;float:left;margin-right:12px;display:block;}
#feeds .carousel li h3{font-size:16px;margin:0 0 5px 0; font-weight:bold; color:#009063;}
#feeds .carousel li p{font-size:12px;line-height:14px;margin:0 0 10px 0;}
#feeds .carousel li a.more{/*background:url(../includes/images/detailsBu.png) no-repeat;display:block;float:left;position:relative; /* position:absolute;  height:5px;width:46px;text-indent:-9999px; /* bottom:12px;left:134px;*/font-size:10px;line-height:14px;margin:0 0 10px 0; color:#666;}
#feeds .carousel li.large a.more {left:134px;}
#feeds .carousel li a.more:hover{background-position:0 -5px;}

/*--*/
#feeds .sintesis{padding:5px;width:360px;float:left;border-left:1px solid #CCC;}
#feeds .sintesis h3 {padding:5px; font-size:16px;margin:0 0 5px 0; font-weight:bold; background-color:#009063; color:#FFFFFF;}
#feeds .unidad{padding:5px;width:350px;float:left; vertical-align:top;border-left:1px solid #CCC;}
#feeds .unidad h3 {padding:5px; font-size:16px;margin:0 0 5px 0; font-weight:bold; background-color:#009063; color:#FFFFFF;}
#feeds .unidad p{font-size:11px;line-height:14px;margin:0 0 10px 0; padding-left:5px;}
#feeds .enlaces{padding:5px;width:188px;float:left; vertical-align:top;border-left:1px solid #CCC;}
#feeds .enlaces h3 {padding:5px; font-size:16px;margin:0 0 5px 0; font-weight:bold; background-color:#009063; color:#FFFFFF;}
/*--*/

#feeds #pager {height:10px;width:60px;margin:0 auto;}
#feeds #pager li{float:left;margin-right:4px;}
#feeds #pager li a{background:#FFF;border:1px solid #CCC;display:block;height:8px;text-indent:-9999px;width:8px;}
#feeds #pager li a:hover{background:#EEE;border-color:#999;}
#feeds #pager li a.activeSlide{background:#bf2e1a;}

/* Copyright and Contact Info */
.copyright{color:#999;font-size:10px;float:left;text-transform:uppercase;padding-left:12px;}
.contactInfo{color:#999;font-size:10px;text-transform:uppercase;margin:0;float:right;padding-right:12px;}
.contactInfo .hide {display:none;}
.contactInfo dt abbr{color:#CCC;}
.contactInfo dt,
.contactInfo dd{display:inline;}
.contactInfo dd:after{content:" | ";}
.street-address:after{content:".";}
.locality:after{content:",";}

/*
Home Page
---------------------------------------- */ 

/* Home Page Page Header */
#home-page #pageHeader,
#home-page #pageHeader .contentWrapper,
#home-page #pageHeader .slide,
#home-page #pageHeader .slide p {height:350px;}
#home-page #pageHeader .contentWrapper {width:960px;}
#home-page #pageHeader #cta{height:120px;position:absolute;z-index:300;}
#home-page #pageHeader #cta .fact,
#home-page #pageHeader #cta .cta{height:102px;padding-top:18px;}
#home-page #pageHeader #cta{left:12px;bottom:0;width:936px;position:absolute;z-index:300;}
#home-page #pageHeader #cta .fact{background:url(../includes/images/grayTrans.png);float:left;width:684px;padding-left:24px;}
#home-page #pageHeader #cta .cta{background:url(../includes/images/blueTrans.png);float:right;width:228px;}

#home-page #pageHeader #cta .fact .thumb{overflow:hidden;display:block;float:left;height:84px;width:130px;}
#home-page #pageHeader #cta .fact p{color:#FFF;float:right;font-size:18px;line-height:28px;padding-right:24px;width:512px;}

#home-page #pageHeader #cta .cta li{margin-bottom:6px;padding-left:20px;}
#home-page #pageHeader #cta .cta li a{color:#FFF;display:block;font-size:24px;height:24px;font-weight:bold;background:url(../includes/images/ctaSprite.png) no-repeat;text-indent:-9999px;width:190px;}

#home-page #pageHeader #cta .cta li #donateCtaBu {background-position:0 0;}  
#home-page #pageHeader #cta .cta li #donateCtaBu:hover {background-position:-190px 0;}  
#home-page #pageHeader #cta .cta li #volunteerCtaBu {background-position:0 -24px;} 
#home-page #pageHeader #cta .cta li #volunteerCtaBu:hover {background-position:-190px -24px;} 
#home-page #pageHeader #cta .cta li #moreCtaBu {background-position:0 -48px;}
#home-page #pageHeader #cta .cta li #moreCtaBu:hover {background-position:-190px -48px;}

/*
Chef's Table
---------------------------------------- */
#primaryContent #entryHead{border-top:1px solid #CCC;margin:10px 0 0 0;}
#primaryContent #entryHead.single {border:none;margin-top:0;}
#entryHead span.border img{float:left;}
#primaryContent #entryHead h2{padding-top:15px;margin:0 0 10px 0;border:none;}
#primaryContent #entryHead ul{list-style:none;}
#primaryContent #entryBody {padding:0 0 30px 0;}
/*
Events
---------------------------------------- */
#primaryContent #entryHead.event{border:none;}
#entryHead.event span.eventDate {font-size:20px;line-height:24px;border-top:1px solid #CCC;display:block;padding:8px 0;color:#8ec847;}
#eventSchedule,
#eventlocation{border-top:1px solid #CCC;padding-top:8px;text-transform:uppercase;font-size:12px;}
#eventSchedule p,
#eventlocation p{margin-bottom:0;}

/*
Listings
---------------------------------------- */
#primaryContent ul.listing {list-style:none;}
#primaryContent ul.listing li {border-bottom:1px solid #CCC;padding:0 0 10px 0;margin:0 0 10px 0;clear:both;min-height:115px;height:auto!important;height:115px;}
#primaryContent ul.listing li span.border {margin-bottom:15px;display:block;}

/* Listing Typography */
#secondaryContent ul.listing a {color:#666;}
#secondaryContent ul.listing a:hover,
#secondaryContent ul.listing a.current {color:#666;}
#primaryContent ul.listing h3 {margin:0 0 8px 0;}
#primaryContent ul.listing span.border img{margin-top:0;float:left;}
#primaryContent ul.listing cite {font-style:italic;font-size:12px;}
#primaryContent ul.listing .date {color:#999;font-size:12px;}
#primaryContent ul.listing .category {font-style:italic;font-size:10px;color:#996;}

/* Listing Navigation */
#primaryContent ul.entryNav {padding-top:8px;list-style:none;border-top:1px solid #CCC;}
#primaryContent ul.entryNav li.prev{float:left;}
#primaryContent ul.entryNav li.next{float:right;}

/*
Partners
---------------------------------------- */
#primaryContent #pageHead {margin-bottom:40px;}


/*
Search
---------------------------------------- */
#primaryContent ul.listing.search li {min-height:20px;height:auto;height:20px;}
/*
Utility Classes
---------------------------------------- */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.clear{clear:both;display:block;}
.hide{display:none;}
span.border img{margin:15px 20px 15px 0;}