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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; list-style-type:none; font-family:Tahoma;}
body{ 
	text-align: center; background: #fff url(/img/background.jpg) no-repeat center top; color: #245C6C;
	overflow:auto;
	overflow-x:hidden; 
	overflow-y:auto;
}

#container{ width: 814px; margin: 0 auto;}

#header{ background: url(/img/header.png) no-repeat; height: 126px;}

#header h1 a{
	display:block;
	height:60px;
	left:30px;
	position:relative;
	text-indent:-9999px;
	top:10px;
	width:180px;
	z-index:40;
	margin: 0 auto;
	cursor: pointer;
}

#content {
	background: url(/img/bg_home.jpg) no-repeat;
	padding-top: 10px;
	clear: both;
	height: 535px;
}

#content h1, #content h2{
	text-indent: -9999px;
	height: 0;
	margin: 0 auto;
}

#footer{
	font-size: 10px;
	height: 26px;
	margin-bottom: 10px;
	background: url(/img/footer.gif) top no-repeat;
}

#right_side, #left_side{
	float: right;
	height: 222px;
	z-index:2;	
	width: 440px;
	margin-top: 18px;
}

#right_side{
	margin-right: 3px;
	margin-top: 40px;
	height: 230px;
	background:  url(/img/school_pintar.png) no-repeat bottom right;
	padding-top:8px;
}

#searchbox, #slidebox{
	width: 100%;
	height: 80px;
}

#slidebox{
	height: 105px;
	width:410px;
}

#searchbox{

}

#searchbox a.search, #searchbox a.vertodos{
	cursor: pointer;
	float: left;
	display: block;
	width: 240px;
	height: 51px;
	background: url(/img/school_buscar.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#searchbox a.vertodos{
	margin-top: 8px;
	width: 118px;
	height: 25px;
	background: url(/img/school_vertodos.png) 0 0 no-repeat;
}

#searchbox a.vertodos:hover{
	background: url(/img/school_vertodos.png) 0 -25px no-repeat;
}

#selectbox{
	overflow: auto;
	width:224px;
	height: 200px;
	position: relative;
	z-index: 10;
	top: -40px;
	left: 22px;
	_left: -95px;
	_clear: both;
	background: #FDE3C2;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 10px;
}

#comments_container li{
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

#selectbox ul{
	width:203px;
	margin-left: 3px;
}
#selectbox ul li {
	overflow: hidden;
}


#selectbox ul li a{
	color: #79480c;
	text-decoration: none;
	line-height:170%;
}

#selectbox ul li.title, #selectbox ul li{
	background: #ECA865 url(/img/pull_colegios.gif) repeat-x;
	height: 21px;		
	font-size: 11px;
	padding: 1px;
	margin-top: 2px;
}

#selectbox ul li.title{
	height: 21px;	
	padding-top: 2px;
	background: #7ACAF8 url(/img/pull_titulo.gif) repeat-x;
}


#selectbox ul li.title{
	color: #1c5983;
	font-weight: bold;
}

#left_side{
	width: 340px;
	float: left;
	margin-left: 3px;
}

#mask_content{
	position: relative;
	top: -3px;
	margin-left: 32px;
	width: 310px;
	height: 246px;
	_margin-top: -20px!important;
	_top: -36px;
}

#left_side h2{
	text-indent: 10px;
	font-size: 12px;
	margin-top: 4px;
	text-align: left;
	color: #fff;
	z-index: 10;
	position: relative;
}

#left_side h2{
	_top: -36px;
}

#bigfooter{
	height: 220px;
	width: 100%;
}

#videobox, #productsbox{
	width:260px;
	height: 240px;
	float: left;
	position: relative;
}

#videobox a.jugar{
	margin-left: 60px;
	*margin-left: -60px!important;
	_margin-left: -190px!important;
	bottom:0;
	_bottom: 20px;
	position: absolute;	
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	width: 178px;
	height: 72px;
	background: url('/img/juego_btn.png') 0 0 no-repeat;
}

#videobox a.jugar:hover{
	background: url('/img/juego_btn.png') 0 -72px no-repeat;
}

#productsbox{
	width: 550px;
	float: left;
}

#productsbox a.productos{
	margin-left: 340px;
	*margin-left: -200px;
	_margin-left: -50px;
	position: absolute;
	bottom:0;
	_bottom: 20px;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	width: 178px;
	height: 72px;
	background: url('/img/prod_btn.png') 0 0 no-repeat;
}

#productsbox a.productos:hover{
	background: url('/img/prod_btn.png') 0 -73px no-repeat;
}

.clear{ clear: both;}

/* Forms */
.niceform { width: 500px;}
.niceform fieldset {padding:10px; margin-bottom:20px; border: none; }
.niceform input,.niceform textarea,.niceform select {font-size:11px; padding:5px; border: 1px #ccc solid; height:16px; width: 300px; }
.niceform textarea{ height: 100%; height: auto;}
.capita{text-transform: capitalize;}
.niceform input#submit { padding-left:28px; height:35px; width:176px; background: #fff; border:none; color:#333; cursor:pointer;}
.niceform input#submit:hover { background-position: 0 -35px; color:#777;}
.niceform select {height:30px;}
.niceform input:focus, textarea:focus { border: 1px #36A1E2 solid; }
.niceform fieldset.action { margin-top:0px; }
.niceform legend { color:#333; font:16px/21px Arial, Helvetica, sans-serif; padding:0 10px 0 0; margin:0; font-weight:bold;}
.niceform label {font-size:12px; font-weight:bold; color:#1A7CAD;}
.niceform label.opt {font-weight:normal; position:relative; bottom:5px; right:0;}
.niceform dl { padding:0; margin:0;}
.niceform dt { /*outline: 1px dotted red;*/ text-align:left;width:90%;line-height:12px; margin:5px 0;}
.niceform dd { /*outline: 1px dotted blue;*/ line-height:12px; margin:0 0 10px 0;}
.help { display:block;	float:left;	font-size:11px;	height:14px; padding:0;	line-height:14px;	width:85%;	text-align:right;   color: #777;}
.niceform form p{ margin-left: 0px; }
.pstrength-minchar { font-size : 10px;}
.niceform input[type="radio"]{ margin-right: 2px;}
.niceform input[type="checkbox"]{ height:auto!important;}
label.error{ font-size: 10px; color:#E31B1B; display: block; }

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}


#nav_menu{
	position: relative;
	top: 30px;
	_top: 100px!important;
	_margin-top: 50px;
}

#nav_menu li{
	float: left;
	width: 120px;
	height: 20px;
	background: #fc0;
	margin: 2px;
	font-size: 10px;
}

#nav_menu li a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}

#nav_menu li.inicio, #nav_menu li.school, #nav_menu li.juego, #nav_menu li.productos, #nav_menu li.padres, #nav_menu li.contacto{
	background: url(/img/menu/menu_inicio.png) 0 0 no-repeat;
	width: 90px;
	height: 19px;
	margin-right: 40px;
}

#nav_menu li.inicio:hover{
	background: url(/img/menu/menu_inicio.png) 0 -19px no-repeat;
}

#nav_menu li.school{
	background: url(/img/menu/menu_schoolprogram.png) 0 0 no-repeat;
	width: 109px;
	height: 19px;
	margin-right:26px;
}

#nav_menu li.school:hover{
	background: url(/img/menu/menu_schoolprogram.png) 0 -19px no-repeat;
}

#nav_menu li.juego{
	background: url(/img/menu/menu_juego.png) 0 0 no-repeat;
	width: 90px;
	height: 19px;
	margin-right: 32px;
}

#nav_menu li.juego:hover{
	background: url(/img/menu/menu_juego.png) 0 -19px no-repeat;
}

#nav_menu li.productos{
	background: url(/img/menu/menu_productos.png) 0 0 no-repeat;
	width: 90px;
	height: 19px;
	margin-right: 42px;
}

#nav_menu li.productos:hover{
	background: url(/img/menu/menu_productos.png) 0 -19px no-repeat;
}

#nav_menu li.padres{
	background: url(/img/menu/menu_seccionpadres.png) 0 0 no-repeat;
	width: 109px;
	height: 19px;
	margin-right:35px;
}

#nav_menu li.padres:hover{
	background: url(/img/menu/menu_seccionpadres.png) 0 -19px no-repeat;
}

#nav_menu li.contacto{
	background: url(/img/menu/menu_contacto.png) 0 0 no-repeat;
	width: 109px;
	height: 19px;
	margin-right: 0;
}

#nav_menu li.contacto:hover{
	background: url(/img/menu/menu_contacto.png) 0 -19px no-repeat;
}

#msg_error{
	width: 400px;
	margin: 0 auto;
	text-align: center;
	height: 18px;
	background: #FDF7EA;
	font-size: 11px;
	border: 1px dotted #CD8807;
	padding-top: 4px;
}

.bubble{ }

#footer p{ float: left; width: 720px; color: #088ac0; }
.firma{ width: 84px; height: 12px; float: right; background: url(/img/firma.gif) no-repeat; display: block; text-indent: -9999px; margin-right: 10px;}

a, a:visited{
	color: #088ac0;
	text-decoration: none!important;
}

a:hover{
	text-decoration: underline!important;
}

a.visita{
	display: block;
	width: 202px;
	height: 32px;
	background: url(/img/visita.gif) no-repeat;
}

a.visita:hover{
	background: url(/img/visita.gif) no-repeat 0 -32px;
}