#funkyToolTip {
	background:#F7B234;
	color:#000000;
}
hr {
	color: #d0d0d0;
	background-color: #d0d0d0;
	height: 1px;
	border: 0;
}
td {
	text-align:left;
	vertical-align:top;
}
form {
	margin:0;
	padding:0;
}
span.mandatoryField{
	color:#ff0000;
}
span.mandatoryField.active{
	color:#ff0000;
}
input, textarea ,select{
	font : 11px Verdana, Helvetica, sans-serif;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.noBorder{
	border:0px;
}
.highlight {
	background:#cdcdcd;
}
tr.mouseoverclass:hover{
	background:#f3f3f3;
	cursor:pointer;
}
.mouseoutclass{
	background:#f9f9f9;
}
.uppercaseMe{
	text-transform: uppercase;
}
.boldMe{
	font-weight:bold;
}
.redMe{
	color:#c31b1b;
}
.clearBoth{
	clear:both;
}
.captcha{
	background-position:0px 25px;
}
.captcha div{
font : 11px Verdana;
	background: transparent;
}
.captcha input{
	margin-top:50px;
}



/********************************************************************** DESIGN ***************************************************************/
html{
	height:100%;
	width:100%;
	background:#fff;
	margin:0;
	padding:0;
	overflow-x:hidden;		
}
body {
	margin:0;
	padding:0;
	background:#fff;
	background-image: url(../img/index_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	height:100%;
	width:100%;
	font : 11px Verdana;	
}
a {
	color: #E0001D;
    font-weight:normal;
	font-size:11px;
    text-decoration:underline;
}
h1{
	margin:0px;
	padding:0px 0px 17px 0px;
	color:#000;
	font : 20px Arial;
	font-weight:bold;
	display:block;
}
h2{
	color:#092c5c;
	font:bold 18px "Century Gothic", Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 10px 0px;
}
h3{
	color:#7B8493;
	font:bold 16px "Century Gothic", Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 5px 0px;
}
.red14{
	color:#c31b1b;
	font:bold 14px "Century Gothic", Helvetica, sans-serif;
}
h1#website_title{}
h2#website_description{}
img {
	border:0;
}
#contentWrapper{
	width:740px;
	margin:auto;
	background:#fff;
}
#header1{
	width:740px;
	height:50px;
	background:#fff;
	background-image: url(../img/template_header_1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position:relative;
}
#header1 a {
	color: #000;
    font-weight:normal;
	font-size:11px;
    text-decoration:none;
}
#header1 #clase{
	width:117px;
	height:17px;
	background-image: url(../img/acceso_clase.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position:absolute;
	top:13px;
	left:37px;
	padding-left:10px;
	padding-top:1px;
	cursor:pointer;	
}
#header1 #staffroom{
	width:126px;
	height:17px;
	background-image: url(../img/staffroom_access.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position:absolute;
	top:13px;
	left:154px;	
	padding-left:10px;
	padding-top:1px;
	cursor:pointer;	
}
#header2 {
	width:740px;
	height:170px;
	background:#fff;
	position:relative;
}
#header2 #ELIlogo{
	float:left;
}
#header2 #menuANDbanner{
	width:496px;
	height:170px;
	background-repeat: no-repeat;
	background-position: bottom left;
	float:right;
	padding-right:17px;
}
#header3{
	width:740px;
	height:214px;
	background:#EFEFEF;
	background-image: url(../img/template_header_3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	z-index:1;
	overflow:hidden;
	border-bottom:1px solid #a6a6a6;
	margin-bottom:5px;
	position:relative;
}
#many_centros{
	position:relative;
}
#header_centros_list{
	position:relative;
	top:160px;
	left:221px;
	width:499px;
}
#header_centros_list a{
	color:#000;
	text-decoration:none;
}
#header_cursos_list{
	position:absolute;
	top:72px;
	left:278px;
	width:230px;
	font-size:9px;
}
#header_cursos_list a{
	color:#000;
	text-decoration:none;
}
#header_cursos_para_todos_list{
	position:absolute;
	top:81px;
	left:80px;
	width:150px;
	line-height:15px;
	padding:0;
	margin:0;
}
#header_cursos_para_todos_list a{
	color:#000;
	text-decoration:none;
}
#header_4500_ejercicios_wrapper{
	position:relative;
}
#header_4500_ejercicios {
	position:absolute;
	top:70px;
	left:555px;
	height:40px;
	width:180px;
	cursor:pointer;
}
#header_prueba_nivel_wrapper{
	position:relative;
}
#header_prueba_nivel {
	position:absolute;
	top:120px;
	left:555px;
	height:37px;
	width:180px;
	cursor:pointer;
}
#breadCrumbs{
	height:19px;
	text-align:right;
	margin-bottom:5px;
	display:block;
}
#breadCrumbs span a{
	color:#fff;
	text-decoration:none;
}
#breadCrumbs_L1{
	color:#fff;
	background:#486ea5;
	padding:2px 13px 0px 15px;
	height:17px;
	vertical-align:middle;
	float:right;
	position:relative;
	background-image: url(../img/breadcrumb_l1.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}
#breadCrumbs_L1_L2{
	color:#fff;
	background:#486ea5;
	padding:2px 13px 0px 15px;
	height:17px;
	vertical-align:middle;
	float:right;
	position:relative;
	background-image: url(../img/breadcrumb_l1_l2.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}
#breadCrumbs_L2{
	color:#fff;
	background:#bcbcbc;
	padding:2px 13px 0px 15px;
	height:17px;
	vertical-align:middle;
	float:right;
	position:relative;
	background-image: url(../img/breadcrumb_l2.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}
#website_content_group{
	clear:both;
	position:relative;
	width:740px;
	display:table-cell;
	background-image: url(../img/fake_dashed_line.jpg);
	background-repeat: repeat-y;
	background-position: top left;	
}
#sideBar{
	position:relative;
	width:226px;
	left:0px;
	top:0px;
	float:left;
	padding-left:23px;
}

#ultimas_noticias_content{
	margin-top:5px;
	margin-bottom:25px;
	padding-top:10px;
	width:190px;
}
#ultimas_noticias_content #news_title{
}
#ultimas_noticias_content #text{
}
#ultimas_noticias_content #news_date{
}
#ultimas_noticias_content #all_news{
	margin-top:5px;
}
#ultimas_noticias_content #all_news a{
	color:#000;
	text-decoration:none;
}

#fotos_content{
	margin-top:5px;
}
#sidebarPhotoThumb img{
	margin-top:14px;
	margin-bottom:4px;
	border:2px solid #efefef;
}
#sidebarPhotoThumb a{
	color:#000;
	text-decoration:none;
}


#website_content{
	position:relative;
	width:448px;
	top:0px;
	left:0px;
	float:left;
	padding-left:6px;
}



.exercises_main_sections{
	display:block;
	margin:0 0 10px 0;
}
.exercises_main_sections h2{
	margin:0 0 8px 0;
	padding:0;
}
.exercises_main_sections .floatLeftBlocLevels{
		float:left;
		padding:5px;
		display:block;
		margin:0;
		margin-right:50px;
}
.exercises_main_sections a{
	text-decoration:none;
	font-size:12px;
	color:#000;
}

.exercises_sub_sections{
	display:block;
	margin:0 0 10px 0;
}
.exercises_sub_sections h3{
	margin:8px 0 8px 0;
	padding:0 0 0 4px;
}
.exercises_sub_sections h2{
	margin:0 0 8px 0;
	padding:0;
	cursor:pointer;
}
.exercises_sub_sections h2 img{
	margin:0 0 0 20px;
}
.exercises_sub_sections h2.privateSec{
	margin:0 0 8px 0;
	padding:0;
	cursor:text;
}
.exercises_sub_sections div{
		padding:0px;
		display:block;
		margin:0 0 2px 10px;
}
.exercises_sub_sections div.hidden{
		padding:0;
		margin:0;
}
.exercises_sub_sections a{
	text-decoration:none;
	font-size:11px;
	color:#000;
}

#partners{
	clear:both;
	height:41px;
	vertical-align:middle;
	margin-top:15px;
}
#fecei{
	height:27px;
	width:30px;
	display:block;
	background-image: url(../img/fecei_off.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	float:left;
	cursor:pointer;
	text-indent:-5000px;
}
#fecei:hover{
	height:27px;
	width:30px;
	display:block;
	background-image: url(../img/fecei_on.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
#premio_sevilla_emprende{
	height:27px;
	width:67px;
	display:block;
	background-image: url(../img/ayto_off.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	float:left;
	cursor:pointer;
	text-indent:-5000px;
}
#premio_sevilla_emprende:hover{
	height:27px;
	width:67px;
	display:block;
	background-image: url(../img/ayto_on.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
#aceia{
	height:27px;
	width:41px;
	display:block;
	background-image: url(../img/aceia_off.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	float:left;
	cursor:pointer;
	text-indent:-5000px;	
}
#aceia:hover{
	height:27px;
	width:41px;
	display:block;
	background-image: url(../img/aceia_on.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
#save_the_children{
	height:27px;
	width:100px;
	display:block;
	background-image: url(../img/savechildren_off.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	float:left;
	cursor:pointer;	
	text-indent:-5000px;
}
#save_the_children:hover{
	height:27px;
	width:100px;
	display:block;
	background-image: url(../img/savechildren_on.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
.copyrights{
	border-top:1px solid #b0b0b0;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
	min-height:258px;
	height:auto !important;
	height:258px;	
}
#ELI_triangle{
	background-image: url(../img/eli_triangle.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
	width:740px;
	min-height:40px;
	height:auto !important;
	height:40px;	
}
#bottom_sitemap{
	padding:20px 30px 0px 30px;

}
.bottomSitemap{
	float:left;
	margin-left:10px;
	margin-bottom:15px;
	padding-left:8px;
}


.MainMenus{
	color:#001b43;
	font:bold 11px "verdana";
	margin-bottom:4px;
	white-space:nowrap;
}
.MainMenus a{
	text-decoration:none;
	color:#001b43;
	font:bold 11px "verdana";	
}
.SubMenus{
	color:#000;
	font:normal 10px "verdana";
	white-space:nowrap;
	padding:0 2px;
}
.SubMenus a{
	text-decoration:none;
	color:#000;
	font:normal 10px "verdana";
}
#bottom_copyrights{
	border-top:1px solid #d0d0d0;
	padding-top:5px;
	width:740px;
	font-size:10px;
	color:#929292;
	padding-bottom:50px;	
	clear:both;
}
#bottom_copyrights a{
	font-size:10px;
	color:#929292;
	text-decoration:none;
} 
ul{
	margin:0px;
	padding:0px 0px 0px 15px;
}
li{
	list-style-image : url(../img/bullet.gif);
	list-style-position: outside;
}

ul#SidebarSubMenu{
	margin:10px 0px 25px 0px;
	padding:0px 0px 0px 8px;
	width:179px;
}
#SidebarSubMenu li{
	list-style-image : none;
	list-style-type:none;
	line-height:25px;
	border-bottom:1px solid #000;
	padding-left:7px;
	display:block;
}
#SidebarSubMenu li a{
	color:#000;
	text-decoration:none;
	display:block;
}
#SidebarSubMenu li.currentSub{
	background:#efefef;
}
#SidebarSubMenu li:hover{
	background:#efefef;
}

/*-- dropdown menu with multiple sub-menus ---*/
ul#menu {
	 padding:0; 
	 margin:0; 
	 height:20px;
	 position:absolute;
	 width:496px;
	 border-bottom:10px solid #f1f0f0;
	 margin-top:20px;
	 z-index:3;	 
	 list-style-type:none; 
}
ul#menu li {
	 float:right; 
	 position:relative;
	 color:#000;	 
	 text-align:center;
	 height:20px;
	 line-height:20px;
	 margin:0;
	 padding:0;
	 border-right:1px solid #f1f0f0;
	 border-bottom:10px solid #f1f0f0;
	 list-style-type : none;
	 list-style-image : none;
}
ul#menu li.current {
	 border-right:1px solid #e0001d;
	 border-bottom:10px solid #e0001d;
}
ul#menu li a, ul#menu li a:visited {
	color:#000; 
	text-decoration:none;
	margin:0;
	padding:0;
	font:12px Verdana, sans-serif; 		   
}
ul#menu li a:hover, ul#menu li:hover{
	/*background:	transparent;*/
	text-decoration:none;
	border-bottom:10px solid #e0001d;	
}	
ul#menu li a:hover ul li, ul#menu li:hover ul li{
	/*background:	transparent;*/
	text-decoration:none;
	border:0;	
}
ul#menu li a span {
	padding:0px 8px;
	cursor:pointer;
	display:block;
	text-decoration:none;
} 
ul#menu li ul {
	 visibility:hidden; 
	 position:absolute; 
	 top:30px; 
	 left:0px;
	 margin:0; 
	 padding:0;
	 /*overflow:hidden;*/
}

ul#menu li ul li {
	background:#767676;
	text-align:left;
	display:block;
	color:#fff;	 
	height:24px;
	line-height:24px;
	margin:0;
	padding:0;
	border:0px;	
}
			  
 ul#menu li ul li a span{
	display:block;
	width:210px;
	padding:5px 0px 0px 12px ;
	color:#fff;	
}			  

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
ul#menu li:hover a,
ul#menu li a:hover {
	text-decoration:none; 
	height:20px;
}

ul#menu li:hover ul,
ul#menu li a:hover ul {
	visibility:visible; 
	width:auto; /*-- needs to be large enough to accoomodate sub menu 4--*/
	/*position:absolute;*/
	left:0px; 
	/*overflow:visible;*/
	margin:0; 				
}


ul#menu li:hover ul li a,
ul#menu li a:hover ul li a {
	display:block;
	font-weight:normal; 
	text-decoration:none; 
	padding:0; 
	color:#fff;
	width:auto;	
}
	
/*------------- 2nd level menu --------- */	
			   

ul#menu li ul li:hover,
ul#menu li ul li a:hover {
			background:#F1F0F0;
			width:auto;
			padding:0;
			margin:0;/*necessary for IE6--*/
			border:0;
			display:block;
}
ul#menu li ul li:hover a span,
ul#menu li ul li a:hover span{
			color:#ff0000;
			text-decoration:none;
}
/*NEW*/
ul#menu li ul li a span{
	background:#767676;
	padding-bottom:5px;
}
ul#menu li ul li:hover a span{
	background:#F1F0F0;
	color:#ff0000;
	padding-bottom:5px;
}	  	
	/*------------- 3rd level menu --------- */
ul#menu li ul li ul li {
			background:#f0f674;
			color:#ff7505;
			text-align:left;
			width:auto;
}
ul#menu li ul li ul li a:hover{
			background:#ff7505;
			color:#f0f674;
}
			  

/*------------- 4th level menu --------- */
ul#menu li ul li ul li ul li {
			background:#c6f4c7;
			color:#197309;
			text-align:left;
}

ul#menu li ul li ul li ul li a:hover  
	 	   	  {background:#197309;
			  color:#c6f4c7;
			  }
			  
/* ---------------------------------*/

ul#menu li ul li a:visited{color:#000;}		



ul#menu li:hover ul ul,
ul#menu li li:hover ul ul,
ul#menu li li li:hover ul ul,
ul#menu li li li li:hover ul ul{
	display:none;
}

ul#menu li:hover ul,
ul#menu li li:hover ul,
ul#menu li li li:hover ul,
ul#menu li li li li:hover ul{
	display:block;
}

ul#menu li:hover ul li ul,
ul#menu li a:hover ul li ul {
 position:absolute; 
 top:-1px; 
 left:181px; 
 height:0; 
 color:#000; 
}

ul#menu li:hover ul li:hover ul,
ul#menu li a:hover ul li a:hover ul {
visibility:visible; 
color:#000;
height:auto; 
background:transparent;
width:1px;
} 

ul#menu li:hover ul li:hover ul li a,
ul#menu li a:hover ul li a:hover ul li a {
display:block;
height:auto; 
}


ul#menu li:hover a,
ul#menu li a:hover {
text-decoration:none;
width:auto;
}
ul#menu li:hover ul li:hover a,
ul#menu li a:hover ul li a:hover {
text-decoration:none;
}
ul#menu li:hover ul li:hover ul li:hover a,
ul#menu li a:hover ul li a:hover ul li a:hover {
text-decoration:none;
}