/*

Theme Name: IlusionLive

Theme URI: http://www.ilusionlive.es

Description: PSD -> XHTML/CSS -> WordPress

Version: 1.0

Author: PSD: Ilusionlive | XHTML/CSS/WordPress: Martin Becerra

*/


body, p, ul, li, h1, h2, h3, h4, h5, h6, img, a {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
	
}

body {
	font-size: 100%;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
    border:0;
    width:100%;
    height: 100%;
    background: url("images/bg_head.jpg") #FFFFFF repeat-x;
}

#container {
	width: 881px;
	margin: 0 auto;
	font-size: 0.8em;
}
	#col-left {
		float: left;
		width: 248px;
		height: 100%;
		margin-bottom: 20px;
	}
		#pet {
			width: 241px;
			height: 348px;
			background: url("images/pet.jpg") no-repeat;
			float: right;
			
		}
		#petsombra {
			width: 7px;
			height: 348px;
			background: url("images/petsombra.jpg") no-repeat;
			float: left;
		}
		#sidebar {
			width: 218px;
			border: 1px solid #D5D5D5;
			clear: both;
			padding: 65px 7px 7px 7px;
			text-align: center;
		}
		#sidebar ul
		{
			text-align: left;
		}
		.sidebarhome {
			background: url("images/sidebarhome.jpg") top #DADBDB no-repeat;
		}
			.sidebarhome h1 {
				font-size: 0.9em;
			}
			.sidebarhome p {
				font-size: 0.95em;
				color: #8A8A8A;
				margin-bottom: 10px;
				text-align: justify;
			}
		.sidebarportafolio {
			background: url("images/sidebarportafolio.jpg") top #DADBDB no-repeat;		
		}
			.sidebarportafolio ul li{
				background: url("images/limenu.jpg") no-repeat 0% 50%;
				padding: 5px 5px 5px 25px;
			}
			.sidebarportafolio ul li.child{
				background: url("images/limenuchild.jpg") no-repeat 0% 50%;
			}
			.sidebarportafolio ul li.child a{
				color: #B0B0B0;
			}
			.sidebarportafolio ul li a{
				color: #686868;
			}
			.sidebarportafolio ul li a:hover{
				font-weight: bold;
			}
			.sidebarportafolio .tagcloud {
				text-align: center;
				margin: 10px 0;
				width: 95%;
			}
			.sidebarportafolio .tagcloud a{
				color: #BCBDBE;
			}
			.sidebarportafolio .tagcloud a:hover{
				text-decoration: underline;
			}
		.sidebartienda {
			background: url("images/sidebartienda.jpg") top #DADBDB no-repeat !important;		
		}
		.sidebarservicios {
			background: url("images/sidebarservicios.jpg") top #DADBDB no-repeat;		
		}
			.sidebarservicios ul li{
				background: url("images/limenu.jpg") no-repeat 0% 50%;
				padding: 5px 5px 5px 25px;
			}
			.sidebarservicios ul li a{
				color: #686868;
			}
			.sidebarservicios ul li a:hover{
				font-weight: bold;
			}
		.sidebarcontacto {
			background: url("images/sidebarcontacto.jpg") top #DADBDB no-repeat;
		}
		#sidebar2 {
			width: 250px;
			margin-top: 15px;
		}
		#sidebar2 ul {
			margin: 15px 0 0 0;
		}
		#sidebar2 ul li,  #sidebar2 .sidebartags a {
			color: #BEBEBE;
			font-size: 1em;
			margin-bottom: 10px;
		}
		#sidebar2 ul li a
		{
			/*color: #ADDF2B;*/
			color: #94C000;
		}
				
	#col-right {
		float: left;
		width: 630px;
		height: 100%;
		margin-bottom: 20px;
	}
		#header {
			width: 630px;
			height: 193px;
			background: url("images/head.jpg") no-repeat;
			position : relative;
		}
			#nav {
				width: 590px;
				height: 29px;
				padding: 87px 0pt 0pt 40px;
			}
				#nav .inicio {
					width: 83px;
					height: 29px;
					float: left;
					margin-right: 35px;
					cursor: pointer;
					background: url("images/btninicio.jpg") no-repeat;
				}
				#nav .portafolio {
					width: 116px;
					height: 29px;
					float: left;
					margin-right: 35px;                                        
					cursor: pointer;
					background: url("images/btnportafolio.jpg") left no-repeat;
				}
					#nav .portafolio:hover {
						background: url("images/btnportafolio.jpg") right no-repeat;
					}
				#nav .servicios {
					width: 108px;
					height: 29px;
					float: left;
					margin-right: 35px;                                       
					cursor: pointer;
					background: url("images/btnservicios.jpg") left no-repeat;
				}
					#nav .servicios:hover {
						background: url("images/btnservicios.jpg") right no-repeat;
					}
				#nav .contacto {
					width: 118px;
					height: 29px;
					float: left;
					margin-right: 35px;                                      
					cursor: pointer;
					background: url("images/btncontacto.jpg") left no-repeat;
				}
					#nav .contacto:hover {
						background: url("images/btncontacto.jpg") right no-repeat;
					}
			#tienda {
				position: absolute;
				bottom : 0;
				left: 420px;
				
			}		
				#tienda a {
					background: url("images/buy.gif") top left no-repeat;
					width: 153px;
					height: 27px;
					display : block;
					text-indent : -99999em;
				}	
				#tienda a:hover {background-position : 0 -28px;}
				
		#content {
			width: 630px;
			background: url("images/contenthead.jpg") no-repeat;
		}	
			#slider {
				width: 560px;
				height: 170px;
				margin: 0 auto 15px;
			}
	
			#content1 {
				width: 590px;
				margin-left: 10px;
			}
			.contentindex {
				background: url("images/content-index.jpg") top no-repeat #E1E4E6;
				padding-top: 15px;
			}
			div.contentindex p span.jobs {
				position : absolute;
				bottom : 14px;
				right : 187px;
			}
			
			div.contentindex p span.jobs a {
				background : url('images/buttom.gif') 0 -48px no-repeat;
				display : block;
				width : 202px;
				height : 24px;
				text-indent : -99999em;
				}
				
			div.contentindex p span.jobs a:hover {background-position : 0 -72px;}
			
			div.contentindex p span.presu {
				position : absolute;
				bottom : 14px;
				right : 16px;
			}
			
			div.contentindex p span.presu a {
				background : url('images/buttom.gif') 0 0 no-repeat;
				display : block;
				width : 162px;
				height : 24px;
				text-indent : -99999em;
				}
			
			div.contentindex p span.presu a:hover {background-position : 0 -24px;}
			
				#title {
					width: 564px;
					height: 33px;
					background: url("images/contenttitle.jpg") no-repeat;
					margin: 0 auto;
				}
					.titlename {
						width: 70px;
						float: left;
						color: #6D6D6D;
						padding: 5px;
					}
					.titleslogan {
						width: 570px;
						padding: 5px 0;
						text-align : center;
						float: right;
						font-size : 0.95em;
						color: #9B9C9D;
					}
				#pets {
					width: 564px;
					height: 180px;
					background: url("images/pets.jpg") no-repeat;
					margin: 0 auto;
					position : relative;
				}
				#webs {
					width: 564px;
					height: 180px;
					background: url("images/webs.jpg") no-repeat;
					margin: 7px auto;
					position : relative;
				}	
					.h1promo {
						font-size: 1em;
						font-weight : bold;
						color: #342C2C;
						padding: 15px 0 0 180px;
					}
					.textpromo {
						font-size: 0.95em;
						color: #FFFFFF;
						margin: 10px 15px 0 180px;
						text-align: justify;
					}
					.solicitarpresu {
						margin: 22px 0 0 400px;
						background: url("images/solicitarpresu.jpg") no-repeat;
						width: 140px;
						height: 20px;
						border: none;
						cursor: pointer;
					}
			.entry {
				padding: 0 25px 10px 25px;
				color: #545454;
			}		
			.entry p{	
				font-size: 0.85em;
			}	
			.entry h2 {
				color: #51C2EC;
				font-size: 1.2em;
				padding: 15px 15px 5px 0;
			}
			.contentportafolio {
				background: url("images/content-portafolio.jpg") top no-repeat #E1E4E6;
				padding-top: 60px;
			}
				.contentportafolio .catdesc {
					margin: 10px 25px 0;
					color: #545454;
					text-align: justify;
				}
				.contentportafolio  h2 {
					color: #51C2EC;
					font-size: 12px;
					padding: 7px 15px 0px 0;
					font-weight: bolder;
				}
				.contentportafolio .entrycol {
					float: left;
					width: 255px;
					padding-left: 25px;
					margin-top: 5px;
				}
				.contentportafolio .entrycol2 {
					float: right;
					width: 255px;
					padding-right: 25px;
					margin-top: 5px;
				}
				.contentportafolio .portafoliotags a, .contentportafolio p.portafoliotags {
					color: #BCBDBE;
				}
				.contentportafolio .portafolioimg {
					margin-top: 10px;
				}
				.contentportafolio .portafolioimg img
				{
					border: 1px solid #A5A5A5;
					width: 170px;
					height: 200px;
				}
				.contentportafolio .metadata {
					
				}
					.contentportafolio .metadata ul{
						margin: 0;
						padding: 0;
					}
					.contentportafolio .metadata ul li{
						margin: 0;
						padding: 7px 0;
						color: #686868;
						text-align: justify;
					}
					.contentportafolio .metadata .metadatatitle{
						font-weight: bold;
						/*color: #51C2EC;*/
						color: #94c000;
					}
				.contentportafolio .clear {
					height: 1px;
					clear: both;
				}
			.contenttienda {
				background: url("images/content-tienda.jpg") top no-repeat #E1E4E6 !important;
				padding-top: 60px;
			}
			.contentservicios {
				background: url("images/content-servicios.jpg") top no-repeat #E1E4E6;
				padding-top: 60px;
			}
				.contentservicios p {
					padding: 10px 0;
					clear: both;
					font-size: 0.85em;
				}
				.contentservicios ul {
					margin: 5px 0;
					padding: 0 15px;
				}
				.contentservicios ul li {
					padding: 2px 5px;
					font-size: 0.85em;
					color: #545454;
					list-style: square;
				}
				.solicitarpresuserv {
						/*background: url("images/solicitarpresuserv.jpg") no-repeat;*/
						background: url("images/buttom-presu.gif") no-repeat 0px 0px;
						width: 203px;
						height: 24px;
						border: none;
						cursor: pointer;
				}
				.solicitarpresuserv:hover {
						/*background: url("images/solicitarpresuserv.jpg") no-repeat;*/
						background: url("images/buttom-presu.gif") no-repeat 0px -24px;
					
				}
			.contentcontacto {
				background: url("images/content-contacto.jpg") top no-repeat #E1E4E6;
				padding-top: 60px;
			}
			.contentpresupuesto {
				background: url("images/content-presu.jpg") top no-repeat #E1E4E6;
				padding-top: 60px;
			}
			.contentcomprar {
				background: url("images/content-comprar.jpg") top no-repeat #E1E4E6 !important;
				padding-top: 60px;
			}
				#contentfoot {
					background: url("images/contentfoot.jpg") bottom left no-repeat;
					min-height: 59px !important;
					width: 540px;
					padding: 0 25px;
					clear: both;
				}
				#contentfoot .tagcloud {
					text-align: center;
					padding: 10px 0;
					width: 95%;
				}
				#contentfoot .tagcloud a{
					color: #BCBDBE;
				}
				#contentfoot .tagcloud a:hover{
					text-decoration: underline;
				}
								
								
	
#footer {
	width: 100%;
	clear: both;
	height: 132px;
	background: url("images/bg_foot.jpg") repeat-x;
	font-size: 0.9em;

}
	#foot {
		margin: 0 auto;
		width: 822px;
		height: 100%;
		background: url("images/foot.jpg") no-repeat bottom;
	}
		#foot ul {
			padding: 85px 0 0 140px;
		}
			#foot ul li{
				padding: 0 25px 0 15px;
				border-right: 1px solid #2A739E;
				display: inline;
			}
			#foot ul li.subir{		
				border-right: none;
			}
			#foot ul li a{
				color: #FFFFFF;
				text-decoration: none;
			}
			#foot ul li.subir a{
				color: #9FD1E9;
			}
		#foot p.copyright {
			color: #1E4F6D;
		}

/* plugin gallery */
#myGallery, #myGallerySet, #flickrGallery {
width: 560px; /* this is the width of your gallery */
height: 170px; /* this is the height of your gallery */
z-index:5;
border: 1px solid #000;
background: #FFF;
}
#myGallery {
display: none;
}
.step
{
	float: left;
	font-size: 10.5px;
	width: 170px;
	margin-right: 20px;
}
.step .step-title
{
	font-size: 12px;
	font-weight: bolder;
}
.step .step-title span a, .step .step-title span a:visited 
{
	text-decoration: none;
	color: #0098ff;
}
.step .step-title span a:hover
{
	color: #ffb400;
}
.step-description
{
	text-align: justify;
}
.entry-item 
{
	float: left;
	width: 170px;
	/*padding-right: 10px;*/
	margin: 5px 0px 5px 16px;
}
.entry-item .portafoliotags a
{
	font-size: 11px !important;
}