html {
	overflow-Y: scroll;
}

body {
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
 
.container {
	width: 100%;
	margin: 0 auto;
	padding-top: 1px; /* needed to avoid jumps in IE */
}

/*
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
*/

/*h1 span { color: #666; }*/

h1 small {
	display: block;
	/*color: #666;*/
}

h2.trigger {
	/*margin-bottom: 20px;*/
	/*padding-left: 14px;*/
	height: 56px;
	line-height: 56px;
	width: 100%;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background: url(../img/bezels/bezel-gray4.png) repeat!important;
	border-left: none!important;
	border-bottom: 6px solid #c9cdd5;
repeat;
}

div.toggle-button {
	float: left;
	height: 56px;
	width: 56px;
	background: url(../img/botones/abrir16.png) 20px 20px no-repeat!important;
}

h2.active>div.toggle-button {
	background: url(../img/botones/cerrar16.png) 20px 20px no-repeat!important;
}

.long {
	line-height: 17px;
	padding-top: 11px;
}


h2.trigger:hover {
	/*background: url(../img/gradiente-azul-claro-ancho.png)!important;*/
	background: url(../img/bezels/bezel-gray14.png) repeat!important;
}

h2.trigger:active {
	background: url(../img/bezels/bezel-gray14.png) repeat!important;
}

h2.trigger a {
	color: black!important;
	text-decoration: none;
	display: block;
}

h2.trigger a:hover {
	/*color: #ccc;*/
	/*color: white!important;*/
}

h2.trigger a:active {
	/*color: #d6ffff!important;*/
	color: white!important;
	background: none!important;
}

/* once displayed an h2.trigger becomes a normal h2 and main css would overrule */

h2>a:hover {
	background: none!important;
}

h2.trigger.active {
	background-position: left bottom;
	border-right: 14px solid #aadfff;
	border-bottom: 6px solid #aadfff;
	font-weight: bold;
}

.toggle_container {
	padding-bottom: 28px;
	padding-top: 14px;
	padding-left: 14px;
	border-left: 14px solid #eaeaea;
	border-bottom: 14px solid #eaeaea;
	background: url(../img/bezels/bezel-blue14.png);
	overflow: hidden;
	/*width: 100%;*/ /* this made the animation choppy */
	clear: both;
}

/* ok at this point this is a hack it shows up white because of main css */
.toggle_container a:active {
	color: blue!important;
	background-color: aliceblue;
}

.toggle_container .block {
	padding-bottom: 6px;
	/* background: url(toggle_block_btm.gif) no-repeat left bottom; */
}

.toggle_container .block p {
	/*padding: 6px 0;
	margin: 6px 0;*/
}

.toggle_container h3 {
	margin-bottom: 14px;
}

.toggle_container h4 {
	margin-bottom: 14px;
}

.toggle_container img {
	float: left;
	margin: 6px 14px 14px 0;
	padding: 6px;
	/* background: #ddd; */
	border: 1px solid #ccc;
}