* {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

a img {
	border: 0 none;
}

img, input, select {
	vertical-align: middle;
}

body {
	font-family: "Roboto Slab";
	font-weight: 100;
	font-size: 62.5%;
	color: #3f3f3f;
	padding-top: 2.3em
}

a {
	color: #dc0000
}

.BloqueTexto a,
.BloqueEnlace a {
	color: #0670c4
}

.bw {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

.bw:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}

.container {
	width: 102.7em;
	margin: 0 auto
}



p.destaca_negro{
	font-weight:bold;
}

#header .logo {
	float: left;
	font-size: 1em
}

	#header .logo .aniv {
		position: absolute;
		margin: 0.6em 0 0 14.1em
	}

#header ul {
	float: right;
}

	#header ul li {
		display: block;
		float: left;
		margin: 3.4em 0 0 3em
	}
	
	#header ul li:last-child {
		margin: 3.9em 0 0 1.3em;
		width: 18.5em;
		height: 6.5em
	}
	
	a.presupuesto {
		width: 13.21em;
		height: 4.64em;
		background-image: url(../images/presupuesto.png);
		background-size: 100% 100%;
		color: white;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		font-family: "Open Sans";
		font-size: 1.4em;
		text-transform: uppercase;
		-moz-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 0.7em;
		line-height: 1.2em
	}		
	
	a.presupuesto:hover {
		font-size: 1.3em;
		margin-left: 0.28em;
		margin-top: 0.42em;
	}
	
#nav {
	background-color: #f5f5f5;
	border-bottom: 5px solid #ebebeb
}

	#nav > ul > li {
		display: block;
		float: left;
		margin-right: 3.8em
	}
	
	#nav a,
	#nav span {
		font-size: 1.6em;
		color: #333;
		text-decoration: none;
		padding: 0.4em 0.5em;
		margin: 0.2em 0;
		display: block;
		border-radius: 0.2em;
		cursor: pointer
	}
	
	#nav a:hover,
	#nav li:hover > a,
	#nav span:hover,
	#nav li:hover > span {
		background-color: #3b3b3b;
		color: white
	}
	
	#nav > ul > li > ul {
		position: absolute;
		background-color: white;
		padding: 1.5em;
		border: 1px solid #d3d3d3;
		border-radius: 0.4em;
		display: none;
		z-index: 10
	}
		
		#nav > ul > li:hover > ul {
			display: block
		}
	
		#nav > ul > li > ul:before {
			position: absolute;
			width: 1.5em;
			height: 0.9em;
			background-image: url(../images/menu.png);
			content: "";
			display: block;
			margin-top: -2.4em
		}
	
		#nav > ul > li > ul li {
			list-style-type: none
		}
		
		#nav > ul > li > ul li a {
			display: inline-block
		}
		
		#nav > ul > li > ul > li > a:hover,
		#nav > ul > li > ul > li:hover > a {
			background-color: red
		}
		
			#nav > ul > li > ul li li {
				margin-left: 4em
			}
			
			#nav > ul > li > ul li li a {
				font-size: 1.4em
			}
			
			#nav > ul > li > ul li li a:before {
				content: ": :";
				display: block;
				position: absolute;
				margin-left: -1em
			}
			
			#nav > ul > li > ul li li a:hover:before {
				display: none
			}
	
	/*#nav > ul > li:first-child > ul ul {
		display: none
	}*/
			
	/*#nav > ul > li:first-child > ul > li:first-child,
	#nav > ul > li:first-child > ul > li:nth-child(2n) {
		float: left
	}
	
	#nav > ul > li:first-child > ul > li:first-child {
		margin-right: 2em
	}*/
			
#testimonios {
	color: white;
	text-align: center;
	background-image: url(../images/testimonios.png);
	position: absolute;
	width: 100%;
	z-index: 3;
	margin-top: -64.5em;
	top: 0
}

	.home #testimonios {
		margin-top: -70.3em
	}

	#testimonios .container {
		width: 78em
	}

	#testimonios .close {
		font-size: 1.8em;
		float: right;
		background-image: url(../images/close2.png);
		background-position: right center;
		background-repeat: no-repeat;
		padding: 0 1.2em 0.2em 0;
		margin-top: -2.5em;
		cursor: pointer
	}
	
	#testimonios p.button {
		font-size: 1.2em;
		padding: 0.2em 0;
		background-color: rgb(205,0,0);
		border-bottom: 4px solid #a81212;
		position: relative;
		cursor: pointer
	}
	
		#testimonios p.button:after {
			display: block;
			width: 4.2em;
			height: 1.3em;
			background-image: url(../images/open.png);
			background-position: center top;
			background-repeat: no-repeat;
			content: "";
			position: absolute;
			bottom: -1.5em;
			left: 50%;
			margin-left: -2.1em
		}
		
		#testimonios p.button.opened:after {
			background-image: url(../images/close.png);
		}
	
	#testimonios h2 {
		text-align: left;
		font-size: 4.7em;
		margin-top: 1.5em
	}
	
	#testimonios #sliderTest {
		width: 82em;
		margin-left: -2em;
	}
	
	#testimonios .nav {
		width: 7em;
		height: 7em;
		cursor: pointer;
		position: absolute;
		background-image: url(../images/test_prev.png);
		display: block;
		top: 31em;
		margin-left: -10em;
		z-index: 10
	}
	
		#testimonios .nav.next {
			background-image: url(../images/test_next.png);
			margin-left: 81em
		}
	
	#testimonios .slide {
		float: left;
		padding: 0 2em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#testimonios blockquote {
		background-color: #f7f7f7;
		border-radius: 0.3em;
		padding: 1.5em;
		margin: 3em 0 9em 0;
		box-shadow: 0 0 1.5em rgba(0,0,0,0.5);
		color: black;
		text-align: left;
	}
	
		#testimonios blockquote img.main {
			float: right;
			margin-left: 2em
		}
		
		#testimonios blockquote h2 {
			margin-top: 2em;
			font-size: 1em
		}
	
		#testimonios blockquote p {
			font-size: 1.6em;
			line-height: 1.6em
		}

			#testimonios blockquote p + p {
				margin-top: 1.5em
			}
		
		#testimonios blockquote cite {
			position: absolute;
			color: white;
			font-style: italic;
			width: 75em;
		}
		
			#testimonios blockquote cite p,
			#testimonios blockquote cite a {				
				font-weight: bold;
				font-size: 1.2em;
				font-family: "Open Sans";
				margin-top: 2.5em;
			}
		
			#testimonios blockquote cite a {
				font-weight: normal;
				color: white;
				text-decoration: underline;
				float: right;
			}
			
#slider {
	background-image: url(../images/slider.png);
	box-shadow: 0 0.4em 0.4em rgba(0,0,0,0.1);
	position: relative;
}

	#slider .slide {
		height: 18.5em;
		background-image: url(../images/slides/1.png);
		background-position: center center;
		background-repeat: no-repeat;
		float: left;
	}
	
	.home #slider .slide {
		height: 28.3em
	}
	
		#slider .slide a {
			display: block;
			width: 100%;
			height: 100%
		}
		
		#slider .slide:nth-child(2) { background-image: url(../images/slides/2.png); }
		#slider .slide:nth-child(3) { background-image: url(../images/slides/3.png); }
	
	#slider .nav {
		position: absolute;
		display: block;
		width: 7em;
		height: 7em;
		background-image: url(../images/slides/left.png);
		left: 0;
		top: 50%;
		margin-top: -3.5em;
		cursor: pointer;
		display: none
	}
	
	#slider .nav.next {
		background-image: url(../images/slides/right.png);
		left: auto;
		right: 0
	}
		
#main {
	
}
			
	#main h1,
	#main h2 {
		font-size: 2.3em;
		margin-bottom: 1.5em;
		color: black
	}
	
	#main h1.bullet,
	#main h2.bullet {
		background-image: url(../images/bullet.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 1em;
	}
	
	#main p,
	#main ul,
	#main ol,
	#main dl,
	#main .BloqueTexto {
		font-size: 1.6em;
		margin-bottom: 1em;
		line-height: 1.9em;
		margin-left: 1.4em
	}
	#main .BloqueTexto ul, #main .BloqueTexto ol {
		font-size: 1em !important;
		
	}

	#main p {
		font-size: 1.5em;
		line-height: 1.6em
	}
	
	#main dt {
		font-size: 1.2em;
		margin-bottom: 0.2em
	}
	
		#main dt a {
			font-weight: bold
		}
		
	#main dd {
		font-size: 0.95em;
		line-height: 1.5em;
		margin-bottom: 2.3em
	}


/*Listado iconos*/

.BloqueHTML h2, .BloqueHTML h2.destaca_rojo{
	margin-left: 0.2em;
}
.BloqueHTML h2.destaca_rojo{
	font-weight:bold;
	font-size: 3em !important;
  	color: #eb0000 !important;
}
.BloqueHTML h2.listado span.numero{
			border-radius: 2em;
			width: 2em;
			height: 2em;
			text-align: center;
			line-height: 2em;
			display: block;
			font-weight: bold;
			color: white;
			background-color: #db0716;
			position: absolute;
			margin-left: -2.8em;
			margin-top: -0.4em
			}
.BloqueHTML h2.listado {
margin-left: 3.5em;
}

.BloqueHTML ul li{
margin-left: 3.5em;
}

.BloqueTexto ol li{

margin-left: 1.5em;
}
	
/**/


		
#footer {
	text-align: center;
	padding-top: 1.5em;
	background-image: url(../images/footer.png);	
	background-position: top;
	background-repeat: repeat-x;
	color: #858585
}

	#footer a {
		color: #858585;
		font-size: 1.2em;
		text-decoration: none;
		padding: 0 0.5em
	}
	
	#footer p.cookies {
		margin-bottom: 1.5em;
		font-size: 1.2em
	}
	
	#footer p.logos{
		clear: both;
	}

	#footer p.logos a {
		font-size: 1em;
		padding: 0;
		margin: 2em 0.2em;
		display: inline-block;
		width: 3.5em;
		height: 3.5em;
		text-indent: -9999em;
		background-image: url(../images/facebook.png);
	}
	
		#footer p.logos a.email { background-image: url(../images/email.png); }
		#footer p.logos a.rss { background-image: url(../images/rss.png); }
		#footer p.logos a.googleplus { background-image: url(../images/googleplus.png); }
		#footer p.logos a.twitter { background-image: url(../images/twitter.png); }
		
		#footer ul.logos{
			width: auto;
			margin-left: 200px;
			margin-top: 15px;
		}

			#footer ul.logos li{
				float:left;
				list-style-type: none;
				margin-right: 70px;
			}

/* HOME */
.home .side,
.homeBottom .side {
	width: 28%;
	float: left;
	padding: 4em 5% 2em 0
}

.home .side.last {
	width: 23%;
	padding: 4em 0 2em 5%
}

.home .main {
	width: 39%;
	float: left;
	padding: 4em 0 2em 0
}

.home dt {
	padding-left: 1.5em;
	background-image: url(../images/man.png);
	background-position: left center;
	background-repeat: no-repeat
}

.home dt:first-child {
	background-image: url(../images/new.png);
}

.home dd {
	padding-left: 1.5em
}

.home .all {
	font-weight: bold;
	padding-left: 1.2em;
	background-image: url(../images/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
}

a.portfolio {
	background-image: url(../images/portfolio_thumb.png);
	background-repeat: no-repeat;
	padding: 0.8em 3em 2.7em 3em;
	display: block;
	margin: 0 auto;
	width: 40em;
	position: relative
}

	a.portfolio:after {
		position: absolute;
		width: 10em;
		height: 0;
		border-radius: 12.8em;
		background-image: url(../images/right.png);
		background-position: center center;
		content: "";
		left: 18em;
		top: 15em;
		background-color: white;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	a.portfolio:before {
		position: absolute;
		width: 40em;
		height: 30.4em;
		background-color: #cd0000;
		display: block;
		content: "";
		opacity: 0;
		-moz-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	
	a.portfolio:hover:before {
		opacity: 0.7
	}
	
	a.portfolio:hover:after {
		height: 10em;
		top: 10em;
	}

.homeBottom {
	box-shadow: inset 0 0.4em 0.4em rgba(0,0,0,0.1);
	background-color: #fbfbfb;
	padding-top: 3em
}

	.homeBottom .news {
		float: left;
		width: 30%;
	}

		.homeBottom .news ul {

			margin: 0;
			padding: 0;
		}
	
		.homeBottom .news li {

			list-style-type: none;
			margin: 0 0 1em 0;
			padding: 0;
			clear: both;
		}
		
		.homeBottom .news a {
			color: black;
			text-decoration: none
		}
	
		.homeBottom .news img {
			display: block;
			border: 0.3em solid #ededed;
			margin-right: 0.8em;
			margin-bottom: 3em;
			border-radius: 0.2em;
			width: 6.5em;
			float: left;
		}
		
		#main .homeBottom .news p {
			font-size: 0.7em;
			color: #3f3f3f;
			margin: 0 0 2px 0;

		}
		
		.homeBottom .news h3 {
			font-size: 0.8em;
			line-height: 1.3em;
			text-decoration: underline;
		}
	
	.homeBottom .team {
		width: 70%;
		float: left;
		padding-left: 4em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		.homeBottom .team .info {
			background-image: url(../images/team.png);
			background-repeat: no-repeat;
			background-position: 3em center;
			padding: 0 0 5em 30em;
		}
	
		.homeBottom .team i {
			color: #e33415;
			font-style: normal;
			font-weight: bold
		}
		
		.homeBottom .team .info li {
			display: block;
			float: left;
			clear: both;
			font-size: 1.2em;
			color: white;
			background-color: black;
			margin-bottom: 0.4em;
			margin-left: 1.5em
		}
		
/* DETALLE */
.details {
	margin-top: 3em	
}

	.details .content {
		float: left;
		width: 64em
	}
	
		#main .details .breadcrumb {
			left: -1.5em;
			position: relative;
			font-size: 1.4em
		}
	
		.details .breadcrumb a {
			color: #3f3f3f
		}
		
		.details h2 {
			margin-top: 2em
		}
		
	.details .sidebar {
		float: right;
		width: 28em;
		padding: 0 4em 2.5em 4em;
		background-color: #fbfbfb;
		position: relative;
		border-left: 1px solid #f2f2f2
	}
	
		.details .sidebar h2 {
			position: relative;
			z-index: 2;
		}
	
		.details .sidebar:before {
			z-index: 1;
			width: 36.1em;
			height: 6em;
			display: block;
			content: "";
			position: absolute;
			left: -0.1em;
			top: 0;
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
		}
	
		.details .sidebar ol {
			counter-reset: list;
		}
	
		.details .sidebar ol li {
			list-style-type: none;
			margin-bottom: 1.2em;
			margin-left: 1.5em;
			line-height: 1.2em;
		}
		
		.details .sidebar ol li:before {
			counter-increment: list;
			content: counter(list);
			border-radius: 2em;
			width: 2em;
			height: 2em;
			text-align: center;
			line-height: 2em;
			display: block;
			font-weight: bold;
			color: white;
			background-color: #db0716;
			position: absolute;
			margin-left: -2.8em;
			margin-top: 0.5em
		}
		
		.details .sidebar blockquote {
			border: 3px solid #e9eaea;
			border-radius: 1em;
			padding: 2em;
			background-color: #fff;
			margin-bottom: 2em
		}
		
			#main .details .sidebar blockquote p {
				margin: 0;
				line-height: normal;
				/*font-weight: bold;*/
				font-style: italic;
				color: #4a4a4a
			}
			
			#main .details .sidebar blockquote cite {
				margin-top: 2em;
				display: block;
			}
			
				.details .sidebar blockquote cite img {
					float: left;
					padding: 0.4em;
					background-color: white;
					box-shadow: 0.3em 0.3em 0.3em rgba(0,0,0,0.1);
					margin-right: 1.5em
				}
				
				#main .details .sidebar blockquote cite h3 {
					color: #e74a4f;
					font-size: 1.5em;
					font-style: normal
				}
				
				#main .details .sidebar blockquote cite p {
					font-size: 1.2em;
					font-weight: normal;
					font-style: normal
				}
				
					.details .sidebar blockquote cite p a {
						font-weight: bold;
						color: #3f3f3f
					}
					
		.details .sidebar .button {
			text-align: center;
			height: 7em
		}
					
/* BLOG */
.sidebar.blog {
	font-family: "Open Sans";
}

	.sidebar.blog a.presupuesto {
		position: relative;
		z-index: 2;
		margin-left: -2.3em;
	}

	.sidebar.blog a.presupuesto2 {
		margin: 6em 0 4em -1.7em;
		display: block
	}

	#main .sidebar.blog h2 {
		font-weight: 600;
		font-size: 1.4em;
		line-height: 2em;
		padding-left: 3em;
		margin-left: -1em;
		margin-bottom: 0.5em;
		background-position: left center;
		background-repeat: no-repeat
	}
	
		#main .sidebar.blog h2.categorias { background-image: url(../images/blog/categorias.png); }
		#main .sidebar.blog h2.archivadas { background-image: url(../images/blog/archivadas.png); }
		#main .sidebar.blog h2.enlaces { background-image: url(../images/blog/enlaces.png); }
		#main .sidebar.blog h2.autores { background-image: url(../images/blog/autores.png); }
		#main .sidebar.blog h2.tweets { background-image: url(../images/blog/tweets.png); }
	
	#main .sidebar.blog ul {
		font-size: 1.3em;
		padding: 0;
		margin-left: 2em
	}
	
		#main .sidebar.blog li {
			list-style-type: none
		}
		
		#main .sidebar.blog li a {
			padding-left: 1em;
			background-image: url(../images/blog/arrow.png);
			background-position: left center;
			background-repeat: no-repeat
		}
		
			#main .sidebar.blog li a:hover {
				background-image: url(../images/blog/arrow_hover.png);
			}
			
			#main .sidebar.blog a {
				color: #666;
				text-decoration: none;
			}
			
			#main .sidebar.blog a:hover {
				color: #dd0206
			}
			
		#main .sidebar.blog .tweets li {
			margin-bottom: 1em;	
		}
		
			#main .sidebar.blog .tweets li a {
				padding-left: 0;
				background-image: none;
				color: #dd0206
			}
			
			#main .sidebar.blog .tweets li span {
				display: block;
				color: #888
			}
			
		#main .sidebar.blog .tags li {
			display: inline-block;
		}
		
			#main .sidebar.blog .tags li a {
				background-image: none;
				padding: 0.4em 0.6em;
				display: inline-block;
				margin: 0 0.2em 0.5em 0;
				background-color: #f2f2f2;
				border-bottom: 1px solid #e6e6e6;
			}

#main article {
	margin-bottom: 4em;
	padding-bottom: 4em;
	background-image: url(../images/footer.png);
	background-position: bottom;
	background-repeat: repeat-x
}
			
#main article h1 {
	/*font-size: 3em;*/
	margin-bottom: 0.5em
}

#main article header {
	margin-bottom: 1.5em
}

	#main article header ul,
	#main article footer p {
		font-family: "Open Sans";
		font-size: 1.2em;
		margin: 0
	}
	
	#main article header li {
		display: inline;
		margin-right: 1em;
	}
	
	#main article header span {
		position: absolute;
		color: white;
		background-color: red;
		width: 2em;
		height: 2em;
		line-height: 2em;
		text-align: center;
		border-radius: 2em;
		margin-left: -2.5em;
		margin-top: -0.3em
	}
	
	#main article header a,
	#main article footer .tags a {
		color: #3f3f3f
	}
	
	#main article header .author,
	#main article header .comments {
		padding-left: 1.4em;
		background-image: url(../images/blog/author.png);
		background-position: left center;
		background-repeat: no-repeat
	}
	
	#main article header .comments {
		text-decoration: none;
		background-image: url(../images/blog/comments.png);
	}
	
	#main article footer a {
		text-decoration: none;
		font-weight: bold
	}
	
	#main article footer .tags a {
		font-style: italic;
		text-decoration: underline
	}

#main article .img {
	margin-bottom: 1.5em;
	text-align: center
}
				
#main article p,
#main .comments p {
	margin-left: 0
}

/*
*/
#main article .post-content .BloqueTexto p {
	font-size: 1em;
	margin-bottom: 0.5em
}


#main section.comments {
	background-color: #fefefe;
	border: 1px solid #f0f0f0;
	padding: 1em;
	box-shadow: 0.5em 0.5em 0 #f0f0f0;
	font-family: "Open sans";
	margin-bottom: 3em;
}

	#main section.comments h1,
	#main section.related h1,
	#main section.comment h1 {
		font-size: 1.6em;
		font-weight: normal;
		color: #3f3f3f;
		padding: 0.25em 0 0.5em 2.5em;
		background-image: url(../images/blog/commentsBig.png);
		background-position: left center;
		background-repeat: no-repeat;
		margin-bottom: 1em
	}
	
	#main section.comments blockquote {
		margin-left: 4.2em;
		margin-bottom: 4em;
	}
	
		#main section.comments blockquote:before {
			content: ".";
			color: red;
			position: absolute;
			font-size: 3em;
			margin-left: -0.6em;
			margin-top: -0.55em
		}
	
		#main section.comments blockquote p {
			margin: 0 0 0.2em 0;
			font-size: 1.5em;
			line-height: normal;
		}
		
		#main section.comments blockquote cite {
			font-size: 1.2em;
			color: #686868;
			font-style: normal
		}
		
#main section.related,
#main section.comment {
	margin-bottom: 3em;
	font-family: "Open sans";
}

	#main section.related h1 {
		background-image: url(../images/blog/otros.png);
		padding: 0.5em 0 0.2em 2.5em
	}
	
	#main section.related ul {
		margin-left: 3.3em;
		font-size: 1.35em
	}
	
	#main section.related ul li {
		margin-bottom: 0.6em
	}
	
	#main section.related ul a {
		text-decoration: none
	}
	
	#main section.comment h1 {
		background-image: url(../images/blog/comment.png);
	}
	
	#main section.comment label {
		font-style: italic;
		display: block;
		color: #919090;
		font-size: 1.3em;
		margin-bottom: 0.5em;
	}
	
	#main section.comment input,
	#main section.comment textarea {
		display: block;
		background-color: #f9f9f9;
		border: 1px solid #d9dcdc;
		padding: 0.2em 0.5em;
		font-size: 0.9em;
		font-family: "Open Sans";
		width: 30em;
		margin-top: 0.2em;
	}
	
	#main section.comment textarea {
		width: 42em
	}
	
	#main section.comment .button {
		font-family: "Open Sans";
		color: white;
		margin-top: 1em;
		background-color: #dc0000;
		padding: 0.5em 1em;
		font-size: 1.3em;
		border-radius: 0.2em;
		border: 0 none;
	}

#main #paginacion {
	margin-left: 0
}

#main #paginacion li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0em 1em;
	border: 1px solid #ccc;
	font-size: 0.8em;
	margin-bottom: 4em;
	margin-right: 0.5em
}
	
#main #paginacion a {
	display: block;

}
	
/* PORTFOLIO */
.portfolio header {
	background-image: url(../images/slider.png);
}

	.portfolio header .container {
		padding: 3em 1em 4em 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image: url(../images/footer.png);
		background-position: bottom;
		background-repeat: repeat-x
	}
	
	.portfolio header .container nav {
		float: right
	}
		
		#main.portfolio header ul {
			font-size: 1.4em;
			font-family: "Open Sans";
			font-weight: bold;
			margin-top: 1.5em
		}
		
		.portfolio header li {
			display: inline-block;
		}
		
			.portfolio header li span {
				color: #232323;
				text-decoration: none;
				padding: 0.3em 0.6em;
				display: inline-block;
				cursor: pointer
			}
			
			.portfolio header li span:hover,
			.portfolio header li span.active {
				color: white;
				background-color: #cd0000;
				border-radius: 0.3em;
			}
	
	#main.portfolio header .container h1 {
		font-size: 3em;
		margin: 0 0 0.2em 0;
	}
	
	#main.portfolio header .container h2 {
		font-size: 1.9em;
		font-style: italic;
		font-weight: normal;
		margin: 0;
		color: #6b6b61
	}
	
	#main.portfolio header .container p {
		margin: 0.3em 0 0 0
	}

#main.portfolio .listing {
	padding: 3em 0;
}

#main.portfolio .listing p {
	font-size: 1.3em;
	margin: -1em 0 3em 0;
	color: #6c6c6c;
	font-weight: bold;
}

	#main.portfolio .listing p strong {
		color: #323232
	}
	
#main.portfolio .listing ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em
}

	#main.portfolio .listing ul li {
		display: block;
		float: left;
		text-align: center;
		width: 50%
	}
	
.BloqueImagen.left,
.BloqueHTML.left {
	float: left;
	margin: 0 2em 1em 0;
}

.BloqueImagen.right,
.BloqueHTML.right {
	float: right;
	margin: 0 0 1em 2em;
}

.BloqueImagen.center,
.BloqueHTML.center {
	text-align: center;
	margin: 0 0 2em 0;
}

	.BloqueImagen.center img {
		display: inline;
	}

	.BloqueImagen figcaption {
		margin: 0;
		font-size: 0.85em
	}

.BloqueGaleria {
	padding-bottom: 30px
}

.BloqueGaleria a {
	float: left;
	border: 1px solid #dbdbdb;
	padding: 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 130px;
	display: block;
	margin: 10px 14px 0 0;
}

	.BloqueGaleria a img {
		width: 130px;
		display: block
	}