/*
Theme Name:		Vayaciudad
Theme URI:		http://www.vayaciudad.es
Description:	Theme conjunto para la red de blogs de ciudades españolas.
Version:		1.0
Author:			Jaime Eguizabal
Author URI:		http://www.blogsolutions.es/
*/

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#474848;
	margin:0;
	padding:0;
}

img {
	border:0px;
}
a {
	color:#0066cb;
	text-decoration:none;
}
a:hover {
	color:#474848;
	text-decoration:underline;
}
a:focus {outline: none;} /*Para eliminar el borde de los enlaces cuando se hace clic*/
a img {	border:none;}

/************ CONTENIDO *******************/
#wrapper {
	width:900px;
	margin:10px auto 0 auto;
}
/************ CABEZERA *******************/
#header {
	padding:0;
	margin:0 auto;
	text-align:left;
}
#header h1 {
	margin: 0;
	padding:0;
	float: left;
}


.page {
	width:880px;
	margin:0 auto;
}
#content {
	width:550px;
	padding:0;
	overflow:hidden;
	float: left;
}
#bgtop {
	height:20px;
	background:url('images/img07.gif');
}
.cuerpo{
	padding:0px 10px 5px 10px;
	width:520px;
	float:left;
	/*margin:0 15px 15px 0;*/
	background:#ffffff;
	padding-bottom: 10px;
	line-height: 1.5em;
	text-align:justify;}
	/*
.rss {
	float:right;
	margin:0;
	padding:0;
}
.rss a {
	background:url('images/rss.gif') no-repeat;
	width:38px;
	height:37px;
	display:block;
}
.rss a:hover {
	background:url('images/rss.gif') no-repeat 0px -37px;
	width:38px;
	height:37px;
	display:block;
}
*/
/************ MENU *******************/
#menu  {
text-align:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:10px 0 0 0;
padding:0;
width:900px;
height:40px;
}

#menu ul {
background: transparent url('i/bg-menu.png') no-repeat center top;
float:left;
line-height:36px;
margin: 0 0 0 0px ;
width:870px;
list-style-type:none;
padding: 0 15px 20px 15px;
}

#menu li {
display:inline;
padding:0;
}

#menu  a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#menu  a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#menu a span img {
border:none;
margin:8px 4px 0 0;
}

#menu a:hover{
background: url('i/left.png') no-repeat left center;
}

#menu a:hover span {
background:url('i/right.png') no-repeat right center;
}

#menu a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

.break {
	clear:both;
	padding:0;
	margin:0 0 10px 0;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
}

/************ POSTS *******************/
div.post h2 {
	font-size:22px;
	letter-spacing:-1px;
	background-image:url(i/linea-titulos.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	margin:0;
	padding:1px 0 6px 0;
	font-weight:normal;
	}
div.post small{
	font-size:10px;
	letter-spacing:normal;
	color:#ababab;
	display:block;
	text-align:right;
	}
div.post {
  	margin: 0 0 20px 0;
}				
div.post div.entry a:link img,
div.post div.entry a:visited img, 
div.post div.entry a img, 
div.post div.entry a:hover img{
   padding: 0px;
	 background-color: #FFF
	}
	
div.post div.entry ul{
	margin:10px;
	}
div.post div.entry ul li{
	background-image:url(i/icon_miniarrow.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:2px 0px 2px 10px;
	}		
div.post div.entry ol{
	list-style:decimal-leading-zero;
	}	
div.post div.entry a{text-decoration:underline; font-weight:bold;}
div.post div.entry a:link,
div.post div.entry a:visited{color:#6699cc; text-decoration: none;}
div.post div.entry a:hover{color:#535353; text-decoration: underline; }	
div.post ul.postmetadata{
	border: 1px double #f8ecbd;
	background-color:#fdf9eb;
	padding:4px 10px;
	margin:0;
	font-size:11px;
	}
div.post div.entry blockquote{
	background:#FFFFFF url(i/blockquote.png) top left no-repeat;
	margin:0 auto;
	padding:0 0 0 45px;
	color:#666;
	font-size:11px;
	width:80%;
	text-align: justify;
	}

div.post div.entry blockquote blockquote{
	background-image:none;
	/*border-left:5px solid #DDD;*/
	padding:0 0 0 20px;
	margin-left:20px;
	}
div.post div.entry code{
	font-size:11px;
	}
div.post ul.postmetadata li{
	/*display:inline;*/
	background:#fdf9eb no-repeat 0 0;
	padding:4px 0px 3px 20px;
	list-style: none;
	}	
div.post ul.postmetadata li.icon_cat	{background-image:url(i/icon_folder.gif);}
div.post ul.postmetadata li.icon_tag	{background-image:url(i/icon_tag.png); background-position: 3px 6px;width:330px;}
div.post ul.postmetadata li.icon_author	{background-image:url(i/editores.png); background-position: 3px 3px;}
div.post ul.postmetadata li.icon_comment{background-image:url(i/icon_recentComment.gif);}	
div.post ul.postmetadata li.icon_date	{background-image:url(i/icon_date.gif);}
div.post ul.postmetadata li.icon_track	{background-image:url(i/icon_track.gif);}	
div.post ul.postmetadata li.icon_rss	{background-image:url(i/icon_rss.gif); background-position:0px -18px;}	
div.post ul.postmetadata li.icon_alert	{background-image:url(i/icon_alert.gif);}
div.post ul.postmetadata li.icon_print	{background-image:url(i/print.gif); background-position: 3px 1px;}

div.post ul.postmetadata li.icon_r{
	float:right;
	font-weight:bold;
	padding:0 0 0 20px;
}	
div.post ul.postmetadata li.icon_rnobold{
	float:right;
	padding:0 0 0 20px;
}	
div.post ul.postmetadata li a:link,
div.post ul.postmetadata li a:visited{color:#6699cc}
div.post ul.postmetadata li a:hover{color:#333;}	

.seguir{text-align: right;}

/************ COMENTARIOS - comments.php *******************/
h3#comments,
h3#respond{
	font-weight:normal;
	font-size:16px;
	letter-spacing:-1px;
	color:#555;
	padding:0 0 0 25px;
	background-position:left;
	background-repeat:no-repeat;
	}
h3#comments{background-image:url(i/icon_comments.gif);}
h3#respond {background-image:url(i/icon_addcomment.gif);}	
.addcomment,
.closecomment{
	float:right;
	text-transform:uppercase; 
	padding:3px 18px 3px 0px;
	font-size:10px;
	margin:0px 0 0 0;
	text-decoration:underline;
	}
a.addcomment{
	background-image:url(i/icon_arrowdown.gif);
	background-repeat:no-repeat;
}
a.addcomment:link,
a.addcomment:visited{
	background-position:100% 0px;
	}
a.addcomment:hover{
	background-position:100% -20px;
	}
	
ol.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	}
ol.commentlist cite{
	text-transform:uppercase;
	font-style:normal;
	}
ol.commentlist li{
	border-bottom:1px solid #EEE;
	padding:10px;
	}
ol.commentlist h5{
	font-size:11px;
	margin:0;
	padding:0;
	}	
ol.commentlist h5 small{
	display:block;
	}	
ol.commentlist li{background-color:#fdfdfd;}
ol.commentlist li.alt{background-color:#FFF;}
ol.commentlist li span.moderate{
	background-image:url(i/icon_cursor.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:2px 0px 2px 20px;
	color:#FF3300;
	}
	
#commentform input#author,
#commentform input#email,
#commentform input#url{background-image:url(i/icon_form.gif); background-repeat:no-repeat;
	border:1px solid #CCC;
	padding:4px 4px 4px 30px;
	width:230px;}
#commentform input#author	{background-position:3px -3px;}
#commentform input#email	{background-position:3px -33px;}
#commentform input#url		{background-position:3px -63px;}
#commentform #comment{
	width:99%;
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background-color:#FFF;
	border:1px solid #CCC;
	}		
.btn-enviar{float: right; margin:0 10px 0 0;}
.nocomments,
.nocommentsadd{
	background:#fdf9e3 url(i/icon_cross.gif) left no-repeat;
	padding:5px 5px 5px 30px;
	border:2px solid #f7e590;
	color:#9f8e3b;
	font-size:11px;
	}	
.nocomments		{background:#fdf9e3 url(i/icon_cross.gif) left no-repeat;}		
.nocommentsadd	{background-image:url(i/icon_add.gif);}

/************ PIE *******************/
#footer {
	width:860px;
	height:70px;
	margin:0 auto 5px auto;
	padding:9px 0 10px 0;
	background:url('images/footer.gif') no-repeat top center;
	text-align: center;
}
#footer p {
	padding-top:20px;
	text-align:center;
	font-size:11px;
	margin:0;
}
#footer a {
	text-decoration:none;
	margin: 0 10px 0 10px;
	color:#0066cb;
}
#footer a:hover {
	color:#474848;
	text-decoration: underline;
}

.foot-esp:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.foot-esp {display:inline-block;}
* html .foot-esp {height:1px;}
* .foot-esp {display:block;}


/************   FIN DE PIE ****************/
.details {
	padding:8px;
	margin:0 30px 15px 0;
	background:#ffffff;
	border:1px solid #e5e5e5;
}
.details ul {
	margin:5px 0 5px 15px;
	list-style-type:none;
}
.details li {
	padding:3px 0 3px 0;
	list-style-type:square;
}
.details h2 {
	font-size:1.2em;
	color:#0066cb;
	margin:0 0 3px 0;
}
.details p {
	margin:0 0 15px 0;
}
.details p img {
	padding:0;
	border:#e5e5e5 1px solid;
}
.details2 {
	padding:8px;
	margin:0 30px 15px 0;
	background:#ebf3fb;
	border:1px solid #cce0f5;
}
.details2 ul {
	margin:5px 0 5px 15px;
	list-style-type:none;
}
.details2 li {
	padding:3px 0 3px 0;
	list-style-type:square;
}
.details2 h2 {
	font-size:1.2em;
	color:#474848;
	margin:0 0 3px 0;
}
.details2 p {
	margin:0 0 15px 0;
}
.details2 p img {
	padding:0;
	border:#838383 1px solid;
}
.tags {
	margin:0;
	padding:15px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}
.post-ratings span {
	float:right;
	font-size:11px;
	padding:3px 0 0 0;
}

/************ BARRA LATERAL - sidebar.php *******************/
.sidebar {
	width:300px;
	float:left;
	margin: 0 0 0 30px;
}
.sidebar h2 {
  background: transparent url('i/bg-h2sidebar.png') no-repeat top left ;
  line-height:35px;
	font-size:1.2em;
	color: #fff;
	font-weight: normal;
	padding: 0 0 12px 12px;
	text-align:left;
}
.sidebar h2 a{
	font-size:.8em;
	color: yellow;
	text-align: right;
	margin: 0 0 0 80px;

}
/************ PATROCINADORES - ads.php *******************/
#ads {
	/*border:1px solid #f8ecbd;;
	background-color: #fdf9eb;*/
	clear:both;
	width:280px;
	padding:9px;
}
#ads ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#ads li {
	float:left;
	margin:0;
	padding:3px 8px 3px 7px;
	list-style-type:none;
}
.singleads {
	background:#fdf9eb;
	padding:9px;
	margin:0 30px 15px 0;
	border:1px solid #f8ecbd;
}
.singleads h2 {
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#474848;
}
/************ GRUPO PESTA�AS SIDEBAR - tabber.php *******************/
.tabberlive .tabbertabhide {
	display:none;
}
.tabber {
	padding:0;
}
.tabberlive {
	margin:1px 0 10px 0;
}
ul.tabbernav {
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #f8ecbd;
}
ul.tabbernav li {
	list-style:none;
	margin:0;
	display:inline;
}
ul.tabbernav li a {
	padding:3px 0.5em;
	border-bottom:none;
	text-decoration:none;
}
ul.tabbernav li a:link {
	color:#313062;
}
ul.tabbernav li a:hover {
	color:#CC0000;
}
ul.tabbernav li.tabberactive a {
	background:#fdf9eb;
	color:#474848;
	border:1px solid #f8ecbd;
	border-bottom:1px solid #fdf9eb;
	text-decoration:none;
	font-weight:bold;
}
ul.tabbernav li.tabberactive a:hover {
	color:#474848;
	background:#fdf9eb;
	border-left:1px solid #f8ecbd;
	border-right:1px solid #f8ecbd;
	border-top:1px solid #f8ecbd;
}
.tabberlive .tabbertab {
	background:#fdf9eb;
	padding:5px 10px 10px 10px;
	border-top:0px;
	border-left:1px solid #f8ecbd;
	border-right:1px solid #f8ecbd;
	border-bottom:1px solid #f8ecbd;
}
.tabberlive .tabbertab h2 {
	display:none;
	color:#313062;
}
.tabberlive .tabbertab h3 {
	display:none;
}
.tabbertab {
	margin:0px;
	padding:0px;
}
.tabbertab ul {
	margin:5px 0 5px 15px;
	padding:0;
	list-style-type:none;
}
.tabbertab li {
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:square;
}

.wp-smiley {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}
/************ NUBE CIUDADES - ciudades.php *******************/
#ciudades {
	/*border:1px solid #f8ecbd;;
	background-color: #fdf9eb;*/
	clear:both;
	width:280px;
	padding:5px;
	text-align: center;
}
#ciudades ul {
	margin:0;
	padding:0;
	display: inline;
	list-style-type:none;
	text-align: center;
}
#ciudades ul li {
	margin:0;
	padding:3px 8px 4px 7px;
	list-style-type:none;
	display: inline;
	text-align: center;
}
/*
#comment_form .text_input {
	width:191px;
	padding:3px;
	color:#444;
	border:1px solid #696969;
	border-left:2px solid #0066cb;
}
#comment_form .text_area {
	width:321px !important;
	border:1px solid #696969;
	border-left:2px solid #0066cb;
}
ul#comment_list {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#comment_list li.comment {
	margin:0 0 10px 0;
}
ul#comment_list li.trackback {
	padding:1.2em 15px 0 15px;
}
.comment_meta {
	margin:0 30px 15px 0;
	font-size:11px;
}
.comment_num {
	padding:0 8px 0 0;
	font-weight:bold;
	font-size:1.3em;
	float:right;
}
.trackback .comment_num {
	padding:0 0 0 20px;
}
.comment_num a,.comment_num a:visited {
	color:#888;
	text-decoration:none;
}
.comment_num a:hover {
	color:#303030;
	text-decoration:none;
}
.comment_meta strong {
	font-size:1.2em;
}
.comment_time {
	font-size:1em;
	color:#888;
}*/
blockquote {
	font-style:italic;
	font-size:11px;
	color:#888888;
	margin:0 0 5px 20px;
	padding:0 0 0 10px;
	
}
abbr,acronym {
	border-bottom:1px dotted #0066cb;
	text-transform:uppercase;
}
code {
	color:#474848;
	font-family:Courier,monospace;
	margin:0 0 5px 5px;
}
pre {
	margin:0 0 1.5em 0;
	overflow:auto;
	font-size:1.3em;
	clear:both;
}
form {
	margin:0;
	padding:0;
}
.searchbox {
	margin:0 0 20px 0;
	width:300px;
}
.search {
	background:url('images/input.gif') no-repeat;
	height:19px;
	padding:8px 5px 5px 8px;
	width:255px;
	color:#444;
	border:none;
	margin:0;
	float:left;
}
.find {
	background:url('images/find.gif') no-repeat;
	border:none;
	height:32px;
	width:32px;
	margin:0;
	float:right;
}
.os {
	color:#3d4c53;
	font-weight:bold;
}
.os a {
	color:#3d4c53;
	font-size:11px;
	text-decoration:none;
}
.os a:hover {
	text-decoration:underline;
}
.designer {
	color:#982a05;
	font-weight:bold;
}
.design a {
	color:#982a05;
	font-size:11px;
	text-decoration: none;
}

/************ NAVIGATION ********************/
.navigation a {font-size: 7pt;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}

/************ IMAGENES ********************/
img {
  border: 0;
}
img.centro {
  	  margin: 0 auto;
          border: 0;
  	  display: block;
  	}
img.izquierda {
  	  float: left;
  	  margin: 0 10px 0 0;
          border: 0;
  	}
img.derecha {
  	  float: right;
  	  margin: 0 0 0 10px;
          border: 0;
  	}
img.centro-borde {
  	  margin: 0 auto;
  	  display: block;
	  border: 1px solid #999;
	  padding: 3px;
  	}
img.izquierda-borde {
  	  float: left;
  	  margin: 5px 5px 10px 10px;
	  border: 1px solid #999;
          padding: 3px;
  	}
img.derecha-borde {
  	  float: right;
  	  margin: 5px 5px 10px 10px;
	  border: 1px solid #999;
          padding: 3px;
  	}
		
img.borde {
  	  border: 2px solid #999;
  	  padding: 3px;
  	}
/************ FLICKR ********************/
.flickr {
	clear:both;
	width:280px;
	padding: 0px;
	margin:0 auto;
}
.flickr img {	padding: 1px;	margin: 0;	}
.flickr a {
	border: 2px solid #CDEBFE;
	display: block;
	width: 80px;
	margin: 4px;
	float: left;
	text-align: center;
}
.flickr a:hover {border-color: #4A7BB5;	}
/************ PUBLICIDAD ********************/
.banner2 {
  margin: 0px 0 20px 25px;
  text-align: center;
  display: block;
}
.publi-centro {
	display: block;
  	margin: 10px auto 20px auto;
	text-align: center;
}
.publi-centro a {
  border: none;
}
.publi-vinculos {
	display: block;
  	margin: 0px auto 20px auto;
	text-align: center;
}
#header span.bannersup {
  float: right;
  margin: 10px 5px 0 0;
	padding: 0;
}
#header span.bannersup a img{
  border: none;
}

/**************** PAGEBAR  ******************/
.pagebar {font: 12px Arial, Helvetica, sans-serif; padding-top: 20px;	padding-bottom: 10px;	margin:0 0 10px 120px;}
.pagebar a, .pageList, .pagebar a:visited	{	padding: 2px 6px;	border: solid 1px #ddd;	background: #fff;	text-decoration: none;}
.pagebar .break {padding: 2px 6px; border: none;background: #fff;	text-decoration: none;}
.pagebar .this-page {padding: 2px 6px; border-color: #999; font-weight: bold;	font-size: 13px; vertical-align: top;	background: #fff;}
.pagebar a:hover {color: #fff; background: #fda300;	text-decoration: none; border: #fda300 1px solid; }


#minilogo a, #minilogo a:hover, #minilogo a:visited {
	text-decoration: none;
	margin: 0 0px 10px 0;
	background-color: #fff;
	color:grey;
	float: right;
}