/* Kids Style for eXeLearning (see config.xml for details) */

body{padding:0;text-align:center;background:#aee7d3}

#content{width:100%;margin:0 auto;text-align:left;position:relative;background-color:#aee7d3;overflow:auto}

#main-wrapper{width:100%;*width:auto}/* * IE 6 & 7 */

#main{padding:20px 40px 30px 320px;height:auto!important;height:200px;min-height:200px;*padding-left:0}



.no-nav #main{padding:20px 40px 0 40px}



#header,#emptyHeader{border-top-width:0;border-right-width:0;border-left-width:0;line-height:1.18em}

#headerContent{padding-right:230px;min-height:1.5em;font-size:.9em;padding-top:5px}



#nodeDecoration{background:none;padding:0;border:none;margin:20px 0;height:auto;font-size:1.6em;line-height:1em}

h1#nodeTitle{font-weight:700;color:#1B4D3B}



/* Menú */

#siteNav{font-weight:bold;width:280px;float:left;margin:85px 40px 40px 0;border-top:1px solid #000;border-right:1px solid #000}

#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}

#siteNav .other-section{display:none}

#siteNav a{display:block;padding:8px 10px 8px 20px;border-width:0 0 1px 0;border-style:solid}

#siteNav .active{text-decoration:underline}

#siteNav ul ul a{padding-left:35px;font-size:.95em;font-weight:normal}

#siteNav ul ul ul a{padding-left:60px}

#siteNav .daddy span{display:none}

/* Colors */

#siteNav,#siteNav a{background-color:#e9c34f;color:#000;border-color:#000}

#siteNav a:hover,#siteNav a:focus,#siteNav .active{background-color:#FFF;color:#666}

#siteNav ul ul a{color:#222;background:#FFE38E}

/* .top-... and .bottom are added with JS */

.js #siteNav,.top-right-radius{border-top-right-radius:15px}

.js #siteNav,.bottom-right-radius{border-bottom-right-radius:15px}



/* IE6 */

* html #siteNav a{display:inline-block;width:250px}

* html #siteNav ul ul a{width:235px}

* html #siteNav ul ul ul a{width:190px}

* html #main{padding:20px 20px 0 0}



#siteFooter{padding:0 20px 20px 20px;border:0}



/* Search bar */

#exe-client-search-text{border-color:#5ab493;border-top-left-radius:5px;border-bottom-left-radius:5px}

#exe-client-search-submit{border-color:#5ab493;background:#5ab493;color:#FFF;text-shadow:1px 1px 1px #468770;text-transform:lowercase;border-top-right-radius:5px;border-bottom-right-radius:5px;padding-left:15px;padding-right:15px}

.exe-client-search-result{background:#FFF}



/* Hide/Show/Skip navigation */

#nav-toggler{margin:0;position:absolute;top:152px;left:0;text-transform:lowercase}

#nav-toggler a,#skipNav a{padding:10px 20px;border-radius:15px;box-shadow:0 0 8px 0 #999;outline:none;background:#D7F3E9;color:#808080;border:1px solid #88B5A5}

#nav-toggler a:hover,#nav-toggler a:focus{background:#FFF}

#nav-toggler a{border-top-left-radius:0;border-bottom-left-radius:0;padding-right:35px}

#nav-toggler a:hover{text-decoration:none}

#skipNav{z-index:100px;padding-top:15px;text-align:center}



/*Navigation icons */

/* Pagination */

.pagination{padding:20px 0}

.pagination .sep{display:none}

.pagination a span,#topPagination .page-counter{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}

.pagination a{display:block;float:left;width:71px;height:71px;padding:0;background:url(_style_icons.png) no-repeat 0 0;margin-right:40px}

.pagination a:hover,.pagination a:focus{background-position:0 -100px}

.pagination .next{background-position:-100px 0}

.pagination .next:hover,.pagination .next:focus{background-position:-100px -100px}

#topPagination{position:absolute;top:0;right:0}

#bottomPagination{height:71px;position:relative;overflow:hidden;margin:20px 0;clear:both;text-align:center}

#bottomPagination a{position:absolute;top:0;left:40px;margin:0}

#bottomPagination .next{left:auto;right:40px}



@media screen and (min-width: 701px) and (max-width: 1000px) {

	#main{padding:20px 20px 0 240px}

	#siteNav{width:220px;margin-right:20px}

}



@media screen and (max-width: 1150px) {

	#main{padding:20px 40px 0 290px}

	.no-nav #main{padding:20px 20px 0 20px}

	#siteNav{width:250px;margin-right:40px}

}



@media screen and (max-width: 980px) {

	#main{padding:20px 30px 0 280px}

	#siteNav{width:250px;margin-right:30px}

	.pagination a{margin-right:20px}

	#bottomPagination .next{right:20px}

	#bottomPagination .prev{left:20px}    

	#exe-client-search-form{text-align:center}

}



@media all and (max-width: 700px) {

    .iDevice_wrapper{margin-top:0!important}

	#headerContent{font-size:.7em;padding-right:0;white-space:normal;line-height:1.4em;padding-top:40px}	

	#topPagination{display:none}

	#siteNav{float:none;width:100%;padding:0;margin:0;line-height:1.5em;border-right:0}

	.js #siteNav,.top-right-radius,.bottom-right-radius{border-radius:0}	

	#main,.no-nav #main{padding:10px 20px 0 20px}    

	#content .exe-col{float:none;width:100%;padding:0}

	#nav-toggler{position:relative;top:0;left:0;margin:20px 19px;text-align:center}

	#nav-toggler a{width:100%;display:block;padding:8px 0;border-radius:15px}

	#exe-client-search-form{margin-top:1em}

	.no-nav #exe-client-search-form{margin-top:0}

}