/* 
Theme Name: GobMAB
Theme URI: http://www.conoceabasolo.gob.mx
Description: Thema de wordpress dise&ntilde;ado para <a href="http://www.conoceabasolo.gob.mx">Conoce Abasolo</a>
Version: 1.0
Author: aldols 
Author URI: http://www.brincodeldiablo.com
*/

* { margin:0; padding:0; }
body { background:#000; color:#333; font:12px Arial; }
a {outline:0;}

.clear {margin:0; clear:both}

/* Header */
#header { width:950px; height: 237px; margin:0 auto; background: url(images/top_back.jpg) no-repeat left top; }

/* DropDown Menu */
#ddm { width:750px; float:right; margin:13px 0 5px 0}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#333; font-size:14px;}
#dropmenu a {display:block; padding:0.25em 1em; color:#DDD; text-decoration:none; background:#333; }
#dropmenu a:hover {background: url(images/bddm.png); color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {}
#dropmenu li ul {; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

#search { position:relative; float:right; margin: 120px 0 0 10px; width:246px; height: 56px; color:#000; background: url(images/search.png) no-repeat; }
#searchform { width:240px; height:29px; margin:30px 0 0 5px; }
#searchform input { background:none; border:1px solid #CCC; height:19px; width:175px; font-size:18px; color: #000 }

/* Contenido */
#main-wrapper { display:block; margin:0 auto; width:950px ; padding:1px 0 0 0; text-align:left; background:#FFF url(images/back_wrapper.jpg) no-repeat left bottom; }
	
	#social { margin:3px; padding: 3px; background:#DDD url(images/atencion.jpg) left center no-repeat; height:50px; font:17px Gothic }
	.imgr { float: right; margin:0 0 0 2px; border:none; }
	
	#menusec { margin:1px 2px 1px 4px; width:374px; height:278px; float:left; background:#FFF  }
	#menusec img { margin:2px 1px 0 1px; border:none}
	.latest_img { border:none}
	#menusec .bms { background: #000; margin:0 2px 2px 1px; padding:5px 0; height:25px }
	#menusec ul { margin:5px 0 0 0; }
	#menusec li { display:inline; padding: 2px 5px 2px 23px; margin: 3px 2px 3px 5px; text-transform:uppercase; background: url(images/ca.png) no-repeat left; }
	#menusec a { color: #FFF; text-decoration:none; }
	#menusec a:hover { color:#FF4646; }
	
	#notis_container { margin:3px; background: #EEE; padding: 3px 0 3px 1px }
	#notis_container .notis { margin:5px 2px 5px 3px; width:230px; float:left; background:#F3F3F3}
	#notis_container .notis img { border:1px solid #F3F3F3}
	#notis_container .notis p { margin: 5px 3px; font:bold 16px Arial; color:#000; text-align:right }
	#notis_container .fecha { font-size:12px; color:#333; text-align:right; margin: 3px 3px 5px 3px;}
	#notis_container .fecha a{ padding:2px; color:#999; }
	#notis_container .fecha a:hover { background:#FF4646; color:#FFF;} 
	#notis_container a { text-decoration:none; color:#000 }
	#notis_container a:hover { color: #FF4646 }
	#notis_container .vnot { float:right; padding:2px; margin:0 3px }
	#notis_container .vnot a { padding:2px; background:url(images/bdcat.png); color: #FFF  }
	#notis_container .vnot a:hover { background: #000; color: #FFF }
	
	.encab { margin: 10px 5px 5px 10px;}
	.encab h2 { font-size:16px; text-transform:uppercase; color:#666}
	
	.post { line-height:1.4em; margin: 5px; padding:5px 10px 10px 10px; }
	.post #titulo a { padding: 2px; color:#FF4646; text-decoration:none }
	.post #titulo a:hover { background:url(images/bdcat.png); color: #FFF}
	.post #titulo { margin:0; border-bottom:1px #DDD solid}
	.post #titulo h1 { color:#000; font: 24px Geneva, Arial, Helvetica, sans-serif; }
	.post #titulo h5 { font-size:10px; text-transform:uppercase; color:#999; margin-top:-3px}
	.post #titulo .icom { float:right; }	
	.post .contenido { margin-top:17px; color:#444;  padding:0 5px}
	.post .contenido a { padding: 2px; color:#FF4646; text-decoration:none }
	.post .contenido a:hover { color: #000 }
	.post .contenido p { margin: 1em 0; text-align:justify; line-height: 1.3em;  }
	.post .contenido ul, .post ol { margin: 1em; }
	.post .contenido ul li { margin: 2px 0px 2px 30px;  line-height: 1.3em; list-style:square;  }
	.post .contenido ol li { margin: 2px 0px 2px 30px; line-height: 1.3em; }
	.post .contenido blockquote { margin: 10px 20px; padding: 0 10px; border: 1px solid #EEE; background:#EEE; color: #666; }
	.post .contenido blockquote p {font-size:11px; line-height: 1.3em;}
	.post .contenido h1 { font-size: 18px; color:#FF4646; text-transform:uppercase }
	.post .contenido h2 { font-size: 16px; color:#FF4646; text-transform:uppercase }
	.post .contenido h3 { font-size: 14px; color:#FF4646; text-transform:uppercase }
	.post .contenido h4 { font-size: 12px; color:#FF4646; text-transform:uppercase }
	.post .contenido h5 { font-size: 10px; color:#FF4646; text-transform:uppercase }
	.post .contenido h6 { font-size: 8px; color:#FF4646; text-transform:uppercase }
	
	.post .contenido .meta_tags { margin: 5px 0; color: #CCC; width:600px;  }
	.post .contenido .meta_tags a { color:#CCC; background: #EEE; text-transform:uppercase; font-size:10px; font-weight:bold; padding:5px;}
	.post .contenido .meta_tags a:hover { color:#FFF; background:#FF4646;}
	
	.post .contenido .directorio { margin: 5px 5px 10px 5px; float:left; padding:5px; background:url(images/dir.jpg) no-repeat bottom; width:205px; height:40px; font-size:13px; }
	.post .contenido .directorioa { margin: 5px 5px 10px 5px; float:left; padding:5px; background:url(images/dirtel.jpg) no-repeat bottom; width:205px; height:40px; font-size:13px; }
	.post .contenido .directorio span { font-size: 20px; color:#FFF; float:right; margin-top:5px; margin-right:5px;}
	.post .contenido .directorioa span { font-size: 20px; color:#FFF; float:right; margin-top:5px; margin-right:5px;}

.accordionwrapper { margin:10px 0; width:100%; }
.accordionButton { width: 890px; float: left; background: #EEE; border-top: 2px solid #FFFFFF; cursor: pointer; padding:5px 10px; font-size:12px }
.accordionButton:hover { background:#FF4646; color:#FFF } 
.accordionContent { width: 890px; float: left; background: #FFF; display: none; padding:5px 10px; font-size:11px; border-bottom:1px solid #CCC}
.accd { padding:0 15px 0 0; float:left; width:250px; }

.pubgo { width: 470px; margin: 2px; float:right; color: #FFF; font-size: 12px; background: #EEE; height: 78px; padding: 2px; }
	
	.archivo { line-height:1.4em; margin: 10px 10px 5px 15px; padding:5px 10px 10px 10px; width: 270px; height:360px; float: left; background: #EEE}
	.archivo img { border:none; margin: 3px auto; border: 2px #CCC solid }
	.archivo .atit { border-bottom:1px solid #CCC; margin: 0 0 5px 0; text-align:right}
	.archivo .atit h3 { color:#000; font-size:15px;}
	.archivo .atit h3 a { color:#333; text-decoration:none }
	.archivo .atit h3 a:hover { color:#FF4646 }
	.archivo .atit h5{ font-size:10px; text-transform:uppercase; color:#999; margin-top:-3px; }
	.archivo .atit h5 a { color:#FF4646 ; text-decoration:none; padding:2px}
	.archivo .atit h5 a:hover { color:#FFF; background:#FF4646 }
	.peque { font-size:11px; color: #666}

/* Tablas */ 

.default { border-collapse:collapse; background-color: #FFF; width:100%; }
.default caption{ background-color: #FF4646; border-bottom:3px solid #000; color:#FFF; padding:5px; text-transform:uppercase;}
.default thead th{ background-color:#888; color:#FFF; padding:2px; text-align:center; }
.default tbody tr td { padding: 2px 8px; text-align:center; }
.default tfoot tr td{ background-color:#eee; padding:4px; text-align:center; }

#cmt { margin:15px 0 0 0;}
h3#comentarios, h3#resp { color:#666; font-size:15px; }
h3#comentarios a {color:#FF4646; text-decoration:none; }
h3#comentarios a:hover {color:#000}
h3#comentarios span { color:#CCC; }
.moderate { font-style:italic; color:#FF4646;}

.closecomment { margin: 5px 5px 15px 5px; padding:5px; }

ol.commentlist { list-style:none; margin:0 0 10px 0; padding:0; }
ol.commentlist cite { font-style:normal; }
ol.commentlist li { border-bottom:1px dashed #CCC; padding:10px 0; }
ol.commentlist h5 { color:#333; margin-bottom:-3px; font-size:11px }	
ol.commentlist small { display:block; color:#666 }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#333; }
ol.commentlist li a { color:#FF4646; text-decoration:none }
ol.commentlist li a:hover { color: #CCC } 

.advertencia { margin:10px 0; background:#EEE url(images/warning.jpg) no-repeat left; padding:3px 3px 3px 41px; color:#333; font-size:11px;  }

.avatares { margin:0 3px 0 0; float: left; width: 60px}
.avatares img { margin:0; border: 2px solid #EEE }
.coml { margin: 0 0 0 3px; float:right; width: 850px }

/* formulario comentarios */
#cocont { background:#FFF url(images/comments_back.jpg) no-repeat center top; float: right; width:400px; height:256px; }
#commentform { margin: 1em 0; background:#EEE; padding:5px; width:500px; float:left}
#commentform .cofields { float:left; margin:3px 15px 3px 0; }
#author, #email,#url,#comment{ margin: 5px 0 2px 0;padding:2px; border: #CCC solid 1px; font:12px Arial; vertical-align:middle; background: #FCFCFC; color:#666; width:99%}
#comment { height: 100px }
.comment-warning strong { color: #999; font-weight: bold; }
.button { margin: 5px 0; background: #EEE; color:#666; width: 100px; font-size: 11px; border:1px solid #CCC; height:20px }
	
	.nav { margin:5px 15px; font-size:12px; text-transform:uppercase; float:left }
	.nav a{ color:#FFF; background:#FF4646; text-decoration:none; padding:2px; }
	.nav a:hover{ color:#000; background:#FF4646 }


/* SLIDER */
#nfeat { margin:1px 3px 1px 0; background:#000; width:564px; height:278px; float:right; }
#nfeat img{ border:none; }
#slider1 {
    width: 564px; /* important to be same as image width */
    height: 278px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background:url(images/bddm.png);
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}

.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/* IMAGENES */
p img { padding: 2px; max-width: 100%; border:1px solid #CCC; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
#galfot { margin: 5px 0 0 0; background:#EEE url(images/paint.jpg) no-repeat right}
#galfot p img {margin:5px 0 2px 0;}

/* CAPTIONS */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin:0 5px 3px 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-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: 5px; margin: 0; text-align:center }
	
/* ACORDEON*/
#basic-accordian{ z-index:2; }

	.accordion_headings{ padding:5px; background:#999; color:#FFF; border:1px solid #FFF; cursor:pointer; font-weight:bold; font-size:14px; }
	.accordion_headings:hover{ background:#FF4646; }
	.accordion_child{ padding: 5px; background:#FFF; }
	.header_highlight{ background:#FF4646; }
	
	#dr { margin:5px; padding:0 0 3px 0; font-size:8px; text-transform:uppercase; color:#999 }
	
/* Acordeon Horizontal */
#hacord { margin: 3px; }
#hacord img { margin: 5px 15px 5px 10px; float:left }
.kwicks { list-style: none; position: relative; margin: 0; padding: 0; }
.kwicks li{ width: 130px; height: 70px; display: block; overflow: hidden; padding: 0; background:#EEE }
.kwicks.horizontal li { margin-right: 5px; float: left; }
.kwicks.vertical  li{ margin-bottom: 5px; }
.kwicks.horizontal #kwick_4 { margin-right: 0; }
.kwicks.vertical #kwick_4 { margin-bottom: 0; }
#hacord span { font-size: 11px; }
#hacord p { line-height:1.1em; margin: 9px 5px 0 0; font-size:12px}
#hacord a { text-decoration:none; color:#990000 }
#hacord a:hover { color: #000 }

/*Enlaces bottom */
.ebrc { margin:3px; width: 662px; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; background:url(images/backlink.jpg) no-repeat left center; padding-bottom:5px;}
#ebr { margin: 5px 5px 5px 30px; }
#ebr li { font-size: 11px;padding:2px 0 2px 8px; float: left;width: 145px; display: inline; list-style:none; background:url(images/arrow.png) no-repeat left}
#ebr li a {padding: 2px; color:#333; text-decoration:none }
#ebr li a:hover { background:url(images/bdcat.png); color: #FFF }

.flickr { margin:3px; width: 652px; background: #EEE; padding:3px 5px 5px 5px; height:56px}
.flickr img  { margin:0 7px; width:50px;height:50px;display:block;float:left; }
.flickr a img  { border:4px solid #CCC; }
.flickr a:hover img  { border:4px solid #FF4646; }

#addarea {background:#F4F4F4 url(images/pc_op.jpg) no-repeat bottom; width:276px; height:190px; float:right; margin:3px 3px 0 0;}
#addarea #pdfs { margin: 153px 0 0 30px; padding:5px }
#addarea a { padding:2px 5px; background:#000; color: #FFF; text-decoration:none;  }
#addarea a:hover { background: #CCC; color: #000 }

/* Etiquetas */
.tags { margin:5px 10px;padding-bottom: 7px;line-height:2em; text-align:center;}
.tags li { list-style:none;}
.tags a { text-decoration:none;font-weight:normal; color: #B1B1B1; padding:2px; }
.tags a:hover { color: #000; text-decoration: none;  }

.navigation { margin:5px 13px; width:500px; }

/* Footer */
#footer { width:940px; height:60px; margin: 5px auto; font: 10px Arial; text-align:right; color:#999; text-align:right; padding: 0 5px; text-transform:uppercase}
#finfo { margin:0 }
#footer #finfo a { padding: 2px; color:#FF4646; text-decoration:none}
#footer #finfo a:hover { background:#FF4646; color: #FFF }
#footer img { float:left; border:none; margin: 5px; }