/*BODY*/
* { margin:0; padding:0; }

body { background:url(../images/bg.jpg); }

img { border:0; }

body, div { font:13px "Trebuchet MS", Verdana, Helvetica; color:#234ea7; }

p { padding:5px 0; }

a { color:#C00; text-decoration:none; }
a:hover { color:#3300CC; }

.clear { clear:both; }
.txtalignc { text-align:center; }

p.bullet { 
	background:url(../images/bullet3.gif) top left no-repeat;
	padding: 5px 0 10px 18px; 
}

/********************************************************************/
/*CONTENEDOR PRINCIPAL*/

#warp{
width:844px;
margin:0px auto;
}

#head{
background: url(../images/header.png) no-repeat;
width:844px;
height:276px;
}

#nav{
width:300px;
height:160px;
float:left;
}

#top{
text-align:right;
padding-top:4px;
padding-right:40px;
}

#logo{
width:448px;
height:110px;
margin-left:50px;
padding:15px;
display:block;
text-decoration:none;
float:left;
}

#context{
background:url(../images/bg_context.png);
width:844px;
height:600px;
float:left;
position:relative;
}

/* Casilla de login cuando se accesa a la seccion parents */
#logout { 
text-align:right; 
font-size:11px; 
padding-right:15px;
z-index:3;
width:670px;
height:54px;
position:absolute;
top:50px;
left:55px; 
color:#F8ECCE;
}
#logout a { color:#F8ECCE; }
#logout a:hover { color:#EDB534; }

#title{
width:325px;
height:85px;
z-index:2;
position:absolute;
top:0px;
left:55px;
}

#textobg{
background:url(../images/texto_bg.gif) no-repeat;
width:652px;
height:454px;
position:absolute;
top:71px;
left:100px;
z-index:1;
}

#texto {
width:560px;
height: 380px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
top:30px;
padding-left:50px;
padding-right:10px;
padding-top:10px;
}

#texto h3, #galeria h3 { 
	font:20px Lucida, "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#234ea7;
	margin:10px 0 15px 0;
	padding:0 0 5px 10px;
	background:url(../images/bg_descripcion.gif) right bottom  repeat-x;
}

#texto h4 { 
	font:20px Lucida, "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	width:150px;
	margin:20px 0 0px 200px;
	padding:0 0 5px 0;
	background:url(../images/bg_descripcion.gif) bottom no-repeat;
}
#texto h4.anioescolar {
	float:left;
	margin:20px 10px 0 6px;
	width:140px;
	height:60px;
	background:url(../images/bg_anio_escolar.gif) no-repeat;
	padding:12px 10px 8px 10px;
}

#texto h5 {/* Para Coloring Book Detalle */
	font:12px "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
	color:#234ea7;
	margin:10px 0 5px 0;
	padding:5px 0 5px 15px;
	background:url(../images/bg_descripcion.gif) right bottom repeat-x;
}

#texto h6 {
	font:16px "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
	color:#234ea7;
	margin:5px 0 0 0;
}

#texto ul {
	list-style:none;
	padding:0;
	margin:15px 0 0 0;
}
#texto ul li {
	background:url(../images/bullet.gif) top left no-repeat;
	padding:0 0 6px 18px;
}

#footer{
background:url(../images/footer.png) no-repeat;
width:844px;
height:83px;
padding:0px;
text-align:center;
color:#FFFFFF;
float:left;
}
#footer a{
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}

#anthem { text-align:right; }

/********************************************************************/
/* Formulario de login parents */
#loginbox { padding:50px 0 0 0; text-align:center; }
#loginbox form { 
	padding:28px 20px 0 20px; 
	width:260px; 
	height:140px; 
	margin:0 auto; 
	background:url(../images/bg_login.gif) top no-repeat; 
	font-style:italic;
	margin-top:15px;
}
#loginbox form input { margin:4px 0 0 0; }

/********************************************************************/
/* Coloring Book */
.thumbs {
	width:160px;
	height:150px;
	float:left;
	margin:20px 10px 0 6px;
}
#texto .thumbs h5 { 
	text-align:center;
	margin:0 0 3px 0;
	padding:0;
	background:none;
	font-weight:normal;
}

.thumbs div {
	width:140px;
	height:110px;
	background:url(../images/bg_thumbs_cat.gif) no-repeat;
	padding:10px;
}
.thumbs p {
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
	font:10px "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
}

/* Para Coloring Book Detalle */
#btn_print {
	text-align:right;
	padding:5px 5px 10px 0;
}
/* Fin Coloring Book */

/********************************************************************/
/* Para cuando no se encontraron documentos */
#no-documentos {
	text-align:center;
	font:15px "Trebuchet MS", Verdana, Helvetica;
	font-weight:bold;
	color:#BB2A0D;
	padding:20px 0 0 0;
}

/********************************************************************/
/* Menu de arriba para niveles - galeria de albums */
#menu_galeria {
	margin:0;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #EDB534;
	text-align:center;
}
#menu_galeria span {
	background:url(../images/bullet2.gif) top left no-repeat;
	padding:0 0 3px 15px;
	margin-right:15px;
	font:12px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
}
#menu_galeria span a { 
	font:12px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
	color:#234ea7; 
}

/********************************************************************/
/* Galeria de Albums */

#galeria {
width:430px;
height:400px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding-right:10px;
top:30px;
left:40px;
float:left;
background:url(../images/bg_fotosthumbs.gif) top right no-repeat;
}

#zoom_galeria {
	width:370px;
	height:307px;
	padding:23px 20px 20px 20px;
	background:url(../images/bg_zoom.gif) no-repeat;
}

#thumbs_cont {
	width:125px;
	height:380px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:30px;
	left:25px;
	float:left;
	padding-left:30px;
}
#thumbs_cont p {
	width:65px;
	height:50px;
	margin:0 0 10px 0;
	padding:8px;
	overflow:hidden;
	background:url(../images/bg_thumbs.gif) no-repeat;
}

/********************************************************************/
/* Menu de arriba para parents - coloringbook */
#menu_parents {
	margin:0;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #EDB534;
	text-align:center;
}
#menu_parents span {
	background:url(../images/bullet2_.gif) top left no-repeat;
	padding:0 0 3px 15px;
	margin-right:15px;
	font:14px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
}
#menu_parents span.bulletrojo {
	color:#C00;
	background:url(../images/bullet2.gif) top left no-repeat;
}
#menu_parents span a { 
	font:14px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
	color:#234ea7; 
}

/********************************************************************/
/* Submenu arriba - comunicaciones - parents */
#submenu_parents {
	padding:5px;
	text-align:center;
}
#submenu_parents span {
	padding:0 0 3px 15px;
	margin-right:15px;
	font:12px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
	color:#C00; 
}
#submenu_parents span a { 
	font:12px "Trebuchet MS", Arial, Helvetica; 
	font-weight:bold; 
	font-style:italic; 
	color:#FF6600; 
}

#texto ul#subsubmenu { margin:0; height:35px; padding-right:105px; }
#texto ul#subsubmenu li { width:auto; float:right; background:none; padding:5px 10px; font-family:Lucida, "trebuchet MS", sans-serif; font-style:italic; font-size:14px; font-weight:600; color:#BB2A0D; }
#texto ul#subsubmenu a { text-decoration:none; color:#E49B42; }
#texto ul#subsubmenu a:hover { color:#BB2A0D; }

/********************************************************************/
/*MENU PARENTS*/

#menuparents{
width:190px;
height:84px;
margin-top:50px;
margin-left:70px;
}

#menuparents li { width:auto; float:left; }

#menuparents ul{
padding:0;
margin:0;
list-style:none;}

#parents{
width:54px;
height:84px;
background: url(../en/images/btn_parents.gif) top no-repeat;
display:block;
}

#parents:hover{
width:54px;
height:84px;
background: url(../en/images/btn_parents.gif) bottom no-repeat;
display:block;
}

#coloringbook{
width:62px;
height:84px;
background:url(../en/images/btn_coloringbook.gif) top no-repeat;
display:block;
}

#coloringbook:hover{
width:62px;
height:84px;
background: url(../en/images/btn_coloringbook.gif) bottom no-repeat;
display:block;
}

#photogallery{
width:62px;
height:84px;
background: url(../en/images/btn_photogallery.gif) top no-repeat;
display:block;
}

#photogallery:hover{
width:62px;
height:84px;
background: url(../en/images/btn_photogallery.gif) bottom no-repeat;
display:block;
}

/********************************************************************/
/* Menu*/

#menu{
padding:0;
margin:35px 50px 0 50px;
list-style:none;
position:relative;
width:744px;
float:left;
z-index:3;
}
#menu li { width:auto; float:left; }
#menu li ul li{float:none;}

#menu ul{
list-style:none;
position:absolute;
left:10px;
top:43px;
display:none;
}/*setting menu desplegable*/

#menu ul li a{
display:block;
}

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

#mylittleschool{
width:153px;
height:58px;
background:url(../en/images/btn_mylittleschool.gif) top no-repeat;
display:block;
}

#mylittleschool:hover{
width:153px;
height:58px;
background:url(../en/images/btn_mylittleschool.gif) bottom no-repeat;
display:block;

}

#information{
width:164px;
height:58px;
background: url(../en/images/btn_information.gif) top no-repeat;
display:block;
}

#information:hover{
width:164px;
height:58px;
background: url(../en/images/btn_information.gif) bottom no-repeat;
display:block;

}

#admission{
width:132px;
height:58px;
background: url(../en/images/btn_admission.gif) top no-repeat;
display:block;
}

#admission:hover{
width:132px;
height:58px;
background: url(../en/images/btn_admission.gif) bottom no-repeat;
display:block;
}

#methodology{
width:141px;
height:58px;
background: url(../en/images/btn_methodology.gif) top no-repeat;
display:block;
}

#methodology:hover{
width:141px;
height:58px;
background: url(../en/images/btn_methodology.gif) bottom no-repeat;
display:block;
}

#summercamp{
width:139px;
height:58px;
background: url(../en/images/btn_summercamp.gif) top no-repeat;
display:block;
}

#summercamp:hover{
width:139px;
height:58px;
background: url(../en/images/btn_summercamp.gif) bottom no-repeat;
display:block;
}



/*Menu desplegable*/

#aboutus{
width:129px;
height:26px;
background: url(../en/images/bnt_aboutus.gif) no-repeat;
display:block;
}

#aboutus:hover{
width:129px;
height:26px;
background: url(../en/images/bnt_aboutus_over.gif) no-repeat;
display:block;
}

#direction{
width:129px;
height:25px;
background: url(../en/images/btn_direction.gif) no-repeat;
display:block;
}

#direction:hover{
width:129px;
height:25px;
background: url(../en/images/btn_direction_over.gif) no-repeat;
display:block;
}

#teacherprofile{
width:129px;
height:25px;
background: url(../en/images/btn_teacherprofile.gif) no-repeat;
display:block;
}

#teacherprofile:hover{
width:129px;
height:25px;
background: url(../en/images/btn_teacherprofile_over.gif) no-repeat;
display:block;
}

#mlsanthem{
width:129px;
height:28px;
background: url(../en/images/btn_mlsanthem.gif) no-repeat;
display:block;
}

#mlsanthem:hover{
width:129px;
height:28px;
background: url(../en/images/btn_mlsanthem_over.gif) no-repeat;
display:block;
}

#phototour{
width:129px;
height:28px;
background: url(../en/images/btn_phototour.gif) no-repeat;
display:block;
}

#phototour:hover{
width:129px;
height:28px;
background: url(../en/images/btn_phototour_over.gif) no-repeat;
display:block;
}

#registration{
width:129px;
height:26px;
margin-left:150px;
background: url(../en/images/btn_registration.gif) no-repeat;
display:block;
}

#registration:hover{
width:129px;
height:26px;
background: url(../en/images/btn_registration_over.gif) no-repeat;
display:block;
}

#students{
width:129px;
height:25px;
margin-left:150px;
background: url(../en/images/btn_students.gif) no-repeat;
display:block;
}

#students:hover{
width:129px;
height:25px;
background: url(../en/images/btn_students_over.gif) no-repeat;
display:block;
}

#parentspolicies{
width:129px;
height:25px;
margin-left:150px;
background: url(../en/images/btn_policies.gif) no-repeat;
display:block;
}

#parentspolicies:hover{
width:129px;
height:25px;
background: url(../en/images/btn_policies_over.gif) no-repeat;
display:block;
}
.bg_input{
background-image:url(../images/form_bg.gif);
background-repeat:no-repeat;
padding-left:20px;
padding-top:13px;
padding-right:30px;
border:none;
background-color:transparent;
height:20px;
width:200px;
}

.bg_enviar{
background-image: url(../images/bnt_enviar.gif);
background-repeat:no-repeat;
/*padding-left:20px;
padding-top:13px;
padding-right:30px;*/
border:none;
background-color:transparent;
height:32px;
width:76px;
}

.bg_textarea{
background-image: url(../images/coments_bg.gif);
background-repeat:no-repeat;
border:none;
background-color:transparent;
/*padding-top:15px;
padding-left:15px;
padding-right:27px;*/
}
/*

;

height:135px;
width:270px;
}*/