html, body {
    height: 100%;
}
body {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing:normal;
	color:#333;
	background:#ebe8d4 url(../img/bg.jpg) 0 0 repeat-x;	
}
/* ------ TEXT ------ */
h1, h2, h3, h4, h5, h6 {font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; margin-bottom:0; margin-left:10px; color:#20316a;}
h1{font-size:1.8em}
h2{font-size:1.7em}
h3{font-size:1.6em}
h4{font-size:1.5em}
h5{font-size:1.4em}
h6{font-size:1.3em}
h1.title {
	color:#20316a;
	margin:0;
	text-indent:10px;
}
.text-hide {
	float:left;
	margin-left:-999em;
}
p {
	padding:10px;
	margin:0
}
form textfield, form input, form textarea, form select {
	margin:0;
	padding:2px
}
hr {
	width:100%;
	height:1px;
	background:#b0ac91;	
	border:1px solid #b0ac91;
}
img.float-left {
	float:left;
	padding:3px;
	border:1px solid #999;
	margin:10px 10px 5px 10px
}
img.float-right {
	float:right;
	padding:3px;
	border:1px solid #999;
	margin:10px 10px 5px 10px
}

/* ------ LINKS ------ */
a {
	text-decoration:none;
	color:#DC6301;
	font-weight:bold
}
a.blue {
		color:#20316a
	}
a.gray {
	color:#555
}
a:hover {
	text-decoration:underline;
}
span.link-ver-mas a {
	clear:inherit;
	float:right;
	margin:10px 10px 10px 0;
	text-decoration:none;
	color:#dc6301;
	font-weight:bold
}
	span.link-ver-mas a:hover {
		text-decoration:underline;
	}

/* ------ LAYOUT - GLOBAL ------ */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;     
	margin: 0 auto;
}
#left {
	z-index:900
}
#right {
	z-index:800

}
#footer {
	width:auto;
	height:115px;
	margin:0 auto;
	color:#847e59;
	background:url(../img/bg-footer.gif) 0 0 no-repeat;
	border-top:2px solid #b0ac91;
	overflow:hidden
}
	#footer p {
		float:left;
		margin:0;
		padding-left:70px;
	}
	#developer {
		float:right;
		height:45px;
		margin-top:65px;}

/* ------ HEADER ------ */
#header {
	height:178px;
	background:url(../img/bg-header.gif) 0 0 no-repeat
}

/* ------ NAVBAR ------ */
/* lateral */
#nav-wrapper {
	width:220px;
	margin-bottom:20px;
	z-index:900;
}
#nav-wrapper ul li {
	margin:0;
	padding:0
}	
	#nav-wrapper ul#nav-lateral {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 220px; /* Width of Menu Items */
	}	
	#nav-wrapper ul li {
		position: relative;
		width:220px;
		height:27px;
		line-height:27px;
		top: 0;
		border-bottom:1px dotted #bfbca6
		}
	#nav-wrapper ul li.sub {
		position: relative;
		width:220px;
		height:27px;
		line-height:27px;
		top: 0;
		background:url(../img/arrow-navbar-left.gif) right center no-repeat;
		border-bottom:1px dotted #bfbca6
		}
	#nav-wrapper ul li ul {
		position: absolute;
		left: 219px; /* Set 1px less than menu width */
		top: 0;
		display: none;
		list-style:none;
		background:#ebe8d4
		}

	/* Styles for Menu Items */
	#nav-wrapper ul li a {
		display: block;
		text-decoration: none;
		color: #20316a;
		font-weight:bold;
		padding: 0 5px;
		margin:0;
		height:27px;
		line-height:27px;
	}
	#nav-wrapper ul li a:hover {
		display: block;
		text-decoration: none;
		color: #fff;
		font-weight:bold;
		background: #e29024; /* IE6 Bug */
		padding: 0 5px;
		height:27px;
		margin:0;
		line-height:27px;
	}
	
	/* Holly Hack. IE Requirement \*/
	* html #nav-wrapper ul li { float: left; height: 1%; }
	* html #nav-wrapper ul li a { height: 1%; }
	/* End */
	
	#nav-wrapper li:hover ul, #nav-wrapper li.over ul { display: block; margin-left:0px; width:220px;} /* The magic */

/* ------ HOME ------ */
/* banner main */
#banner-main {
	margin:0 auto;
}
/* banners laterales */
#left div.banner {
	width:200px;
	height:60px;
	margin:5px auto;
}
#left div.flags {
	width:200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding-top:27px;
	background:#f9f8f2 url(../img/bg-yoga-pais.jpg) right top no-repeat;
	border-bottom:3px solid #fff
}
	div.flags ul {
		list-style:none;
		margin:0 auto 0 15px;
		padding:0;
		width:180px;
	}
	div.flags ul li {
		float:left;
		display:inline-block;
		margin:3px 3px 0;
		padding:0
	}

/* boxes */
#audio-player {
	float:right;
	width:257px;
	height:42px;
	padding-top:10px;
	padding-left:10px;
	background:url(../img/bg-player.gif) 0 0 no-repeat
}
#lectura {
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}
	#lectura ul {
		margin-left:0px;
		list-style:disc;
		color:#666
	}
	#lectura ul li {
		margin-bottom:5px
	}
#video-destacado {
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}
	#video-destacado object {
		width:258px;
		height:210px;
		overflow:hidden;
		margin-left:20px;
	}
	
/* enviar pregunta */
#envia-pregunta {
	height:auto;
	overflow:hidden;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}

/* newsletter */
#newsletter {
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0
}
	#newsletter h1 {
		
		margin-bottom:-10px
	}
	#newsletter ul {
		list-style:none;
		margin-left:-20px
	}
	#newsletter form {
		margin-top:0px}

/* ------ INTERNA ------ */
/* listado */
#interna div#lectura {
	height:auto;
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}
	#interna div#lectura ul {
		margin-top:10px;
		margin-left:-20px;
		list-style:none;
		color:#666
	}
	#interna div#lectura ul li h5 {
		margin-bottom:0;
		
	}
	#interna div#lectura ul li {
		margin-bottom:5px;
		overflow:hidden;
		border-bottom:1px dotted #ccc
	}
	#interna div#lectura ul li p {
		padding:2px 10px;
		margin-bottom:5px;
		margin-top:5px;
	}
	#interna div#lectura ul li img {
		float:left;
		padding:3px;
		margin:0 10px 5px 0;
		border:1px solid #ccc
	}

/* despliegue */
#interna div#detalle {
	height:auto;
	overflow:hidden;
	padding:10px;
	margin-bottom:10px;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}
#interna div#detalle ul {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:0;
		list-style:disc;
	}
#interna div#detalle ol {
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
	}
	

/* ------ FORMULARIO ------ */
div#contacto {
	height:auto;
	overflow:hidden;
	padding:10px;
	margin-bottom:10px;
	background:#f9f8f2 url(../img/bg-boxes.jpg) right top no-repeat
}
div#contacto form#formulario ul {
	list-style:none;
}
div#contacto form#formulario ul li {
	margin-bottom:10px;
	font-weight:normal;
}
div#contacto form#formulario ul li label {
	font-weight:bold;
	color:#20316a
}
div#contacto form#formulario ul li label.error {
	font-weight:normal;
	color:red;
	font-size:0.8em;
	line-height:1.8em;
}	
div#contacto form#formulario ul li input,
div#contacto form#formulario ul li textarea {
	margin-right:10px;
}
.tcenter {
	text-align:center;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.error, .notice, .success {
	padding:.8em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
	background:none;
	padding:0;
	margin:0;
}
.notice a {
	color:#514721;
	background:none;
	padding:0;
	margin:0;
}
.success a {
	color:#264409;
	background:none;
	padding:0;
	margin:0;
}