@charset "UTF-8";
/* CSS Document */

body, td {
	text-align: center;
	border-width: 0px;
	margin: 0px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-image: url(graphics/background.png);
	background-color: white;
	color: #262626;
	font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	cursor: default; }

#div-principal {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	width: 900px;
	font-size: 0.85em;
	background: url(graphics/background-centre.png) no-repeat 0 0;
	overflow: auto; }

h1 { display: none; }

h2 {
	position: absolute;
	top: 10px;
	left: 25px;
	background: url(graphics/logo_stjames.png) no-repeat 0 0;
	_background: url(graphics/logo_stjames.gif) no-repeat 0 0;
	overflow: hidden;
	height: 175px;
	width: 175px;
	z-index: 1000 }

#telefonofaxemail {
	margin-top: 10px;
	margin-right: 14px;
	height: 20px;
	float: right; }

#telephone {
	font-size: 1.1em;
	line-height: 24px;
	padding-left: 20px;
	background: url(graphics/telephone.gif) no-repeat 0 2px;
	font-weight: 700; }

#fax {
	font-size: 1.1em;
	line-height: 24px;
	padding-left: 20px;
	background: url(graphics/fax.gif) no-repeat 0 2px;
	font-weight: 700;
	margin-left: 8px; }

span#email {
	font-size: 1.1em;
	line-height: 24px;
	padding-left: 20px;
	background: url(graphics/email.gif) no-repeat 0 2px;
	font-weight: 700;
	margin-left: 8px; }

#email a { color: #262626; text-decoration: none; border-bottom: 1px dotted #262626; }
#email a:hover { color: #388bf2; border-bottom: 1px dotted #388bf2; }

#navbar {
	clear: right;
	float: right;
	margin-top: 61px;
	margin-right: 20px;
	margin-bottom: 30px;
	width: 580px;
	padding: 0; }

#navbar li { line-height: 36px; display: inline; overflow: hidden }

#navbar li a.linkButton {
	float: left;
	display: block;
	position: relative;
	margin-right: 10px;
	height: 36px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 4px;
	text-align: center;
	font-size: 1.1em;
	text-decoration: none;
	color: #336;
	font-weight: 900;
 	background: url(graphics/menu-button.png) no-repeat 0 0;
	_background: url(graphics/menu-button.gif) no-repeat 0 0;  /* bloody ie6 */ }

#navbar li a.linkButton:hover { background-position: 0 -36px }
#navbar li a.linkButton:hover span { background-position: 0 -150px }

#navbar li a.linkButton#current { background-position: 0 -72px; line-height: 34px }
#navbar li a.linkButton#current span { background-position: 0 -186px }

#navbar li a.linkButton span {
	position: absolute;
	display: block;
	right: -6px;
	top: 0;
	width: 6px;
	height: 36px;
	background: url(graphics/menu-button.png) no-repeat 0 -114px;
	_background: url(graphics/menu-button.gif) no-repeat 0 -114px;  /* bloody ie6 */ }

#contentwrapper {
	width: 838px;
	/* overflow-y: auto; */
	margin-left: auto;
	margin-right: auto; }

#pie-de-pagina {
	width: 900px;
	margin-top: 10px;
	line-height: 68px;
	text-align: center;
	color: #999999;
	background: url(graphics/pie-de-pagina.png) no-repeat 0 0;
	font-weight: 300;
	font-size: 0.95em }

#pie-de-pagina a { color: #03F; text-decoration: none; }
#pie-de-pagina a:hover { color: #D22D12 ; text-decoration: none; }

#datos-registrales { padding: 5px 0 20px; text-align: center; font-size: 0.8em; color: #bbb; }

/* ------------------------------- submenu ------------------------------- */

#submenu {
	text-align: right;
	float: left;
	width: 160px;
	margin-top: 20px;
	line-height: 110%; }

#submenu #submenu-ul { padding-right: 15px; }

#submenu #submenu-ul li a {
	display: block;
	padding-right: 20px;
	margin-bottom: 10px;
	background-image: url(graphics/submenu-big.png);
	_background-image: url(graphics/submenu-big.gif); /* bloody ie6 */
	background-repeat: no-repeat;
	background-position: right 8px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	text-decoration: none;
	color: #111; }

#submenu #submenu-ul li a:hover, #submenu #submenu-ul li a:hover .submenu-li-description { color: #0066ff; background-position: right -50px; }

#submenu #submenu-ul li a .submenu-li-description {
	text-align: right;
	font-weight: 300;
	font-size: 0.85em;
	color: #999;
	text-decoration: none;
	clear: both; }

/* ------------------------------- contenido ------------------------------- */
	
#content h3 {
	font-size: 2.4em;
	letter-spacing: -1px;
	margin-bottom: 15px;
	line-height: 1em;
	color: #D22D12; }

#content h4, #inicio h4 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #D22D12;
	margin-top: 25px;
	margin-bottom: 9px;
	}

#content {
	line-height: 142%;
	float: right;
	width: 646px;
	padding-left: 23px;
	border-left: 1px dotted #ddd;
	font-weight: 300; }

#content strong { font-weight: 700; }
#content small { font-size: 0.85em; color: #999; }
#content em { font-family: "HelveticaNeue-Italic", Arial, sans-serif; }

#content ul { list-style-type: disc; padding-left: 21px; margin-top: 7px; }
#content ul li { margin-bottom: 7px; padding-left: 0px; }

#content p { margin-bottom: 7px; }

#content a { color: #03F; text-decoration: none; }
#content a:hover { color: #D22D12; text-decoration: underline; }

/* ----------------------------- galería pag. principal ----------------------------- */

.clear { clear: both; }
#indexgallery { position: relative; height: 276px; width: 646px; margin-right: 14px; float: left }
#indexgallery img { float: left; position: absolute; border: none; }
#indexgallery img.show { z-index: 1; }

#inicio { margin-top: -15px }
#inicio2Img { height: 276px; width: 100%; margin-bottom: 14px; overflow: auto }
	#inicio2Img2 { width: 178px; float: left; height: 276px; display: block; color: #333; text-decoration: none; vertical-align: top; overflow: hidden }
		#inicio2Img2 h4 { padding-top: 0; margin-top: 0 }
		#inicio2Img2 a { display: block; margin-top: 10px; padding: 3px; color: #fff; background-color: #01244e; text-decoration: none }
			#inicio2Img2 a span { display: block; font-size: 0.8em; color: #ddd; padding-top: 2px }
			#inicio2Img2 a:hover { background-color: #d32e12 }
	
#inicio5Img { overflow: auto }
	.inicio5ImgClass { display: block; height: 58px; padding: 147px 0 0 0; width: 158px; margin-right: 12px; float: left; color: #ddd; background-color: gray; text-decoration: none; font-size: 0.95em }
		.inicio5ImgClass span { background-color: rgb(0,0,0); background-color: rgba(0,0,0,.6); display: block; height: 48px; padding: 5px }
	#inicio5Img1 { background: url(../images/index5img1.jpg) no-repeat 0 0 }
		#inicio5Img1:hover span { background-color: #d32e12; color: #fff }
	#inicio5Img2 { background: url(../images/index5img2.jpg) no-repeat 0 0 }
		#inicio5Img2:hover span { background-color: #01244e; color: #fff }
	#inicio5Img3 { background: url(../images/index5img3.jpg) no-repeat 0 0 }
		#inicio5Img3:hover span { background-color: #d32e12; color: #fff }
	#inicio5Img4 { background: url(../images/index5img4.jpg) no-repeat 0 0 }
		#inicio5Img4:hover span { background-color: #01244e; color: #fff }
	#inicio5Img5 { background: url(../images/index5img5.jpg) no-repeat 0 0; margin-right: 0 }
		#inicio5Img5:hover span { background-color: #d32e12; color: #fff }

#inicio4Img { overflow: auto }
	.inicio4ImgClass { display: block; height: 42px; padding: 117px 0 0 0; width: 201px; margin-right: 12px; float: left; color: #ddd; background-color: gray; text-decoration: none; font-size: 0.95em }
		.inicio4ImgClass span { background-color: rgba(0,0,0,.6); display: block; height: 32px; padding: 5px }
	#inicio4Img1 { background: url(../images/index4img1.jpg) no-repeat 0 0; width: 200px }
		#inicio4Img1:hover span { background-color: #01244e; color: #fff }
	#inicio4Img2 { background: url(../images/index4img2.jpg) no-repeat 0 0 }
		#inicio4Img2:hover span { background-color: #d32e12; color: #fff }
	#inicio4Img3 { background: url(../images/index4img3.jpg) no-repeat 0 0 }
		#inicio4Img3:hover span { background-color: #01244e; color: #fff }
	#inicio4Img4 { background: url(../images/index4img4.jpg) no-repeat 0 0; width: 200px; margin-right: 0 }
		#inicio4Img4:hover span { background-color: #d32e12; color: #fff }

/* ----------------------------- donde estamos ----------------------------- */

#dos-columnas { overflow: auto; }
#columna1 { float: left; width: 315px; }
#columna2 { float: right; width: 315px; }

#tres-columnas { overflow: auto; }
#columna1de3 { float: left; width: 206px; margin-right: 14px }
#columna2de3 { float: left; width: 206px }
#columna3de3 { float: right; width: 206px }
/* ----------------------------- nuestros cursos ----------------------------- */

h5 { margin-top: 15px; padding: 3px 3px 3px 6px; background-color: #c3e7ff; display: block; width: 280px; }
.h5pdiv { padding: 5px; border: 1px solid #c3e7ff; overflow: auto; }
.precio { font-size: 1.2em; font-weight: 800; padding-top: 19px; display: block; }
.firstrow { overflow: auto; font-size: 0.9em; display: block; }
.otherrows, .inscripcion, .descuentos { overflow: auto; display: block; padding-bottom: 6px; border-bottom: 1px solid #c3e7ff; }
.descuentos { font-size: 1.1em; border-bottom: none; padding-top: 4px; }
.inscripcion .floatright .precio { padding-top: 6px; }
.inscripcion .floatleft { padding-top: 6px; }
.floatleft { width: auto; float: left; }
.floatright { float: right; width: 130px; text-align: center; }
.libros { padding-right: 15px; font-weight: 700; }

/* ----------------------------- la escuela ----------------------------- */

table#tableEntorno td { background: #fff none; padding: 10px 5px; width: 25%; font-size: 0.95em; border-bottom: 1px solid #f6f6f6 }
table#tableEntorno thead td { background: #ddd none; font-weight: 900; border-bottom: 1px solid #aaa; font-size: 1.05em }

/* ----------------------------- contacto ----------------------------- */

#formulario { width: 312px; padding: 20px; margin: 20px auto 0; border: 1px solid #abcdfc; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #deedff; }
#nombre, #femail, #mensaje, #telefono { font-size: 1.3em; padding: 4px; border: 1px solid #abcdfc; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 300px; display: block; }
#mensaje { height: 70px; }
#nombre:focus, #femail:focus, #mensaje:focus, #telefono:hover { background-color: #abcdfc }
.spanlegend { line-height: 28px; display: block; padding-top: 10px; }
.error { color: #822429 }

/* ----------------------------- students ----------------------------- */

form#accesousuarios { margin: 45px 0 }
form#accesousuarios label { font-size: 1em; font-variant: small-caps; font-weight: 900; color: #777; display: block }
form#accesousuarios input { font-size: 1.3em; padding: 4px; border: 1px solid #abcdfc; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 300px; display: block; margin: 5px 0 15px 0 }
form#accesousuarios input:focus { background-color: #abcdfc }

.quicksearch { margin: 10px auto }
.qs_input {
	width: 400px;
	padding: 6px;
	font-size: 1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #abcdfc
}
.qs_input:focus { background-color: #abcdfc }

li.gruposli div.padding4px { padding: 4px; }

#content ul.ulgrupos {
	margin: 0;
	padding-left: 0
}
#content ul.ulgrupos li.gruposli {
	display: block;
	width: 195px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#content ul.ulgrupos li.gruposli a {
	display: block;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#content ul.ulgrupos li.gruposli a:hover {
	background-color: #abcdfc;
	text-decoration: none
}
span.ulgruposlitime {
	font-size: 0.9em;
	color: #777;
	text-decoration: inherit
}
span.ulgruposliteacher {
	font-size: 1em;
	color: #222;
	text-decoration: inherit
}

.ultimosproyectos {
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #abcdfc;
	width: 95%;
}

.adupp, .adupv, .adupa, .adupf {
	padding-left: 20px;
	line-height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}

	.adupp { background-image: url(graphics/picture_edit.png) }
	.adupv { background-image: url(graphics/film.png) }
	.adupa { background-image: url(graphics/sound.png) }
	.adupf { background-image: url(graphics/pictures.png) }

form#cambiapassword legend, form#cambiaemail legend { font-weight: 900 }

.passwordandemail {
	width: 200px;
	padding: 6px;
	margin: 4px 0;
	font-size: 1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #abcdfc
}
.passwordandemail:focus { background-color: #abcdfc }
.proyectoslistsmall { font-size: 0.9em }

/* ----------------------------- special ----------------------------- */

h4 a:link, h4 a:over, h4 a:active, h4 a:visited  { outline: 0; display: block; width: auto; }

a.descargarPDF { margin-top: 3px; padding-left: 19px; background: url(graphics/icon_pdf.gif) no-repeat 0 50%; line-height: 16px }
a.aDOCdownload { margin-top: 3px; padding-left: 19px; background: url(graphics/icon_doc.gif) no-repeat 0 50%; line-height: 16px }
.divtableblock { width: 230px; padding: 10px; display: block; float: left }
a#indexcambridge { display: block; float: left; padding: 235px 10px 0 10px; height: 85px; width: 300px; background: url(graphics/index.cambridge.jpg) no-repeat 0 0; color: #a4a4a4; text-decoration: none }
a#indexcampamento { display: block; float: right; padding: 235px 10px 0 10px; height: 85px; width: 300px; background: url(graphics/index.campamento.jpg) no-repeat 0 0; color: #a4a4a4; text-decoration: none }

#veranoLeft { width: 570px; display: block; float: left }
#veranoRight { width: 60px; display: blocK; float: right; padding-top: 25px }
	#veranoRight a { display: block; padding-bottom: 6px }