/*
Theme Name: Johannes Gutenberg
Description: Asociacion Cultural Johannes Gutenberg

*/

/* --- TOC

01. GENERAL TYPOGRAPHY 
		1. CSS Reset
		2. General
		3. Lists Styles
		4. Borders & Dividers
		5. Tables
		6. Forms
		7. Images
		8. Headers
02. GENERAL LAYOUT
		1. General Structure
		2. Header
		3. Footer
		4. Sidebar
		5. Breadcrumbs
		6. Call to Action
		7. Columns
03. PAGE SPECIFIC STYLES
		1. Home
		2. Portfolio
		3. Portfolio Gallery View
		4. Portfolio Full Veiw
		6. Contact Form
04. BLOG STYLES 
		1. Blog Index
		2. About Author
		3. Social Media
		4. Popular and Related Posts
		5. Threaded Comments
05. WIDGETS
		1. Search Box
		2. Twitter
		3. Flickr
		4. Tag Cloud
		5. Custom Post Lists
		6. Calendar
		7. Contact Us Widget
		8. Recent Comments
		9. Categories, Links, Archives, ETC.
		10. RSS Widget
06. MENU 
07. EXTRAS
		1. Dropcaps
		2. Pullquotes
		3. Highlight Styles
		4. Unordered Lists
		5. Toggle Content
		6. Button Link Styles
		7. Box Styles
		8. WP Pagenavi

--- */



/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */


/* ------- 1. CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* ------- 2. General ------- */

body{color:#444;font-size:12px;}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb {letter-spacing:1px;font-family:Arial,sans-serif;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#888;}
a:hover{color:#aaa;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(images/code.png) repeat scroll 0 0;display:block;padding:0 20px 18px;border:1px solid #ddd;}
blockquote {background:transparent url(images/sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#aaa;display:block;font-size:10px;}	

/* ------- 3. List Styles ------- */

ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li{margin-left:0;list-style:none;}


/* ------- 4. Borders & Dividers ------- */

h3.widgettitle,h6,td,th,.divider,hr,div.widget li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header{
background:url(images/line.gif) repeat-x scroll center bottom;}
#primary ul.thumbnail_list,.top_metadata div,div.widget_pages li ul li,div.widget_categories li ul li{background: url(images/line.gif) repeat-x scroll center top;}
#footer h3.widgettitle,#footer div.widget li{background:none;border-bottom:1px solid #333;}
#footer .background div.widget_pages li , #footer .background div.widget_categories li {border-bottom:none;padding:0;}
#footer div.widget_categories li a,#footer div.widget_pages li a{border-bottom:1px solid #333;display:block;padding:5px 0;}
hr{border:0px solid transparent !important;background-color:transparent !important;height:1px;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px;}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Tables ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}

/* ------- 6. Forms ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:5px;width:180px;-moz-border-radius:6px;-webkit-border-radius:5px;}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
	background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* ------- 7. Images------- */
 
.alignright,img.alignright,a img.alignright {float:right; margin:8px 0px 10px 10px;}
.alignleft,img.alignleft,a img.alignleft {float:left;
margin:8px 10px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* ------- 8. Headers ------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}
#home_feature h2{font-size:26px;}
#secondary h3.widgettitle{color:#888;}
h1{font-family:century gothic;
font-size:29px;
font-weight:normal;
letter-spacing:-0.5px;}
h2{font-size:28px;}
h3{font-size:22px;}
h3.widgettitle,#popular_related_posts h3{margin-bottom:9px;
padding-bottom:10px;
padding-left:0;
width:311px;}
h4{font-size:18px;}
h5{font-size:16px;letter-spacing:1.6px;margin-bottom:20px;text-transform:uppercase;}
h6 {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
font-family:verdana;
font-size:11px;
font-weight:bold;
letter-spacing:-0.1px;
line-height:20px;
margin-bottom:2px;
margin-top:-150px;
padding: 5px 5px;
text-align:center;
text-transform:uppercase;
width:220px;
opacity:0.75;
filter: alpha(opacity=75); /* internet explorer */
	-khtml-opacity: 0.75;	  /* khtml, version anterior de safari */
	-moz-opacity: 0.75;	   /* firefox, mozilla, netscape */
	opacity: 0.75;		   /* safari, chrome, opera */
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.fancy_header span{
	background-color:#F9F9F9;
	color:#888;
	font-size:12px;
	letter-spacing:1px;
	line-height:12px;
	padding-right:5px;
	text-transform:uppercase;}	
.fancy_header{clear:both;padding-left:0;background: url(images/stripes.png) repeat scroll 0 0;margin:14px 0;}
.flush{margin:0 !important;}



/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */

/* ------- 1. General Structure  ------- */

#primary_full, #primary, #secondary{position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {min-width:960px;background-color:#f9f9f9;}
#body_block{z-index:0;padding-top:10px;}
#primary{float:right;
width:770px;}
#secondary{border-right:1px solid #EEEEEE;
float:left;
margin-right:10px;
min-height:317px;
padding:10px 10px 0 0;
width:150px;} 
#secondary a {background:none repeat scroll 0 0 #E4E4E4;
color:#333333;
display:block;
font-size:13px;
line-height:18px;
margin-bottom:5px;
padding:2px 5px;}
#primary .content{margin-top:10px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{clear:both;
height:100%;
margin:0 auto;
min-width:960px;
position:relative;
text-align:left;
width:960px;}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:960px;}
.entry{overflow:hidden;}
.entry p{font-size:13px;
letter-spacing:-0.2px;
line-height:23px;} 
.entry li {font-size:13px;
margin-bottom:7px;}
.entry ul {background:none repeat scroll 0 0 #FFFFFF;
padding:4px;}
.entry h1{color:#11416F}
/* ------- 2. Header ------- */

#header{height:150px;
position:relative;
z-index:999;}
/* logo & sitename */
#default_logo {background:transparent url(images/logo.png) no-repeat scroll center top;height:43px;width:127px;}
#default_logo a{display:block;height:100%;width:100%;}
#logo{color:#FFFFFF;
font-size:28px;
left:0;
position:absolute;
top:18px;
width:400px;}
#logo p {color:#EEEEEE;
font-family:Times New Roman;
font-size:32px;
font-weight:normal;
margin-top:0;
text-shadow:1px 1px 1px #000000;}
#logo span {
color:#EEEEEE;
font-size:16px;
font-weight:bold;
line-height:46px;
}
#logo img{float:left;margin-right:15px}
#mensaje{color:#fff000;
float:right;
font-size:18px;
width: 50%;}
#site_name{left:0px;position:absolute;top:32px;font-size:32px;}
#site_name a{color:#eee;}
/* default intro */
#intro_blurb{background:url("images/outset_breadcrumbs.gif") no-repeat scroll 0 78px #E6E6E6;
height:116px;
overflow:hidden;
position:relative;}
#intro_blurb_title {
background:url("images/intro.gif") no-repeat scroll right -7px transparent;
color:#F9F9F9;
display:block;
float:left;
font-size:32px;
height:62px;
line-height:32px;
margin-right:30px;
margin-top:25px;
padding-right:17px;}
#intro_blurb_title span {
background:url("images/intro.gif") no-repeat scroll -7px -7px transparent;
display:block;
line-height:32px;
padding:12px 20px 16px 30px;}
#blurb{
color:#444444;
font-size:24px;
line-height:100%;
min-height:57px;
min-width:200px;
overflow:hidden;
padding:39px 0 0 20px;}
/* twitter intro */	
#blurb p.tweet{
	min-height:50px;
	background:transparent url(images/tweet.png) no-repeat scroll -10px -26px;
	line-height:100%;
	margin-bottom:0;
	padding-left:65px;}
#blurb p.tweet a{color:#666;font-size:22px;}
  
/* ------- 3. Footer ------- */

#footer input[type=text], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:transparent;}
#footer a{color:#009ED2;}
#footer a:hover{color: #444}
#footer h3{color:#eee;text-shadow:1px 3px 1px #000000;}
#footer h3 a{color:#EEEEEE;
font-weight:normal;
line-height:22px;
text-shadow:1px 3px 1px #000000;}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;text-transform:uppercase;}
#footer_nav a{padding:0 5px;}

#footer {background:#111 url(images/footer.jpg) repeat-x top center;margin-top:40px;min-height:320px;}
#footer .inner{padding-top:25px;}

#sub_footer{background-color:#000000;border-top:1px solid #151515;padding-top:10px;font-size:9px;min-height:30px;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}

/* ------- 4. Sidebar ------- */

#has_sidebar{}
#has_sidebar #body_block{}
#has_sidebar #body_block .inner{overflow:hidden;}

/* ------- 5. Breadcrumbs ------- */

#breadcrumbs{-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#F9F9F9;
background-image:url("images/outset_breadcrumbs.gif");
background-repeat:repeat-x;
color:#AAAAAA;
display:none;
height:40px;
margin-top:-13px;}
body.inset #breadcrumbs {background-image:url("images/inset_breadcrumbs.gif");
display:none;}
#breadcrumbs .inner{padding-top:25px;font-size:10px;}
#breadcrumbs a{color:#bbb;}
body#home_page #body_block {padding-top:0px;}
.breadarrow{color:#ccc;padding:0 4px;}

/* ------- 6. Call to Action ------- */

#call_to_action{min-height:170px;background: #e6e6e6 url(images/outset_breadcrumbs.gif) repeat-x center bottom;}
body.inset  #call_to_action {background-image: url(images/inset_breadcrumbs.gif);}
#call_to_action #blurb{line-height:29px;
padding:30px 230px 80px 0;}
#call_to_action_button{background:transparent url(images/get_started.jpg) no-repeat scroll center top;height:89px;position:absolute;right:0px;top:30px;width:210px;}
#call_to_action_button a{display: block;height: 100%;width: 100%;}

/* -------  7. Columns ------- */

#primary .one_third{width:176px;}
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .one_fourth{width:100%;}
#primary .three_fourth{width:456px;}
.one_half{width:639px;}
.one_third{width:50%;}
.one_third p{line-height:18px;
margin-bottom:7px;}
.two_third{width:50%;}
.one_fourth p{font-size:13px;
margin-bottom:5px;}
.one_fourth{height:180px;
overflow:hidden;
width:234px;}
.one_fourth a{color:#fff}
.one_fourth a:hover{color:#fff}

.three_fourth{width:708px;}
.one_half,.one_third,.three_fourth,.one_fourth{float:left;
margin:0 3px;
position:relative;}
.actividades {
color:#DDDDDD;
float:left;
margin-bottom:10px;
width:100%;
}
.actividades li a {color:#00c0ff}
.actividades li {height:57px;
line-height:17px;
margin-bottom:20px;
padding-right:5px;}
.destacados-top{}
.destacados-top p{line-height:16px;
margin-bottom:7px;}
.last{clear:right;
margin-right:0 !important;
} 
 .enlaces3{
float:right;
font-family:arial;
font-size:13px;
font-weight:bold;
height:118px;
letter-spacing:0;
margin-right:8px;
margin-top:-133px;
position:relative;
text-align:right;
text-shadow:1px 2px 1px #000000;
width:98px;}
.enlaces3 a {color:#EEEEEE;}
.enlaces3 a:hover {color:#EEEEEE;}
 .oscuro{}
.uno {}
.cuadro{
background:#000
	}
.enlaces {float:left;
font-family:arial;
margin-right:4px;
margin-top:-105px;
width:98px;}

.enlaces a {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
display:block;
font-weight:bold;
margin-bottom:15px;
padding-left:2px;
filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;	  /* khtml, version anterior de safari */
	-moz-opacity: 0.8;	   /* firefox, mozilla, netscape */
	opacity: 0.8;		   /* safari, chrome, opera */
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.enlaces2 a {background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
display:block;
font-weight:bold;
margin-bottom:5px;
padding-left:2px;
filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;	  /* khtml, version anterior de safari */
	-moz-opacity: 0.8;	   /* firefox, mozilla, netscape */
	opacity: 0.8;		   /* safari, chrome, opera */
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.enlaces a:hover, .enlaces2 a:hover{background:#000;color:#Fff}
.enlaces2 {
float:left;
font-family:arial;
margin-right:4px;
margin-top:-119px;
width:78px;}
.dos {}
.tres {}
/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */



/* ------- 1. Home ------- */

body#home_page #header{height:150px;}
#home_feature{background:#F9F9F9; height:400px;}
/* slider nav */
#slider_thumbnails{position:absolute;z-index:100;width:960px;top:375px;left:0;}
#slider_preview_img{text-align:center;}
.slider_preview_img{cursor:pointer;height:15px;width:15px;background:transparent url(images/slider_inactive.png) no-repeat scroll 0 0;}
.active_slider_img{background:transparent url(images/slider_active.png) no-repeat scroll 0 0;}

/* slider full */
#slider_img{
	display:block;
	height:400px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:960px;}
#home_feature #slider_img .slider_full{height:400px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(images/slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:340px;
	position:absolute;
	top:0;
	right:0;
	width:600px;
	}
.slider_content{width:300px;padding-top:30px;padding-left:30px;}
.slider_full .slider_content{width:330px;padding-left:0px;}

/* slider staged */
#home_feature.staged .background{height:400px;background:transparent url(images/stage.jpg) center top no-repeat;}
#home_feature #slider_img .slider_cropped{height:340px;margin-top:20px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:40px 30px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#888888;}

/* slider cu3er */
#home_feature.cu3er .background{height:400px;background:transparent url(images/cu3er.jpg) no-repeat scroll center center;}
#home_feature.cu3er #cu3er-container{
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	width:960px;
	height:340px;
	top:25px;}

#slider_img img{right:0;bottom:0;}
#loading_slider{
	background:transparent url(images/slider_loader.gif) no-repeat scroll center top; 
	height:64px;
	position:absolute;
	text-align:center;
	top:170px;
	width:960px !important;
	z-index:20;}

/* ------- 2. Portfolio ------- */

.loading_gallery {
	background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}
h2.portfolio{margin-top:45px;}
h3.portfolio{margin-bottom:15px;margin-top:0;}
p.portfolio{margin-bottom:15px;}

.portfolio_single_pic{
	background:transparent url(images/portfolio_post_frame.gif) no-repeat scroll -1px -10px;
	display:block;
	height:600px;
	position:relative;
	width:960px;}
.portfolio_single_pic img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:516px;
	left:2px;
	padding:4px;
	position:absolute;
	top:22px;
	width:945px;}

/* ------- 3. Portfolio Gallery View ------- */

.loading_gallery_post {
	background: transparent url(images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.portfolio_img_holder {
	background: transparent url(images/portfolio_gallery_frame.gif) no-repeat scroll 0 -5px;
	display:block;
	height:180px;
	position:relative;
	width:288px;}
.portfolio_img_holder img {
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:151px;
	left:1px;
	padding:4px;
	position:absolute;
	top:9px;
	width:276px;}
.rollover {
	background: transparent url(images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}

/* ------- 4. Portfolio Full View ------- */

.loading_gallery_full {
	background: transparent url(images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:215px;
	position:absolute;
	top:124px;
	width:32px;}
.full_portfolio_frame{
	background: transparent url(images/portfolio_full_frame.gif) no-repeat scroll -14px -14px;
	height:300px;
	margin-top:35px;
	width:472px;
	position:relative;}
.full_portfolio_frame img{
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:246px;
	left:1px;
	padding:4px;
	position:absolute;
	top:8px;
	width:447px;}
.full_portfolio_frame .rollover {
	background: transparent url(images/zoom_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
.full_portfolio_frame .rollover_play {
	background: transparent url(images/play_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
	
.blog_frame .rollover {
	background: transparent url(images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
	
	
/* ------- 5. Contact Forms ------- */


.blog_frame .rollover {
	background: transparent url(images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}




#contact_form .loadingImg { background:transparent url(images/loader-contact.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(images/loader_widget_ft.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#contactFormWidget .loadingImgWidgetSb { background:transparent url(images/loader_widget_sb.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#footer form#contactFormWidget{background:transparent url(images/footer_form.png) no-repeat scroll -1px 0px;}
#footer input#emailWidget, #footer input#contactNameWidget, #footer textarea#commentsTextWidget, #footer .button{background:none transparent;border:0px transparent;}
.webtreats_contact_form_widget h3{margin-bottom:8px;}
#footer .webtreats_contact_form_widget p{margin-bottom:0;}
#secondary .webtreats_contact_form_widget p{margin-bottom:8px;}
#footer .button{background:transparent url(images/footer_button.png) no-repeat scroll -2px 0;height:42px;width:97px;}
#footer input#emailWidget, #footer input#contactNameWidget{height:24px;padding:5px 8px;width:178px;}
textarea#commentsTextWidget {padding-left:8px;height:107px;overflow:hidden;width:95%;}
.webtreats_contact_form_widget label{vertical-align:top;}
#footer #contactFormWidget .inputError {background:transparent url(images/error.png) no-repeat scroll right -1px;}
.inputError ,input[type="text"].inputError {border:1px solid #888;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
#footer p.thanks {background:#010101;padding:15px;margin-bottom:0;border:1px solid #333;}



/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */

.blog_header, .blog_header a:link, .blog_header a:visited{
	color:#333333;
	margin-bottom:0;
	padding-bottom:8px;}
.blog_module{
	clear:both;
	display:block;
	margin-bottom:40px;
	overflow:hidden;}
.loading_blog {
	background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
	height:143px;
	left:285px;
	position:absolute;
	top:73px;
	width:32px;}
.blog_frame{
	background: transparent url(images/blog_thumb.png) no-repeat scroll 0 0;
	height:290px;
	margin-top:-20px;
	position:relative;
	width:624px;}
.blog_frame img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:234px;
	left:1px;
	padding:4px;
	position:absolute;
	top:25px;
	width:612px;}	
.top_metadata{
	color:#888;
	font-size:10px;
	margin-bottom:5px;
	padding:4px 2px 8px;}
.top_metadata a{
	font-size:10px;
	text-transform:uppercase;
	word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}

/* ------- 2. About the Author ------- */

#about_the_author p.padding{padding-left:112px;padding-top:50px;}
#about_the_author{display:block;margin-bottom:10px;}
#about_the_author img{border:1px solid #666;float:left;margin-right:25px;width:80px;}
#about_the_author span.sprite{
	background:transparent url(images/sprite.png) no-repeat scroll -108px -120px;
	height:40px;
	left:132px;
	position:absolute;
	top:25px;
	width:95px;}

/* ------- 3. Social Media ------- */

#spread_the_word{display:block;margin-bottom:10px;}
#spread_the_word .gradient_box_bottom{padding:4px 25px;}
#spread_the_word .icons{padding-left:105px;height:50px;}
#spread_the_word span.sprite{
	background:transparent url(images/sprite.png) no-repeat scroll -104px -61px;
	height:38px;
	position:absolute;
	top:10px;
	width:100px;}
#spread_the_word a{display:block;height:100%;width:100%;}
.twitter_icon,.reddit_icon,.digg_icon,.stumbleupon_icon,.delicious_icon,.facebook_icon,.linkedin_icon{background:transparent url(images/spread_the_word.png) no-repeat scroll 0 0;float:left;clear:none;height:50px;width:50px;}
.delicious_icon {background-position:-10px 0;}
.reddit_icon{background-position:-75px 0;}
.digg_icon{background-position:-251px 0}
.stumbleupon_icon{background-position:-372px 0;}
.twitter_icon{background-position:-128px 0;}
.facebook_icon{background-position:-310px 0;}
.linkedin_icon{background-position:-192px 0;}

/* ------- 4. Popular and Related Posts ------- */

#popular_related_posts{margin-top:50px;}
#popular_related_posts .one_half,#popular_related_posts .one_half ul.thumbnail_list{margin-bottom:0;}

/* ------- 5. Threaded Comments ------- */

#comments{margin-top:64px;} 
#comments .date{
	padding-left:2px;
	color:#BBBBBB;
	font-size:9px;
	line-height:15px;
	text-transform:uppercase;}
.comment-text p{letter-spacing:-0.7px;
line-height:27px;}
.comment-text{
color:#333333;
font-size:15px;
left:25px;
margin-left:100px;
min-height:90px;
padding-right:40px;
padding-top:8px;
position:relative;
text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{
	float:left;
	overflow:hidden;
	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {
	display:inline-block;
	font-style:normal;
	line-height:16px;
	padding-left:2px;
	padding-top:5px;
	text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {
	float:left;
	font-size:10px;
	margin-right:5px;
	text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {
background:url("images/comment_bubble.gif") no-repeat scroll 26px 15px transparent;
clear:both;
list-style:none outside none;
overflow:hidden;
padding:20px 0;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {margin-left:118px;
padding:0;}
.nocomments {text-align: center;margin: 0;padding: 0;}

#commentform{padding-top:20px;}
#testimonios{clear:both;
height:266px; 
padding-top:20px;}
#respond{clear:both;padding-top:20px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}

.awaiting_moderation{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	display:inline-block;
	font-size:10px;
	margin-bottom:10px;
	padding:0 10px;}
.logged{margin-bottom:5px;}


/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */


.widget ul{margin-bottom:0;}
.widget{padding:0 0 40px 0;overflow:hidden;}	
.textwidget{clear:both;}


/* ------- 1. Search Box ------- */

#body_block .search-box{
	background:transparent url(images/searchbar.png) no-repeat scroll left top;
	height:30px;
	margin-top:5px;
	overflow:hidden;
	width:288px;}
#body_block input.search-field{ 
	background:transparent none repeat scroll 0 0;
	border:0 none;
	float:left;
	height:25px;
	margin:0;
	padding:7px 0 0 14px;
	width:232px;
	color:#666;}
#body_block input.search-field:focus{ background:transparent url(images/searchbar.png) no-repeat scroll left -30px;}
#body_block input.search-go {
	background:transparent url(images/searchbar.png) no-repeat scroll right 0;
	border:0 none;
	cursor:pointer;
	float:left;
	height:30px;
	margin:0;
	padding:0;
	width:42px;}
#body_block input.search-go:hover{background-position:right -30px;}


/* ------- 2. Twitter Widget ------- */

#twitter-widget{position:relative;overflow:visible;}
#secondary #twitter-widget.webtreats_twitter_widget ul li a{
	background:transparent url(images/mini_icons.png) no-repeat scroll -140px -116px;
	padding-left:26px;}
#secondary .twitter_bird{
	background:transparent url(images/sprite.png) no-repeat scroll right -1px;
	height:54px;
	position:absolute;
	right:0;
	top:2px;
	width:54px;}

/* ------- 3. Flickr Widget ------- */

#flickr h3 span {color: #0061D8;}
#flickr h3 span span {color: #FF1183;}
#flickr .wrap {
	margin-left: -11px;
	width:300px;
	padding: 0;
	position: relative;}
#flickr a{border:1px solid #eee;display:inline-block;}
#flickr a img {border:1px solid #fff;padding:4px;width:75px;height:75px;}
div.flickr_badge_image {
	padding: 0;	
	display:block;
	float:left;
	margin-bottom:12px;
	margin-left:12px;
	background:#f5f5f5 none repeat scroll 0 0;
	width:87px;
	height:87px;}
	
/* ------- 4. Tag Cloud ------- */

.widget_tag_cloud a{padding:4px;}
#body_block .widget_tag_cloud a:hover,#body_block .widget_tag_cloud a:active{text-shadow:1px 1px 1px #fff;}
	
/* ------- 5. Custom Post Lists ------- */

.thumbnail_list li{padding-bottom:5px;position:relative;}
.thumbnail_title{display:inline-block;font-size:15px;padding-top:10px;width:194px;}
ul.thumbnail_list .alignleft{margin-bottom:3px;margin-top:5px;}

/* ------- 6. Calendar ------- */     

.widget_calendar tfoot td{background-image:none;}
td#today{font-weight:bold;}
#secondary .widget_calendar td a{text-decoration:underline;}


/* -------  Contact Us Widget ------- */
#body_block .contact_widget_name,
#body_block .contact_widget_address,
#body_block .contact_widget_city,
#body_block .contact_widget_phone,
#body_block .contact_widget_email{padding-left:26px;}
.contact_widget_name{background:transparent url(images/mini_icons.png) no-repeat scroll -180px -84px;}
.contact_widget_phone{background:transparent url(images/mini_icons.png) no-repeat scroll -140px -124px;}
.contact_widget_email{background:transparent url(images/mini_icons.png) no-repeat scroll -100px -161px;}
.contact_widget_email a{text-decoration:underline;}
#footer .contact_widget_name,
#footer .contact_widget_phone,
#footer .contact_widget_email{background-image:none;}

/* ------- 8. Recent Comments ------- */

#secondary .widget_recent_comments ul li.recentcomments span{
	background:transparent url(images/mini_icons.png) no-repeat scroll -140px -122px;
	padding-left:26px !important;}
#secondary .widget_recent_comments ul li.recentcomments {padding:4px 0 8px;}	

/* ------- 9. Categories, Archives, Etc. ------- */

#footer div.widget li{padding:5px 0;}	
.webtreats_twitter_widget h3, 
.widget_categories h3, 
.webtreats_recent_widget h3, 
.webtreats_popular_widget h3, 
.widget_links h3, 
.widget_archive h3, 
.widget_meta h3,
.widget_pages h3,
.widget_recent_comments h3,
.widget_recent_entries h3{margin-bottom:0;}
#secondary .webtreats_twitter_widget ul li a, 
#secondary .widget_categories ul li a, 
#secondary .widget_links ul li a, 
#secondary .widget_archive ul li a, 
#secondary .widget_meta ul li a,
#secondary .widget_pages ul li a,
#secondary .widget_recent_entries ul li a{
	background:transparent url(images/mini_icons.png) no-repeat scroll -265px 2px;
	display:block;
	padding:4px 0 8px 20px;
	text-shadow:1px 1px 1px #FFFFFF;}	

#secondary .widget_pages ul ul li a, #secondary .widget_categories ul ul li a{margin-left:20px;}

/* ------- 10. RSS Widget ------- */

.rss-date{color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;}
.widget_rss ul li {padding:4px 0 8px;}
.widget_rss h3{margin-bottom:0;}	
.widget_rss ul li a {display:block;}



/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */


#main_navigation{
font-size: 12px;
height:40px;
position:absolute;
right:0;
text-transform:uppercase;
top:127px;
}
.jqueryslidemenu{position:relative;z-index:22;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
.jqueryslidemenu ul li{display:inline;
float:left;
position:relative;
text-shadow:1px 1px 1px #000000;}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#999;}

.jqueryslidemenu ul li a{
display:block;
height:40px;
line-height:40px;
overflow:hidden;
padding: 0 11px 0 0;
text-decoration:none;
letter-spacing: -1px;
}
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li ul{position: absolute;left: 0px;display: block;visibility: hidden;}

.jqueryslidemenu ul li ul li{display: list-item;float: none;}
.jqueryslidemenu ul li ul li ul{top:0px;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}

.jqueryslidemenu ul ul{
	background:transparent url(images/drop.png) no-repeat scroll -1px 0;
	padding-top:14px;
	top:30px;
	padding-bottom:2px;}
.jqueryslidemenu ul ul.menu_flip{	
	background:transparent url(images/dropR.png) no-repeat scroll -1px 0;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{
	background:transparent url(images/drop_sub.png) no-repeat scroll 0px -2px;
	margin-left:-4px;
	margin-top:-2px;
	padding-top:2px;}
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {color:#fff;
height:100%;
line-height:20px;}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{margin:0 4px;padding:6px 9px;background:#222;color:#eee;}
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 1px;padding:6px 12px;width:155px;}




/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ */


/* ------- 1. Dropcaps ------- */

/*.dropcap1{
	background:transparent url(images/sprite.png) no-repeat scroll -1px -1px;
	color:#EEEEEE;
	float:left;
	font-size:30px;
	height:40px;
	line-height:30px;
	margin-bottom:-5px;
	margin-right:10px;
	padding-left:1px;
	padding-top:5px;
	text-align:center;
	width:40px;}*/
.dropcap2{
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 8px 0 0;}

/* ------- 2. Pullquotes ------- */

.pullquote_right,.pullquote_left{
	background:transparent url(images/stripes.png) repeat-y scroll 0 0;
	color:#444444;
	float:right;
	font-size:14px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:20px;
	padding:0 0 0 20px;
	width:33%;}
.pullquote_left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

/* ------- 3. Highlight Styles ------- */

.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	

/* ------- 4. Unordered Lists ------- */

ul.arrow_list li{
	background:transparent url(images/mini_icons.png) no-repeat scroll -262px -1px;
	padding-left:20px;}
ul.check_list li{
	background:transparent url(images/mini_icons.png) no-repeat scroll -222px -41px;
	padding-left:20px;}

/* ------- 5. Toggle Content ------- */

h3.toggle {
	background:transparent url(images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:18px;
	margin-top:20px;
	padding:0 0 0 30px;}
h3.toggle a {
	color: #888;
	padding-top:5px;
	text-decoration: none;
	display: block;}
h3.toggle a:hover {color:#666;}
h3.active {background:transparent url(images/mini_icons.png) no-repeat scroll -19px -237px;}
h3.active a:link {color:#666;}
.toggle_content {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#F5F5F5;
	border:1px solid #f3f3f3;
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;}
.toggle_content .block {padding:30px;}

/* ------- 6. Buttons ------- */

/* simple buttons */
.button{
	background:transparent url(images/buttons.gif) no-repeat scroll center -34px;
	border:0px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:16px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;}
.slider_content a.button{
	background:transparent url(images/buttons.gif) no-repeat scroll center -34px;
	border:1px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:30px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;}
.slider_content a.button:hover,.button:hover{background:transparent url(images/buttons.gif) repeat-x scroll center -2px;cursor:pointer;}

/* span buttons */
a.button_link {
    background:#111 url(images/buttons.gif) no-repeat scroll right -34px;
    color:#eee;
    display:inline-block;
    font-size:11px;
    height:30px;
    margin-right:5px;
    margin-top:0px;
    padding-right:17px;
    text-transform:uppercase;}
a.button_link span {
	background:transparent url(images/buttons.gif) no-repeat scroll -2px -34px;
	display:block;
	line-height:10px;
	padding:9px 0 11px 15px;}
a.button_link:hover {background-position: right -2px;color:#ccc;}
a.button_link:hover span {background-position:-2px -2px;}

/* ------- 7. Box Styles ------- */

.gradient_box_middle{background:transparent url(images/gradient_box_middle.gif) repeat-y scroll 0 0;width:625px;}
.gradient_box_bottom{background:transparent url(images/gradient_box_bottom.gif) no-repeat scroll 0 bottom; padding:26px;position:relative;}
.gradient_box_top{background:transparent url(images/gradient_box_top.gif) no-repeat scroll 0 top;}

.fancy_box,.download_box,.warning_box,.info_box,.note_box{clear:both;padding:20px;margin: 20px 0px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.download_box,.warning_box,.info_box,.note_box{padding-left:55px;background:#eee;padding-bottom:25px;
padding-top:20px;}
.fancy_box{
	background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll 0 -7px;
	border:1px solid #E0E0E0;}
.info_box{
	background:#bfe4f9 url(images/icons/info.png) no-repeat scroll 10px 14px;
	border:1px solid #68a2cf;
	color:#2e6093;}
.warning_box{
	background:#ffcccc url(images/icons/stop.png) no-repeat scroll 10px 15px;
	border:1px solid #ff9999;
	color:#c31b00;}
.download_box{
	background:#dee3ab url(images/icons/down_alt.png) no-repeat scroll 10px 15px;
	border:1px solid #a3c159;
	color:#5e6f33;}
.note_box{
	background:#fdebae url(images/icons/notebook.png) no-repeat scroll 10px 15px;
	border:1px solid #e6c555;
	color:#9e660d;}


/* ------- 8. WP Pagenavi ------- */

.wp-pagenavi{clear:both;padding-top:10px;height:40px;text-align:right;background:url(images/line.gif) repeat-x scroll center top;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	border:1px solid transparent;
	color:#AAAAAA;
	font-size:10px;
	margin:1px;
	padding:4px 5px;
	text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {	
	background:#eee;
	background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;}
.wp-pagenavi span.current {
	background:#111111 url(images/buttons.gif) no-repeat scroll center -35px;
	border:1px solid #222;
	border-bottom:0;
	color:#EEEEEE;
	font-weight:bold;
	height:29px;
	text-shadow:none;}
.comment-text img{
/* ------- margin-left:-128px;
margin-top:-89px;------- */
width:100px;}
.actividades img {
float:left;
margin-right:6px;
margin-top:5px; 
}
table.form-table th {height:40px;background:#f9f9f9}
.activa{background:none repeat scroll 0 0 #061F35;
color:#BBBBBB;
display:block;
	overflow:hidden;
margin-right:5px;
padding:0 5px;}
.activa2{background:none repeat scroll 0 0 #061F35;
color:#BBBBBB;
display:block;
	overflow:hidden;
margin-right:5px;
padding:0 5px;}
.activa2, .activa {height:226px;padding: 1em;overflow: overlay;}
.escribe{border-bottom:2px solid #061F35;
float:left;
margin-right:5px;
margin-top:5px;}
.escribe a{color:#fff}
.destacados-top{}
#mediaima {}
#mediaima img{}
#mediaima a{background:#fff;padding:0}
#mediaenlace{background:none repeat scroll 0 0 #DDDDDD;
font-weight:bold;
margin:2px 0 6px;
padding:2px 5px;}
.blog_module img{float:left;
margin-right:10px;
margin-top:7px;}
#footer-dis {display:none}
#listticker{

}

	#listticker p{
line-height:15px
	}
		#listticker a{

		}
		#listticker .news-title{

		}
		#listticker .news-text{

		}
		#listticker img{width:50px;height:50px

		} 
.boletinmensual {margin-bottom:40px;}
.boletinmensual img{width:50px; height:50px}


#intro_body_general{
background-image: -webkit-gradient(linear,left top,left bottom,from(#070719),to(#0B173B));
background-image: -webkit-linear-gradient(top,#070719,#0B173B);
background-color: #2F5BB7;
background-image: linear-gradient(top,#070719,#0B173B);
height: 100%;
	
padding: 0 !important;
margin: 0 !important;
}
#intro_body{
    width: 710px;
    margin: 0 auto;
    padding-top: 50px;
}
#intro_header{
    color: #fff;
    font-size: 25px;
    height: 120px;
    text-shadow: 2px 2px 0 #444;
}
#intro_lema1{
    float: left;
    width: 268px;
    height: 59px;
    line-height: 30px;
    font-family: times new roman !important;
    margin-right: 40px;
}
#intro_insignia{
    float: left;
}
#intro_lema2{
    float: right;
    width: 268px;
    line-height: 30px;
    font-family: times new roman !important;
}
#intro_menu{
    text-align: center;
    height: 45px;
    margin: 0 auto;
    font-size: 14px;
    padding: 0 0 0 0;
    width: 727px;
}
#intro_menu li{
    margin: 0 16px 0 0;
    list-style: none;
    float: left;


}
#intro_menu li a{
	background: url(http://www.johannesgutenberg.org/wp-content/themes/johannes-gutenberg/styles/blue/buttons.gif) -4px -3px;






	border: 0;
border-image: initial;
    border-radius: 2px;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
	    padding: 5px 14px;
}
#intro_menu li a:hover{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
border-image: initial;
}
#intro_cuerpo{
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
    height: 256px;
    overflow: hidden;
}
#intro_cuerpo a{color: #fff;line-height: 32px;width: 337px;float: left;margin-left: 9px;}
#intro_cuerpo a:hover{color: #fff
	background-color: #357AE8;
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#ff4444,#357ae8);
background-image: -ms-linear-gradient(top,#ff4444,#357ae8);
background-image: -o-linear-gradient(top,#ff4444,#357ae8);
background-image: linear-gradient(top,#ff4444,#357ae8);
border: 1px solid #2F5BB7;
border-image: initial;
    border-radius: 2px;
}
#intro_cuerpo_img  a{background:none !important;border: 0 !important;padding: 0 !important;}
#intro_cuerpo_img img{
width: 338px;
margin-top: 10px;
opacity: 0.8;
}
#intro_cuerpo_img img:hover{

opacity: 1;
}
#intro_lima{
    float: left;
    width: 50%;
    text-align: center;
}
#intro_huanta{
    float: right;
    width: 50%;
    text-align: center;
}
#intro_mensaje_boton{
    margin-top: 15px;
}
#intro_mensaje{
background-color: #357AE8;
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#ff4444,#357ae8);
background-image: -ms-linear-gradient(top,#ff4444,#357ae8);
background-image: -o-linear-gradient(top,#ff4444,#357ae8);
background-image: linear-gradient(top,#ff4444,#357ae8);
float: left;
width: 492px;
margin-left: 9px;
font-size: 14px;
padding: 1px 8px;
line-height: 20px;
color: white;
text-shadow: 1px 1px 0 #333;
height: 60px;
}
#intro_boton{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
border-image: initial;
float: right;
color: white;
font-size: 16px;
width: 167px;
text-align: center;
text-shadow: 1px 1px 0 black;
background: url(http://www.johannesgutenberg.org/wp-content/themes/johannes-gutenberg/styles/blue/get_started.jpg) -29px -13px;
height: 62px;
margin-right: 9px;
}
#intro_boton a {color:#fff}
#arriba_img{
    height: 74px;
    overflow: hidden;
    margin-bottom: 2px;
}
#abajo_img{
    height: 74px;
    overflow: hidden;
}
canvas {
    
}
cufon {
    font-size: 26px!important;
}
div#gform_wrapper_1 {
    display: block!important;
}
a.boton-jg:hover {
    background: #021D32;
	color: #fff;
}

a.boton-jg {
    background: #2D99B5;
    color: #fff;
    padding: 1em;
    border-radius: 0.3em;
}
#footer_nav2 img {
    width: 20px;
}
.f1 , .f2  {
    width: 45%!important;
	float:left;
}
h3.laboral {
    font-size: 1.3em;
}
.ofertas {
    border-bottom: 1px solid #F3E2E2;
    padding-top: 1em;
    clear: both;
    display: table;
}
.ofertas a:hover {
    color: #928989;
}
.ofertas a {
    color: #074E89;
    text-transform: uppercase;
    font-family: Century Gothic;
}
a.escribe:hover {
    background: #727475;
}
a.escribe {
    float: right;
    background: #093359;
    color: aliceblue!important;
    font-weight: lighter!important;
    padding: 0.5em 1em;
    border-radius: 0.3em;
    margin-top: 1em;
    transition: 0.5s;
	margin-right: 2.5em;
}
#footer a, .destacados-top a {
    font-weight: 500!important;
}
#home_feature .background, .tp-bgimg.defaultimg {
    z-index: 0!important;
	}
#main_navigation {
    z-index: 999!important;
}
.ubermenu-skin-tt-blue .ubermenu-submenu.ubermenu-submenu-drop {
    z-index: 999!important;
}
.mapas {
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
}
.map {
    float: left;
    width: 46%;
    text-align: center;
    padding: 0.35em;
    border: 1px solid #EAE9E9;
    margin: 0.35em;
}
.map-titulo {
    min-height: 5em;
}
/*Cabecera*/
a#huanta:hover {
    color: #fff;
    background: #074E88;
}
a#huanta {
    background: #fff;
    padding: 0.5em 1em;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #0C3761;
    font-weight: 700;
    transition: 0.5s;
    position: absolute;
    right: 1em;
}
.logo-img {
    position: absolute;
    left: -3em;
}
#logo p {
    font-size: 0.9em;
	margin-top: 0.6em;
    text-shadow: 1px 1px 1px #000000;
    line-height: 12px;
    text-transform: uppercase;
    font-family: initial;
    font-weight: 400;
}
.social {
    float: right;
    width: 100%;
    text-align: right;
    padding-top: 0.389em;
}
.social img {
    width: 20px;
}
a.btn-donar:hover, a.btn-suscribir:hover {
    background: #031D34;
	color: #fff;
}
a.btn-donar {
    padding: 0.5em 0.9em;
    background: #fff500;
    color: #0C3257;
    border-bottom-left-radius: 0.5em;
    float: right;
    transition: 0.5s;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 0.75em;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
    font-weight: 700;
    border-bottom-right-radius: 0.5em;
}
a.btn-suscribir {
    padding: 0.5em 0.9em;
    background: #dedbdb;
    color: #0C3257;
    border-bottom-left-radius: 0.5em;
    float: right;
    transition: 0.5s;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 0.75em;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
    font-weight: 700;
    border-bottom-right-radius: 0.5em;
}
.mensaje-txt {
    width: 100%;
    font-family: initial;
    font-style: oblique;
    font-size: 1.2em;
}
.laboral {
    width: 100%!important;
}
img.camara {
    float: right;
    width: 100px;
    margin-right: 1em;
    margin-bottom: 0.3em;
    margin-top: -4.2em;
}

.suscribete .ult_modal-body {
    padding: 0;
}
.cabecera img {
    max-width: 100px!important;
    height: 100%;
}
.suscribete .gform_wrapper {
    background: #0b3359!important;
    padding: 2em;
    margin: 0;
    color: #fff;
}
.suscribete label {
    color: #fff;
    margin: 0!important;
    display: none!important;
}
.suscribete input {
    border: none!important;
    border-radius: 0.4em!important;
    padding: 0.65em 0.5em!important;
}
.suscribete input.gform_button {
    background: #ffb200!important;
    color: #333!important;
    font-weight: 600!important;
    float: right!important;
    padding: 1.2em 0.5em!important;
    line-height: 0!important;
    margin-top: -1em!important;
}
.suscribete input[type=text], .suscribete input[type=password], .suscribete input[type=file], .suscribete textarea {
    background: #ffffff!important;
}
.gform_wrapper div.validation_error {
    color: #fb0000!important;
    border-top: 2px solid #ff0909!important;
    border-bottom: 2px solid #ff0000!important;
}
div#post-6981 h1 {
    text-align: center;
    font-weight: 800;
    padding: 1.5em 0;
    display: none;
}
.col2 {
    background: #f0f0f0;
}
.col1 {
    background: #e0dfdb;
}
#body_block {
    padding-top: 0;
}
.gform_wrapper .ginput_complex.ginput_container_address .ginput_left, .gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
    margin-top: 5px!important;
}
.central h4 span {
    font-weight: 600;
    font-size: xx-large;
font-family: Raleway!important;

}
.central p span {
    line-height: 3;
    font-size: x-large;
    color: #757472!important;
    font-weight: 300;
font-family: Raleway!important;
}
button.suscribete-button:hover {
    background: #f9f9f9!important;
    transition: 1.5s;
    color: #0b3359!important;
    border-color: #0b3359!important;
}
.cabecera h3 {
    font-family: Raleway;
    font-weight: bold;
}
body .gform_wrapper ul li.gfield {
    margin-top: 5px!important;
}
.pestana.donar {
    display: inline-table;
    clear: both;
    width: 100%;
}
.sub-home {
    width: 100%;
    clear: both;
    padding: 2em 0;
    text-align: center;
    display: table;
    background: #08263e;
    font-family: raleway!important;
    font-size: x-large;
    font-weight: 500;
    color: #fff;
}
a.home-btn-sub:hover {
    background: transparent!important;
    transition: 1.5s;
    color: #fff!important;
    padding: 0.6em 1.1em;
}
a.home-btn-sub {
    padding: 0.5em 1em;
    color: #08263e;
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    font-size: large;
    background: #f9f9f9;
    margin-left: 2em;
}
#header {
    background: #08263e!important;
}
.suscribete ul {
    background: transparent;
}
.gracias {
    background: #08263e!important;
    padding: 1em!important;
    color: #fff!important;
    width: 230px!important;
    margin: 0 auto 0!important;
    border-radius: 0.2em!important;
}
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3, h3#order_review_heading {
    display: none;
}
.add_to_cart_inline a.button.product_type_simple, .add_to_cart_inline .add_to_cart_button {
    background: #0d436f;
    color: #fff;
    font-weight: normal;
    padding: 1em;
    line-height: normal;
    height: 40px;
    margin: 0 1em;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: #093359!important;
    padding: 1em;
    height: 15px;
}
tr.cart_item td.product-thumbnail img {
    max-width: 30px;
}
tr.cart-subtotal {
    display: none;
}
.form-row.place-order input#place_order:hover {
    background: #061f35!important;
}
.form-row.place-order input#place_order {
    padding: 1em;
    height: 45px;
    background: #E91E63!important;
    transition: 0.3s;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
    width: 100%!important;
}
form.checkout #order_review {
    width: 45%;
    float: right;
}
form.checkout .col2-set {
    width: 45%;
    float: left;
    border: 1px solid #e1e1e1;
    padding: 0.5em;
    border-radius: 5px;
}
p.product.woocommerce.add_to_cart_inline {
    border-width: 1px!important;
    max-width: 380px;
    border-radius: 5px;
}


@media screen and (max-width: 768px) {
form.checkout #order_review, form.checkout .col2-set {
    width: 100%;
    float: none;
}
}