/*
Theme Name: citymarketing
Theme URI: http://citymarketing.biz/
Description: Tema de citymarketing para WordPress
Version: 1.0
Author: Rubén Sarrió
*/

@import url(reset.css);
@import url(clearfix.css);
@import url(editor.css);
@import url(sociable.css);

body {
	background: url(images/fondo-pie.png) no-repeat center bottom;
	color: #8f8f8d;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

#root {
	background: url(images/fondo-cabecera.png) no-repeat center top;
}

#container {
	margin: 0 auto;
	width: 984px;
}

/****************** HEADER ******************/

#header {
	background: #646464 no-repeat left;
	font-size: 14px;
	height: 105px;
	margin-left: 10px;
}
	#header h1 {
		background: url(images/h1.png) no-repeat;
		float: left;
		width: 531px; height: 81px;
	}
	#header h1 a {
		background: url(images/h1.png) no-repeat;
		display: block;
		font-size: 1em;
		padding-top: 81px;
		text-indent: -2000px;
		overflow: hidden;
		width: 581px; height: 0;
	}
	#header form, #header p {
		text-align: right;
		padding: 7px 15px 0 0;
	}
		#header p {
			font-size: 11px;
		}
		#header p a {
			color: #fff;
			text-decoration: none;
		}
		#header p a:hover {
			color: #8f8f8d;
		}
		#header p a.selected {
			font-size: 12px;
			font-weight: bold;
		}
		#header form a {
			color: #fba732;
			font-size: 11px;
		}
		#header form label {
			color: #fff;
		}
		#header form input {
			background-color: #88837d;
			border: none;
			width: 100px; height: 20px;
		}
		#header form input.button {
			color: #fff;
			font-size: 12px;
			width: 55px;
		}
		#login input.button {
			background-color: #f74b34;
		}
		#search input.button {
			background-color: #54a7e0;
		}
	#header ul {
		background: url(images/menu.png) no-repeat;
		color: #fff;
		clear: both;
		padding-left: 8px;
		width: 546px; height: 24px;
	}
		#header ul li {
			float: left;
		}
			#header ul li a {
				color: #fff;
				display: block;
				height: 21px;
				padding-top: 3px;
				text-align: center;
				text-decoration: none;
			}
			#menu-inicio {
				width: 69px;
			}
			#menu-inicio:hover, .selected #menu-inicio {
				background: url(images/menu-inicio-over.png) no-repeat 0 0;
			}
			#menu-blog {
				width: 55px;
			}
			#menu-blog:hover, .selected #menu-blog {
				background: url(images/menu-blog-over.png) no-repeat 0 0;
			}
			#menu-casos {
				width: 130px;
			}
			#menu-casos:hover, .selected #menu-casos {
				background: url(images/menu-casos-over.png) no-repeat 0 0;
			}
			#menu-historico {
				width: 77px;
			}
			#menu-historico:hover, .selected #menu-historico {
				background: url(images/menu-historico-over.png) no-repeat 0 0;
			}
			#menu-newsletter {
				width: 99px;
			}
			#menu-newsletter:hover, .selected #menu-newsletter {
				background: url(images/menu-newsletter-over.png) no-repeat 0 0;
			}
			#menu-siguenos {
				width: 108px;
			}
			#menu-siguenos:hover, .selected #menu-siguenos {
				background: url(images/menu-siguenos-over.png) no-repeat 0 0;
			}

/****************** BODY ******************/			

#body {
	clear: both;
	width: 984px;
}

#content {
	float: left;
	width: 556px;
}

	#intro {
		/*background: url(images/intro-head.jpg) no-repeat;*/
		background-color: #f1ece6;
		/*padding-top: 151px;*/
		margin: 0px 0px 26px 18px;
	}
		#intro #introfotos {
			height: 151px;
			overflow: hidden;
		}
		#intro form {
			background: #caced7 url(images/intro-form.png) no-repeat;
			padding: 16px 0 0 100px;
			height: 34px;
		}
			#intro form label {
				color: #646464;
			}
			#intro form input {
				background-color: #fff;
				border: none;
				color: #CACFD6;
				width: 160px; height: 20px;
			}
			#intro form input.button {
				background-color: #ffaf35;
				color: #fff;
				font-size: 11px;
				width: 55px;
			}
		#introtext {
			background: url(images/intro-text.png) no-repeat;
			padding: 34px 34px 45px 25px;
		}
			#introtext h2 {
				color: #646464;
				font-size: 18px;
				margin-bottom: 10px;
			}

	.last {
		
	}
		.lastheader {
			background: #caced7 url(images/lastheader-fondo.png) no-repeat left bottom;
			height: 27px;
			padding-bottom: 6px;
		}
			.lastheader h2 a {
				display: block;
				color: #fff;
				float: left;
				padding: 4px 0 0 4px;
				width: 133px; height: 23px;
				text-decoration: none;
			}
			#last-blog h2 a {
				background-color: #f54930;
			}
			#last-casospracticos h2 a {
				background-color: #363f46;
			}
			#last-historico h2 a {
				background-color: #9dcc4c;
			}
			.lastheader ol {
				float: left;
				padding: 4px 0 0 10px;
			}
				.lastheader ol li {
					float: left;
					padding: 0 6px;
				}
				.lastheader ol li.selected, .lastheader ol li:hover {
					color: #222;
					cursor: default;
				}
				.lastheader ol li.in {
					border-left: 1px dotted #878a8f;
					border-right: 1px dotted #878a8f;
				}
			.lastheader form {
				float: right;
				padding-top: 4px;
			}
				.lastheader form a {
					color: #646464;
					text-decoration: none;
				}
				.lastheader form a:hover {
					color: #f33;
				}
				.lastheader form label {
					color: #646464;
				}
				.lastheader form input {
					background-color: #fff;
					border: none;
					color: #cacfd6;
					font-size: 11px;
					padding: 2px;
					width: 150px;
				}
				.lastheader form input.button {
					background-color: #646464;
					color: #fff;
					width: 48px;
				}
		.lastcontent {
			background: #f1ece6;
			display: none;
			padding: 20px;
			margin: 0px 0px 26px 18px;
		}
			.lastcontent small {
				color: #f33;
				display: block;
				font-size: 12px;
				margin-bottom: 5px;
			}
			.lastcontent h3 {
				font-size: 18px;
				margin-bottom: 5px;
			}
				.lastcontent h3 a {
					color: #646464;
					text-decoration: none;
				}
				.lastcontent h3 a:hover {
					color: #f33;
				}
				.lastcontent a {
					color: #f33;
					text-decoration: none;
				}
			.lastcontent p {
				margin-bottom: 10px;
			}
		.last .show {
			display: block;
		}
		
		a.rss {
			display: block;
			float: right;
			width: 20px;
			height: 0;
			font-size: 1em;
			padding-top: 20px;
			text-indent: -2000px;
			overflow: hidden;
			margin: 0 5px;
			background: url(images/rss.png) no-repeat;
		}
			

/****************** SIDEBAR ******************/		
#sidebar {
	float: right;
	width: 428px;
}
	#sidebar1 {
		float: left;
		padding-left: 17px;
		width: 261px;
	}
		#destacados {
			color: #666;
			font-size: 11px;
			margin-bottom: 29px;
		}
			#destacados h4 {
				color: #646464;
				font-size: 18px;
				margin-top: 25px;
			}
				#destacados h4 a {
					color: #646464;
					text-decoration: none;
				}
				#destacados h4 a:hover {
					color: #D71450;
				}
			#destacados h4:first-child {
				margin-top: 0;
			}
			#destacados img {
				margin: 4px 0;
			}
	#sidebar2 {
		float: right;
		padding: 0 15px;
		width: 120px;
	}
		#siguenos {
			font-size: 16px;
			margin-bottom: 54px;
		}
			#siguenos h4 {
				color: #D71450;
			}
			#siguenos ul {
				margin: 6px 0;
			}
				#siguenos ul li {
					padding-left: 25px;
					margin: 3px 0;
				}
				#siguenos #twitter {
					background: url(images/siguenos/twitter.png) no-repeat;
				}
				#siguenos #facebook {
					background: url(images/siguenos/facebook.png) no-repeat;
				}
				#siguenos #youtube {
					background: url(images/siguenos/youtube.png) no-repeat;
				}
				#siguenos #flickr {
					background: url(images/siguenos/flickr.png) no-repeat;
				}
				#siguenos #rss {
					background: url(images/siguenos/rss.png) no-repeat;
				}
					#siguenos ul li a {
						color: #cacfd6;
						text-decoration: none;
					}
					#siguenos ul li a:hover {
						color: #8f8f8d;
					}
		.banner1 {
			height: 239px;
			width: 261px;
		}
		.banner2 {
			height: 599px;
			margin-bottom: 32px;
			width: 120px;
		}
#minisidebar {
	float: right;
	padding: 10px 5px 0 0;
	width: 136px;
}
	#minisidebar #destacados {
		font-size: 12px;
		margin: 10px 0;
	}
		#minisidebar #destacados a {
			border-bottom: 1px solid #cacfd6;
			color: #646464;
			display: block;
			padding: 4px 0;
			text-decoration: none;
		}
		#minisidebar #destacados a:hover {
			background-color: #cacfd6;
			color: #363f46;
		}
	
/****************** INTERIOR ******************/
#content-in {
	float: left;
	padding-left: 18px;
	width: 816px;
	margin-bottom: 20px;
}
	#inheader {
		background: url(images/blog-head.jpg) no-repeat top;
		height: 44px;
		padding: 157px 0 0 220px;
	}
	.casospracticos #inheader {
		background: url(images/casospracticos-head.jpg) no-repeat top;
	}
	.congreso #inheader {
		background: url(images/congreso-head.jpg) no-repeat top;
	}
		#inheader .volver, #inheader .imprimir, #inheader .participar {
			float: left;
		}
			#inheader .volver a, #inheader .imprimir a, #inheader .participar a  {
				background: url(images/icono-volver.png) no-repeat left;
				color: #646464;
				display: block;
				padding: 10px 0 10px 40px;
				text-decoration: none;
			}
			#inheader .imprimir a {
				background-image: url(images/icono-impresora.png);
			}
			#inheader .participar a {
				background-image: url(images/icono-participar.png);
			}
			#inheader .volver a:hover, #inheader .imprimir a:hover, #inheader .participar a:hover {
				color: #D71450;
			}
		#inheader form {
			padding: 10px 11px 0 0;
			text-align: right;
		}
			#inheader form label {
				color: #646464;
				font-size: 14px;
			}
			#inheader form input {
				border: none;
				color: #cacfd6;
				padding: 2px;
				width: 100px;
			}
			#inheader form input.button {
				background-color: #f74b34;
				color: #fff;
				font-size: 12px;
				width: 55px;
			}
	#insidebar {
		background: url(images/blog-sidebar-fondo.png) no-repeat 0 0;
		float: left;
		font-size: 12px;
		width: 186px;
	}
	#insidebar h4, #colaboran h4 {
		clear: left;
		border-bottom: 1px solid #cacfd6;
		color: #f74b34;
		font-size: 16px;
		padding: 10px 0 10px 16px;
	}
		#insidebar a, #colaboran a {
			color: #f74b34;
			text-decoration: none;
		}
	#insidebar ul, #colaboran ul {
		margin-bottom: 10px;
	}
		#insidebar ul a, #colaboran ul a {
			border-bottom: 1px solid #cacfd6;
			color: #646464;
			display: block;
			padding: 4px 0 4px 16px;
			text-decoration: none;
		}
		#insidebar li a:hover, #colaboran li a:hover {
			background-color: #cacfd6;
			color: #363f46;
		}
		#insidebar li li li a {
			padding-left: 30px;
		}
	ul.colaboradores a {
		text-align: center;
		padding: 5px 0;
	}
	ul.colaboradores a:hover {
		background-color: #fff;
	}
	#insidebar ul.wp-tag-cloud {
		background-color: #f3f3f3;
	}
		#insidebar ul.wp-tag-cloud li {
			float: left;
		}
		#insidebar ul.wp-tag-cloud li a {
			padding: 5px;
			border: none;
		}
		#insidebar ul.wp-tag-cloud li a:hover {
			background-color: transparent;
			color: #f33;
		}
	#insidebar #siguenos-email {
		background-color: #f2f2f2;
		border-bottom: 1px solid #cacfd6;
		padding: 10px;
		height: 50px;
	}
		#insidebar #siguenos-email input {
			border: 1px solid #cacfd6;
			color: #646464;
			padding: 2px;
			width: 160px;	
		}
		#insidebar #siguenos-email input.button {
			background-color: #f74b34;
			border: none;
			color: #fff;
			display: block;
			float: right;
			font-size: 12px;
			margin-top: 5px;
			width: 55px;
		}
	#incontent {
		background: #f1ece6 url(images/blogcontent-fondo.png) repeat-y left;
		float: right;
		width: 630px;
	}
		.post {
			margin-bottom: 40px;
		}
		.historico .post {
			margin-bottom: 0;
		}
			.post .postdate {
				background: #f54930 url(images/lastheader-fondo.png) no-repeat left bottom;
				color: #fff;
				width: 270px; height: 23px;
				padding: 4px 0 6px 18px;
			}
			.casospracticos .post .postdate {
				background-color: #363F46;
			}
			.post small {
				display: block;
				font-size: 12px;
				padding-left: 40px;
			}
			.post .postcat {
				color: #f33;
				padding-top: 16px; padding-bottom: 5px;
			}
			.post .postcat a {
				color: #f33;
				text-decoration: none;
			}
			.post .postcat a:hover {
				color: #646464;
			}
			.post h3 {
				font-size: 18px;
				padding-left: 40px;
			}
			.post h3 a {
				color: #646464;
				text-decoration: none;
			}
			.post h3 a:hover {
				color: #f54930;
			}
			.post .postauthor {
				color: #363f46;
				padding-top: 5px; padding-bottom: 15px;
			}
			.post .entry {
				padding: 0 22px 0 40px;
			}
			.post .entry p {
				margin-bottom: 10px;
			}
			.post .entry a {
				color: #f54930;
				text-decoration: none;
			}
			.post .entry a:hover {
				color: #646464;
			}
			.post .entry input {
				border: 1px solid #CACFD6;
				color: #999;
				margin: 2px 0;
				padding: 2px;
			}
			.post .entry textarea {
				border: 1px solid #CACFD6;
				color: #999;
				margin: 2px 0;
				padding: 2px;
			}
			.post .entry input[type=submit] {
				background-color: #f74b34;
				border: none;
				color: #fff;
				display: block;
				font-size: 12px;
				margin-top: 5px;
				width: 80px;
			}
			.post .postmeta {
				background-color: #cacfd6;
				font-size: 12px;
				margin: 15px 0 0 18px;
				padding: 4px 0px 4px 22px;
			}
			.post .postmeta a {
				color: #f33;
				font-weight: bold;
				text-decoration: none;
			}
			.post .postmeta a:hover {
				color: #646464;
			}
			.post .postmeta .postmeta-comments {
				float: left;
				padding-top: 4px;
			}
			.post .postmeta .postmeta-compartir {
				float: right;
				padding-right: 12px;
			}
				.post .postmeta .postmeta-compartir p {
					float: left;
					padding-top: 2px;
				}
				.post .postmeta .postmeta-compartir div.sociable {
					float: right;
				}
				.post .postmeta .postmeta-compartir li {
					float: left;
					padding-left: 5px;
				}
					.post .postmeta .postmeta-compartir li a {
						color: #999;
						display: block;
						font-weight: normal;
					}
					.post .postmeta .postmeta-compartir li a:hover {
						color: #f33;
					}
					.twitter {
						background: url(images/siguenos/twitter.png) no-repeat;
					}
					.facebook {
						background: url(images/siguenos/facebook.png) no-repeat;
					}
					.youtube {
						background: url(images/siguenos/youtube.png) no-repeat;
					}
					.flickr {
						background: url(images/siguenos/flickr.png) no-repeat;
					}
					.rss {
						background: url(images/siguenos/rss.png) no-repeat;
					}
			.post .posttags {
				color: #f33;
				padding: 10px 0 0 40px;
			}
				.post .posttags a {
					border-bottom: 1px dotted #7c6a6a;
					color: #7c6a6a;
					text-decoration: none;
				}
			.post .comments {
				padding: 20px 22px 0 40px;
			}
			.post .comments .comment-body {
				border-bottom: 1px solid #D8D8D8;
				padding: 10px 0;
			}
			.post .comments .comment-author {
				color: #595959;
				float: left;
			}
				.post .comments .comment-author .avatar {
					padding-right: 10px;
					display: none;
				}
			.post .comments .comment-meta {
				float: right;
				padding-top: 2px;
				font-size: 12px;
			}
			.post .comments .comment-body p {
				clear: both;
				padding-top: 10px;
			}
			
			.post .comments #respond h3 {
				padding: 10px 0;
			}
			.post .comments a {
				color: #f33;
				text-decoration: none;
			}
			.post .comments textarea {
				border: 1px solid #CACFD6;
				color: #999;
				padding: 2px;
				margin-top: 5px;
			}
			.post .comments input.button {
				background-color: #f74b34;
				border: none;
				color: #fff;
				display: block;
				font-size: 13px;
				margin-top: 5px;
				width: 120px;
				padding: 2px 0;
			}
	.wp-pagenavi {
		background-color: #fff;
		padding: 20px 0 20px 18px;
		text-align: center;
	}
		.wp-pagenavi a {
			color: #8f8f8d;
			padding: 4px;
			text-decoration: none;
		}
		.wp-pagenavi span.current {
			background-color: #f54930;
			color: #fff;
			padding: 4px;
		}
		.wp-pagenavi a.previouspostslink {
			background-color: #f1ece6;
			display: block;
			float: left;
			padding: 4px 14px;
			margin-top: -4px;
		}
		.wp-pagenavi a.nextpostslink {
			background-color: #f1ece6;
			display: inline-block;
			float: right;
			padding: 4px 14px;
			margin-top: -4px;
		}
		.wp-pagenavi a.first, .wp-pagenavi a.last {
			display: none;
		}
		.wp-pagenavi a:hover {
			background-color: #8f8f8d;
			color: #fff;
		}
		.historico .post h3 {
			font-size: 40px;
			margin-top: 30px;
		}
			.historico .post h3 a {
				color: #686868;
				text-decoration: none;
			}
			.historico .post h3 a:hover {
				color: #d71450;
			}
		.historico .post p {
			margin: 10px 0;
		}
		.historico .post a {
			color: #d71450;
			text-decoration: none;
		}
		.historico .post a:hover {
			color: #686868;
		}
		.historico .post h4 {
			font-size: 32px;
		}
		.historico .post h5 {
			font-size: 24px;
		}
		.historico .post h6 {
			font-size: 18px;
		}
		.historico .post strong {
			font-weight: bold;
		}
		.historico .post em {
			font-style: italic;
		}
		
		.busqueda .post {
			margin-bottom: 20px;
		}
		.busqueda h2 {
			font-size: 32px;
			padding-left: 22px;
			margin: 20px;
		}
		.busqueda small {
			margin: 5px 0;
		}
		.busqueda a {
			color: #646464;
			text-decoration: none;
		}
			.busqueda a:hover {
				color: #f54930;
			}
			
			
/****************** FOOTER ******************/
#footer {
	clear: both;
	height: 392px;
}
	#footer #logos {
		float: left;
		height: 392px;
		width: 366px;
	}
	#footer #info {
		background: #646464 url('images/pie.png') no-repeat;
		float: right;
		height: 392px;
		width: 618px;
	}
		#footer #info p {
			color: #c2c3c8;
			margin-bottom: 20px;
		}
		#footer #info a {
			color: #fff;
			text-decoration: none;
		}
		#footer #info a:hover {
			color: #c2c3c8;
		}
		#footer #info #infoweb {
			display: inline;
			float: left;
			margin: 40px 0 0 80px;
			width: 230px;
		}
		#footer #info #infoconf {
			display: inline;
			float: right;
			margin: 40px 20px 0 0;
			width: 255px;
		}
		
#rotafotos {
	width: 538px; height: 151px;
	position: absolute !important;
	overflow: hidden;
	left: 50%;
	margin-left: -474px;
}
#cabeceraseccion {
	width: 278px; height: 151px;
	position: absolute !important;
	left: 50%;
	margin-left: 64px;
	z-index: 100;
}