@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 1 solid #666;
	vertical-align: baseline;
	background: transparent;
	text-align: center;
}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	}

/*
Fin CSS Reset
*/
html, body {height:101%;	background-image: url(../img/fondo.gif);	background-color:#FFF;}

body {	color: #1d1d1d;	font-family: georgia, sans-serif;	font-size: 75%;	position: relative;	/*padding: 3em;*/}
	
#wrap_todo{	width:960px;	margin:0 auto;	border-right-width: medium;	border-left-width: medium;	border-right-style:double;	border-left-style: double;
	border-right-color: #ccc;	border-left-color: #fff;	border-bottom-width: medium;	border-bottom-style: double;	border-bottom-color: #ccc;}
	
#wrap{width:960px;margin:0 auto;background-color:#fff;}	
#main, #sidebar{margin:0;padding:20px;}	
#content{background-color:#fff;}
#main{margin-left:300px;padding-right: 40px;background-color: #fff;}

#sidebar {	width:250px; /* Un tercio del tamaño*/	float:left;}

#box_te_interesa{padding:0;	background-color:#005619;margin-top:-8px;}
div#box_te_interesa h2{color:#fff;}
#index #bienvenida{	margin:20px;	color:#CCF;}


#footer{
	/*position:absolute;bottom: 0px;*/
	width: 960px;
	height: 50px;
	text-align: center;
	padding-top:5px;
	background-color: #EA8C00;
	font-size:0.9em;
	color:#FFF;
	clear:both;
}
#bienvenida h1{
	font-size:40px;
	text-align:center;}
#bienvenida p{
	margin:10px 50px;
	font-size:16px;}
#bienvenida p img{border:none;}
address, .copyright {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	margin-left:20px;
	font-size:100%;
	margin-bottom:1px;
	font-style: normal;
	color:#fff;
	padding-right:20px;
	text-align: center;
	}

/*****NAVEGACIÓN SUPERIOR/********************************************************/
#wrap .nav_sup{margin-top:50px;}

.nav_sup{	height:40px;
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #333;
	}
.nav_sup li {
	height:50px;
	margin-top:0px;
	float:left;
	padding-right:10px;
	width:120px;
	text-align:center;
	text-transform: uppercase;		}
.nav_sup a{	margin-top:10px;	height:43px;	display:block;	color:#c3f00f;	text-decoration:none;}
.nav_sup a:hover {	color:#CCC;	border-bottom: 5px solid #F00;}
.nav_sup li:hover {	color:#fff;	}

#pau .nav_sup .nav1 a, #reading .nav_sup .nav2 a, #writing .nav_sup .nav3 a, 
#listening .nav_sup .nav4 a, #speaking .nav_sup .nav5 a, #grammar .nav_sup .nav6 a,
#vocabulary .nav_sup .nav7 a{
	color:#1d1d1d;
	background-image: url(../img/ok.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	/*border-bottom: 5px solid #F00;*/
	
	background-color:#fff;
}

/****FIN NAVEGACIÓN SUPERIOR******************************************************************/
	

/****INICIO NAVEGACIÓN LATERAL****************************************************************/

#sidebar{font: 0.8em Verdana, Geneva, sans-serif;margin-top:3px;}
#sidebar ul {margin:0;	margin-top:-20px;	padding:0;	text-align:left;}
#sidebar li, #sidebar a{height:25px;}
#sidebar li{margin-bottom:0px;text-align:left;display:block;padding-top:1px;padding-bottom:1px;}
#sidebar a:hover, #sidebar a.current{	color:#1d1d1d;	background-color:#0CF;	background: #c3f00f url(../img/open.png) no-repeat right center;}

#sidebar a{	width:100%;	text-decoration:none;	font-size:1.3em;	display:block;	text-align:left;
	color:#2D5D8B;	padding-left:5px;}


/****FIN NAVEGACIÓN LATERAL*******************************************************************/



/*****Formato de encabezados *************************************************************/

h1,h2,h3 {
	text-align:left;
	letter-spacing:1px;	
	color:#1d1d1d;
	}
h1{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:2em;
	margin:1em 0 1em 0;
	color:#DE710E
}
h2,h3{font-family:Arial, Helvetica, sans-serif;}
h2{	
	font-size:1.4em;
	letter-spacing:1px;
	text-align:left;
	margin-bottom:0.5em;
	color: #3773E1;
}
h3{font-size:1.2em;margin:5px 0;}
/*
ul{font-family: Verdana, Geneva, sans-serif;}
li{	text-align:left;color:#006;margin-top:10px;}
#main ul{font-size:1em;margin:5px 0 5px 25px;
font-weight:bold;}
#main ul ul{0.9em;	font-weight:normal;}
#main ul ul li {color:#1d1d1d;}
#main ul ul ul{0.8em;font-weight:normal;}

#wrap_content #content{	background: url(../img/wrap_conteng_bg.png) repeat-y left top;background-color:#fff;}
/*********************vínculos en main************************/
/*REVISARRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR**/
/*#main a{list-style:none;text-decoration:none;}
#main a:link{color:#C06;}
#main a:visited{color:#c06; text-decoration: underline;}
#main a:hover{color:#000;background-color:#c3f00f;}
*/
/***************Formato de párrafos***************************/

	
p{
	font-size:1.1em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150%;
	margin-bottom:0.8em;
	text-align:justify;
	color:#4A4A4A;
}
ol{margin:20px 0;	}
ol li{
	margin-left:20px;
	text-align:justify;
	padding-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:normal;
	padding-left:20px;
	background-image: url(../img/ol_li_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#main ul li {
	margin:10px 0 3px 20px;;
	padding-left:20px;
	text-align:justify;
	padding-top:5px;
	background-image:	url(../img/ul_li.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap_content #content #main ul#tabSet li {
	margin:0;padding:0;
	background-image:none;
	}	
#main ul li li{
	margin:5px 0 3px 20px;;
	background-image:	url(../img/ul_li_li.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}	
/**************************************************************************************/

.sangrado{margin-left:20px;}
/***********Otras clases**********/	
.remark{font-stretch:expanded;font-weight:bold;}
.remark_blue{font-stretch:expanded;	font-weight:bold;color:#06F;}
.normal_blue{color:#06F;font-size:1em;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.float_left{float:left;}
.float_right{float:right;}
.float_left_con_margen{float:left;margin-right:20px;}
.cargo{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:right;
	font-weight:bold;
	font-style:italic;
	color:#C81F26;
}
.personalmente{
	background-image: url(../img/personalmente.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 5px;
}
.telefonicamente{
	background-image: url(../img/telefono.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 5px;}

.por_mail{
	background-image: url(../img/coreo_electronico.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 5px;
}

.correo_postal{
	background-image: url(../img/coreo_postal.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left 5px;
}

.ok{
	color: #fff;
	font-size:1.2em;
	font-weight:bold;
	background-color: #61bf1a;
	padding:10px;
	text-align:center;
	
}
.pdf {
	background-image: url(../img/adobe.jpg);
	background-repeat: no-repeat;
	padding-left:60px;
	background-position: 3px center;
	background-color:#aaa;
}
	
.error{
	color: #333;
	background-color: #FCC;
	text-align:center;
}

/****************Capas invisibles**************/
.proc, .adj{
	position:absolute;
	display:none;
	border:3px solid #61bf1a;
	padding:2px;
	/*width:120px;
	height:208px;*/
	width:180px;
	height:250px;
	background-position: center center;
	background-repeat:no-repeat;
	background-color:#fff;	
	}
.enmarcado{
	border:#666 1px solid;
	padding:15px;}


/************************LINKS EXTERNOS******************************************************/
.links_externos{
	float:left;
	width:280px;
	/*height:250px;*/
	margin:5px 0 5px 10px;
	background-color:#C9F;	
	clear:none;
	background-image:url(../img/azul2.png);
	background-repeat:no-repeat;
	background-position:left -4px;
}


/**************************************************************************************/
/**cajitas derechos********************************************************************/

.cajita, .cajita_select{float:left;	width:163px;height:55px;margin-top:5px;margin-bottom:5px;margin-right:2px;
background-repeat:no-repeat;background-position:left top;cursor:pointer;font-size:0.9em;padding-right:3px;}

.cajita{background-image:url(../img/cajita_bg.png);}
.cajita_select{	background-image:url(../img/cajita_sel_bg.png);}
.cajita p, .cajita_select p{color:#1d1d1d;padding:5px 3px;text-align:center;}

/**fin cajitas derechos****************************************************************/

.cortar {clear:both;}
.color1{background-color:#6c3;}
.color2{background-color:#59b3d4;}
.color3{background-color:#f6a6cc;}

.color4{height:300px;background-image: url(../img/index_bg.png);background-repeat: repeat-x;position:relative;background-position: left 10px;}

.color4 .image_1, .color4 .image_2 {position:absolute;width:150px;height:217px;}
.color4 .image_1{left:30px;}
.color4 .image_2{right:30px;}

.color4, .color4 .image_1, .color .image_2, .color .image_1 img, .color .image_2 img {behavior: url(iepngfix.htc);}


p.raya{height:30px;	background-image:url(../img/hr.png);background-repeat:no-repeat;background-position:left top;}
p.raya strong{padding: 0px 0 0 220px; color:#C03; font-size:1.2em; margin-top:10px;}
.plano{border:#666 1px solid;padding:5px;}
.plano iframe{border:#000 1px solid;}

.convencion{color:#060;font-style:italic;}


#wrap #content #main ul.news li{
	margin-left:25px;
	line-height:35px;
	text-align:left;
	padding-left:40px;
	background: url(../img/news.jpg) no-repeat left top;	
	}
	
#main ul.books li{
	margin-left:25px;
	line-height:35px;
	text-align:left;
	padding-left:40px;
	background: url(../img/books.jpg) no-repeat left center;	
	}
#main ul.story li{
	margin-left:25px;
	line-height:35px;
	text-align:left;
	padding-left:40px;
	background: url(../img/story.jpg) no-repeat left center;	}
#main ul.summary li{
	margin-left:25px;
	line-height:30px;	
	text-align:left;
	padding-left:40px;
	background: url(../img/check.jpg) no-repeat left 10px;
	}
#main ul.summary li li{
	background: url(../img/ul_li_li.jpg) no-repeat left 10px;
	}





#letter{
	background-color:#E8F3FF;
	border:#666 solid 1px;
	padding:3em;
	position:relative;
}
.letter_titulo{
	font: bold 1.3em Georgia, "Times New Roman", Times, serif;
	word-spacing: 1em;
	margin-top:10px;
	margin-bottom:8px;}

.letter_content{
	margin-top:-2px;
	padding:1em;
	text-align: justify;
	background: #FFF;
	border-top: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCC;
	font: 1em/1.3em Verdana, Geneva, sans-serif;
	color: #039;}	

#head_letter {
	position:absolute;
	right:5px;
	top:5px;
	width:50px;
	height:20px;
	
	}
#head_letter span#mostrar{width:35px;
	background: url(../img/bolita_verde.jpg) no-repeat left center;
	}

#video{margin-left:90px;width:81%;background-color:#FC3;
padding:10px;border:#000 1px solid;}
#video embed{border:#000 2px solid;}
/*TABLA DE EXAMENES*/
table.exam {
	border: 1px solid #666;
	font-family: Verdana, Geneva, sans-serif;
	background: #FFC center;
	}
table.exam th{
	color: #FFF;
	vertical-align:middle;
	height:35px;
	width:100px;	
	background-image:url(../img/table_head_backcolor.png)
	}
table.exam th, table.exam td {border: thin dotted #000;}
table.exam td {background: center center;}
table.exam td img{border:none;}
.cursiva{font-style: italic;}
.bordeado{border:#ccc 2px solid; padding:5px;}	
.border_bottom_dotted{border-bottom:dotted 1px #1d1d1d;}
.sin_borde{border:none;}