@charset "utf-8";
/* CSS Document */
@import url("style.css");
*{
margin: 0px;
padding: 0px;
}
body{
background-color:#53A1D3;/*#E6E6E6*/
font-family: Tahoma, Geneva, sans-serif;
}
a{
text-decoration:none;
}
ul{
list-style:none;
}
img{
border:none;
}
/*::::::::::::::::::::::Wrapper::::::::::::::::::::::::::*/
#wrapper{
position:relative;
width:960px;
margin: 0 auto;
background:#FFF;
}
/*::::::::::::::::::::::Header::::::::::::::::::::::::::*/
#header{
}
#logo{
height:60px;
background: url(../img/bg_logo.jpg) no-repeat;
}
#logo img{
display:block;
width:218px;
height:54px;
padding-top:3px;
padding-left:15px;
}
/*::::::::::::::::::::::Slide::::::::::::::::::::::::::*/
#slide{
height:280px;
background: url(../img/bg_slide.jpg) no-repeat;
}
.slide{
float:left;
height:241px;
width:660px;
margin-top:19px;
margin-left:27px;
overflow:hidden;
}

.social{
	float:left;
	width:236px;
	height:240px;
	margin-top:19px;
	margin-left:17px;
	padding-top:13px;
	}
	
.social li{
	margin-bottom:10px;
	}

/*::::::::::::::::::::::Menu_Bar::::::::::::::::::::::::::*/
#bar_menu{
height:54px;
background: url(../img/bg_menu_bar.jpg) no-repeat;
}
.container {width: 970px; margin: 0 auto;}
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 960px;
	list-style: none;
	position: relative;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #666;
}
ul#topnav li a {
	padding: 6px 15px 7px 15px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size:0.85em;
	font-weight:bold;
}
ul#topnav li:hover { background: #FF6600 url(../img/topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: left;
	position: absolute;
	left: 0; top:28px;
	display: none;
	width: 960px;
	color: #fff;
}
ul#topnav li:hover span { display: block; color:#FFF;}
ul#topnav li span a { display: inline; font-size:0.7em; }
ul#topnav li span a:hover {text-decoration: underline;}
/*::::::::::::::::::::::Content::::::::::::::::::::::::::*/
#content{
overflow:hidden;
padding:10px 15px 10px 15px;
}
/*::::::::::::::::::::::Menu_left::::::::::::::::::::::::::*/
#menu_left{
float:left;
width:200px;
margin-right:14px;
}

.menu_l_main{
border: solid 1px #CCC;
background:#FFF;
padding:1px;
}

.menu_l_main_bord{
background:#0E3853;
padding:10px;
}
.menu_l_main li{
padding:5px;
border-bottom:solid 1px #53A1D3;
height:25px;
}
.menu_l_main li a{
display:block;
color:#FFF;
font-size:0.9em;
font-weight:bold;
line-height:2em;
}
.menu_l_main li a:hover {
color:#53A1D3;
}
.menu_l_sec{
margin-top:8px;
padding:1px;
background:#FFF;
border:solid 1px #CCC;
}
.menu_l_sec_bord{
}
.menu_l_sec li{
height:70px;
background:#EFEFEF;
}
.menu_l_sec li.block{
background: #EFEFEF url(../img/bg_menu_li_sec.jpg) repeat-x;
}

.menu_l_sec li a {
display:block;
font-size:0.7em;
color:#000102;
font-weight:bold;
padding-top:15px;
margin-left:8px;
}
li.no_border{
border:none;
}
.menu_l_sec li a:hover{
color:#F37E22;
}

span.tras_{
display:block;
height:40px;
background: url(../img/transparencia.png) left center no-repeat;
padding-left:45px;
line-height:4em;
}

span:hover.tras_{
background: url(../img/transparencia_.png) left center no-repeat;
}
span.limpia_{
display:block;
height:40px;
background: url(../img/trash.png) left center no-repeat;
padding-left:45px;
line-height:4em;
}
span:hover.limpia_{
background: url(../img/trash_.png) left center no-repeat;
}
span.telefono_{
display:block;
height:40px;
background: url(../img/telephone.png) left center no-repeat;
padding-left:45px;
line-height:4em;
}
span:hover.telefono_{
background: url(../img/telephone_.png) left center no-repeat;
}
span.cuadrante_{
display:block;
height:40px;
background: url(../img/police.png) left center no-repeat;
padding-left:45px;
line-height:4em;
}
span:hover.cuadrante_{
background: url(../img/police_.png) left center no-repeat;
}
span.cultura_{
display:block;
height:40px;
background: url(../img/cultura.png) left center no-repeat;
padding-left:45px;
line-height:4em;
}
span:hover.cultura_{
background: url(../img/cultura_.png) left center no-repeat;
}
/*::::::::::::::::::::::Main_Content::::::::::::::::::::::::::*/
#main_content{
float:left;
width:710px;
padding:1px;
border: solid 1px #CCC;
background:#FFF;
overflow:hidden;
}
.main_content{
padding:10px;
background:#F7F5F6;
overflow:hidden;
}
/*::::::::::::::::::::::Footer::::::::::::::::::::::::::*/
#footer{
clear:both;
height:60px;
background: #0E3853;
}
.footer{
display:block;
height:60px;
text-align:center;
font-size: 0.7em;
color:#FFF;
background: url(../img/logo2.png) center right no-repeat;
}
.footer ul{
padding:5px;
}
.footer a{
color:#53A1D3;
}
.footer a:hover{
color:#FF6600;
}

/*::::::::::::::::::::::Slide News::::::::::::::::::::::::::*/
.slide_news{
	clear:both;
	height:29px;
	margin-top:10px;
	}

/* liScroll styles */

.tickercontainer{ /* the outer div with the black border */
border: 1px solid #CCC;
background: #fff; 
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 670px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 700px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #333;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color:#FF6600;
}

#video_wheather{ clear:both;} 

#cont_a2a59c288875b0e745822ef54927dc7c{ margin: 0 auto; padding:3px;}

.weather{ margin-bottom:10px;}
.weather a{ color:#000;}
.ivideo{
float:left;	
width:334px;
border: solid 1px #CCC;
padding:2px;
margin-left:5px;
margin-right:10px;}

#ivideo span.title_video{ display:block; padding:3px; color:#FF6600; margin-bottom:5px;}

.itwitter{
float:left;	
padding:2px;
margin-left:5px;}

/*::::::::::::::::::::::analytics::::::::::::::::::::::::::*/

#statsWrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:10px;
}
#statsDetailsWrap {
	background: #333333;
	float: left;
	padding: 1px 3px 1px 1px;
	border: #666666 1px inset;
	margin-bottom:5px;
	clear:both;
}
#statsCount {
	float: left;
	padding: 1px 3px;
	background: #999999;
	color: #FFFFFF;
	border: #666666 1px inset;
}
#statsMetric {
	float: left;
	padding: 3px;
	color: #FFFFFF;
}
#byGoogle {
	clear: both;
	color: #666666;
	font-size: 10px;
}