/*
Theme Name: Piel de Toro 2010
Theme URI: http://pieldetoro.com
Description: Piel de Toro 2010 Theme
Version: 2010
Author: ElitAd
*/


*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
}


body{
	font: 10pt arial;
}

	body#blog{
		background: url(http://img202.imageshack.us/img202/1544/1920x1200.jpg) center center fixed;
		background: url(http://graphic.org.pl/images/arx1242656364e.jpg) center center fixed;
		background: url(img/blog/fondo.jpg) center center fixed;
	}
	
	body#contact{
		background: url(img/contact/fondo.jpg) center center  no-repeat;
	}
	
	body#franquicias{
		background: url(img/franquicias/background.jpg) center center fixed no-repeat;
	}
	
	body#comunidad{
		background: #000 url(img/comunidad/fondo.jpg) center -40px fixed no-repeat;
	}



#website{
	background: #fff;
	width: 960px;
	margin: 0 auto;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	padding: 1em 0;
}


#header{
	margin-bottom: 2em;
}

	#header #header-lang{
		float: right;
		margin-right: 130px;
	}
	
		#header #header-lang a img{
			color: transparent;
			border: none;
		}

	#header #header-logo{
		display: block;
		width: 589px;
		height: 200px;
		background: url(img/header.jpg) no-repeat;
		margin: 0 auto;
	}
	
	#header #blog-logo{
		display: block;
		width: 960px;
		height: 510px;
		background: url(img/blog/header.jpg) no-repeat center bottom;
		margin: -1em auto 0;
	}
	
	#header #header-menu{
		text-align: center;
		margin: .5em auto;
		width: 700px;
		background: url(img/menu/fondomenu.jpg) no-repeat;
		padding: 0 0 10px 0;
	}
	
		#header #header-menu a{
			color: transparent;
			border: none;
			display: inline-block;
			height: 50px;
			margin: 0 .5em;
		}
		
		#header #header-menu .home{
			background: url(img/menu/homea.png) no-repeat -65px 0;
			width: 75px;
		}
		
			#header #header-menu .home:hover{
				background: url(img/menu/homeb.png) no-repeat -65px 0;
			}
		
		#header #header-menu .blog{
			background: url(img/menu/bloga.png) no-repeat -75px 0;
			width: 55px;
		}
		
			#header #header-menu .blog:hover{
				background: url(img/menu/blogb.png) no-repeat -75px 0;
			}
		
		#header #header-menu .goshopping{
			background: url(img/menu/goshoppinga.png) no-repeat -20px 0;
			width: 165px;
		}
		
			#header #header-menu .goshopping:hover{
				background: url(img/menu/goshoppingb.png) no-repeat -20px 0;
			}
			
		#header #header-menu .tienda{
			background: url(img/menu/tiendab.png) no-repeat -55px 0;
			width: 95px;
		}
		
			#header #header-menu .tienda:hover{
				background: url(img/menu/tiendaa.png) no-repeat -55px 0;
			}
		
		#header #header-menu .franquicias{
			background: url(img/menu/franquiciasa.png) no-repeat -25px 0;
			width: 155px;
		}
		
			#header #header-menu .franquicias:hover{
				background: url(img/menu/franquiciasb.png) no-repeat -25px 0;
			}
			
		#header #header-menu .franchise{
			background: url(img/menu/franchisea.png) no-repeat -40px 0;
			width: 125px;
		}
		
			#header #header-menu .franchise:hover{
				background: url(img/menu/franchiseb.png) no-repeat -40px 0;
			}
		
		#header #header-menu .contacto{
			background: url(img/menu/contactoa.png) no-repeat -40px 0;
			width: 125px;
		}
		
			#header #header-menu .contacto:hover{
				background: url(img/menu/contactob.png) no-repeat -40px 0;
			}
			
		#header #header-menu .contact{
			background: url(img/menu/contacta.png) no-repeat -40px 0;
			width: 125px;
		}
		
			#header #header-menu .contact:hover{
				background: url(img/menu/contactb.png) no-repeat -40px 0;
			}
			
			

			
			
			
			
#content{
	margin: 1em 0;
}

	#content #content-left{
		width: 150px;
		float: left;
	}
	
		#content #content-left img{
			border-bottom: 2px dashed #000;
		}
	
	#content #content-center{
		width: 640px;
		margin-right: 20px;
		float: left;
	}
	
		#content #content-center #content-center-topimages{
			overflow: hidden;
			width: 640px;
			height: 480px;
			/*background: url(img/home/bigvideo.jpg) no-repeat;*/
			padding: 2px 0 10px 5px;
			margin-left: -5px;
		}
		
			#content #content-center #content-center-topimages #content-center-topimages-images{
				width: 640px;
				height: 482px;
				overflow: hidden;
			}
			
				#content #content-center #content-center-topimages #content-center-topimages-images img{
					width: 640px;
					height: 482px;
				}
				
		
		#content #content-center #content-center-minimages{
			text-align: center;
			margin: 1em 0;
		}
		
			#content #content-center #content-center-minimages img{
				width: 200px;
				height: 296px;
			}
			
			#content #content-center #content-center-minimages img.content-center-minimages-middle{
				margin: 0 16px;
			}
			
			
			
			
	#content #content-blog{
		width: 640px;
		margin-right: 20px;
		float: left;
	}
	
		#content #content-blog .content-blog-post{
			margin-bottom: 3em;
		}
		
			#content #content-blog .content-blog-post .content-blog-post-title{
				font: bold 15pt arial;
				letter-spacing: -1px;
				color: #d31d25;
			}
			
				#content #content-blog .content-blog-post .content-blog-post-title:hover{
					color: #f9d43b;
				}
			
				#content #content-blog .content-blog-post .content-blog-post-title a{
					font: bold 18pt courier;
					letter-spacing: -2px;
					color: #d31d25;				
				}
				
					#content #content-blog .content-blog-post .content-blog-post-title a:hover{
						color: #f9d43b;
					}
			
			#content #content-blog .content-blog-post .content-blog-post-text{
				font: 11pt arial;
				line-height: 1.5em;
				color: #333;
			}	
			
				#content #content-blog .content-blog-post .content-blog-post-text a img{
					border: none;
					color: #fff;
				}
				
			#content #content-blog .content-blog-post .content-blog-post-info{
				border-bottom: 2px solid #000;
				margin-top: 1em;
				padding:2px 4px;
				background: #d31d25;
			}
				
				#content #content-blog .content-blog-post .content-blog-post-info .content-blog-post-info-comdate{
					float: left;
				}
				
					#content #content-blog .content-blog-post .content-blog-post-info .content-blog-post-info-comdate .content-blog-post-info-comdate-date{
						font: bold 10pt arial;
						margin-right: 5px;
						color:#fff;
					}
				
					#content #content-blog .content-blog-post .content-blog-post-info .content-blog-post-info-comdate .content-blog-post-info-comdate-comments{
						font: bold 10pt courier;
						color: #f9d43b;
					}
				
				#content #content-blog .content-blog-post .content-blog-post-info .content-blog-post-info-tags{
					float: right;
				}
				
					#content #content-blog .content-blog-post .content-blog-post-info .content-blog-post-info-tags a{
						font: bold 8pt courier;
						margin-left: 5px;
						color: #f9d43b;
					}
	
	
	
	#content #content-right{
		width: 300px;
		float: right;
	}
	
		#content #content-right .content-right-title{
			font: 16pt courier;
			text-align: center;
			margin: 0;
			color: #000;
			text-shadow: 1px 1px 2px #333;
		}
	
		#content #content-right a img{
			float: left;
			border: none;
			color: transparent;
			margin-bottom: 2em;
		}
		
			#content #content-right a img.marginON{
				margin-right: 20px;
			}
		
		
		
		#content #content-right .content-right-subscribe{
			background: url(img/blog/subscribe.jpg) no-repeat;
			padding: 59px 0 0 39px;
		
		}
		
		#content #content-right .content-right-archive{
			text-align: center;
			line-height: 1.5em;
			clear: both;
		}
		
			#content #content-right .content-right-archive a{
				float: left;
				width: 140px;
				font: bold 11pt courier;
				color: #d31d25;
				margin: 0 10px .5em 0;
				text-shadow: 1px 1px 2px #999;
			}
			
				#content #content-right .content-right-archive a:hover{
					color: #000;
				}
		
			
		#content #content-right .content-right-twfl{
			
		}
		
			#content #content-right .content-right-twfl .content-right-twfl-twitter{
				background: url(img/sidebar/twitter.jpg) no-repeat;
				padding-top: 100px;
				width: 220px;
				float: left;
				text-align: left;
			}
			
				#content #content-right .content-right-twfl .content-right-twfl-twitter .content-right-twfl-twitter-tweet{
					background: #d31d25;
					color: #fff;
					margin: 5px 0;
					padding: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius:5px;
					-khtml-border-radius:5px;
					font: bold 9pt arial;
				}
				
					#content #content-right .content-right-twfl .content-right-twfl-twitter .content-right-twfl-twitter-tweet a{
						color:#f3cd31;
					}
					
						#content #content-right .content-right-twfl .content-right-twfl-twitter .content-right-twfl-twitter-tweet a:hover{	
							text-decoration: underline;
						}
			
			#content #content-right .content-right-twfl .content-right-twfl-flickr{
				background: url(img/sidebar/flickr.jpg) no-repeat;
				padding-top: 100px;
				width: 70px;
				float: right;
				text-align: right;
			}
			
				#content #content-right .content-right-twfl .content-right-twfl-flickr .content-right-twfl-flickr-pic{
					width: 70px;
					height: 70px;
				}
			
				#content #content-right .content-right-twfl .content-right-twfl-flickr a img{
					float: none;
					margin: 5px 0;
					width: 70px;
					height: 70px;
				}
				
					#content #content-right .content-right-twfl .content-right-twfl-flickr a img:hover{
						width: 110px;
						height: 110px;
						margin: -30px 0 0 -20px;
					}
					
		
		#content #content-right .content-right-cloud{
		
		}
		
			#content #content-right .content-right-cloud a{
				color: #d31d25;
				font-family: courier, serif;
				text-shadow: 0 0 5px #777;
			}
			
				#content #content-right .content-right-cloud a:hover{
					color: #f9d43b;
					text-shadow: none;
					background: #d31d25;
				}
					
		#content #content-right .content-right-postrss{
			clear: both;
		}
		
			#content #content-right .content-right-postrss .content-right-postrss-rss{
				float: left;
				width: 140px;
			}
			
			#content #content-right .content-right-postrss .content-right-postrss-posterous{
				float: right;
				width: 140px;
			}
			
		#content #content-right .content-right-dots{
			display: block;
			height: 10px;
			margin: 2em 0;
			clear: both;
			background: url(img/sidebar/separacion.jpg) no-repeat;
		}




#contact{
	margin: 1em 10em;
	background: url(img/contact/beta.png) no-repeat center center;
	height: 680px;
}

	#contact #nombre{
		position: absolute;
		width: 300px;
		margin: 215px 0 0 200px;
		border: none;
		font: 11pt arial;
		padding: 2px 5px;
	}
	
	#contact #email{
		position: absolute;
		width: 300px;
		margin: 285px 0 0 200px;
		border: none;
		font: 11pt arial;
		padding: 2px 5px;
	}
	
	#contact #mensaje{
		position: absolute;
		background: transparent;
		width: 440px;
		height: 160px;
		margin: 425px 0 0 85px;
		border: none;
		font: 11pt arial;
		padding: 10px;
		overflow: auto;
	}


#franquiciasin{
	background: url(img/franquicias/background.png) repeat-y center center;
	min-height: 150px;
	width: 670px;
	margin: -7px auto 2em;
	padding: 15px;
}

	#franquiciasin h1{
		color: #d31d25;
		font: bold 20pt courier;
		letter-spacing: -2px;
		margin-bottom: 1em;
	}
	
	#franquiciasin .dosier{
		display: inline-block;
	}
	
	#franquiciasin .conecta{
		width: 175px;
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
		text-align: center;
	}	
	
		#franquiciasin .conecta strong{
			color: #d31d25;
			font: bold 14pt courier;
			letter-spacing: -1px;			
			text-align: left;
		}
		
		#franquiciasin .conecta a img{
			border: none;
			color: transparent;
		}
		
		
		
		
#website #comunidad{
	width: 670px;
	margin: -7px auto 4em;
	padding: 15px;
	background: url(img/comunidad/fondo.png);
	text-align: center;
}

	#website #comunidad h1{
		color: #fff;
		font: bold 20pt courier;
		letter-spacing: -2px;
		margin-bottom: 1em;
	}

	#website #comunidad a img{
		filter: alpha(opacity=99);
		opacity: .99;
		color: transparent;
		border: none;
	}
	
	#website #comunidad .comunidad-iconos{
		margin: 2em 0;
	}





#footer-banners{
	text-align: center;
	background: url(img/home/banners/fondo.png) no-repeat 0 20px ;
	width: 960px;
	height: 170px;
	display: block;
}

	#footer-banners #footer-banners-left{
		float: left;
		margin: -10px 0 0 20px;
	}
	
	#footer-banners #footer-banners-center{
		float: left;
		margin: -10px 0 0 10px;
	}
	
		#footer-banners #footer-banners-center img{
		
		}
	
	#footer-banners #footer-banners-right{
		float: right;
		margin: -10px 20px 0 0;
	}
	
	#footer-banners .footer-banners-margin{
		margin: 0 10px;
	}
		
		
		
		
		
		
#footer{
	border-top: 2px solid #333;
	text-align: center;
	margin: 1em 0;
	padding: 5px 0;
}

	#footer a{
		font: bold 10pt courier;
		color: #000;
		margin: 0 1em;
	}