/* 
Theme Name: OpOlopBlog
Theme URL: opolopblog.com
Description: Theme Oficial de Op Olop Blog, del Grupo Op Oloop (opolop.com)
Author: Lisandro Vico
Author URI: http://iambogardus.com
Version: 1.0
*/

/** IMPORT Reset, Tipography & Grid Styles **/
@import url(css/screen.css);

/*****************************************************/
/*************  BEGIN COMMON STYLES  *****************/
/*****************************************************/
body {
	text-align: center;
	font: 100% "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	color: #282828;
	background-color: #fff;
	margin: 0; padding: 0;
}

a {
	text-decoration: none;
	color: #2186d1;
	}
	a:hover { color: #084990;}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.hidden { display: none; }
.noimage img { display: none; }
.clear {clear: both;}

.post_avatar { float: left; padding: 0; margin: 0 20px 0 0; border: 1px solid #b5b5b5; }
.avatar { float: left; padding: 0; margin: 0 20px 0 0; border: 1px solid #b5b5b5; }	

/**************************************************************************
/**   IMAGES STYLES
/**   
/**   Using 'class="alignright"' on an image will (who would've
/**   thought?!) align the image to the right. And using 'class="centered',
/**   will of course center the image. This is much better than using
/**   align="center", being much more futureproof (and valid)
/**
***************************************************************************/
p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

p img {
	max-width: 100%;
	margin: 0; padding: 0;
	}
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		margin: 0 0 0 1em;
		display: inline;
		}
	
	img.alignleft {
		margin: 0 1em 0 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left
		}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* IMAGES CAPTIONS */
.wp-caption {
	text-align: left;
	margin: 0 10px 10px; padding: 0;
	}
	.wp-caption img {
		margin: 0;
		padding: 0;
	}
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		color: #999999;
		padding: 0;	margin: 0 5px;
		border-bottom: 1px solid #b5b5b5;
	}

/*****************************************************/
/*************  BEGIN LAYOUT STYLES  *****************/
/*****************************************************/

/** HEADER **/
#header {
	width: 100%;
	background: #333 url(images/bgHeader.png) repeat-x 0 0;
	}
	#header #headerInside {
		position: relative;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		}
		
		/** RSS FEED & GRUPO OP OLOP BUTTON **/
		#header a#rss,
		#header a#grupoOpOlop {
			display: block;
		  float: right;
		  font-size: 12px;
		  line-height: 26px;
		  color:#fff;
			text-decoration: none;
			padding: 0 20px 0 0; margin: 5px 0 0 20px;
			font-family: "Helvetica Neue", Sans-Serif;
			font-weight: bold;
			letter-spacing: 1px;
		}
		
		/** RSS FEED **/
		#header a#rss {
		}
		
		/** GRUPO OP OLOP BUTTON **/
		#header a#grupoOpOlop {
			background: #232323 url(images/grupoOpOlop.png) no-repeat center center;
			text-indent: -999em;
			min-width: 100px;
			line-height: 29px;
			margin-top: 4px;
			padding: 0 20px 0 10px;
			
			border-left: 1px solid #4f4f4f;
			border-right: 1px solid #4f4f4f;
			border-bottom: 1px solid #4f4f4f;
		}
		
		/** PAGES NAVIGATION **/
		#headerInside .menu {
			font-family: "Helvetica Neue", Sans-Serif;
			font-weight: bold;
			letter-spacing: 1px;
			}
			#headerInside .menu ul {
				list-style-type: none;
				text-align: right;
				float: right;
				margin: 5px 0 73px; padding: 0;
				}
				#headerInside .menu ul li,
				#headerInside .menu ul li.current_page_item {
					float: left;
				  text-transform: lowercase;
				  height: 26px;
				  margin: 0;
				  }
				  #headerInside .menu ul li a {
				  	display: block;
				   	font-size: 12px;
				   	line-height: 26px;
				   	color: #fff;
				   	padding: 0;
				   	margin-left: 20px;
				   	}
				   	#headerInside .menu ul li.page-item-168 a {
				   		background: transparent url(images/rss.png) no-repeat right center;
				   		padding-right: 20px;
				   	}
				   	#headerInside .menu ul li a:hover,
						#headerInside .menu ul li.current_page_item a,
						#header a#rss:hover {
							color: #2186d1;
							border-bottom: 2px solid #2186d1;
				   	}
	
		/** BRANDING **/
		#header h1 {
			display: block;
			position: absolute;
			left: 0;
			top: 5px;
			padding: 0; margin: 0;
			}
			#header h1 a {
				display: block;
				text-indent: -9999px;
				background: url(images/logo.png) no-repeat 0 0;
				outline: none;
				width: 195px; height: 99px;
				padding: 0; margin: 0;
			}
		
		/** CATEGORIES **/
		#header .categories {
			clear: both;
			list-style-type: none;
			height: 35px;
			background: #21a3dc url(images/bgCategories.png) 0 0 repeat-x;
			border-top: 1px solid #1f1f1f;
			margin: 0;
			}
			.categories li.cat-item {
				float: left;
				font-size: 0.75em;
				line-height: 35px;
				text-transform: uppercase;
				padding: 0 10px 0 0;
				margin: 0 10px 0 0;
				background: transparent url(images/divider.gif) center right no-repeat;
				}
				.categories li.cat-item a {
					font-weight: normal;
					color: #fff;
					}
					.categories li.cat-item a:hover { color: #282828;}
				
				/** CURRENT CATEGORY **/
				.categories li.current-cat {}
					#header .categories li.current-cat a { color: #282828; }

/** CONTAINER **/
#container {
	width: 100%;
	background: #fff url(images/bgBreadcrumb.png) top left repeat-x;
	}
	
	/** CONTAINER INSIDE **/
	#container #containerInside {
		position: relative;
		width: 950px;
		margin: 0 auto;
		text-align: left;
		background: transparent url(images/bgSidebar.png) top right repeat-y;
		padding-bottom: 30px;
		}
		
		/** BREADCRUMBS **/
		#containerInside .breadcrumb {
			clear: both;
			width: 100%;
			background-color: #d3ecf9;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #b5b5b5;
			color: #282828;
			font-size: 0.65em;
			line-height: 23px;
			text-transform: uppercase;
			}

		/** CONTENT **/
		#containerInside #content {
			clear: both;
			width: 610px;
			float: left;
			padding: 0;
			margin: 20px 0;
			}
	
			/* POST */
			#content .post {
				position: relative;
				min-height: 140px;
				clear: left;
				padding-bottom: 30px;
				margin-bottom: 30px;
				border-bottom: 1px solid #b5b5b5;
				}
				.post h2,
				.single h2 {
					font-size: 1.7em;
					line-height: 1em;
					padding: 0;
					margin-bottom: 10px;
					}
					.post h2 a,
					.single h2 a {color: #2186D1;}
						.post h2 a:hover,
						.single h2 a:hover {text-decoration: underline;}
				
				/** POST INFO **/
				.post .postInfo {
				    width: 200px; height: auto;
				    float: left;
				    margin-right: 20px;
				    color: #808080;
				    }
					.post img.postThumb,
					.single img.postThumb {
				    	width: 200px; height: auto;
				    	margin-bottom: 10px;
				    	float: left;
					}		
					.post p.postMeta {
						font-size: 0.75em;
					    line-height: 1.3;
					    padding: 2px 0;
					    border-bottom: 1px solid #b5b5b5;
					    margin: 0;
					}
				
				/** POST SUMMARY **/
				.post .summary {
					display: block;
					float: left;
					width: 330px;
					}
					.post .postExcerpt,
					.single .postExcerpt { font-style: italic; font-size: 0.8em;}
					
					.post a.readMore {
					    font-weight: bold;
					    color: #2186d1;
					    font-size: 0.8em;
					    padding: 2px 0;
					    border-bottom: 2px solid #2186d1;
					    }
					    .post a.readMore:hover {
					    	color: #282828;
					    	border-bottom: 2px solid #282828;
					    }
				
				/** POST DATE & COMMENTS **/
				.post .dateAndComments {
				    width: 48px;
				    height: auto;
				    position: absolute;
				    top:0; right: 0;
				    text-align: center;
				    }
				    .post .dateAndComments .date {
				    	width:42px;
				    	padding: 2px;
				    	margin-bottom: 5px;
				    	
				    	background-color: #2186d1;
				    	border: 1px solid #084990;
				    	-moz-border-radius: 2px;
				    	-webkit-border-radius: 2px;
				    	border-radius: 2px;
				    	}
				    	.post .dateAndComments .date p {
				    		font-weight: bold;
				    		color: #fff;
				    		line-height: 1em;
				    		margin: 0;
				    		padding: 0;
				    		}
				    		.post .dateAndComments .date p.day,
				    		.post .dateAndComments .date p.month { font-size: 2em; }
				    		
				    		.post .dateAndComments .date p.year { font-size: 1em; padding: 3px 0; }
				    	
				    	.post .dateAndComments p.comments {
				    	    display: block;
				    	    height: 48px;
				    	    background: #fff url(images/iconComments.png) center center no-repeat;
				    	    font-size: 1.3em;
				    	    line-height: 42px;
				    	    margin: 0;
				    	    }
				    	    
				 /** GOOGLE ADSENSE **/
				 #containerInside #content .adSense {
				   clear: both;
				   width: 610px;
				   height: 60px;
				   margin: 0 auto 30px;
				   text-align: center;
				   padding-bottom: 30px;
				   border-bottom: 1px solid #b5b5b5;
				 }
				    	    	
			/* SINGLE */
			#content .single {
				clear: both;
				position: relative;
				width: 610px;
				padding: 0;
				margin: 0;
				}
				
				/**SINGLE META INFO **/
				.single p.postMeta {
				    font-size: 0.8em;
				    line-height: 1.3em;
				    padding: 2px 4px;
				    background-color: #f6f6f6;
				    border: 1px solid #ccc;
				    -moz-border-radius: 2px;
				    -webkit-border-radius: 2px;
				    border-radius: 2px;
				}
				.single h2.postTitle,
				.single p.postMeta,
				.single .postExcerpt {
					margin-left: 220px;
				}
				.single .postExcerpt {margin-bottom: 40px; /* This is for the AdSense Div to have some White Space */}
				/** SINGLE AUTHOR INFO **/
				.single .author {
					clear: both;
					font-size: 0.8em;
					min-height: 80px;
					background-color: #d3ecf9;
					border: 1px solid #b5b5b5;
					padding: 15px;
					margin: 25px 0;
					}
					.single .author p { padding: 0; margin: 0 0 0 100px;}
				
				/** SINGLE POST PAGES LINKS **/
				.single p.postPages {
					font-size: 1.2em;
					line-height: 1.5em;
					}
				
				/** SINGLE RELATED POSTS **/
				.single #postRelated {
					clear: both;
					width: 313px;
					float: left;
					margin: 20px 0;
					padding: 15px 20px 15px 0;
					border-top: 1px solid #b5b5b5;
					}
					.single #postRelated ol.postRelatedArticles {
						list-style-type: none;
						margin: 0;
						}
						.single #postRelated ol.postRelatedArticles li {
							font-size: 1em;
							line-height: 1.4;
					    	padding: 2px 0;
					    	border-bottom: 1px solid #b5b5b5;
					    	margin: 0;
						}
				
				/** SINGLE POST BOOKMARKS **/
				.single #postBookmarks {
					float: left;
					width: 255px;
					background-color: #d3ecf9;
					border: 1px solid #b5b5b5;
					padding: 10px;
					margin: 20px 0;
					}
					.single #postBookmarks a img {
						width: 48px; height: 48px;
						float: left;
						margin: 0 2px 10px 0;
					}
				
				.single #postRelated h3,
				.single #postBookmarks h3 { font-weight: normal; margin: 0 0 10px;}
				
				/** COMMENTS **/
				ul.commentlist { 
					list-style:none; 
					margin:20px 0 0; 
					padding:0; text-indent:0; 
					} 
					ul.commentlist li { 
						margin:0 0 10px; 
						padding:0; 
						position:relative; 
						min-height: 80px;
						} 
						ul.commentlist li.comment {} 
						ul.commentlist li div.comment-author { 
							width: 100px; 
							float: left; 
							height: auto;
							}
							ul.commentlist li div.comment-author img.avatar {
								margin-bottom: 10px; 
							}
							ul.commentlist li div.comment-author p.authorName { 
								font-weight: bold; 
								padding: 0; 
								margin: 90px 0 0 0; 
								line-height: 1.1;
								}
								ul.commentlist li div.comment-author p.authorName span { 
									font-size: 0.8em; 
									display: block; 
									color: #7bbddf; 
									font-weight: normal; 
									margin: 0; 
									padding: 0; 
								}
				
						ul.commentlist li div.singleComment { 
							position: relative; 
							border: 1px solid #b5b5b5;
							float:right; 
							margin-bottom:5px; 
							padding:20px; 
							width: 450px;
							
							border-radius:5px; 
							-moz-border-radius:5px; 
							-webkit-border-radius:5px;
							}
							ul.commentlist li div.singleComment img.commentBubble { 
								position:absolute;
								left:-16px;  
								top:15px; 
							}
							ul.commentlist li div.singleComment p { margin:0 0 0.7em; }
							ul.commentlist li div.singleComment div.reply {
									font-size: 0.8em;
									font-weight: bold;
									color: #2186d1;
									text-align:center;
									margin-top: 20px;
									}
									ul.commentlist li div.singleComment div.reply a { 
										display: block;  
										text-decoration:none; 
										text-transform:uppercase;
										background:#58b6e7;
										color: #fff; 
										width: 100px;
										padding:5px 10px; margin: 0;
										
										border: 1px solid #2186D1; 
										border-radius:2px; 
										-moz-border-radius:2px; 
										-webkit-border-radius:2px;
								 		}
								 		ul.commentlist li div.singleComment div.reply a:hover {
								 			background-color: #2186D1;
								 		}
					
					/** NESTED COMMENTS **/			 	
					ul.commentlist li ul.children { 
						list-style:none; 
						margin:1em 0 0 120px; 
						text-indent:0;
						} 
						ul.commentlist li ul.children li { margin: 0; } 
							ul.commentlist li ul.children li.alt {} 
							ul.commentlist li ul.children li.bypostauthor {} 
							ul.commentlist li ul.children li.byuser {} 
							ul.commentlist li ul.children li.comment {} 
							ul.commentlist li ul.children li.comment-author-admin {} 
							ul.commentlist li ul.children div.singleComment {}
							ul.commentlist li ul.children li.depth-2 div.singleComment { width: 332px; } 
							ul.commentlist li ul.children li.depth-3 div.singleComment { width: 214px; } 
							ul.commentlist li ul.children li.depth-4 { margin:0; } 
							ul.commentlist li ul.children li.depth-5 {} 
							ul.commentlist li.even div.singleComment { background:#d3ecf9; } 
							ul.commentlist li.odd div.singleComment { background:#d3ecf9; } 
							ul.commentlist li.parent { } 
							ul.commentlist li.pingback { } 
							ul.commentlist li.pingback.parent { } 
							ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; } 
							ul.commentlist li.thread-alt { } 
							ul.commentlist li.thread-even {} 
							ul.commentlist li.thread-odd {} 
				
					/** RESPOND COMMENT FORM **/
					div#respond {
						margin: 10px 0;
						padding: 20px;
						background-color: #f6f6f6;
						border: 1px solid #b5b5b5;
						}
						div#respond h3 { margin-bottom: 0.2em; }
						div#respond #cancel-comment-reply {
							font-size: 1.1em;
							margin-bottom: 0.5em;
						}
						
						div#respond form#commentform { width: 448px; }
							div#respond form#commentform fieldset {
								position: relative;
								margin-left: 120px;
							}
							div#respond form#commentform fieldset textarea,
							div#respond form#commentform fieldset input {
								border: 1px solid #b5b5b5;
								background:#fff;
								display: block;
								margin-bottom: 5px;
								color: #333;
								}
								div#respond form#commentform fieldset p.req label { color: red;}
							div#respond form#commentform fieldset textarea {
								padding: 20px;
								font-size: 15px;
								}
							div#respond form#commentform fieldset img.respondBubble { 
								position:absolute;
								left:-15px;  
								top:15px; 
							}
							div#respond form#commentform fieldset p {
								display: block;
								clear: left;
								font-size: 1em;
								line-height: 1.8em;
								margin: 0 0 5px;
								padding: 0;
								}
								div#respond form#commentform fieldset p input {
									float: left;
									padding: 3px 5px; margin-right: 10px;
								}
								div#respond form#commentform fieldset p input#button { 
									float: right;
									background: #4f4f4f;
									color: #fff;
									padding:5px 10px; margin: 10px 0 0;
									
									border: 1px solid #404040; 
									border-radius:2px; 
									-moz-border-radius:2px; 
									-webkit-border-radius:2px;
									}
									div#respond form#commentform fieldset p input#button:hover {
										cursor: pointer;
										background:#282828;
										color: #fff;	
									}
									div#respond form#commentform fieldset p input#button:active {
										background:#ccc;
										color: #282828;
									}
							div#respond form#commentform fieldset textarea:focus,
							div#respond form#commentform fieldset input:focus,
							div#respond form#commentform fieldset input#button:focus { outline: none; }
							
		/** WP PAGE NAVI **/
		.wp-pagenavi {
			font-size: 0.8em;
			text-transform: uppercase;
			clear: both;
			font-weight: bold;
			margin-bottom: 15px;
			text-align: right;
			width: 610px;
			}
			.wp-pagenavi a, 
			.wp-pagenavi span.current {
				padding: 3px 7px;
				background: #fdfdfd repeat-x 0 100%;
				color: #468175;
				background: #2186D1;
				margin-left: 3px;
				text-decoration: none;
			}
			.wp-pagenavi a:hover,
			.wp-pagenavi .current {
				color: #232323;
				background: #fdfdfd repeat-x 0 100%;
			}
			.wp-pagenavi span.pages { border: none; padding-right: 100px; }

/** SIDEBAR **/
#containerInside #sidebar {
	float: right;
	border-top: 1px solid #fff;
	width: 310px;
	margin: 0;
	padding: 0;
	}
	#sidebar h2 {
	   font-size: 1.5em;
	   font-weight: bold;
	   color: #2186d1;
	   font-family: "Lucida Grande", "Georgia", "Times New Roman", Serif;
	   margin: 0;
	   padding: 0;
	}
	#sidebar p { font-size: 0.8em;}
	
	/** SIDEBAR ADS **/
	#sidebar #ad125x125 {
		}
	    #sidebar #ad125x125 a {
	    	display: block;
	    	float: left;
	   		border: 1px solid #b5b5b5;
	   		margin: 7px;
	   	}
	   	
	   	/** SIDEBAR BLOCK **/
		#sidebar .block {
			padding: 10px;
			background: transparent url(images/horizontal.png) no-repeat 1px bottom;
			}
			#sidebar .block ul {
				list-style-type: none;
				padding: 10px 0;
				}
				#sidebar .block ul li {
					font-size: 0.9em;
					padding: 5px 0;
					margin: 0;
				}
				
			#sidebar .block img.icon {
				width: 48px; height: 48px;
				float: left;
				margin: 0 0 5px 0;
			}
			
			#sidebar .block h2,
			#sidebar .block p {
				margin-left: 55px;
			}
			
			/** Search Box **/
			#sidebar .block form#searchform div input#s {
				max-width: 140px;
				margin-left: 10px;
			}
			
			#sidebar .block .adSense {
				clear: both;
				width: 300px;
				height: 250px;
				margin: 10px 0;
				margin-left: -5px;
				border: none;	
			}
			
			/** SIDEBAR TAG CUMMULUS **/
			#sidebar #wpcumuluswidgetcontent {margin-left: 1px;}	
			
			/** WIDGET READY SUB SIDEBARS **/
			#sidebar .first {
				width: 145px;
				float: left;
				padding-top: 10px;
				margin: 0 5px 0 10px;
			}
			
			#sidebar .second {
				width: 145px;
				float: left;
				padding-top: 10px;
			}
		
			#sidebar .first h2,
			#sidebar .second h2 {
				color: #fff;
				background: #282828 url(images/horizontal.png) no-repeat left bottom;
				font-size: 0.9em;
				font-weight: bold;
				text-transform: uppercase;
				padding: 7px;
				margin: 0 8px 0 2px;
			}
			 
			#sidebar .first ul,
			#sidebar .second ul {
				list-style-type: none;
				margin: 0 8px 10px 2px;
				}
				#sidebar .first ul li,
				#sidebar .second ul li {
					margin: 0;
					}
					#sidebar .first ul li a,
					#sidebar .second ul li a {
						display: block;
						padding: 8px 10px;
						font-size: 0.8em;
						font-weight: normal;
						background: transparent url(images/horizontal.png) no-repeat left bottom;
						}
						#sidebar .first ul li a:hover, 
						#sidebar .second ul li a:hover {
							background-color: #fff;
						}
						
/** FOOTER **/
#footer {
	width: 100%;
	background: #404040 url(images/bgFooter.png) 0 0 repeat-x;
	color: #d3ecf9;
	clear: both;
	text-align: left;
	padding:0 0 30px;
	}
	#footer #footerInside {
		width: 950px;
		margin: 0 auto;
		background: transparent url(images/footerImprenditoreLogo.jpg) no-repeat right 39px;
		}
		#footerInside #slogan {
			height: 38px;
			width: 100%;
			background: transparent url(images/footerImprenditoreText.png)  no-repeat left top;
			}
			#footerInside #slogan p {
				font-size: 1.2em;
				line-height: 38px;
				color: #fff;
				font-weight: lighter;
				padding-left: 180px;
			}
	#footer #footerInside div.footerBox {
		width: 200px;
		float: left;
		margin: 30px 45px 20px 0;
	}
	#footer #footerInside h3 {
		font-size: 1.6em;
		color: #fff;
		margin: 0 0 1em;
	}
	
	#footer #footerInside div.footerBox ul {
			list-style-type: none;
			margin: 0 0 10px;
			}
			div.footerBox ul li {
				margin-bottom: 10px;
				}
				#footer #footerInside div.footerBox ul li a {
					display: block;
					padding: 8px 10px;
					font-size: 1em;
					background: #282828 url(images/footerHorizontal.png) 0 100% repeat-x;
					border-top: 1px solid #222;
					color: #fff;
					}
					#footer #footerInside div.footerBox ul li a:hover {
						background: #2186d1;
						border-top: 1px solid #5eb4f3;
					}
	
	div.footerBox a.footerButton,
	#footer a {
		padding: 5px;
		background: #282828 url(images/footerHorizontal.png) 0 100% repeat-x;
		border-top: 1px solid #222;
		color: #fff;
	}
	
	#footer a:hover,
	div.footerBox a.footerButton:hover {
		background: #2186d1;
		border-top: 1px solid #5eb4f3;
	}
	
	#footer #footerInside .horizontalDivider {
		clear: both;
		height: 2px;
		background: url(images/footerHorizontal.png) 0 0 repeat-x;
		margin: 20px 0;
	}
	/* #footer a {
		color: #6A6A6A;
	}
	#footer a:hover {
		color: #ffffff;
	} */

/** SEARCH FORM **/
form#searchform div{
	margin: 10px 0 0;
	}
	form#searchform input {
	    border: 1px solid #b5b5b5;
	    font-size: 1em;
	    line-height: 1.5em;
	    float: left;
	    padding: 3px;
	    max-width: 150px;
	}
	form#searchform label.screen-reader-text {display: none;}
	form#searchform input#searchsubmit {
	    border: 1px solid #b5b5b5;
	    background: #f6f6f6;
	    color: #232323;
	    float: right;
	    margin: 0 12px 0 5px;
	    }
	    form#searchform input#searchsubmit:hover {
	    	cursor: pointer;
	    	background-color: #232323;
	    	color: #f6f6f6;
	    }

/** CONTACT FORM - Wordpress Contact Form 7 PlugIn **/

#content div.wpcf7 {
	background-color: #d3ecf9;
	border: 1px solid #b5b5b5;
	color: #555;
	padding: 20px;
	margin-bottom: 20px;
	}
	#content div.wpcf7 p {
		font-size: 1em;
		}
		#content div.wpcf7 p label {
			display:block;
			float:left;
			line-height: 26px;
			padding:0;
			margin-right: 15px;
			width:150px;
			text-align:right;
			font-weight:bold;
		}
		#content div.wpcf7 p span.wpcf7-form-control-wrap input,
		#content div.wpcf7 p span.wpcf7-form-control-wrap textarea {
			padding: 5px 3px;
			font-size: 0.9em;
		}
	
	#content div.wpcf7 p.submitButton {
		line-height: 26px;
		margin-left: 165px;
		}
		#content div.wpcf7 p.submitButton input {
			float: left;
			margin-right: 10px;
			background: #4f4f4f;
			color: #fff;
			padding:5px 10px;
			
			border: 1px solid #404040; 
			border-radius:2px; 
			-moz-border-radius:2px; 
			-webkit-border-radius:2px;
			}
			#content div.wpcf7 p.submitButton input:hover {
				cursor: pointer;
				background:#282828;
				color: #fff;
			}
			#content div.wpcf7 p.submitButton input:active {
				background:#ccc;
				color: #282828;
			}
			
	div.wpcf7-response-output,		
	div.wpcf7-validation-errors,
	div.wpcf7-mail-sent-ng,
	div.wpcf7-mail-sent-ok {
		background-color: #f6f6f6;
	}
	div.wpcf7-response-output {
		margin:1em 0.5em;
		padding:0.2em 1em;
	}

/****  ATTAINRESPONSE  ****/
form.attainResponse {}
	form.attainResponse div {clear: both; margin: 0; padding: 10px;}
	form.attainResponse div label { display: block; line-height: 20px; float: left; text-align: right; width: 100px; margin-right: 10px;}
	form.attainResponse div span.captcha { display: block; text-align: center;}
	form.attainResponse div.submit {text-align: center;}