/* - - - - - - - - - - - - - - - - - - - - -

Título		: Ron Brinkerhoff
Autor		: Ron Brinkerhoff
URL 		: www.sbizgroup.net

Descripción : Sitio web para el Sustainable Business Group

Creado 		: 14 December 2007
Modificado	: 14 August 2009

- - - - - - - - - - - - - - - - - - - - - */

/*div {
	border: 1px solid Red;
}*/

body {
	background-color: #F8EED9;
	margin-left: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body {
	font-size: small;
	}
* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	font-size: small; /*for other IE versions*/
}


body,td,th {
	font-family: Futura, Arial, Georgia, Times, serif;
	color: #333333;
}

/*****************************************************/
/* TIPOGRAFIA                               	    */
/***************************************************/

/* h1, h2, etc */

img + h1 { 
	margin-top: 10px;
}

h1  { 
	color: #3b4d60;
	font-size: 180%;
	font-weight: normal;
	margin: 0;
}

h2 { 
	color: #ae9779;
	font-size: 140%;
	font-weight: normal;
	font-style: italic;
	
}

h3 { 
	color: #333333;
	font-size: 110%;
	font-weight: bold;
}

#sidebar h2, #columna_3 h2 {
	text-align: center;
	margin: 0;
}

#sidebar h2.search { 
	padding-top: 25px;
	background: url('../') top center no-repeat;
	margin-bottom: 0;
}
#columna_3 h2.events { 
	padding-top: 15px;
	background: url('../') top center no-repeat;
}


/* Paragraphs */

h1 + p { 
	margin-top: 10px;

}

p { 
	font-size: 97%;
}

#interna p {
	line-height: 22px;
}

#columna_1 p { 
	color: #a0a0a0;
	line-height: 140%;
}

p.more { 
	text-align: right;
}

#footer p { 
	margin:0;
}


/* small */

.disclaimer { 
	font-size: 11.5px;
	color: #666666;
}


small { 
	font: 85% Arial, sans-serif;
	color: #666666;
}

#columna_3 small { 
	color: #b49f85;
	font-size: 75%;
}


/*****************************************************/
/* LINKS                               		        */
/***************************************************/

h1 a { 
	color: #3b4d60;
	text-decoration: none;
}

h2 a { 
	color: #542317;
	text-decoration: none;
}

#interna p a, #interna td a, #gallery_coment a {
	color: #C57830;
	font-weight:bold;
	text-decoration: underline;
}

#interna p a:hover, #interna td a:hover { 
	text-decoration: underline;
}

p.more a { 
	color: #C57830;
	font-weight:bold;
	font-size: 110%;
	text-decoration: none;
}

p.more a:hover { 
	text-decoration: underline;
}

.hiddenlink:link {
	font-size: 11px;
	color: #3b4d60;
	text-decoration:none
}
.hiddenlink:active {
	font-size: 11px;
	color: #3b4d60;
	text-decoration:none
}
.hiddenlink:visited {
	font-size: 11px;
	color: #3b4d60;
	text-decoration:none
}
.hiddenlink:hover {
	font-size: 11px;
	color: #3b4d60;
	text-decoration:none
}
#columna_2 dl a { 
	color: #333333;
	text-decoration: none;
}
#columna_2 dl a:hover { 
	background-color: #e6e6e6;
	color: #333;
}

#columna_3 a { 
	color: #693c2d;
	text-decoration: none;
}
#columna_3 dl a:hover { 
	background-color: #eadcbe;
	color: #333;
}

#footer a { 
	color:#999999;
	text-decoration: none;
}

#footer a:hover { 
	color:#999999;
	text-decoration: underline;
}

a.a_small {
	font-size:12px;
}

a.a_medium {
	font-size:16px;
}

/*****************************************************/
/* MENU                               		        */
/***************************************************/

#menu { 
	float: center;
	margin-top: 70px;
	/*padding-top: 70px;
		height: 25px;*/
}

#menu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
}

#menu li#home, #menu li#resident, #menu li#business, #menu li#a_z, #menu li#about, #menu li#contact, #menu li#links, #menu li#department { 
	float: left;
	margin-right:2px;
	height: 25px;
}

#menu li a {
	display: block;
	color: #542317;
	text-decoration: none;
	font-size: 100%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/***** Menu Sub-Nav *****/

/* primer nivel */


#menu li ul { 
	position: absolute;
 background: #f7dcb4; 
	width: 13em;
/*	top:95px;*/
	left: -999em; 
}

#menu li ul.sub_nav { 
	top:95px;
}

#menu li ul li {
	width: 13em;
	background: none;
	margin: 0;	
}

#menu li ul li a {
	border-top: 1px solid #e8d5af;
	display: block;
	color: #542317;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#menu li ul li a:hover {
	color:#542317;
	background-color: #fff7ef;
	border-top: 1px solid #e0c799;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}

/* segundo nivel */

#menu li ul ul { 
	/*margin: -33px 0 0 13em;*/
	margin: -26px 0 0 13em;
	width: 10em;
}
#menu li ul ul li {
	width: 10em;
	background: none;
	margin: 0;
}

#menu li ul ul li a {
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #e8d5af; 

	display: block;
	color: #542317;
	text-decoration: none;
}

#menu li ul ul li a:hover {
	color:#542317;
	background-color: #fff7ef;
	border-top: 1px solid #e0c799;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}



/*****  menu back ******/


#menu li#home { 

	background: url('../images/menu/home.bmp') no-repeat center top;
}
#menu li a#home { 
	background: url('../images/menu/home.bmp') no-repeat center top;
}

#menu li#resident { 
	background: url('../images/menu/about.bmp') no-repeat center top;
}
#menu li a#resident { 
	background: url('../images/menu/about.bmp') no-repeat center top;
}

#menu li#business { 
	background: url('../images/menu/rres.bmp') no-repeat center top;
}
#menu li a#business { 
	background: url('../images/menu/rres.bmp') no-repeat center top;
}

#menu li#department { 
	background: url('../images/menu/mres.bmp') no-repeat center top;
}
#menu li a#department { 
	background: url('../images/menu/mres.bmp') no-repeat center top;
}

#menu li#about { 
	background: url('../images/menu/mel.bmp') no-repeat center top;
}
#menu li a#about { 
	background: url('../images/mel.bmp') no-repeat center top;
}

#menu li#a_z { 
	background: url('../images/menu/ron.bmp') no-repeat center top;
}
#menu li a#a_z { 
	background: url('../images/menu/ron.bmp') no-repeat center top;
}


#menu li#links { 
	background: url('../images/menu/cr.bmp') no-repeat center top;
}
#menu li a#links { 
	background: url('../images/menu/cr.bmp') no-repeat center top;
}

#menu li#contact { 
	background: url('../images/menu/contact.bmp') no-repeat center top;
}
#menu li a#contact { 
	background: url('../images/menu/contact.bmp') no-repeat center top;
}




body#home li#home { 
	background: url('../images/menu/home.bmp') no-repeat center top;
}
body#home li a#home { 
	background: url('../images/menu/home.bmp') no-repeat center top;
}

body#resident li#resident { 
	background: url('../images/menu/intro.bmp') no-repeat center top;
}
body#resident li a#resident { 
	background: url('../images/menu/intro.bmp') no-repeat center top;
}

body#business li#business { 
	background: url('../images/menu/meetings.bmp') no-repeat center top;
}
body#business li a#business { 
	background: url('../images/menu/meetings.bmp') no-repeat center top;
}

body#department li#department { 
	background: url('../images/menu/public.bmp') no-repeat center top;
}
body#department li a#department { 
	background: url('../images/menu/public.bmp') no-repeat center top;
}

body#about li#about { 
	background: url('../images/menu/regulatory.bmp') no-repeat center top;
}
body#about li a#about { 
	background: url('../images/menu/regulatory.bmp') no-repeat center top;
}

body#a_z li#a_z { 
	background: url('../images/menu/schedule.bmp') no-repeat center top;
}
body#a_z li a#a_z { 
	background: url('../images/menu/schedule.bmp') no-repeat center top;
}

body#links li#links { 
	background: url('../images/menu/comments.bmp') no-repeat center top;
}
body#links li a#links { 
	background: url('../images/menu/comments.bmp') no-repeat center top;
}

body#contact li#contact { 
	background: url('../images/menu/contact.bmp') no-repeat center top;
}
body#contact li a#contact { 
	background: url('../images/menu/contact.bmp') no-repeat center top;
}


/*****************************************************/
/* LISTAS Y DEMAS                              		 */
/***************************************************/

/* Sidebar */

#sidebar ul { 
	list-style: none; 
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

#sidebar li a {
	border-top: 1px solid #e8d5af; 
	display: block;
	padding: 10px 20px 10px 20px;
	color: #ae9779;
	text-decoration: none;
	font-size: 95%;
}

#sidebar li a:hover { 
	border-top: 1px solid #e0c799; 
	background: #eadcbe url('../images/') right repeat-y;
	text-decoration: none;
	color: #977e5b;
}

#sidebar li ul {
	/*margin-left: 10px;*/
}

#sidebar li ul a {
	padding: 5px 10px 5px 30px;
	background: #fff7ef url('../images/') right repeat-y;
}

/*Comentado por martin importante!!
#sidebar ul li div ul li{
	height: 30px;
}*/



/* Lista de News and Articles */

#columna_2 dt { 
	background: url('../images/') no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	
}

#columna_2 dd { 
	margin-left: 2px;
	margin-bottom: 10px;
	color: #B5B5B5;
	font: 85% Arial, sans-serif;
}

/* Lista de Events */


#columna_2 dl, #columna_3 dl { 
	font-size: 97%;
}

#columna_3 dt { 
/*	margin: 0;*/
	padding-top: 10px;
	color: #693c2d;
	border-top: 1px solid #e8d5af;
	font-size: 115%;
}

#columna_3 dd { 
	margin-top: 5px;
	margin-left: 0;
	padding-bottom: 10px;
	font-size: 95%;
}
#columna_4 {
	width: 300px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
}
#columna_4Contact {
	width: 300px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
}
#columna_5 {
	width: 330px;
	float: left;
	padding-left: 10px;
}

#columna_6 {
	width: 350px;
	float: none;
}
#columna_7 {
	width: 350px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 5px solid #F8EED9;
}
#columna_8 {
	width: 280px;
	float: left;
	height: 310px;
	padding: 0px;
}
#columna_9 {
	width: 375px;
	float: left;
	height: 283px;
	border: 5px solid #F8EED9;
	padding: 8px;
}
#columna_10 {
	width: 250px;
	float: left;
	height: 500px;
	padding: 8px;
	border: 5px solid #F8EED9;
}
#columna_11 {
	width: 300px;
	float: left;
	padding: 8px;
	height: 400px;
}
#interna li {
	margin-bottom: 7px;
}

#interna li a, #results a.title { 
	color: #693c2d;
	text-decoration: none;
}
#interna li a:hover, #results a.title:hover { 
	background-color: #eadcbe;
	color: #333;
}


/***** Agendas ******/

dl#agenda dt {
	font-weight: bold;
	color: #542317;	
	margin-top: 10px;
}

dl#agenda dd a {
	color: #3b4d60;
	text-decoration: none;
}

dl#agenda dd span.date {
	font-style: italic;
	margin-right: 15px;
}

dl#agenda dd span.other {
	margin-right: 15px;
}

dl#agenda dd span.other a {
	color: #CC0000;
}

dl#agenda dd span.other a:hover {
	color: #fff;
	background-color: #CC0000;
}


/*****************************************************/
/* LAYOUT                               		    */
/***************************************************/

#cabecera { 
	background: #fff7ef url('../images/header.jpg') no-repeat;
	height: 95px;
	float: center;
	width: 916px;
}

#print { 
	width: 100px;
}

#logo { 
	width: 155px;
	float: left;
}

#contenido { 
	width: 980px;
	clear: both;
	background: #fff url('../images/quicklinks.bmp') repeat-y;
	float: left;
	width: 79%;
}

#fixed { 
	width: 980px;
}

#sidebar { 
	width: 155px;
	float:left;
	background: url('../images/quicklinks.bmp') no-repeat;
	padding: 55px 0px 30px 0px;
	
}

#papel { 
	float:left;
	padding: 20px 0px 20px 20px;
	width: 720px;
}

#columna_1 { 
	width: 250px;
	float: left;
	background: url('../images/') right top repeat-y;
	padding-right: 10px;
	margin-right: 10px;
}

#columna_1 img { 
	border: 5px solid #f8eed9;
}

#columna_2 { 
	width: 300px;
	margin-right: 10px;
	float: left;
}

#columna_3 { 
	width: 192px;
	float: left;
}

#events { 
	padding: 10px;
	background: #f8eed9 url('../images/') no-repeat left 100%;
	text-align: center;
}

/*#columna_3 { 
	width: 152px;
	float: left;
	padding: 20px 20px 30px 20px;
	background: #f8eed9 url('../images/') no-repeat left 100%;
	text-align: center;
}*/


#interna {
	width: 775px;
	float:left;
}


#footer { 
	padding: 19px 0px 30px 155px;
	background: url('../images/quicklinks.bmp') repeat-x;
	color: #999999;
	clear: both;
	border-top: 1px solid #fff7ef;
}


/*****************************************************/
/* FORM                               		    */
/***************************************************/

form { 
	text-align: center;
	padding-top: 10px;
}


input:hover {
text-decoration:underline;
}

#interna form { 
	text-align: left;
	padding-left: 30px;
}

input { 
	border: 1px solid #dec99f;
	padding: 3px;
	color: #666;
}

#interna form p {
	width: 500px;
	clear: both;
	display: block;
	float: left;
}

#interna form span {
	width: 150px;
	float: left;
}

#interna  input, #interna  textarea, #interna  select {
	margin-left: 15px;
	float: left;	
}

input.button { 
	margin-left:3px;
	border:none;
	background-color: #dec99f;
	color:#fff;
}

#interna input.button {
	margin-top: 15px;
	margin-left: 165px;
}

input.button:hover { 
	border: none;
	background-color: #CBB891;
	text-decoration: underline;
}

#interna form span.error {
	clear: both;
	float: left;
	margin-left: 165px;
	color: #990000;
}



/*****************************************************/
/* Inner seccion extras                		   		 */
/***************************************************/

#columnas {
	width: 770px;
	float: left;
	clear: both;
	margin-bottom: 15px;
}


#interna .col1 {
	width: 200px;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	background: url('../images/') right top repeat-y;
}

#interna .col2 {
	width: 430px;
	float: left;
}

#interna img {
	padding: 5px;
	background-color: #f8eed9;
}

#interna img.none {
	background-color: none;
}


#interna img.float {
	float:left;
	margin: 0px 15px 15px 0px;
}

#gallery img {
	margin: 15px;
}

#gallery img:hover {
	background-color: #ebd3a7;
}

#gallery_coment .block {
	width: 200px;
	float:left;
	margin: 0px 15px 15px 0px;
	padding: 5px;
	background-color: #f8eed9;
	text-align: center;
	height: 200px;
}


#gallery_coment .block img {
	clear: both;
	margin-bottom: 5px;
}


/*****************************************************/
/* SEARCH					        		   		 */
/***************************************************/

#result_report {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #693c2d;
	text-align: right;
}

div#results a.title {
	 font-size: 120%;
} 

div#results small {
	margin-right: 5px;
}

div#results .description {
	clear: both;
}

div#results .description b {
	font-weight: bold;
	font-style: italic;
}


div#results .url {
	font-style: italic;
	padding-top: 5px;
	color: #3b4d60;
}

div#other_pages {
	padding-top: 20px;
	text-align: center;
}

div#other_pages b {
	color: #fff;
	background-color: #693c2d;	
	padding: 1px 5px 1px 5px;
}

div#other_pages a {
	text-decoration: none;
	color: #693c2d;
	padding: 1px 5px 1px 5px;	
}

div#other_pages a:hover {
	background-color: #eadcbe;
	color: #333;	
}

#did_you_mean a {
	font-style: italic;
	color: #693c2d;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
}

#did_you_mean a:hover {
	text-decoration: underline;
}





.Teen_subnav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #5E6D7D;
	text-decoration: none;
}
.tableborder {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F8EED9;
	border-bottom-color: #F8EED9;
	border-left-color: #F8EED9;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
}
.tableborder2 {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F8EED9;
	border-right-color: #F8EED9;
	border-bottom-color: #F8EED9;
}
.border {
	border: 3px solid #F8EED9;
}
.homelink:link {
	font-style: italic;
	color: #693c2d;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
}
.homelink:visited  {
	font-style: italic;
	color: #693c2d;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
}

.homelink:hover {
	text-decoration: underline;
}