/* $Id: local_sample.css,v 1.1 2010/04/08 17:16:16 danprobo Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */

body {
/*background:url(images/body-bg.gif) repeat-x #fff;*/
font-size: 83%;
font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
color: #000;
margin: 0;
padding: 0;
line-height: 1.3em;
}

/*--Estilos a el header --*/
#header{
	background:url(http://www.sanandres.gov.co/imagenes/PRUEBA12.png);
}

#notice {
display: none;
}

#search-box label { display: none;}
/*-Estilo a la fecha del día-*/
#actualizacion{
	float:right;
	font-weight: bold;
	font-size:12px;
	margin-top:5px;
	margin-right:-25px;

}

/* slideshow + Preface top + Slideshow

-------------------------------------------------------------- */
/*Estas  reglas posiciona y desactiva el degranado que el theme situa debajo del banner por default*/

#slideshow-wrapper{
width:100%;
background:none;
/*background: transparent url(images/slideshow-shadow.gif) no-repeat center bottom;*/
height:235px;
margin-bottom:-35px;
margin-top:10px;
}

.slideshow-inner{
width:950px;
margin:0 auto;
height:200px;
position:relative;
z-index:1;
overflow: hidden;
}

#slideshow-preface {
float:left;
position:absolute;
text-align:left;
z-index:4;
}

.slideshow {
width:950px;
height:355px;
position:relative;
z-index:2;
overflow: hidden;
}

#preface {
padding: 20px;
font-size:1.2em;
color:#fff;
display:block;
float:left;
}

#preface a {
color:#fff;
text-decoration:underline;
}

#preface a:hover {
text-decoration:none;
}

#slideshow-bottom{
width:950px;
float:left;
background:url(images/mission-bg.png) no-repeat center bottom;
min-height:65px;
position:absolute;
bottom:0;
left:0;
text-align:right;
z-index:3;
line-height:1.7em;
}


/*maquetacion slidershow de noticias*/

#views_slideshow_singleframe_teaser_section_banner-block_1{
	float:left;

}

#views_slideshow_thumbnailhover_teaser_section_frontslideshow-block_1{
	float:left;	
}

#views_slideshow_thumbnailhover_main_field_photo-page_1{
/*float:left;*/
}

#transparency{
	position:absolute;
	bottom:5px;
	left:0px;
	width:360px;
	height:60px;
	background-color:#000;	
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.7;
	padding-top:15px;
}

/*los siguientes estilos aplican reglas al slidesshow pero -tambien a todo el content-*/
#mycontent{
	position:absolute;
	bottom:15px;
	width:340px;
	left:10px;
	
}
#mycontent h2{

	margin-bottom:-1px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}


#mycontent a:link{
	color:#FFF;



}

#mycontent a:hover{
	color:#CCC;
	text-decoration:underline;
	
	}


/*Maquetación contenido de los nodos ------*/

.node ul li{
	 
  list-style-image:url(http://www.sanandres.gov.co/imagenes/list1.png);
}

/*#content ul li{ 

  list-style-image:url(http://www.sanandres.gov.co/imagenes/list1.png);	
}*/
/*#content ul li a:link{

	list-style-image:url(http://www.sanandres.gov.co/imagenes/list1.png);	
}
*/
# view-conten item-list ul li{
	list-style-type:none;
	list-style:none;

}

.view-actualidad ul{
	list-style:none;
	list-style-type:none;
}

.links ul li{
	list-style:none;
}

#views_slideshow_singleframe_main div img{
	width:450px;
	height:150px;
} 

#content h1{
/*	font-size:36px;*/
}

/*Aplicamos posición vertical a los Thumbnails*/



#views_slideshow_singleframe_pager_actualidad_slidershow-block_1{ 
	position:relative;
	left:370px;
	top:5px;
	width:55px;
	height:1px;
	}

/*Se aplican estilos a las imagenes de los thumbnails y los div contenedores de los thumbnails*/
.views_slideshow_singleframe_pager div a img{
	width: 85px;
	height: 75px;
	 
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.7;
}
/*Se define los estilos relacionados a los div contenedores de los thumbnails*/
.views_slideshow_singleframe_pager div {
    display:block;
	padding-left: 10px;
	padding-bottom: 7px;
	background-color:#CCC;
	width:90px;
	height:75px;
}

.activeSlide{
/*border:1px solid red; /* . . . etc etc etc more custom styling options here */
    background-color:#FFF;
	border-right: 2px solid #333;
	border-left: 2px solid #333;
		     
 }

/* Estilos a la vista de actualidad*/

.views-field-field-imagen-fid{
	float:left;
	padding-right:10px;
	padding-bottom:2px;
}


/*justifica el texto de el div content -- Se aplican estilos a las listas de las vistas- 
se aplican estilos a los resultados de las vistas */ 

.view-content{
	text-align:justify;
	position:relative;
	list-style-type:none;
	list-style:none;
}

.item-list ul li{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0.25em;
	margin-left: 1.5em;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	/*list-style-type: disc;
	list-style-image: none;*/
	list-style-type:none;
	list-style-position: outside;
	/*border-bottom: 1px dashed #CCC;*/
	list-style:none;
	clear:both;
	padding-top:10px;
	padding-bottom:0px;
	border-top: 2px solid  #BBBBBB;
}

.content-middle .views-field-title{
    font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}

.content-middle .views-field-title a:link{

}

.item-list ul li{
	list-style:none;
}

/*-- Estilos a las listas de los libros (book)--*/

.book-navigation ul li{

	list-style-image:url(http://www.sanandres.gov.co/imagenes/list1.png);	
}

/* Primary menu + Superfish
-------------------------------------------------------------- */
#menu {
height: 35px;
background:url(images/menu-bg.gif) repeat-x;
width:952px;
margin: 0 auto;
}

#nav {
height: 30px;
background:url(images/menu-bg.gif) repeat-x;
float:left;
}

#nav li {
float:left;
background:url(images/menu-separator.gif) no-repeat right top;
height:3px;
padding:0 1px 0 0;
}

#nav li a{
color:#fff;
text-decoration:none;
font-size:12px;
padding:7px 2px 0 2px;
display:inline-block;
font-weight:bold;
height:25px;
text-transform:uppercase;
}

#nav li a:hover {
background:transparent url(images/menu-hover-bg.gif) repeat-x;
}

#nav li.active-trail a {
background:transparent url(images/menu-hover-bg.gif) repeat-x;
}

#rounded-menu-left {
height: 35px;
background:transparent url(images/menu-left-bg.gif) no-repeat;
float:left;
width:1px;
line-height:0;
font-size:0;
}

#rounded-menu-right {
height: 35px;
background:url(images/menu-right-bg.gif) no-repeat;
float:right;
width:14px;
line-height:0;
font-size:0;
}

/*Superfish fontsize*/
#superfish .menu a, #superfish .menu a:visited {
color: white;
text-decoration: none;
font-size: 80%;
/*font-weight:normal;*/
font-weight: bold;
text-transform: uppercase;
padding-right: 1px;
padding-left: 45px;
padding-top: 11px;
}
/*--------------------------*/

/* Superfish background color
-------------------------------------------------------------- */
#superfish .menu li li {
background: #004f90; /*<!-- change this -->*/
left: -1px;

}
#superfish .menu li li li {
background: #004f90; /*<!-- change this -->*/
top: 0px;

}
#superfish .menu li.active-trail li {
background: #004f90;/* <!-- change this -->*/

}
#superfish .menu li li:hover {
background: #004f90;
}

#superfish .menu li li li:hover {
background: #004f90;/* <!-- change this -->*/

}

/*estilos de los enlaces de los bloques, y a los elementos de los bloques*/

.block-title{
	display:block;
	border: 2px #F00;
	font-size:36px;
}


.block-content-inner ul{
	/*background-color:#E4E4E4;*/
	padding:0px ;
	border: 3px #F00 ;

}

.block-content-inner ul li{
	background-color:#EAEEF7;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:5px;
	padding-bottom:2px;   
	border: 2px #F00;
	height:26px;
	border-bottom: solid 1px #FFF;
	/*font-weight:bold;
	font-size:90%;
	*/
}

.block-content-inner ul a:hover{
	text-decoration:underline;
	color:#F00;
}
.block-content-inner ul li a{
	display: block;
	padding: 5px;	
	color: #555555;	
	border: 3px #F00;

}

.block-content-inner ul li a:hover{
	text-decoration:underline;
	background-color: #036;
	color:#FFC;
}

/* Estilos en los titulos de los bloques, css tomado del archivo local css luego modificado*/

#sidebar-left h2.block-title, #sidebar-right h2.block-title {
	font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
	background-color:#3D4B54;
	background-image:url(images/fondo-titulo-bloque2.png) ;
	font-size:100%;
	color:#FFF;
	padding-top:2px;
	padding-bottom:4px;
}

/*#sidebar-left .block-content-inner, #sidebar-right .block-content-inner {*/
#sidebar-left .block-content-inner, #sidebar-right .block-content-inner {
margin: 0;
padding: 2px 2px 0px 5px;
/*font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;*/
}
  
  /*Estilos a los titulos de los contenidos*/
 
.title{
	/*display:block;*/
	/*background-color:#036;*/
	color:#012D7E;
	/*background-image:url(images/fondo-titulo-bloque2.png);*/
	padding:0px 5px 5px 10px;
	font-size:100%;
	
   /* background: none repeat scroll 0 0 #006699;*/
    background-color:#006699;
	color: #FFFFFF;
}

.title a{
	font-size:80%;
}


/* estilos de los div que dibujan Bordes de los body left right*/

#body-left {
	display:block;
margin-left: 0;
padding-left: 10px;
height: 100%;
background-image:url(images/body-l.png);
}

#body-right {
		display:block;
margin-right: 0;
padding-right: 10px;
height: 100%;
background-image:url(images/body-r.png);
}

/* estilos a las imagenes en los div content*/

/*-------definir anchos fijos a las columnas--------*/

#sidebar-side-1 #sidebar-left {
width: 21%;
float: left;
/*font-size:12px;*/	
}

/*-Estilos al bloque "otros idiomas"-*/

/*#block-gtranslate-0{
	padding-top: 10px;
}
*/

#block-gtranslate-0 .block-content-inner{
	padding-top:5px;
	padding-left:17px;
}



/*- Estilos a los bottom teaser (columna 1 2 y 3) -*/

/*#bottom-teaser{*/
	#block-block-14 .content{
	background-color:#F4F4F4;
	border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-right: 1px solid #BBBBBB;
	border-style:solid;
	border-width: 1px;


}

#block-block-15 .content{
	background-color:#F4F4F4;
	border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-right: 1px solid #BBBBBB;
	border-style:solid;
	border-width: 1px;
}


#block-block-16 {
	background-color:#F4F4F4;
	border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-right: 1px solid #BBBBBB;
	border-style:solid;
	border-width: 1px;


}


#bottom-teaser h2{
	/*font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
	background-color:#3D4B54;
	background-image:url(images/fondo-titulo-bloque2.png) ;
	font-size:100%;
	color:#FFF;
	padding-top:2px;
	padding-bottom:4px;
	padding: 5px 10px;*/	
	
	
	/*background: none repeat scroll 0 0 #E6E6E6;*/
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #BBBBBB;
    border-top: 1px solid #DDDDDD;
    font-size: 0.9em;
    margin: 0;
    padding: 5px 10px;
	
	
    background-color: #3D4B54;
    background-image: url("images/fondo-titulo-bloque2.png");
    color: #FFFFFF;
    font-family: Geneva,Tahoma,"Nimbus Sans L",sans-serif;
   /* font-size: 100%;*/
   /* padding-bottom: 4px;
    padding-top: 2px;*/    
}
	
	
	/*- Estilos a las imagenes de las noticias (imagen cache) -*/
	
.imagecache{
		float:left;

		margin: 0px 7px 5px 0px;
		border: 1px solid #999;		

	
}

/* -- Estilos a los fondos de algunos secciones de los contenidos --*/

/*.content-top{
	background-color:#F3F7F0;
}

.content-bottom{
	background-color:#F3F7F0;
}

#sidebar-left .block-content,
#sidebar-right .block-content {
	background-color:#F3F7F0;
}*/

/*Estilos a las listas de los menues*/

#block-content ul li a:link{
	list-style:circle;
}

/*-- Estilos al nombre del sitio y eslogan del sitio---*/

.logo-name {
	font-size:17px;
	font-weight:bold;
	/*font-family:Lobster;*/
	font-family:sans-serif;
	font-style:normal;
}

.logo-name a:link{
	color:#000;
	
}
.logo-text{
	font-size:12px;
}

/*-Estilos en el tipo de contenido proceso minima cuantia-*/

.field-label{
	background-color:#EEEEEE;
	border: 1px solid #BBBBBB;
    padding: 0.1em 0.1em;
	margin-bottom:10px;
	margin-top:10px;
}

/*Estilos a los link del menu principal*/

#nav li a{
	padding: 7px 26px 3px;
	font-size:11px;
}

/*estilos a los titulos de los resultados de las busquedas */

.search-results dt a{
	color:#FFF;
	font-size:13px;
	
	
}
.search-results dt a:hover{
	color:#F79709;
	
}