/* eXeLearning Style Designer Compatible Style */
body{padding:0;text-align:center}
#content{width:100%;margin:0 auto;text-align:left;position:relative;border-style:solid;border-width:0}
#main-wrapper{padding-bottom:1.5em;width:100%;*width:auto}
/* * is for IE6 and IE7 */#main{padding:20px 40px 30px 320px;height:auto!important;height:200px;min-height:200px;*padding-left:0}
.no-nav #main-wrapper{width:100%}
.no-nav #main{padding:20px 20px 0 20px}
#header,#emptyHeader{border-top-width:0;border-right-width:0;border-left-width:0}
#headerContent{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:1.1em}
#nodeDecoration{background:none;padding:0;border:none;margin:20px 0;height:auto;min-height:0}
#nodeTitle{font-weight:300}
.iDevice_wrapper{margin-top:-10px}
/* Menú */#siteNav{width:280px;float:left;margin-right:40px}
#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{font-weight:bold;text-decoration:underline}
#siteNav ul ul a{padding-left:35px;font-size:.95em}
#siteNav ul ul ul a{padding-left:60px}
#siteNav .daddy span{display:none}
/* 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}
/* Pagination */.pagination{text-align:right;border-top:1px solid;font-size:.95em;padding:20px 0}
.pagination .sep{display:none}
.pagination a{display:inline-block;padding:5px 10px;border-radius:5px;margin-left:20px}
.pagination a:hover,.pagination a:focus{text-decoration:none}
#topPagination{position:absolute;top:0;right:20px}
#topPagination .pagination{border:none}
#bottomPagination{clear:both}
#bottomPagination a{margin:0 20px 0 0}
.page-counter{padding:5px 0;display:inline-block}
/* Autoclear */#content{overflow:auto}
/* Hide/Show/Skip navigation */#nav-toggler{margin:0;position:absolute;top:20px;left:20px;font-size:.95em}
#nav-toggler a,#skipNav a{padding:5px 10px;border-radius:5px}
#nav-toggler a{display:block}
#nav-toggler a:hover{text-decoration:none}
#skipNav{z-index:100px;padding-top:15px;text-align:center}
/* Search bar */#exe-client-search-text{border-top-left-radius:5px;border-bottom-left-radius:5px}
#exe-client-search-submit{border-top-right-radius:5px;border-bottom-right-radius:5px}
@media screen and (max-width: 980px) {	.exe-web-site #content{width:100%;border:0;box-shadow:none}
	#main{padding:20px 30px 0 280px}
	#siteNav{width:250px;margin-right:30px}
}
@media all and (max-width: 700px) {	#headerContent{font-size:.7em;white-space:normal;padding-bottom:.5em}
	#siteNav{float:none;width:100%;padding:0}
	#siteNav{line-height:1.5em;margin-bottom:15px}
	#main-wrapper{width:100%;float:none}
    	#main,.no-nav #main{padding:10px 20px 0 20px}
    	#content .exe-col{float:none;width:100%;padding:0}
	#bottomPagination{text-align:center;height:35px;position:relative}
	#bottomPagination .prev{position:absolute;left:20px}
	#bottomPagination .next{position:absolute;right:0}
	#siteNav{border-top:1px solid}
}
@media print{	#siteNav,#nav-toggler,.noprt,.toggle-idevice{display:none}
	body #main,body.no-nav #main{padding:20px 0}
	body #content{background:#FFF}
	#headerContent{white-space:normal;text-overflow:normal;font-weight:bold}
}
/* eXeLearning Style Designer */
#content{
/*pageWidth*/
width:70%;
/*wrapperShadowColor*/
box-shadow:0 0 15px 0 #999999;
/*contentBGColor*/
background-color:#eaf1f7;
}
/*useNavigationIcons*/
/*whiteNavigationIcons*/
.pagination a span{
position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0;
}
.pagination a,.pagination a:hover,.pagination a:focus{
display:block;position:absolute;right:52px;width:32px;height:32px;padding:0;background:url(_style_icons_white.png) no-repeat 0 0;
}
.pagination .next,.pagination .next:hover,.pagination .next:focus{
right:0;background-position:-50px 0;
}
.pagination .print-page,.pagination .print-page:hover,.pagination .print-page:focus{
right:104px;background-position:-200px 0;
}
#topPagination{
width:50%;min-width:400px;
}
#bottomPagination{
height:72px;position:relative;overflow:hidden
}
#bottomPagination a{
top:20px;right:72px;margin:0;
}
#bottomPagination .next{
right:20px;
}
#nav-toggler a span{
position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0;
}
#nav-toggler a{
display:block;width:32px;height:32px;padding:0;background:url(_style_icons_white.png) no-repeat -100px 0;
}
#nav-toggler a:hover{
background:url(_style_icons_white.png) no-repeat -100px 0;
}
#nav-toggler .show-nav{
background-position:-150px 0;
}
#nav-toggler .show-nav:hover{
background-position:-150px 0;
}
.pagination a,#nav-toggler a{
filter:alpha(opacity=70);opacity:.7;
}
.pagination a:hover,.pagination a:focus,#nav-toggler a:hover{
filter:alpha(opacity=100);opacity:1;
}
.pagination .page-counter{
position:absolute;line-height:32px;padding:0;right:156px;
}
#bottomPagination .page-counter{
right:104px;
}
@media all and (max-width: 700px){
#nav-toggler{
height:32px;
}
#nav-toggler a{
padding:0;width:32px;position:absolute;left:50%
}
#siteNav{
border-top:1px solid #ddd;
}
.pagination .page-counter{
width:300px;left:50%;right:auto;margin-left:-150px
}
}
@media all and (max-width: 400px){
.pagination .page-counter{
overflow:hidden;clip:rect(0,0,0,0);height:0;
}
}
body{
/*bodyBGURL*/
background-image:url(fondo01.png);
/*bodyBGRepeat*/
background-repeat:repeat-y;
/*bodyBGPosition*/
background-position:0 0;
}
#topPagination .page-counter{
color:#ffffff;
}
#siteNav,.pagination a,#skipNav,#nav-toggler{
/*navFontSize*/
font-size:110%;
}
#siteNav,#siteNav a{
/*navBGColor*/
background-color:#0c77d2;
/*navAColor*/
color:#ffffff;
/*navBorderColor*/
border-color:#0c77d2;
}
@media screen and (min-width: 701px) and (max-width: 1015px){
#siteNav,#siteNav ul{
background-color:#0c77d2;border-color:#0c77d2;
}
#siteNav li{
background-color:#0c77d2;
}
}
#siteNav a:hover,#siteNav a:focus,#siteNav a.active{
/*navAHoverColor*/
color:#ffffff;
}
.pagination{
border-color:#dddddd;
}
#bottomPagination{
background-color:#ffffff;
}
/* eXeLearning Style Designer (custom CSS) */
.pagination .print-page{
display:none;
}
/**************************** NETEX ************************/
body{
	background-image:url(fondo_secundaria_d.jpg);
	background-size: cover;
}
#content{
	background-color: #ffffff;
	width: 1350px;
	max-width: 100%;
}

#siteNav {
	margin-top: 28px;
	margin-left: 6px;
}

#siteNav, #siteNav a {
    color: #000000;
    border-color: #ffffff;
	background: #CCCCE2 0% 0% no-repeat padding-box;
	font-size: 1.375em;
    
}
#siteNav, #siteNav ul {
    background-color: #ffffff;
	}
#siteNav a:hover, #siteNav a:focus, #siteNav a.active {
    color: #000000;
    text-decoration: none;


}
#siteNav{
	margin-bottom: 20px;
}
#siteNav,.pagination a,#skipNav,#nav-toggler{

font-size:100%;
}

/**** menú **/
#nav-toggler {
	top: 30px;
	left: 29px;
	}
#nav-toggler a {
	background:url(menu_desktop.png) no-repeat 0 0;
	background-position: 0 !important;
	width: 60px;
	height: 60px;
	border-radius: 0;
	opacity: 1;
	
}

#nav-toggler a:hover{
background:url(menu_desktop.png) no-repeat 0 0;

}
#nav-toggler .show-nav{
background-position: 0 !important;
}
#nav-toggler .show-nav:hover{
background-position: 0 !important;
}

/**** header ****/
#header{
	padding: 0;
	margin: 0;
	border: none;
   background:url(cabecera_secundaria_d.png) no-repeat 0 0!important;
	background-size: contain !important;
    	
	}
#headerContent{
	position: relative;
	margin-top: 0;
	padding: 0;
	padding-top: 138px;
	white-space:inherit;
	min-height: 115px;
	margin:0 5px;
}
.ntx-center-title #textContainer{
	height: 71px;
	position: relative;
}

#textTitle{
	max-width: 830px;
	margin-left: 100px;
	overflow-wrap: break-word;
}
.ntx-center-title #textTitle{
	margin:0;
	margin-left: 100px;
	position: absolute;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
  	padding-bottom: 0;
  	overflow-wrap: break-word;

	}
#headerContainer{
	position: relative;
	background: #7AE582;
	color:#fff;
	min-height: 85px;
	font-size: 35px;
	font-weight: bold;
	line-height: 38px;
	margin-left: 0;
	margin-top: 0;
	padding: 38px 25px;
}


#iconHeaderContainer{
	background: transparent url(img_ud06.png) 0% 0% no-repeat padding-box;
    width: 72px;
    height: 72px;
    position: relative;
    float: left;
    margin-top: 3px;

}

#iconHeaderContainer.ud01{
	background: transparent url(img_ud01.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud02{
	background: transparent url(img_ud02.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud03{
	background: transparent url(img_ud03.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud04{
	background: transparent url(img_ud04.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud05{
	background: transparent url(img_ud05.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud06{
	background: transparent url(img_ud06.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud07{
	background: transparent url(img_ud07.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud08{
	background: transparent url(img_ud08.png) 0% 0% no-repeat padding-box;
}
#iconHeaderContainer.ud09{
	background: transparent url(img_ud09.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud10{
	background: transparent url(img_ud10.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud11{
	background: transparent url(img_ud11.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud12{
	background: transparent url(img_ud12.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud13{
	background: transparent url(img_ud13.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud14{
	background: transparent url(img_ud14.png) 0% 0% no-repeat padding-box;
}

#iconHeaderContainer.ud15{
	background: transparent url(img_ud15.png) 0% 0% no-repeat padding-box;
}
#nodeTitle{
	font-weight: bold;
}

/************** pagination ************/
#skipNav{
	display: none;
}
#topPagination {
	width: auto;
	min-width: 168px;
	top:30px;
	}
#bottomPagination a{
	top: 0;
	
}
#bottomPagination .pagination.noprt{
	float: right;
	border: none;
	background-color: #EFFEFF;
	width: 100%;
}
.pagination{
	padding: 0;
}
.pagination.noprt{
	width: 168px;
    height: 60px;
    position: relative;
}
.pagination .next, .pagination .prev, .pagination a:hover{
	background: url(prev_desktop.png) no-repeat 0 0;
	background-position: 0 !important;
	width: 60px;
	height: 60px;
	opacity: 1;
	margin:0;
}

.pagination .prev{
	left:0;
}

.pagination .next,  .pagination a.next:hover{
	right: 0;
	background: url(next_desktop.png) no-repeat 0 0;
}
/*** footer ***/
#footerContainer {
	height: 124px;
	background: url(footer_secundaria.jpg) no-repeat 0 0;
	background-size: contain;
	background-color: transparent;
}

@media screen and (min-width: 640px) and (max-width: 820px){
	#header{
    	background:url(cabecera_secundaria_d_tablet.png) no-repeat 0 0!important;
    	background-size: contain !important;
    	
	}
	#nav-toggler a{
		
		background:url(menu_tablet.png) no-repeat 0 0;
		background-position: 0 !important;
		width: 49px !important;
		height: 49px !important;
		
	}
	#nav-toggler a:hover{
		background:url(menu_tablet.png) no-repeat 0 0;
	}
	#headerContent{
		max-width: 100%;
	}
	#nav-toggler {
		top:30px;
		left:20px;
		padding: 0;

	}
	
	#topPagination{
		display: none;
	}
}

@media only screen and (min-width: 360px) and (max-width: 639px) {
	

	#header{
    	background:url(cabecera_secundaria_d_mobile.png) no-repeat 0 0!important;
    	background-size: contain !important;
    	
	}

	#nav-toggler {
		top:12px;
		left:12px;
		padding: 0;

	}
	#nav-toggler a{
		
		background:url(menu_mobile.png) no-repeat 0 0;
		background-position: 0 !important;
		width: 42px !important;
		height: 42px !important;
		
	}
	#nav-toggler a:hover{
		background:url(menu_mobile.png) no-repeat 0 0;
	}
	#topPagination{
		display: none;
	}
	#siteNav{
		display: none;
	}
	
}