# /*    
# Theme Name: 25AYTO
# Theme URI: http:sanluisrc.gob.mx
# Description: Sitio Web del Municipio de SLRC 
# Author: serienmörder 
# Author URI: http://www.elementocero.com.mx 
# Version: 1.0 
# */ 

/**********************************************************************************************************************************************
                         Reset
 **********************************************************************************************************************************************/
* {margin:0;padding:0;} 
a:link, a:visited, a:hover {text-decoration:none;} 
fieldset,img {border:0;} 
ul {list-style:none;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0; }



/**********************************************************************************************************************************************
                         Basic
 **********************************************************************************************************************************************/
body { color:#333; font:normal 13px/18px Helvetica,Arial,verdana; margin:0px; padding:0px; }
            
h1 { color:#FF0000;	font:normal 30px/36px Georgia, "Times New Roman", Times, serif;	letter-spacing:-1px; margin:20px 0; }
h2 { background:#D00D15 url(images/bk_titles.jpg) repeat-x; color:#fff; font:normal 24px/36px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:2px 0 0; padding:6px; text-transform:none; }
h3 { color:#CC0000; font:normal 18px/18px Georgia, "Times New Roman", Times, serif; margin:2px 0; padding:0; }
	

p { color:#333; font:normal 14px Arial, Helvetica, sans-serif; }

.pichome { border:0; background:none; float:left; }
.picder { border:0; padding-right:20px; margin:0; }
.picfix { border:0; background:none; }
.picfixder { border:0; background:#333; float:right; }
.picfixizq { border:0; background:none; float:left; margin:10px 20px 0 10px; overflow:hidden; width:190px; height:140px; }
.picnews, .picnews a:link { border:2px solid #333; background:#333; float:left; margin:10px 16px 4px 4px; overflow:hidden; width:200px; height:76px; }
.picredes { border:0; background:none; float:left; display:inline; clear:both; padding:2px 3px 1px 5px; }

.minibanners { border:2px solid #6e6e6e; background:none; margin:7px 2px 0; }

.mini { color:#6e6e6e; float:right; font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0 8px 0 0; }



/**********************************************************************************************************************************************
                         Links
 **********************************************************************************************************************************************/
a:link,  a:visited { color:#333;	}
a:hover { color:#666; }

#postdetails a:link, #postdetails a:visited { color:#FFF; }
#postdetails a:hover { color:#59483E; text-decoration:none;	}

#footer a:link, #footer a:visited {	color:#333;	}
#footer a:hover { color:#666; }




/**********************************************************************************************************************************************
                         Main Divisions
 **********************************************************************************************************************************************/
#wrapper { background:#fff url(images/header.jpg) no-repeat top right; margin:0 auto; width:1010px; }

#header  { background:none; width:1000px; height:176px; }
#header h1 { display:none; }
#header em { color:#dfdfdf; font:normal 12px/22px Arial, Helvetica, sans-serif; }
#header em a:link, #header em a:active, #header em a:visited { color:#7f7f7f; }
#header em a:hover { color:#7f7f7f; text-decoration:underline; }
#header form { display:block; float:right; padding:4px; }
#header input { border:#dfdfdf 1px solid; color:#dfdfdf; width:170px; }
#header input:focus { background-color:#FFF; border:#D00D15 1px solid; color:#333; }


#content { margin:0 !important; padding:10px; width:990px; }
div#content { min-height:700px; height:expression(this.scrollHeight > 700 ? "auto":"700px"); }	

#content p { font:normal 13px/18px Arial, Helvetica, sans-serif; margin-top:4px; }

#content a:link, #content a:active, #content a:visited  { border-bottom:1px solid #EFE6E0; color:#8F0000; text-decoration:none; }
#content a:hover { color:#666; }

#content h1 { background:#fff; color:#CC0000; font:normal 36px/39px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:4px 0; padding:6px 6px 0; border-bottom:2px solid #CC0000; }


#content em { color:#dfdfdf; display:block; font:italic normal 12px/22px Georgia, "Times New Roman", Times, serif; padding:0 0 9px 6px; border-bottom:0;  }
#content em a:link, #content em a:active, #content em a:visited { color:#7f7f7f; }
#content em a:hover { color:#7f7f7f; text-decoration:underline; }

#content img { margin-bottom:8px;}







#featuredtoo { background:#cacaca; float:left; width:740px; height:360px; overflow:hidden; }
#featuredtoo img { margin:0; padding:0; border:0; }
#featuredtoo ul li { float:left; list-style:none; margin:0; padding:0; }
#feat { list-style:none; list-style-position:inside; float:left; margin:0; padding:0;  }









#left { float:left; width:740px; }
#left ul li { list-style:none; width:210px; padding-bottom:6px; }
#left h1 { margin:0px 0 20px; }
#left h2 { background:#D00D15 url(images/bk_titles.jpg) repeat-x; color:#fff; font:normal 24px/36px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:2px 0 0; padding:6px; text-transform:none; }
#left img { border:1px solid #efefef; }
#left  a:hover img { filter:alpha(opacity=90);  -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }


#dere { float:right; width:250px; }

#dere h2 { background:none; color:#016815; font:normal 20px/21px Georgia, "Times New Roman", Times, serif; border-bottom:0; text-align:left; text-transform:none; margin:0; padding:0 6px 0 22px; width:208px;              }
#dere	ul { padding:0 5px; margin:0; list-style:none; display:block; text-align:left; }	
#dere ul li { float:left; padding:0 5px 0 20px; width:225px; }
#dere li a:link, #dere li a:visited { color:#6f6f6f; display:block; font:normal 12px/18px Georgia, "Times New Roman", Times, serif; text-decoration:none; margin:10px 0; }
#dere li a:hover { color:#333; text-decoration:underline; }
#dere li a:active { text-decoration:line-through; }
#dere a:hover img { filter:alpha(opacity=85);  -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }


#dereban { background:#BE624B url(images/bk_dere_bann.jpg) repeat-x; color:#990000; float:right; width:230px; padding:4px 4px 20px; border:1px solid #D48976; }
#dereban strong { font:normal 29px/36px Georgia, "Times New Roman", Times, serif; margin-left:4px; }
#dereban em { color:#fff; font:normal 20px/20px Georgia, "Times New Roman", Times, serif; float:right; }
#dereban ul { padding:0 10px; margin:0; list-style:none; display:block; text-align:left; }	
#dereban ul li { float:left; padding:0; width:210px; height:22px;  }
#dereban li  { border-bottom:1px dashed #BE624B; color:#fff; display:block; font:normal 16px/18px Georgia, "Times New Roman", Times, serif; text-decoration:none; }


#redsoc { background:#535f6f url(images/bk_dere_bk3.jpg) repeat-x; float:right; width:230px; padding:7px 4px 10px; margin-top:8px; border:1px solid #6C798A;  }
#redsoc strong { color:#fff; font:normal 29px/36px Georgia, "Times New Roman", Times, serif; display:block; margin:0 4px 6px 0; }
#redsoc a:link, #redsoc a:visited, #redsoc a:active { display:block; color:#d7d7d7; font:normal 16px/16px Georgia, "Times New Roman", Times, serif; padding:2px; margin:0; height:22px;  border-bottom:1px dashed #9f9f9f; }
#redsoc a:hover { color:#fff; text-decoration:underline; }


#extlinks { background:#e4e4e4 url(images/bk_dere_bk2.jpg) repeat-x; float:right; width:230px; padding:7px 4px 20px; margin-top:8px; border:1px solid #BEBEBE; }
#extlinks strong { color:#fff; font:normal 29px/36px Georgia, "Times New Roman", Times, serif; display:block; margin-left:4px; }
#extlinks a:link, #extlinks a:visited, #extlinks a:active { color:#4f4f4f; font:normal 14px/24px Georgia, "Times New Roman", Times, serif; padding:2px; height:24px; border-bottom:1px dashed #9f9f9f; }
#extlinks a:hover { color:#333; text-decoration:underline; }


#pollss { margin:4px 8px 12px 12px; width:200px; }
#pollss strong { color:#666; font:normal 29px/36px Georgia, "Times New Roman", Times, serif; display:block; margin-left:4px; }
#pollss p strong { font:normal 18px Georgia, "Times New Roman", Times, serif; text-align:left; }
#pollss label { font:normal 14px/19px Georgia, "Times New Roman", Times, serif; }



#izq  { float:left; width:740px; margin:0 15px 0 5px; }
h2 { background:none; color:#D00D15; font:normal 24px/36px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:2px 0 0; padding:6px; text-transform:none; }
#izq p { font:normal 13px/18px Arial, Helvetica, sans-serif; }
#izq strong { font:normal 17px Georgia, "Times New Roman", Times, serif; }
#izq ul li { list-style:none; padding:0 0 10px 0; }
#izq ul li strong { font:bold 14px/18px Georgia, "Times New Roman", Times, serif; text-transform:capitalize; }
#izq ul li em { color:#880108; font:italic normal 14px/18px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; display:inline; }


#der { float:right; width:220px; margin:0 5px 10px 0px; padding:5px 0; height:auto; display:block; }
#der h2 { background:none; color:#016815; font:normal 16px/19px Georgia, "Times New Roman", Times, serif; border-bottom:0; text-align:left; text-transform:none; margin:0; padding:0 6px; width:208px;              }
			
#der	ul { padding:0 5px; margin:0; list-style:none; display:block; text-align:left; }	
#der ul li { float:left; padding:0; width:210px; height:21px; }
#der li a:link, #der li a:visited { color:#333; display:block; font:normal 14px/22px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
#der li a:hover { color:#333; text-decoration:underline; }
#der li a:active { text-decoration:line-through; }

#transpdere { margin-top:140px; }
#transpdere strong, #transpdere strong a:link, #transpdere strong a:hover, #transpdere strong a:visited, #transpdere strong a:active { font:bold 14px/22px Georgia, "Times New Roman", Times, serif; }
#transpdere	ul { padding:0 5px; margin:0; list-style:none; display:block; text-align:left; }	
#transpdere ul li { float:left; padding:4px 0; width:210px; height:auto; display:block; }
#transpdere li a:link, #der li a:visited { color:#333; display:block; font:normal 12px/18px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
#transpdere li a:hover { color:#333; text-decoration:underline; }
#transpdere li a:active { text-decoration:line-through; }


#full  { float:left; width:960px; margin:0 15px 0 5px; }
.noticiasfull { background:#ececea url(images/bk_news.jpg) repeat-x; border:1px solid #DFDFDF; display:block; margin:8px 0 16px; padding:4px 8px 8px; width:960px; min-height:120px; }
.noticiasfull h3 { color:#CC0000; font:normal 19px/22px Georgia, "Times New Roman", Times, serif; margin:10px 0 2px; padding:0; }
.noticiasfull p { font:normal 13px/16px Arial, Helvetica, sans-serif; display:inline; padding-right:4px; }
.noticiasfull em { float:right; font-size:16px; }
.noticiasfull em a:link, .noticias em a:visited, .noticias em a:active { color:#333333; display:inline; }
.noticiasfull em a:hover { color:#333333; text-decoration:underline;  }


#footer { background:#76030A url(images/bk_footer.jpg) repeat-x; color:#fff; margin:0; padding:10px 0; width:1010px; height:250px; }

#menufoot{ min-height:190px; }
.navegacion { background:none; float:left; margin:10px; padding:5px; width:138px; height:auto; display:block;  }
.navegacion strong { font:normal 18px/32px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #fff; }				
.navegacion	ul { padding:0; margin:0; list-style:none; display:block; }	
.navegacion ul li { width:1000px; float:left; margin:0 30px 0 0; padding:0; }
.navegacion li a:link { color:#fff; display:block; font:normal 12px/18px Arial, Helvetica, sans-serif; text-decoration:none;  }
.navegacion li a:hover { color:#fff; text-decoration:underline; }

#footer_izq { width:500px; float:left; margin-left:10px;  text-align:left; }
#footer_der { width:450px; float:right; text-align:right; color:fff; padding-right:10px; text-align:right; }
#footer_der em a:link, #footer_der em a:visited, #footer_der em a:active { color:#fff; font:italic normal 12px/18px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
#footer_der em a:hover { color:#fff; text-decoration:underline; }

#footer a:link, #footer a:visited, #footer a:active { color:#fff; font:normal 12px/18px Arial, Helvetica, sans-serif; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }

#footer p { color:#fff; font:normal 13px/18px Arial, Helvetica, sans-serif; letter-spacing:0px; display:block; margin:0; padding:5px; }
#footer em, #footer em a { border:none; color:#fff; font:italic normal 11px/11px Arial, Helvetica, sans-serif; padding-right:2px; }



  

.clear { clear:both; }
#clear {clear:both;}

#redessoc {	padding:0px; margin:0 auto; width:90px; }
#linksext {	padding:0px; margin:0 auto; width:90px; }





.noticias { background:#ececea url(images/bk_news.jpg) repeat-x; border:1px solid #DFDFDF; display:block; margin:8px 0 16px; padding:4px 8px 8px; width:722px; min-height:140px; }
.noticias h3 { color:#CC0000; font:normal 19px/22px Georgia, "Times New Roman", Times, serif; margin:10px 0 2px; padding:0; }
.noticias p { font:normal 13px/16px Arial, Helvetica, sans-serif; display:inline; padding-right:4px; }
.noticias em { float:right; font-size:16px; }
.noticias em a:link, .noticias em a:visited, .noticias em a:active { color:#333333; display:inline; }
.noticias em a:hover { color:#333333; text-decoration:underline;  }





/**********************************************************************************************************************************************
                         Sidebar
 **********************************************************************************************************************************************/
#sidebar { float:right; width:200px; height:auto; text-align:right; margin:90px 0 30px 0; background:#EEE; border:#CCC 1px solid; }
#sidebar a { font:normal 12px Helvetica, arial, verdana; text-decoration:none; color:#006699; }
#sidebar a:hover { color:#074C6F; font:normal 12px Helvetica, arial, verdana; text-decoration:none; }	
#sidebar h2 { color:#990000; font:normal 30px Arial Narrow, Arial, sans-serif;	margin:15px 0 5px;	padding:5px 0 0px; }
#sidebar h3 { color:#333; font:normal 20px  Arial, Helvetica, sans-serif; display:block; }
#sidebar ul { font:normal 12px Helvetica,Arial,verdana; list-style:none; padding:0; margin:0;  margin-left:40px; }
#sidebar li { padding:0; height:18px; margin-bottom:10px; text-align:left; width:180px; padding:2px 0; }
#sidebar li a { color:#797876; text-decoration:none; }
#sidebar li a:hover { color:#F45F00; }

#sidebar input:select { background-color:#F3F3E7; border:#CCC 1px solid; color:#666; font:normal 13px Arial, Helvetica, sans-serif;	padding:3px; width:160px; }
#sidebar input:focus { background-color:#FFF; color:#333; border:#ff0000 1px solid; }
#sidebar form { margin:0; padding:0; }
#sidebar form input { background-color:#F3F3E7; border:#CCC 1px solid; color:#666; font:normal 13px Arial, Helvetica, sans-serif; padding:3px; width:160px; }
#sidebar form input:focus { background-color:#000); color:#333; border:#ff0000 1px solid; }
#sidebar form div option { font:normal 18px Arial, Helvetica, sans-serif; }




	





INPUT {padding:4px;}
INPUT:focus { background-color:#FFF; color:#333; border:#FBA102 2px solid; }
TEXTAREA {padding:4px;}
TEXTAREA:focus { background-color:#FFF; color:#333; border:#FBA102 2px solid; }




.commentlist li { list-style-type:none; width:500px; padding-right:100px; display:block; }
.commentlist li .avatar { display:none;}
textarea#comment { width: 480px; padding: 5px; font:normal 14px Arial, Helvetica, sans-serif;}   
.commentmetadata { font:normal 14px Arial, Helvetica, sans-serif; }





table {	border-spacing:0px;	border:1px solid #BBB;  background-color:#bbb; font:normal 13px Arial, Helvetica, sans-serif; color:#666; }	
td, th { padding: 4px; }
        tbody tr td { height:auto;  background:#DEDEDD;  border:0px solid #DEDEDD; }	
      tbody tr td a { background:#DEDEDD;  color:#363636; }	
tbody tr td a:hover { background:#fff;	color:#363636;	}			
           tbody th { height:10px;	background:#F9F9F9; border:1px solid #CCC; color:#333; }	 
       tbody tr.odd { background-color:#d7dce0; }
 tbody tr:hover td  {  background-color: #fff; }
tbody tr:hover td { color: #333 !important; } 





body { background:#393939 url(images/bk.jpg) repeat-y top center; padding:0px; margin:0px; }

/**********************************************************************************************************************************************
                         Menu (Divisions)
 **********************************************************************************************************************************************/
#navig { background:#CC0000; width:1000px; height:39px; padding-left:10px; }
#house { display:inline; width:50px; float:left; padding-left:40px; }
#mennu { display:inline; width:900px; float:right; }
/**********************************************************************************************************************************************
                         Menu (Dropdown)
 **********************************************************************************************************************************************/
.menu { background:#CC0000; width:900px; height:39px;  position:relative; z-index:100; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:162px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:162px; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited { background:#cc0000; border:0; color:#fff; display:block; font:normal 19px/39px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; padding-left:0px; text-align:center; text-decoration:none; width:162px; height:39px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:162px; w\idth:162px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#8F0808 url(images/drop.gif) bottom right no-repeat; width:162px;  }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat; font-size:14px; }
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#8F0808; font-size:13px; width:230px;  }
/* style the third level hover */
.menu ul ul ul a:hover {background:#5F0606; font-size:13px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:39px;left:0; width:162px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:39px;}

/* position the third level flyout menu */
.menu ul ul ul{left:162px; top:-1px; width:162px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:0px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#8F0808; color:#fff; height:auto; line-height:21px; padding:5px 4px; width:162px; text-align:left; width:154px; font-size:16px; letter-spacing:0px; border-top:1px solid #fff; filter:alpha(opacity=94);  -moz-opacity: 0.94; -khtml-opacity: 0.94; opacity: 0.94;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#5F0606;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#5F0606;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* =========================================================================================================================================== 
   This CSS is further CSS I have created specifically for Wordpress so that the current page is highlighted in two levels.
   If you want it in three levels let me know.
   Author: Isaac Rowntree / Website: www.zackdesign.biz
============================================================================================================================================== */
.menu ul ul .current_page_item a { color:red; background:white; border-left:1px solid black; }
.menu .current_page_item a { color:red; font-weight:bold; background:white; }
.menu ul .current_page_item ul a { color:white; font-weight:normal; background:black; }
.menu ul .current_page_item ul a:hover { background:gray; }
.menu .current_page_item a:hover { background:white; }
	
	






/**********************************************************************************************************************************************
                         Featured 2
 **********************************************************************************************************************************************/
#viewer { width:740px; margin:6px auto 18px; height:250px; overflow:hidden; }
#viewer ul li { padding-bottom:0; }
#nav { width:40px; float:left; margin:0; padding:0; list-style-type:none; }
#nav li { width:40px; height:50px; padding:0; }
#nav li a { display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(images/thumbs.jpg) no-repeat 0 0; }
#nav li a:hover, #nav li a.on { background-position:-40px 0; }
#nav li.thumb2 a { background-position:0 -50px; }
#nav li.thumb2 a:hover, #nav li.thumb2 a.on { background-position:-40px -50px; }
#nav li.thumb3 a { background-position:0 -100px; }
#nav li.thumb3 a:hover, #nav li.thumb3 a.on { background-position:-40px -100px; }
#nav li.thumb4 a { background-position:0 -150px; }
#nav li.thumb4 a:hover, #nav li.thumb4 a.on { background-position:-40px -150px; }
#nav li.thumb5 a { background-position:0 -200px; }
#nav li.thumb5 a:hover, #nav li.thumb5 a.on { background-position:-40px -200px; }
#panels { width:700px; height:250px; overflow:hidden; position:relative; float:left; }

#slider { width:3780px; height:250px; }
#slider div { float:left; position:relative; }
#slider p { top:0; left:0; margin:0; background-color:#000; }

/***********************************************************************************************************************************************/

.e0 {  margin:4px 2px 0 0; }