/*
Theme Name: Toni Llido
Theme URI: http://www.pauiglesias.com/
Description: Toni Llido Theme
Version: 0.06
Author: Pau Iglesias
Author URI: http://www.pauiglesias.com/
*/


	*
	{
		margin: 0;
		padding: 0;
	}

	a:link, a:active, a:visited
	{
		color: #2983A6;
		text-decoration: none;
	}

	a:hover
	{
		color: #3F4F57;
		text-decoration: none;
	}

	.left
	{
		float: left;
	}
	
	.right
	{
		float: left;
	}

	body
	{
		text-align: center;
		padding: 10px 0 25px 0;
		background: #7A8997 url(images/body-bg.gif) left top repeat-x;
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
	}
	
	h3.sumario
	{
		color: #505050;
		font-size: 14px;
		padding-bottom: 3px;
		margin-bottom: 10px;
		background: url(images/listas-mini-title-bg.gif) left bottom repeat-x;
	}
	
		#main
		{
			margin: auto;
			width: 980px;
			border: 1px solid #000000;
			text-align: left;
			background: #FFFFFF;
			margin-bottom: 15px;
		}


			#top
			{
				background: url(images/top-bg.gif) left top repeat-x;
				border-bottom: 1px solid #F2F2F2;
			}
			
				#top-motivo
				{
					background: url(images/top-motivo.jpg) right top no-repeat;
				}
				
					#top-motivo-houses
					{
						background: url(images/top-motivo-houses.jpg) 10px 127px no-repeat;
						height: 262px;
					}
				
				#top h1
				{
					text-indent: -10000px;
					padding: 10px 0 0 10px;
					margin: 0 0 84px 0;
				}
				
					#top h1 a
					{
						display: block;
						width: 185px;
						height: 110px;						
						background: url(images/logo.jpg) left top no-repeat;
					}
			
			#top ul
			{
				margin-left: 200px;
				width: 729px; /* 697px; */
				background: url(images/menu-container-bg.gif) left top repeat-x;
			}
			
				#top ul li#menu-first
				{
					padding: 22px 25px 8px 25px;
					margin: 0 1px 0 0;
					background: url(images/menu-bg-first.gif) left top no-repeat;
				}
				
				#top ul li#menu-last
				{
					padding: 22px 25px 8px 25px;
					margin: 0;
					background: url(images/menu-bg-last.gif) left top no-repeat;
				}
			
				#top ul li
				{
					float: left;
					display: block;
					padding: 15px 0 10px 0;
					margin: 0 1px 0 0;
					background: url(images/menu-bg.gif) left top repeat-x;
				}
				
					#top ul li a:link, #top ul li a:active, #top ul li a:visited
					{
						color: #A0D7F0;
						display: block;
						text-decoration: none;
						letter-spacing: -1px;
						font-family: "Trebuchet MS", Arial, Helvetica;
						font-size: 16px;
						font-weight: bold;
						line-height: 16px;
						padding: 8px 23px 7px 23px;
						background: url(images/menu-item-off.gif) left top repeat-x;
					}
					
					#top ul li a:hover
					{
						color: #FFFFFF;
						background: url(images/menu-item-on.gif) left top repeat-x;
					}
					
					#top ul li.actual
					{
						background: url(images/menu-arrow.gif) center bottom no-repeat;
						padding-top: 16px;
						padding-bottom: 11px;
					}
					
					#top ul li.actual a:link, #top ul li.actual a:active, #top ul li.actual a:visited, #top ul li.actual a:hover
					{
						color: #C1DEEC;
						background: none;
					}
			
			#top-header
			{				
				background: #7AC4EA url(images/top-header-bg.gif) left bottom repeat-x;
				padding: 10px 0 10px 20px;
			}
			
				#top-header .left h2
				{
					color: #F0F0F0;
					font-family: Georgia, "Times New Roman", Tahoma, Arial;
					font-size: 17px;
					font-weight: normal;
				}
				
					#top-header .left h2 a:link, #top-header .left h2 a:active, #top-header .left h2 a:visited
					{
						color: #E0F5FE;
						border-bottom: 1px solid #93C9D9;
						text-decoration: none;						
					}
					
					#top-header .left h2 a:hover
					{
						color: #133C74;						
						border-bottom: 1px solid #459ED1;
					}
				
				#top-header .right
				{	
					float: right;
					margin-right: 20px;
				}
				
					#top-header .right form #s
					{
						border: 1px solid #3E98CC;
						padding: 3px;
						width: 120px;
						font-size: 11px;
					}
					
					#top-header .right form #searchsubmit
					{
						background: #3E98CC;
						color: #FFFFFF;
						border: 1px solid #FFFFFF;
						padding: 2px;
						font-family: Verdana, Arial;
						font-size: 11px;
					}
				

	#content
	{
		padding: 20px 10px 15px 15px;
		background: #FFFFFF url(images/content-bg.gif) left top repeat-x;
		min-height: 250px;
		height: auto !important;
		height: 250px;
	}
	
		#content .left
		{
			width: 620px;
			margin-right: 5px;
		}
		
		#content .left.home
		{
			width: 670px;
		}
		
		#content .right
		{
			width: 320px;
			padding-top: 5px;
		}
		
	#navigate
	{
		margin-bottom: 15px;
	}

	.navigation
	{
		font-size: 11px;
		font-family: Verdana, Arial;		
		padding-bottom: 9px;
		padding-top: 1px;
		/* border-bottom: 1px solid #DAE4EB; */
	}
	
		.navigation .alignleft
		{
			float: left;
			margin-right: 5px;
		}

		.navigation .alignright
		{
			float: left;
		}
		
			.navigation a:link, .navigation a:active, .navigation a:visited
			{
				display: block;
				color: #1F6281;
				padding: 3px;
				border: 1px solid #A0D7F0;
				text-decoration: none;
			}

			.navigation a:hover
			{
				display: block;
				color: #FFFFFF;
				background: #A0D7F0;
				border: 1px solid #A0D7F0;
				text-decoration: none;
			}
			
			.navigation span
			{
				display: block;
				color: #E6E6E6;
				padding: 3px;
				border: 1px solid #E6E6E6;
			}
	
	ul#historico
	{
		list-style: none;
		height: 137px;
		overflow: auto;
		margin: 0;
		padding: 0 1px 0 1px;
		border: 1px solid #A0D7F0;
	}
	
		ul#historico li
		{
			list-style: none;
			padding-bottom: 1px;
		}
		
			ul#historico li a:link, ul#historico li a:visited, ul#historico li a:active
			{
				font-size: 11px;
				display: block;
				padding: 5px 10px 5px 10px;
				background: #F1F2F3;
				color: #51565B;
				line-height: 18px;
				text-decoration: none;
			}

				ul#historico li#historico-actual a:link, ul#historico li#historico-actual a:visited, ul#historico li#historico-actual a:active, ul#historico li#historico-actual a:hover
				{
					color: #FFFFFF;
					background: #9AC7DC;
				}

			ul#historico li a:hover
			{
				color: #2E3032;
				background: #DAE4EB;
				text-decoration: none;
			}


	.post
	{
		margin-bottom: 25px;
		padding: 5px 10px 10px 5px;
	}
	
	.post.foto
	{
		border: 1px solid #C2E6F6;
		padding: 1px;
	}
	
	.post.search
	{
		margin-bottom: 10px;
	}
	
	.post.search h3
	{
		font-size: 16px;
	}
	
		.post h2
		{
			font-family: "Trebuchet MS", Arial, Verdana;
			font-size: 15px;
			font-weight: bold;			
			margin-bottom: 5px;
			background: url(images/post-title-bg.gif) left bottom repeat-x;
			padding: 7px;
			border-bottom: 1px solid #DFE5E9;
		}
		
			.post h2 a:link, .post h2 a:active, .post h2 a:visited
			{
				color: #2983A6;
				text-decoration: none;
			}
			
			.post h2 a:hover
			{
				color: #3F4F57;
				text-decoration: none;
			}
			
		.post.foto .entry
		{
			padding: 5px;
		}		
			.post .entry p,
			.post .entry h1,
			.post .entry h2,
			.post .entry h3
			{
				margin-bottom: 15px;
			}
		
			.post .entry p img.size-medium
			{
				border: 1px solid #F2F6F9;				
			}
			
			.post .entry h3
			{
				font-size: 13px;
			}


	/* arquitectura */

	#arquitectura
	{
		margin-left: 15px;
	}

		#arquitectura .item
		{
			margin-bottom: 20px;
			padding: 0 7px 6px 7px;
			background: url(images/listas-bg.gif) left bottom repeat-x;
		}
		
			#arquitectura .item .left
			{
				width: 100px;
				margin-right: 10px;
			}
			
				#arquitectura .item .left img
				{		
					border: 1px solid #3A5362;
				}
			
			#arquitectura .item .right
			{
				width: 470px;
				padding-top: 10px;
			}
			
				#arquitectura .item .right h2
				{
					font-family: Arial, Verdana;
					font-size: 16px;
					font-weight: bold;
					margin-bottom: 5px;
					letter-spacing: 1px;
					border-bottom: 1px solid #D0DFE7;
				}

					#arquitectura .item .right h2 a:link, #arquitectura .item .right h2 a:active, #arquitectura .item .right h2 a:visited
					{
						color: #2983A6;
						text-decoration: none;
					}

					#arquitectura .item .right h2 a:hover
					{
						color: #3F4F57;
						text-decoration: none;
					}


	#arquitectura-mini
	{
		
	}

		#arquitectura-mini .item
		{
			border: 1px solid #FFFFFF;
			background: url(images/listas-mini-bg.gif) left bottom repeat-x;
			margin-bottom: 10px;
			padding: 3px 0 4px 4px;
		}
		
		#arquitectura-mini .item.selected
		{			
			background: #EFF6FA;
			border: 1px solid #809EAC;			
		}
		
			#arquitectura-mini .item .left
			{
				width: 60px;
				margin-right: 3px;
			}
			
				#arquitectura-mini .item .left img
				{		
					border: 1px solid #3A5362;
				}
			
			#arquitectura-mini .item .right
			{
				width: 180px;
				padding-top: 8px;
			}
			
				#arquitectura-mini .item .right h2
				{
					font-family: Arial, Verdana;
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 5px;
					letter-spacing: 1px;					
				}

					#arquitectura-mini .item .right h2 a:link, #arquitectura-mini .item .right h2 a:active, #arquitectura-mini .item .right h2 a:visited
					{
						color: #2983A6;
						text-decoration: none;
					}

					#arquitectura-mini .item .right h2 a:hover
					{
						color: #3F4F57;
						text-decoration: none;
					}


	/* galerias */
	
	#galerias
	{
		margin-left: 15px;		
	}
	
	#galerias.mini
	{
		margin-left: 0;
	}
	
	#galerias.mini h3.sumario
	{
		margin-left: 3px;
		margin-bottom: 10px;
	}
	
		#galerias .group
		{
			border: 1px solid #D1E5F1;
			margin-bottom: 15px;
		}
		
		#galerias.mini .group
		{
			border: 0;
			margin-bottom: 0;
		}
	
			#galerias .group h2
			{
				color: #737D85;
				font-size: 14px;
				margin-bottom: 5px;
				padding: 5px 0 5px 7px;
				background: url(images/post-title-bg.gif) left bottom repeat-x;
			}
			
			#galerias.mini .group h2
			{
				font-size: 13px;
			}

			#galerias .group .item
			{
				padding: 10px;
			}

			#galerias.mini .group .item
			{
				padding: 5px;
			}

				#galerias .group .item .left
				{
					width: 120px;
				}

				#galerias .group .item .right ul li
				{
					list-style-type: none;
					font-size: 13px;
					font-weight: bold;
					margin-bottom: 5px;
				}
				
				#galerias.mini .group .item ul li
				{
					list-style-type: none;
					font-size: 13px;
					font-weight: normal;
					margin-bottom: 5px;
					padding: 2px 0 2px 4px;
					border: 1px solid #FFFFFF;
				}
				
				#galerias.mini .group .item ul li.selected
				{
					background: #EFF6FA;
					border: 1px solid #809EAC;
				}


	/* image transition */

	ul#transition
	{  
		height:  320px;
		overflow: hidden;
		padding: 0;
		margin:  0;
		margin-bottom: 5px;
	}
	
		ul#transition li
		{
			list-style-type: none;
			padding: 0;
			margin:  0;
		}
		
			ul#transition li a:link, ul#transition li a:active, ul#transition li a:visited, ul#transition li a:hover
			{
				border: 0;
				text-decoration: none;
				padding: 0;
				margin: 0;
			}
			
			ul#transition li a img, .home-bottom-item a img
			{
				border: 1px solid #ccc;
				padding: 4px;
			}

	.home-bottom-item
	{
		float: left;
	}
	
		.home-bottom-item a.motivo
		{
			display: block;
			padding: 0;
			margin: 0 0 8px 0;
		}
	
	.home-box
	{
		margin-bottom: 10px;
		border: 1px solid #E7F2F9;
		padding: 1px;
	}
	
		.home-box h3
		{
			padding: 3px 0 3px 5px;
			margin-bottom: 5px;
			font-family: Verdana, Arial;
			font-size: 11px;
			font-weight: normal;
			color: #5F747D;
			background: #D8EAF4;
		}
		
		#home-contact-body
		{
			padding: 10px 10px 2px 10px;
			font-size: 12px;			
		}
		
			#home-contact-body p
			{
				margin-bottom: 6px;
				border-bottom: 1px solid #D1E5F1;
			}
			
			#home-contact-more
			{
				padding-top: 10px;
			}
		
		.home-box-body
		{
			padding: 5px 0 5px 10px;
		}
			.home-box-foto
			{
				margin-bottom: 5px;
			}
			
				.home-box-foto img
				{
					border: 1px solid #DADFE3;
				}


	/* motivos */

	.motivo-item
	{
		margin-left: 35px;
		margin-bottom: 20px;
	}
	
		.motivo-item div.motivo
		{
			padding: 0;
			margin: 0 0 5px 0;
		}
		
			.motivo-item div.motivo a
			{
				border: 0;
				text-decoration: none;
			}

				.motivo-item div.motivo a img
				{
					border: 1px solid #ccc;
					padding: 4px;
				}


	/* footer */
	
	#footer
	{
		padding: 25px 15px 10px 15px;
		background: #ACCCE1 url(images/bottom-bg.gif) left top repeat-x;
		border-top: 1px solid #6890A8;
	}
	
		#footer .left
		{
			padding: 0 25px 0 160px;
		}
	
		#footer .right
		{
			width: 480px;
			text-align: center;

		}

			#footer .right div.submenu
			{				
				color: #C8E1F0;
				font-family: "Trebuchet MS", Arial, Helvetica;
				font-size: 11px;
				letter-spacing: 1px;
				margin: 0 0 6px 0;
				padding: 2px 0 6px 0;
				border-bottom: 1px solid #C8E1F0;
			}
		
			#footer .right a:link, #footer .right a:active, #footer .right a:visited
			{
				color: #2E373A;
				text-decoration: none;				
				margin: 0 5px 0 5px;
				font-weight: bold;
			}
			
			#footer .right a:hover
			{
				color: #5E5852;
				text-decoration: none;
			}
			
			#footer .right div.credits
			{
				color: #000000;
				font-size: 12px;
				font-family: "Trebuchet MS", Arial;				
			}
			
				#footer .right div.credits h2
				{
					font-size: 12px;
					font-weight: normal;
				}

	p#development
	{
		text-align: center;
		font-family: Verdana, Arial;
		font-size: 10px;
		color: #E0F3FE;
	}
	
		p#development a:link, p#development a:active, p#development a:visited
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		p#development a:hover
		{
			color: #F5F7F8;
			text-decoration: none;
		}


	/* Clear Both fixed */

	.clearfix:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix
	{
		display: inline-block;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */