body {
  background: url(images/bk.png) #f9f9f9;
  font-size: 12px;
  color:#999999;  
  padding:0px 27px 30px 27px;
  margin:0px;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}

/*----Apariencia----*/
a img{border:none;}
h3{ font-size:16px; margin:5px 0px 0px 0px; color:#333333}
h3 a {font-size:16px; margin:5px 0px 0px 0px; color:#333333; text-decoration:none}
p{margin:5px 0px 5px 0px;}

h5{ font-size:20px; margin:5px 0px 0px 0px; color:#666666; text-transform:uppercase;}
h5 a {color:#666666; text-decoration:none}

/*----Principal----*/
#main { 	
  text-align: left;
  vertical-align: middle;	
  margin: 30px auto;
  padding: 0px;
  width: 950px;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
}

/*----Encabezado----*/
#head { 	
  text-align: left;
  margin: 20px 30px 10px 30px;
  /*padding: 20px 10px 10px 10px;*/
  width: 890px;
  height:85px;
  border-bottom: 1px solid #f2f2f2;
}

#panel {
	background: #fff;
	height: 200px;
	display: none;
	margin-top: 0px;
  	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.slide {
	margin: 0px;
	padding: 0;	
	text-align:right;
}

.btn-slide {	
	background: #fff;
	text-align: center;
	width: 133px;
	height: 18px;
	padding: 10px 10px 10px 20px;
	margin-left: 790px;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color: #666666;
	text-decoration: none;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.active {
	background-position: right 12px;
}

#bio{ float:left; height:160px; width:492px; padding:20px; text-align:justify;}
#bio p{ font-size:16px;}
#bio a{ color: #3db6d9;}
#contacto{ float:left; height:160px; margin:0px; padding:20px; width:380px; text-align:right;}

#logo{ float:left; height:72px; width:210px;}

#nav{ float:left; height:72px; margin:0px; width:657px; text-align:right;}
#nav ul{margin:30px auto;}
#nav li{display:inline; margin-right:15px;}
#nav li a{color:#999999;font-size:10px;text-transform:uppercase;text-decoration:none;padding:5px 0px 2px 0px;border-bottom:1px #dedede dotted;}
#nav li a:hover{color:#e54444;}
#nav li a img{border:none;}

/*----Top con Información----*/
#infobar { 	
  text-align: left;
  border-top: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  margin: 8px 30px 0px 30px;
  padding-top: 20px;
  height:130px;  
}

#etiquetas{ float:left; height:130px; width:560px; padding-right:20px;}
#etiquetas p{ font-size:16px; text-align:justify;}
#etiquetas a{ color: #3db6d9;}

#tweet{ float:left; height:130px; margin:0px; width:310px; text-align:right;}


/*----Contenido----*/
#content { 	
  text-align: left;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}

#content-single { 	
  text-align: left;
  display:inline-table;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  width:660px;
}

/*----Post----*/
.post { 	
  text-align: left;
  margin: 0px;
  margin-left:30px;
  margin-bottom:20px;
  padding: 0px;
  width: 275px;
  display:inline-block;
}

.post img{ padding:4px; border: 1px dotted #cccccc;}

/*----Single Post----*/
.single-post { 	
  text-align: left;
  margin: 0px;
  margin-left:30px;
  margin-bottom:20px; 
  padding: 0px;
  width: 630px;  
  
}

.single-post img{ margin-bottom:5px; padding:4px; border: 1px dotted #cccccc;}
.single-post p{padding-bottom:5px;}



/*----Sidebar----*/
.sidebar { 	
  text-align: left;
  margin: 0px;
  margin-left:30px;
  padding: 0px;
  width: 240px;
  display:inline-table;
}

.sidebar li{margin 0px; margin-bottom:4px; padding:0px; list-style:none; }
.sidebar a{color:#FFFFFF; background:#cccccc; padding:1px 2px 1px 2px; text-decoration:none; font-size:14px;}
.sidebar a:hover{ background:#999;}

/*----Navegación inferior----*/
#postnav { 	
  text-align: left;
  border-top: 1px solid #f2f2f2;
  margin: 0px 20px 0px 20px;
  padding: 20px 0px 0px 0px;
  height:40px;
  font-size:10px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f2f2f2;
	color: #666666;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #fff;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f2f2f2;
	color: #666666;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #fff;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #f2f2f2;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #e54444;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f2f2f2;
	color: #666666;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #fff;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	border: 1px solid #f2f2f2;
	color: #666;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	background-color: #fff;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #f2f2f2;
	color: #666;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #fff;
	font-size:10px;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #f2f2f2;
	color: #666;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #fff;
}


/*----Footer----*/
#footer{ 	
  text-align: left;
  vertical-align: middle;	
  margin: 30px auto;
  padding: 30px;
  width: 890px;
  height:25px;
  background-color: #ffffff;
  border: 1px solid #dedede; 
}

#data{ float:left; height:130px; width:560px; padding-right:20px;}
#data a{ color: #3db6d9; text-decoration:none}

.twit{padding-left:12px; margin-right:10px; background:url(images/twitter.gif) no-repeat;}
.flick{padding-left:22px; margin-right:10px; background:url(images/flickr.gif) no-repeat}
.phone{padding-left:11px; margin-right:10px; background: url(images/phone.gif)no-repeat;}
.mail{padding-left:13px; margin-right:10px; background: url(images/email.gif)no-repeat;}

#rights{ float:left; height:130px; margin:0px; width:310px; text-align:right;}