/*
Theme Name: Bienestar
Theme URI: http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Bienestar</b>.
Version: 1.0
Author: Dizzain.com
Author URI: http://www.dizzain.com/
*/

html { width: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	font: 14px/20px "Trebuchet MS", Arial;
	color: #000;
	background: #fff;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 10px 0 0 20px;
}

pre {
	font: 14px/16px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline:none;
}

.overflow {
	overflow: auto;
}

/*
	Layonts
*/

#wrapper {
	margin: 0;
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#container {
	float: left;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

#header {
	margin: 0 auto;
	width: 990px;
	height: 280px;
	background: url("images/header.jpg") 0 0 no-repeat;
	overflow: hidden;
}

	#content {
		float: left;
		width: 520px;
		margin: 0;
	}

	#left {
		float: left;
		width: 150px;
		margin: 0;
	}

	#right {
		float: right;
		width: 300px;
		margin: 0;
	}

#bottom {
	float: left;
	padding: 0;
	margin: 20px 0 0;
	width:  990px;
}

#footer {
	float: left;
	padding: 0;
	margin: 20px 0 0;
	width:  990px;
	background: url("images/footer.gif") 0 0 repeat-x;
	padding: 10px 0;
}

#banner {
	float: left;
	width: 1000px;
}

/*
	Header
*/

/* Logo */

#logo {
	float: left;
	width: 220px;
	height: 100px;
	margin: 70px 0 0 40px;
}

	#logo h1 {
		position: relative;
		margin: 0;
		padding: 0;
	}

		#logo h1 a {
			display: block;
			width: 220px;
			height: 100px;
			cursor: pointer;
			background: url("images/logo.png") center center no-repeat;
			text-indent: -3000px;
		}

/*
	Navbar
*/

#menu {
	float: left;
	width: 990px;
	height: 40px;
	margin: 70px 0 0 0;
}

	/* Menu */

	#nav {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 40px;
		width: 750px;
	}

	#nav li {
		float: left;
		margin: 0;
		/* "Franklin Gothic Medium Cond" */
		font: bold 14px/40px "Arial Narrow", Tahoma, sans-serif;
		padding: 0;
		height: 40px;
		text-transform: uppercase;
		border-left: 1px solid #ddeaee;
		border-right: 1px solid #bdd3d8;
	}

		#nav li a {
			display: block;
			color: #184558;
			text-decoration: none;
			padding: 0 7px;
		}

			#nav li a span {
				display: block;
			}

			#nav li a:hover, #nav li.hover a {
				color: #fff;
				background: url("images/menu/top_active.gif") 0 0 repeat-x;
			}

		/* Submenu */			

		#nav li ul {
			display: none;
			position: absolute;
			padding: 0;
		    margin: 0;
		    width: 130px;
		    list-style-type: none;
		    background: #cce3e6;
			filter:alpha(opacity=90);
			-moz-opacity: 0.90;
			opacity: 0.90;
		}

			#nav li ul li {
				float: none;
			    height: 23px;
				font: 13px/23px Arial, Tahoma, sans-serif;
				margin: 0;
				padding: 0;
		    	text-transform: none;
		    	border-left: 1px solid #cce3e6;
		    	border-right: 1px solid #cce3e6;
			}

				#nav li ul li a, #nav li.hover ul li a {
					display: block;
					color: #184558;
					text-decoration: none;
					padding: 0;
			    	height: 23px;
			    	padding-left: 7px;
			    	background: transparent;
				}

					#nav li ul li a:hover {
			    		height: 23px;
			    		color: #fff;
						background: url("images/menu/top_active.gif") 0 0 repeat-x;
					}

	/* Arrow for second element */

	#nav li a span span {
		padding-right: 0;
		display: inline;
		background: none;
		font: bold 8px/30px Arial;
	}

	#nav li a:hover span span {
		background: none;
	}

	/* Search */
	#search {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 40px;
		width: 210px;
	}

/*
	Content
*/

#content .banners {
	float: left;
	width: 530px;
	margin: 10px 0;
}

#content .posts {
	float: left;
	width: 530px;
}

	#content .posts .post {
		float: left;
		overflow: hidden;
		margin: 0 0 10px;
		width: 530px;
		padding-bottom: 20px;
	}

		#content .posts .entry {
			float: left;
			width: 100%;
		}

	#content .posts h2 {
		color: #010101;
		font: 20px/22px Georgia;
		letter-spacing: -1px;
	}

		#content .posts h2 a {
			color: #010101;
			text-decoration: none;
		}

	#content .posts p {
		margin: 0 0 5px;
	}

		#content .posts p a {
			color: #d09c61;
			text-decoration: none;
		}

	#content .posts ul {
		margin: 10px 20px;
		color: #074f45;
		font: 12px/16px "Trebuchet MS", Arial;
	}

	#content .posts .banner {
		float: left;
		overflow: hidden;
		margin: -10px 0 0;
		width: 530px;
		padding-bottom: 20px;
	}


#content .posts .navigation_post {
	width: 530px;
	float: left;
	height: 40px;
	margin: 10px 0;
	background: url("images/navigation/back.gif") 0 0 repeat-x;
	border-left: 1px solid #ddb676;
	border-right: 1px solid #ddb676;
}

	#content .posts .navigation_post .prev {
		width: 33%;
		height: 40px;
		float: left;
		text-indent: -5000px;
	}

		#content .posts .navigation_post .prev a {
			display: block;
			height: 40px;
			width: 100%;
			background: url("images/navigation/prev.gif") 0 0 no-repeat;
		}

	#content .posts .navigation_post .home {
		width: 34%;
		float: left;
		text-indent: -5000px;
	}

		#content .posts .navigation_post .home a {
			display: block;
			height: 40px;
			width: 100%;
			background: url("images/navigation/home.gif") center bottom no-repeat;
		}

	#content .posts .navigation_post .next {
		width: 33%;
		float: left;
		text-indent: -5000px;
	}

		#content .posts .navigation_post .next a {
			display: block;
			height: 40px;
			width: 100%;
			background: url("images/navigation/next.gif") right 0 no-repeat;
		}


#content .posts .info {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}

	#content .posts .info .date {
		float: left;
		width: 50px;
		height: 53px;
		background: url("images/date.png") 0 0 no-repeat;
		text-align: center;
		color: #fff;
	}

		#content .posts .info .date .d {
			font: italic 27px/32px Georgia;
		}

		#content .posts .info .date .m {
			font: 9px/26px Arial;
		}

	#content .posts .info .title {
		float: left;
		width: 470px;
		margin: 0 0 0 10px;
		border-bottom: 1px solid #b9c7cd;
	}

		#content .posts .info .title .meta {
			font: italic 12px/24px Georgia;
			margin: 0;
			color: #000;
		}

			#content .posts .info .title .meta a {
				text-decoration: none;
				color: #000;
			}



#content .posts .commentsinfo {
	float: left;
	overflow: hidden;
	margin: 10px 0 10px;
	width: 530px;
	height: 29px;
	background: url("images/comments.png") 0 0 no-repeat;
	font: 11px/29px Tahoma;
}

#content .posts .commentsinfo.large {
	float: left;
	overflow: hidden;
	margin: 10px 0 10px;
	width: 530px;
	height: 50px;
	background: url("images/comments_l.png") 0 0 no-repeat;
	font: 11px/16px Tahoma;
	padding-top: 8px;
}

	#content .posts .commentsinfo .alignleft {
		margin-left: 10px;
	}

	#content .posts .commentsinfo .alignright {
		margin-right: 10px;
	}

	#content .posts .commentsinfo span {
		font-weight: bold;
		text-transform: uppercase;
	}

	#content .posts .commentsinfo a {
		color: #bc9575;
	}

		#content .posts .commentsinfo a span {
			color: #000;
			font-weight: bold;
			text-transform: none;
		}



/*
	Sidebars
*/

#left ul, #right ul {
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	font: 12px/20px Arial, Tahoma, sans-serif;
}

#right ul {
}

	#left ul li, #right ul li {
		float: left;
		width: 100%;
	}

	#right ul li {
	}

		#left ul li ul, #right ul li ul {
			list-style-type: none;
			margin: 0;
		}

			#left ul li ul li, #right ul li ul li {
				list-style-type: none;
			}

				#left ul li ul li a, #right ul li ul li a {
				}

					#left ul li ul li a:hover, #right ul li ul li a:hover {
					}

#left .categories {
	float: left;
	width: 123px;
	background: #f1eae5;
	margin: 5px 0 0;
}

	#left .categories h3 {
		font: 18px/20px "Georgia";
		background: url("images/menu/h3.gif") 0 0 no-repeat;
		padding: 5px 10px;
	}

	#left .categories ul li ul {
		margin-top: 10px;
	}

		#left .categories ul li ul li {
			float: left;
			width: 123px;
			background: url("images/menu/li.gif") 10px 8px no-repeat;
			/*height: 22px;*/
		}

			#left .categories ul li.active {
			}

		#left .categories ul li a {
			display: block;
			color: #1f6067;
			padding-left: 20px;
		}

			#left .categories ul li a:hover, #left .categories ul li.active a {
				color: #fff;
				background: #ce985d url("images/menu/li_hover.gif") 0 0 repeat-x;
			}

		/*#left .categories ul li a span {
			display: block;
			background: url("images/menu/li.gif") 10px 8px no-repeat;
			padding-left: 20px;
		}

			#left .categories ul li a:hover span {
				display: block;
				background: url("images/menu/li_active.gif") 10px 8px no-repeat;
			}*/


/* Right */

#right .subscribe {
	float: left;
	margin: 5px 0 0 0;
	width: 300px;
}

	#right .subscribe h3 {
		background: #ece4df;
		font: 18px/36px Georgia;
		height: 36px;
		width: 300px;
		padding: 0 0 0 10px;
	}

#right .buttons {
	float: left;
	margin: 20px 0 0 0;
	width: 300px;
}

	#right .buttons ul li {
		margin-right: 1px;
		width: auto;
	}

#right .widgets {
	float: left;
	margin: 10px 0 0 0;
	width: 300px;
	background: #e0edee;
	/*url("images/menu/widgets_top.gif") 0 0 no-repeat*/
	border-left: 1px solid #c7e1e2;
	border-right: 1px solid #c7e1e2;
	border-bottom: 3px solid #c7e1e2;
}

	#right .widgets h3 {
		font: 18px/35px Georgia;
		height: 35px;
		width: 100%;
		background: #c7e1e2;
		padding-left: 10px;
	}

	#right .widgets ul li ul {
		margin: 10px;
	}

		#right .widgets ul li ul li {
			background: url("images/menu/widget_li.gif") 0 8px no-repeat;
			padding-left: 10px;
			width: 90%;
		}

		#right .widgets ul li ul li a {
			color: #1f6067;
		}

/*
	Bottom
*/

#bottom {
	overflow: hidden;
	background: url("images/menu/bottom_back.gif") 0 0 repeat-x;
}


#bottom ul {
	float: left;
	list-style-type: none;
	font: 12px/20px Arial, Tahoma, sans-serif;
}

#bottom ul {
	float: left;
	margin: 0;
	margin-top: 2px;
	width: 100%;
	overflow: hidden;
}

	#bottom ul li {
		float: left;
		width: 33%;
		margin: 0;
	}

	#bottom ul li h3 {
		float: left;
		background: #cfdfdc;
		width: 100%;
		height: 35px;
		font: 18px/35px Georgia;
		padding-left: 20px;
	}

		#bottom ul li ul {
			list-style-type: none;
			margin: 0;
			width: 90%;
			padding: 10px 0 0 20px;
		}

			#bottom ul li ul li {
				list-style-type: none;
				width: 100%;
				background: url("images/menu/bottom_li.gif") 0 8px no-repeat;
				padding-left: 10px;
			}

				#bottom ul li ul li a {
				}

					#bottom ul li ul li a:hover {
					}

/*
	Footer
*/

#footer a {
	text-decoration: none;
}

#footer p {
	font: bold 11px/14px Arial;
	margin: 10px 0;
	color: #000;
}

/*
	Other styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.grey {
	color: #9c9c97;
}


/*
	Search form
*/

#searchform {
	width: 210px;
	height: 25px;
	margin-top: -3px;
}

	#searchform input {
		float: left;
	}

	#searchform .field {
		height: 25px;
		background: #fff;
		border: 0 none;
		width: 170px;
		font: 12px/25px Arial;
		color: #573112;
		padding: 0 2px;
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;
	}

	#searchform .button {
		height: 25px;
		width: 25px;
		border: 0 none;
		background: none;
		color: #184558;
		cursor: pointer;
		font: bold 12px/25px Arial;
		text-transform: uppercase;
		text-align: center;
	}


/*
	Subscribe form
*/

#subscribeform {
	float: left;
	width: 270px;
	height: 25px;
}

	#subscribeform input {
		float: left;
	}

	#subscribeform .field {
		height: 24px;
		border: 1px solid #d0baa2;
		width: 200px;
		font: 12px/25px Arial;
		color: #835c35;
		padding: 0 2px;
	}

	#subscribeform .button {
		height: 25px;
		width: 62px;
		border: 0 none;
		background: none;
		color: #184558;
		cursor: pointer;
		background: url("images/buttons/enviar.png") 0 0 no-repeat;
		margin-left: 2px;
	}


/*
	Images
*/

p img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
	border: 1px solid #91b8b6;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 10px 0 10px 10px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 10px 10px 10px 0;
	display: inline;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*
	Pagination
*/

.wp-pagenavi {
	font: 15px/20px Verdana;
	color: #6baca3;
}

	.wp-pagenavi .pages {
		display: none;
	}

	.wp-pagenavi a {
		color: #bc9575;
	}

/*
	Other
*/

.st-tag-cloud {
	margin: 10px;
}

.pagetitle {
	margin: 10px 0;
}

/*
	Calendar
*/

#wp-calendar {	
	float: left;
	empty-cells: show;
	margin: 10px 40px 0;
	width: 200px;
	font: 11px/13px Arial;
}

#wp-calendar #next a {
	/*padding-right: 5px;
	text-align: right;*/
	display: none;
}

#wp-calendar #prev a {
	/*padding-left: 5px;
	text-align: left;*/
	display: none;
}

#wp-calendar a {
	display: block;
	color: #6baca3;
	text-decoration: none;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 1px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}

#wp-calendar caption {
	display: none;
}



/*
	Comments
*/

#content .comments {
	float: left;
}

#content .comments h3 {
	color: #010101;
	font: 20px/22px Georgia;
	letter-spacing: -1px;
}

.commentlist {
	padding: 0;
	margin: 0;
}

#content .comments p {
	margin: 5px 0;
}

	.commentlist li {
		margin: 15px 10px 10px 25px;
	}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
	}

	.children { padding: 0; }

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.commentmetadata {
		margin: 0;
		display: block;
	}

#author, #email, #url, #comment {
	border: 1px solid #3f778e;
	color: #000;
	padding: 3px 2px;
	width: 200px;
}

#comment {
	width: 100%;
}

/*
	Related posts
*/

.related_post li {
	list-style-type: none;
	height: 70px;
	width: 100%;
}

.img_related_post {
	float: left;
	width: 70px;
}

.text_related_post {
	display: inline;
}