@charset "UTF-8";
/* SITIO DESARROLLADO POR ORIOLmendivil.Com PARA BJ SOLUCIONES // © 2010 TODOS LOS DERECHOS RESERVADOS // MUNICIPIO DE SANTA ANA, SONORA, MÉXICO */
/* CUERPO DEL SITIO */
body{
	background:#54768D url(img/bg.jpg) top center no-repeat;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
}
a{color:#54768D; text-decoration:underline;}
a:hover{text-decoration:none;}
h1{color:#253038; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; padding:5px 0; border-bottom:2px #DC8F23 solid; width:100%;}
h1 span{color:#CCC; font-size:11px; font-weight:normal; text-transform:none;}
/* BARRA SUPERIOR */
#h-up{
	background:#555 url(img/bg-up.png) repeat-x;
	color:#999;
	margin:0 auto;
	width:100%;
	padding:0;
	font-size:11px;
	height:35px;
}
#h-up a{
	color:#FFF;
	border-right:1px #999 dotted;
	text-decoration:none;
	padding:0 10px;
}
#h-up a:hover{
	text-decoration:underline;
}
.h-up{
	padding:10px 0 0 0;
	width:950px;
	margin:0 auto;
	text-align:right;
}
/* CABECERA DE LOGO */
#h-middle{
	background:#FFF url(img/bg-middle.png) repeat-x;
	height:65px;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
/* SLIDESHOW */
#sshow{
	width:950px;
	height:150px;
	margin:0 auto;
	padding:0;
}
#slideshow{
    position:relative;
    height:150px;
}
#slideshow IMG{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active{
    z-index:8;
    opacity:1.0;
}
#slideshow IMG.last-active{
    z-index:4;
}
/* FECHA & SUBMENU */
#subdate{
	width:950px;
	height:35px;
	background:#384853;
	color:#FFF;
	padding:0;
	margin:0 auto;
	font-size:11px;
}
.sdleft{
	background:#253038;
	height:24px;
	padding:11px 10px 0 10px;
	float:left;
	width:230px;
	text-align:left;
}
.sdright{
	padding:11px 10px 0 10px;
	float:right;
	width:680px;
	height:24px;
	text-align:right;
}
#subdate a{
	color:#86A5BA;
	border-right:1px #5A7080 dotted;
	text-decoration:none;
	padding:0 10px;
}
#subdate a:hover{
	text-decoration:none;
	color:#FFF;
}
/* CONTENIDO */
#content{
	background:#FFF;
	padding:0;
	margin:0 auto;
	width:950px;
	overflow:auto;
}
.left{
	width:250px;
	padding:0;
	float:left;
}
.right{
	width:250px;
	padding:0;
	float:right;
}
.middley{
	width:450px;
	padding:0;
	float:right;
}
/* MENU DESPLEGABLE */
.suckerdiv ul{
	background:#384853;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:250px; /* ANCHO DEL ITEM */
}
.suckerdiv ul li{
	position: relative;
}
/* SUB NIVEL DEL MENU DESPLEGABLE */
.suckerdiv ul li ul{
	position: absolute;
	width: 170px; /* ANCHO DEL ITEM */
	top: 0;
	visibility: hidden;
	background:#253038;
}
/* ESTILO DE LINKS EN SUB MENU */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*FORZAR LAYOUT PARA IE 7 */
	color:#86A5BA;
	text-decoration: none;
	padding:5px 10px;
	border-bottom: 1px dotted #5A7080;
}
.suckerdiv ul li a:visited{
	color:#86A5BA;
}
.suckerdiv ul li a:hover{
	background:#253038;
}
.suckerdiv ul li ul a:hover{
	color:#FFF;
}
.suckerdiv .subfolderstyle{
	background:url(img/flecha.png) no-repeat center right;
}
/* HACK PARA IE */
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* CABECERAS & APARTADOS */
.apt{
	background:#253038;
	color:#FFF;
	width:250px;
	height:50px;
	padding:0;
}
.aptcont{
	background:url(img/bg-apts.png) repeat-x;
	width:230px;
	padding:10px;
	color:#253038;
}
.cal1{background:#253038; color:#FFF; font-weight:bolder;}
.cal1 a{text-decoration:none; color:#FFF;}
.cal1 a:hover{text-decoration:underline;}
.cal2{background:#86A5BA; font-weight:bolder;}
.big-apt{
	background:#86A5BA;
	height:50px;
	width:450px;
	padding:0;
}
.news{
	width:430px;
	padding:10px;
	text-align:justify;
}
/* PIE DE PÁGINA */
#foot{
	width:100%;
	padding:20px 0;
	margin:0 auto;
	color:#86A5BA;
	border-top:3px #86A5BA solid;
	background:#253038;
	font-size:11px;
	overflow:auto;
}
#foot a{color:#FFF; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
.foot{
	width:930px;
	margin:0 auto;
	padding:0;
}
.fleft{float:left; text-align:left;}
.fright{float:right; text-align:right;}