/*   

Theme Name: Embracing Art

Theme URI: http://pixelatelier.com

Description: Theme for www.embracingart.org

Author: Eduardo Plaza

Author URI: http://www.pixelatelier.com

Version: 2.0

*/



.chromeframe { position: absolute; top: 0; }
body { font: 13px Helmet, Freesans, sans-serif; }
body, select, input, textarea { color: #333; }
a { color: #03f; }
a:hover { color: #69f; }

::-moz-selection {
 background: #fcd700;
 color: #fff;
 text-shadow: none;
}
::selection { background: #fcd700; color: #fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #fcd700; }
ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }
 input:-moz-placeholder {
 color:#a9a9a9;
}
 textarea:-moz-placeholder {
 color:#a9a9a9;
}
a { text-decoration: none; }
.hidden { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */ clip: rect(1px, 1px, 1px, 1px); }
/* General

-------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, a, .excerpt, li { font-weight: 300; font-family: 'Open Sans', sans-serif; }
/* Layout

-------------------------------------------------------------------------------*/

body { background: white; }
a, a:after, a h1 span, #archivos li:before { transition: all ease-in 0.2s; }
.w960 { width: 950px; margin: 0 auto; padding: 0 5px; }
#content { background: #fff; padding: 20px 20px 30px 20px; }
.logo {
    border: 1px solid #d4d4d4;
    float: left;
    height: 250px;
    margin-bottom: 40px;
    margin-right: 25px;
    padding: 4px;
    text-align: center;
    width: 200px;
}
/* Header

-------------------------------------------------------------------------------*/

#header { height: 113px; }
#header-content { position: relative; width: 950px; padding: 0 5px; margin: 0 auto; }
#header-content #logo { position: absolute; z-index: 10; top: 10px; left: 20px; background: url(images/logo.png) no-repeat center center; width: 216px; height: 225px; }
#nav { position: relative; background: #656daf; height: 50px; margin-bottom:100px;
margin-bottom: 80px; }
#nav-in { margin: 0 auto; width: 950px; padding: 5px; }
#menu-top { display: block; float: right; padding-top: 10px; }
#menu-top > li { border-right: 1px solid #ebedf9; float: left; padding: 5px 14px 10px; }
#menu-top > li:last-child { border-right: none; padding-right: 0px; }
#menu-top > li a { color: #ebedf9; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 18px; }
#menu-top > li a:hover { color: #fff; }
#menu-top li ul { display: none; background: #525993; border-radius: 0px; padding: 0; position: absolute; top: 100%; z-index: 100; margin-left: -15px; }
#menu-top > li:hover ul { display: inherit; }
#menu-top li ul li { float: none; position: relative; }
#menu-top li ul li a { display: block; padding: 10px 30px 10px 20px; }
#menu-top li ul li a:hover { background: #303455; }
#lang { float: right; margin-top: 19px; }
#lang a { color: #d4d4d4; font-size: 14px; font-weight: 400; margin-left: 4px; margin-right: 4px; }
#lang a:hover, #lang a.langactif { color: #ef7f22; }
#lang span { color: #d4d4d4 }
.become { background: none repeat scroll 0 0 #ff7400; border-radius: 10px; color: #fff; display: block; font-size: 18px; font-weight: 600; line-height: 24px; padding: 5px 10px; position: absolute; right: 100px; top: 10px; }
.become:hover { background: #ff7400; color: #fff; }
/* Footer

-------------------------------------------------------------------------------*/

#footer { background: #656daf; padding-top: 30px; margin-top: 40px; }
#footer-left { width: 650px; float: left; height: 170px; }
#footer-left h2 { color: #e0e0e0; font-size: 28px; font-weight: 600; margin-bottom: 10px; }
#footer-left #searchbox { position: relative; }
#footer-left #searchform { width: 570px; }
#footer-left #searchform input { background: none repeat scroll 0 0 #fff; border: 1px solid #636895; color: #6c6c6c; font-size: 16px; height: 32px; padding: 2px 40px 2px 6px; width: 540px; border-radius:0; }
#footer-left #searchform button { background:url(images/glass.png) no-repeat scroll center center rgba(0, 0, 0, 0);  height: 28px; position: absolute; right: 74px; top: 5px; width: 28px; border:none; }
#footer-right { width: 152px; float: right; height: 170px; }
#footer-right h2 { color: #e0e0e0; font-size: 28px; font-weight: 600; margin-bottom: 10px; }
#footer ul { display: block; }
#footer ul li { float: left; margin-right: 10px; }
#footer ul li:last-child { float: left; margin-right: 0px; }
#footer ul li a { display: inline-block; width: 30px; height: 30px; }
.twitter { background: url(images/twitter.png) no-repeat center center }
.facebook { background: url(images/facebook.png) no-repeat center center }
.instagram { background: url(images/instagram.png) no-repeat center center }
.mail { background: url(images/mail.png) no-repeat center center }
#copyright { background: #5a619f; }
#copyright h3 { color: #e7e7e7; font-size: 14px; font-weight: 300; padding: 20px 0; }
#copyright h3 span { float: right; }
#copyright h3 span a { color: #e7e7e7; font-size: 14px; font-weight: 300; }
#copyright h3 span a:hover { color: #fff; }
/* Home Page

-------------------------------------------------------------------------------*/

#home-top { margin-top: 30px; }
#top-left { float: left; height: 316px; margin-right: 20px; width: 325px; position:relative; }
#top-middle { width: 280px; height: 316px; float: left; position:relative; }
#top-right { width: 318px; height: 316px; float: right; position: relative; }
#home-top h2 { color: #ef7f22; font-size: 22px; font-weight: bold; line-height: 20px; margin-bottom: 20px; }
#home-top h3 { margin-bottom: 2px; }
#home-top h3 a { color: #3c3c3c; font-weight: 600; font-size: 14px; line-height: 16px; }
#home-top h3 a:hover { color: #000; }
#home-top h3 a:after { content: " »"; color: #ef7f22; }
.home-news { height: 73px; margin-bottom: 10px; }
.home-news .excerpt { font-size: 14px; color: #333; font-weight: 300; line-height: 16px; }
#top-right img { float: left; margin-bottom: 8px; }
#top-right img:nth-child(2n) { float: right; }
#top-right a.founders { display:block; background: none repeat scroll 0 0 #656daf; bottom: 0; color: #fff; display: block; font-size: 20px; font-weight: bold; padding: 5px 0; position: absolute; text-align: center; width: 100%; }
#top-right a.founders:hover { background:#000;}
#home-bottom { margin-top: 60px; }
#home-bottom iframe { margin-bottom: 20px; }
#vid-left { width: 330px; float: left; height: 70px; border-right: 1px #e1e1e1 solid; padding-right: 10px; }
#vid-right { width: 594px; float: right; height: 70px; }
#home-bottom h2 { color: #ef7f22; font-size: 22px; font-weight: bold; line-height: 20px; margin-bottom: 20px; }
#home-bottom .excerpt { font-size: 15px; }
#home-bottom h3 { color: #454545; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 3px; width: 335px; }
#home-bottom h4 { color: #717171; font-size: 16px; font-weight: bold; line-height: 20px; width: 335px; }
.seeallhome { position:absolute; bottom:0; background: none repeat scroll 0 0 #656daf; color: #fff; display: block; float: left; font-size: 14px; font-weight: 600; padding: 3px 10px; }
.seeallhome:hover { background: #000; color: #fff; }

/* Page

-------------------------------------------------------------------------------*/





.page-title { font-size: 35px; font-weight: 800; color: #ef7f22; margin-bottom: 50px; }
.page-left { width: 450px; float: left; }
.page-right { width: 450px; float: right; }
.error404 #content { min-height: 200px; }


div.wpcf7 {max-width:500px; float:left;}
/* Archive - videos

-------------------------------------------------------------------------------*/
.video-list { margin-top: 60px; padding-bottom: 20px; }
#vido { float: right; height: 150px; margin-right: 30px; padding-top: 130px; width: 400px; }
.video-list .excerpt { color: #666; font-size: 15px; }
.video-list h3 { color: #454545; font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 3px; }
.video-list h4 { color: #ef7f22; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 20px; width: 335px; }
/* Contact

-------------------------------------------------------------------------------*/

#contact { display: none; padding-top: 20px; }
#contact-left { float: left; width: 430px; padding-left: 0px; padding-top: 10px; }
#contact-right { float: right; width: 472px; padding-right: 0px; padding-top: 10px; }
#contact-left div { margin-bottom: 20px; padding-left: 50px; }
#contact-left h2 { color: #656daf; font-size: 24px; font-weight: 400; }
.location { background: url(images/location.png) no-repeat left 3px }
.phone { background: url(images/phone.png) no-repeat left 3px }
.email { background: url(images/email.png) no-repeat left 3px }
#contact-left h3 { color: #626262; font-size: 16px; margin-bottom: 5px; line-height: 20px; }
#form form { position: relative; }
.wpcf7-form {width:472px;}
#p404 { background: url(images/404.png) no-repeat center 70px; height: 400px; width: 100%; }
#contact_form { position: relative; }
.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=email] , #form input[type=text], #form input[type=number], #form input[type=email] { width: 450px; border: solid 1px #d9d9d9; background: #fff; padding: 10px; margin-bottom: 10px; font-size: 15px; color: #797979; }
.wpcf7-form textarea, #form textarea { background: none repeat scroll 0 0 #FFFFFF; border: solid 1px #d9d9d9; color: #797979; font-size: 15px; height: 50px; line-height: 22px; margin-bottom: 10px; padding: 10px 10px 50px; width: 450px; }
.wpcf7-submit, .sendButton { padding: 10px; font-size: 15px; background: #656daf; color: #FFFFFF; width: 100px !important; border: none; float: right; }
.wpcf7-submit:hover, .sendButton:hover { background: #000; }
#gracias { font-size: 40px; color: #000; border-bottom: solid 1px #CBCBCB; border-top: solid 1px #CBCBCB; padding-bottom: 20px; padding-top: 20px; text-align: center; margin-bottom: 50px; margin-top: 50px; }
.borderojo { border: 1px solid #ec1c29 !important; }
.sinborde { border: none !important; }
#ff p, .wpcf7-form p { color: #656daf; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; }
#ff p span, .wpcf7-form p span { color: #ef7f22; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; }
#close { background: url(images/close.png) no-repeat scroll center center #f7f7f7; bottom: 0; cursor: pointer; height: 90px; margin-bottom: 50px; margin-top: 30px; }
.befounder { width: 472px; }

div.wpcf7-validation-errors {border:none !important; padding:0 !important;}



/* Events

-------------------------------------------------------------------------------*/

#events { }
#events article { margin: 20px 0 0 0; border-bottom: 1px #d4d4d4 solid; padding: 20px 0px; }

#events h2 { font-size: 24px; color: #ef7f22; font-weight: 600; margin-bottom: 7px; }
#events h3 { font-size: 16px; color: #4d4d4d; font-weight: 600; }
#events table { width: 750px; }
#events table td { padding: 5px; font-size: 16px; color: #666; line-height: 22px; }
#events .ptd { font-weight: 600; color: #666; width: 50px; }
.seeall { font-size: 20px; color: #ef7f22; display: block; margin-top: 20px; font-weight: 600; }
/* Volunteers

-------------------------------------------------------------------------------*/
.voluntarios { margin-bottom: 60px; }
.voluntarios h1 { margin-bottom: 20px !important; }
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
    color: #fff !important;
   background:rgba(0,0,0,0.6);
}

#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 {
  
    max-width: 930px !important;
  
}


#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 {
   
    margin: 17px !important;
   
}

/* Single



-------------------------------------------------------------------------------*/


#content.single { padding: 20px; }
.singlep section { width: 620px; float: left; }
.singlep .entry-title { color: #3c3c3c; font-weight: 600; font-size: 24px; line-height: 30px; margin: 0 0 15px; padding: 5px 0; }
#etiquetas { border-top: 1px solid #DEDEDE; margin: 0; padding: 15px 0; color: #535353; font-size: 14px; text-transform: uppercase; }
#etiquetas a { color: #ec1c29; text-transform: capitalize; }
#etiquetas a:hover { color: #535353; }
#relatedposts { margin-top: 20px; }
#relatedposts h2 { border-top: 1px solid #dedede; color: #3c3c3c; font-size: 30px; font-weight: 600; margin-bottom: 20px; padding-top: 15px; }
#relatedposts h3 a { color: #666; font-size: 16px; font-weight: 600; }
.relatedthumb { width: 298px; height: 220px; float: left; }
.relatedthumb:nth-child(3n) { float: right; margin-right: 0px; }
.relatedthumb:nth-child(5n) { float: right; margin-right: 0px; }
/* Archive



-------------------------------------------------------------------------------*/

.arch h1 { font-size: 42px; font-weight: 800; color: #ef7f22; margin-bottom: 26px; }
#content.arch { padding: 20px; }
.arch section { width: 620px; float: left; }
.arch .excerpt { margin-bottom: 4px; color: #333; font-size: 15px; line-height: 24px; }
.arch article { margin-bottom: 60px; }
.arch ul li:last-child article { padding-bottom: 20px; margin-bottom: 20px; }
.arch-post-title { color: #3c3c3c; font-size: 24px; font-weight: 600; line-height: 30px; margin: 0; padding: 5px 0; }
.seguir { color: #f8931d; font-size: 16px; }
.seguir:hover { color: #000; }
.arch .entry { padding-bottom: 0px !important; }
/* Social



-------------------------------------------------------------------------------*/



#social { border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin-bottom: 30px; padding-bottom: 15px; padding-top: 5px; position: relative; }
#social h3 { color: #969595; float: left; font-size: 16px; font-weight: 300; margin-bottom: 0; padding-top: 10px; text-transform: capitalize; }
#social h3 span a { color: #656daf; }
#social h3 span a:hover, #social h3 span a:hover:after { color: #000; }
#hupso { float: right; position: absolute; right: -52px; top: 14px; width: 149px; }
#hupso_toolbar_0 img { height: 25px !important; margin-left: 4px !important; padding-right: 0 !important; padding-top: 0 !important; width: 25px !important; }
.hupso-share-buttons { }
.wpptopdfenh { position: absolute; right: 0; top: 0; }
.wpptopdfenh:hover { opacity: 0.8; }
.wpptopdfenh img { width: 49px; height: 30px; }
/* Navigation



-------------------------------------------------------------------------------*/



#navigation {/* border-top: 1px solid #ddd;*/ margin-top: 20px; padding-top: 10px; }
#navigation a { font-size: 15px; }
#next-posts { float: right; width: 250px; text-align: right; }
#prev-posts { float: left; width: 250px; }
#next-posts a, #prev-posts a { color: #3c3c3c; }
.next-posts a:hover, .prev-posts a:hover { color: #535353; }
#navigation-single { padding-top: 20px; border-top: 1px solid #DEDEDE; }
#navigation-single h4 { font-size: 14px; }
#nav-single { float: right; width: 250px; text-align: right; }
#nav-single a { color: #3c3c3c; }
.previouspost a { float: left; width: 300px; font-size: 16px; padding-left: 30px; background-image: url(images/before.png); background-repeat: no-repeat; background-position: left 4px; }
/*.previouspost a:before { content: '« '; }*/

.nextpost a { float: right; width: 250px; text-align: right; font-size: 16px; padding-right: 30px; background-image: url(images/after.png); background-repeat: no-repeat; background-position: right 4px; }
/*.nextpost a:after { content: ' »'; }*/

.nextpost a, .previouspost a { color: #3c3c3c; }
.nextpost a:hover, .previouspost a:hover { color: #737373; }
/* Sidebar



-------------------------------------------------------------------------------*/



#sidebar-general { width: 260px; float: right; }
.top10-title { font-size: 22px; margin-bottom: 30px; text-align: left; line-height: 30px; background: #f8931d; color: #fff; padding: 10px; text-align: center; font-weight: 600; }
#top10 ul { padding-bottom: 10px; }
#top10 li { border-bottom: 1px solid #e1e1e1; height: 70px; margin-bottom: 10px; padding: 3px 0 18px; }
#top10 li:last-child { border-bottom: none; }
.sidethumb { float: left; }
.sidethumb img:hover { opacity: 0.5; }
.sideinfo { float: left; margin-left: 10px; width: 150px; height: 80px; position: relative; }
.cat-tit a { color: #656daf; font-size: 15px; margin-bottom: 4px; }
.cat-tit a:hover { color: #000; }
.post-side-tit a { color: #666; font-size: 14px; line-height: 16px; }
.post-side-tit a:hover { color: #9c9c9c; }
.archivos-title { color: #3c3c3c; font-size: 26px; margin-bottom: 10px; margin-top: 30px; text-align: left; line-height: 30px; font-weight: 600; }
#suscripcion { background: none repeat scroll 0 0 #f0f0f0; padding-bottom: 30px; }
#suscripcion h2 { background: none repeat scroll 0 0 #f5f5f5; color: #7c7b7b; font-size: 18px; font-weight: 600; line-height: 30px; padding: 10px; text-align: center; }
.susp { color: #7b7c7b; font-size: 14px; line-height: 18px; margin: 10px 0 10px 15px; }
#suscripcion .widget_wysija_cont { margin-top: 20px; position: relative; }
#suscripcion .wysija-input { border: 1px solid #ddd; color: #808080; font-family: "Open Sans", sans-serif; font-size: 14px !important; height: 19px !important; margin-left: 15px; padding: 9px 9px 8px !important; width: 160px; }
#suscripcion .wysija-submit { background: none repeat scroll 0 0 #f8931d; border: 1px solid #f8931d; bottom: 0; color: #fff; font-size: 18px; height: 38px; line-height: 36px; margin-right: 15px; position: absolute; right: 0; width: 50px; }
.widget_wysija_cont p label { color: #333 !important; display: block !important; font-size: 15px !important; margin-left: 15px !important; }
#suscripcion .wysija-submit:hover { background: none repeat scroll 0 0 #000; border: 1px solid #000; }
#suscripcion .formError .formErrorContent { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; color: red !important; font-family: "Open Sans", sans-serif !important; font-size: 13px !important; left: -186px !important; line-height: 13px; padding: 0 !important; position: absolute !important; top: 36px !important; width: 350px !important; z-index: 5001; }
#archivos li { list-style-position: inside; list-style-type: square; color: #666; }
#archivos a { color: #666; font-size: 18px; margin-bottom: 5px; text-transform: capitalize; }
#archivos a:hover { color: #999; }
/* Entry

-------------------------------------------------------------------------------*/

.entry { padding-bottom: 10px; }
.entry a { color: #ef7f22; }
.entry a:hover { text-decoration: underline; }
.entry p { margin-bottom: 15px; color: #333; font-size: 15px; line-height: 24px; }
.entry h1 { color: #ef7f22; font-size: 30px; font-weight: 800; margin-bottom: 10px; }
.entry h2 { font-size: 22px; line-height: 26px; color: #ef7f22; margin-top: 10px; margin-bottom: 10px; font-weight: 600; }
.entry h3 { font-size: 20px; line-height: 24px; color: #ef7f22; margin-top: 10px; margin-bottom: 10px; }
.entry h4 { font-size: 18px; line-height: 22px; color: #ef7f22; margin-top: 10px; margin-bottom: 10px; }
.entry h5 { font-size: 16px; line-height: 20px; color: #ef7f22; margin-top: 10px; margin-bottom: 10px; }
.entry h6 { font-size: 15px; line-height: 19px; color: #ef7f22; margin-top: 10px; margin-bottom: 10px; }
.entry ul { list-style-position: inside; list-style-type: disc; margin-bottom: 20px; margin-top: 20px; }
.entry ul li { color: #333; font-size: 15px; line-height: 24px; margin-bottom: 10px; list-style-position: inside; }
.entry ol { list-style-position: inside; list-style-type: decimal; margin-top: 20px; margin-bottom: 20px; }
.entry ol li { color: #333; list-style-position: inside; margin-bottom: 20px; margin-top: 20px; }
.entry blockquote { border-bottom: 2px dashed #e0dede; border-top: 2px dashed #e0dede; color: #2b373f; font-size: 18px; font-weight: 600; line-height: 22px; margin: 30px 10px; padding-bottom: 20px; padding-top: 20px; text-align: center; }
.entry blockquote p { font-family: 'Montserrat', sans-serif; color: #b9d531; font-size: 40px; font-weight: 400; line-height: 22px; margin: 15px 10px; }
.entry iframe { margin-bottom: 20px; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }