/*
Theme Name: Ilustre Municipalidad de Penco
Theme URI: http://www.penco.cl/
Description: Template para la Municipalodad de Penco.
Version: 1.0
Author: Diego Kurte
Author URI: http://www.kurte.cl/
Tags: penco, municipalidad
*/
* { outline: none; }

BODY { background: #FFF url(images/bkg_web.jpg) repeat-x 0 0; text-align: center; font: normal 12px Helvetica; margin: 0; color: #4e4e4e; }
A { text-decoration: none; color: #4f6600; }

#wrap { background: url(images/header.jpg) no-repeat right 44px; width: 1000px; text-align: left; margin: 0 auto; }

#menu { background: url(images/menu_bkg.jpg) repeat-x; }
#menu .borde.fLeft {
	background: url(images/menu_left.jpg) no-repeat;
	
	width: 7px;
	height: 44px;
}

#menu .borde.fRight {
	background: url(images/menu_right.jpg) no-repeat;
	
	width: 12px;
	height: 44px;
}

#menu ul { margin: 0 0 0 15px; padding: 0; list-style: none; }
#menu ul li { display: block; float: left; }
#menu ul li a { display: block; padding: 14px 10px 10px; font-size: 12px; font-weight: bolder; color: #4e4e4e; }
#menu ul li a:hover { background: url(images/menu_link_hover.jpg) repeat-x; }
#menu ul li.current a { background: url(images/menu_link_current.jpg) repeat-x; color: #fff; }

#menu ul li a.inicio { background: url(images/menu_home.jpg) no-repeat; text-indent: -9999px; padding: 0; width: 34px; height: 44px; }
#menu ul li.sep { background:url(images/menu_separator.jpg) no-repeat; width: 2px; height: 44px; }

#search {  background:url(images/menu_separator.jpg) no-repeat left top; height: 44px; padding: 0 10px; }
#search form { margin: 10px 0 0; padding: 0; }
#search input.text { border: 1px solid #b1b1b1; font-size: 11px; padding: 3px; background: #e9e9e9; color: #888686; width: 130px; }
#search input.submit { text-indent: -9999px; cursor: pointer; width: 20px; height: 20px; background: url(images/buscar.jpg) no-repeat 0 2px; border: 0; }

#head { height: 100px; }
#head h1 { display: none; }

#breadcrumb { padding: 5px 0; font-weight: bold; font-size: 12px; }

#content { width: 594px;  }
#content.inner { width: 580px; margin: 10px 0; }

#content .hentry  h2 { margin: 0 0 5px; font-size: 16px; }
#content .hentry .date { text-align: right; font-size: 10px; font-weight: bold; margin: 3px 0; }
#content .list .imagen { border: 1px solid #BABABA; margin: 5px;  }
#content .list .imagen img { width: 125px; border: 1px solid #fff; }
#content .list .sep { margin: 10px; border-bottom: 1px solid #fbe195; height: 1px; }
#content .list a.more-link { display: block; color: #4F6600; font-weight: bold; margin: 5px 0; }

#content .introtext .wp-caption,
#content .introtext img { display: none; }

#sitenav { margin: 5px 0; }
#sitenav ul { margin: 0; padding: 0; list-style: none; }
#sitenav ul li { display: block; float: left; margin: 10px 0; }
#sitenav ul li a { background-position: left top; background-repeat: no-repeat; text-indent: -99999px; width: 190px; height: 95px; display: block; }
#sitenav ul li a:hover { background: left bottom; }
#sitenav ul li a.tramites { background-image: url(images/nav_tramites.jpg); }
#sitenav ul li.formularios { padding: 0 12px 0 12px; }
#sitenav ul li a.formularios { background-image: url(images/nav_formularios.jpg); }
#sitenav ul li a.transparencia { background-image: url(images/nav_transparencia.jpg); }
#sitenav ul li a.informaciones { background-image: url(images/nav_informaciones.jpg); }
#sitenav ul li.noticias { padding: 0 12px 0 12px; }
#sitenav ul li a.comunidad { background-image: url(images/nav_comunidad.jpg); }
#sitenav ul li a.noticias { background-image: url(images/nav_noticias.jpg); }
#sitenav ul li span { display: none; }

/* Sidebar */

#sidebar { width: 400px; }
#sidebar.inner { width: 200px; } 

#sidebar .box { width: 200px; }
#sidebar .box .inner { margin-right: 5px; }
#sidebar .box .ad { background: #ECEAEB url(images/box_youtube_bkg.jpg) repeat-x bottom left; padding: 10px; margin: 10px 0;
height: auto !important; height: 195px; min-height: 195px; }
#sidebar .box .ad h2 { margin: 0 0 10px; padding: 0; height: 25px;  }
#sidebar .box .ad h2 a { text-indent: -99999px; display: block; height: 25px; }
#sidebar .youtube h2 { background: url(images/title_youtube.jpg) no-repeat left top; }
#sidebar .box .ad .corner { background-image: url(images/rb_a.jpg); width: 5px; height: 5px; }
#sidebar .box .ad.flickr .corner { background-image: url(images/rb_a2.jpg); }

#sidebar .flickr h2 { background:  url(images/title_flickr.jpg) no-repeat left top; }
#sidebar .flickr .galeria img { margin: 7px; border: 0;  }

#sidebar h2.title { font-size: 12px; background: #000; margin: 0; padding: 2px 5px;  color: #FFF; font-weight: normal; }

/* Leftbar 'Paginas' */
#leftbar { width: 210px; margin: 10px 0; }
#leftbar ul { padding: 0; list-style: none; font-size: 11px; font-weight: bold; }
#leftbar ul.topnav { margin: 0 10px 0 0; border: 1px solid #FFF; background: #FFF; }
#leftbar ul ul { display: none; margin: 0; }
#leftbar li { display: block; }
#leftbar li a { background: url(images/leftbar_separator.jpg) no-repeat center bottom; display: block; padding: 5px; color: #3b3b3a; }
#leftbar li a.hover { background: url(images/leftbar_headmenu.jpg) repeat-x; margin: 0px; color: #FFF;  }
#leftbar li li a, #leftbar li li a.hover { background: #fbc423; color: #3b3b3a; }
#leftbar li li a:hover { background: #fc8f02; color: #3b3b3a; }
#leftbar li li li a { padding: 5px 5px 5px 15px; } 
#leftbar li li li li a { padding: 5px 5px 5px 20px; } 

/* Recientes */
#recent { margin: 10px 0; height: auto !important; height: 211px; min-height: 211px; }
#recent .post { margin: 0 0 10px 0; }
#recent .post_image { width: 48px; height: 48px; border: 3px solid #ffa800; margin: 3px; }
#recent h3 { color: #010101; font-size: 11px; margin: 5px; padding: 2px 0;  }
#recent a.read-more { text-decoration: underline;  font-size: 10px; }
/* Twitter Globe */
#twitter_globe { background: #88C546 url(images/twitter_globe_bkg.jpg) repeat-x bottom right; margin: 16px 0; padding: 10px; }
#twitter_globe cite { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #FFF; }
#twitter_globe .corner { background-image: url(images/twitter_globe_ra.jpg); width: 5px; height: 5px; }
#twitter_globe .anchor { width: 29px; height: 24px; bottom: -23px; right: 15px; background: url(images/twitter_globe_arrow.jpg) no-repeat; }
#twitter_globe ul { margin: 0; padding: 0; list-style: none; }

#penco_share a { display: block; text-indent: -99999px; height: 47px; }
#penco_share a.correo { background: url(images/penco_email.jpg) no-repeat; width: 47px; }
#penco_share a.twitter { background: url(images/penco_twitter.jpg) no-repeat 15px 10px; width: 135px; }
#penco_share a.rss { background: url(images/penco_rss.jpg) no-repeat; width: 47px; }
#penco_share a.facebook { background: url(images/penco_facebook.jpg) no-repeat 15px 10px; width: 135px; }

#footer { margin: 10px 0; }
#footer .site { font-size: 10px; }
#footer .site ul { margin: 0; padding: 0; list-style: none;  }
#footer .site ul ul {  }
#footer .site ul li { display: block; float: left; margin: 3px;  } 
#footer .site ul li li { margin: 0 3px; }
#footer .site ul li.even,
#footer .site ul li.odd { width: 790px;  }
#footer .site ul li a { display: block; float: left; color: #003788; } 
#footer .site ul li.even a { color: #e27901; }
#footer .site ul li a:hover { text-decoration: underline; }
#footer .site ul li.sitio { margin-left: 370px; width: 400px; font-size: 10px;  }

#footer .cc { font-size: 10px; text-align: right; }
#footer .cc img { margin: 2px; vertical-align: middle; }

/* ToolTips */
#tooltip {
	border: 1px solid #BFBFBF;
	float: left;
	font-size: 11px;
	padding: 5px;
	position: absolute;
	display: none;
	z-index: 35;
	text-align: left;
/*	filter: alpha(opacity=70);*/	
	opacity: 0.7;
	width: 300px; 
	height: 50px;
}

#div.help div.help_info { display: none; }
#boxhelp_content.help li { margin: 10px 0; }

#tooltip span { display: block; width: 16px; height: 16px; position: absolute; top: 3px; left: 3px; }
#tooltip .tiptext { display: block; }
#tooltip.tip { background: #000; color: #FFF; border: 1px solid #000;}
#tooltip.tip span { background-position: -48px -144px; }
#tooltip.user { background: #3E69A5; font-weight: bold; color: #FFF; border: 1px solid #000; }
#tooltip.user span { background: url(smoothness/images/ui-icons_ffffff_256x240.png) -144px -96px; }


/* HELPER */

	/* Clear Fix*/
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix {  display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }	
	
	/* Position */
	.pAbs { position: absolute; }
	.pRel { position: relative; } 
	
	/* Float */
	.fLeft { float: left; }
	.fRight { float: right; }
	.fNone { float: none; }
	.fClear { clear: both; }
	.fClearl { clear: left; }
	.fClearr { clear: right; }
	
	/* Width */
	.w10 { width: 10%; }
	.w25 { width: 25%; }
	.w33 { width: 33%; }
	.w45 { width: 45%; }
	.w49 { width: 49%; }
	.w50 { width: 50%; }
	.w75 { width: 75%; }
	
	/* Border Images */
	.corner { overflow: hidden; }
	.corner.top { top: 0; }
	.corner.bottom { bottom: 0; }
	.corner.left { left: 0; }
	.corner.right { right: 0; }
	
	.corner.top.left { background-position: left top; }
	.corner.top.right { background-position: right top; }
	.corner.bottom.left { background-position: left bottom; }
	.corner.bottom.right { background-position: right bottom; }
	
	/* Border **/
	.b0 { border-width: 0px; } 
	.b0T { border-top-width: 0px; }
	.b0R { border-right-width: 0px; }
	.b0L { border-left-width: 0px; }
	.b0B { border-bottom-width: 0px; }
	
	.b1 {  border: 1px solid #ddd; }
	.b1T {  border-top: 1px solid #ddd; }
	.b1R {  border-right: 1px solid #ddd; }
	.b1L {  border-left: 1px solid #ddd; }
	.b1B {  border-bottom: 1px solid #ddd; }
	
	/* Radius */	
	.bRA {  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; }
	.bRA2 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; }
	.bRA3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; }
	
	.bRTL {  border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; -ms-border-radius-topleft: 5px; }
	.bRTR {  border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; -ms-border-radius-topright: 5px; }
	
/* Wordpress CSS */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* */
.jdGallery .slideInfoZone { height: 50px; }