/**
 * Basic CSS File for Tetrakys.es
 *
 * @author: Mike Papageorge
 * @lastUpDate: 16/01/2006 
 */
 

body {
	font: 76%/140% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #142887;
}
p, ul, ol, dl, blockquote, pre, td, th {
	margin-bottom: 0.75em;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font: 100%/140% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2em;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 2px 0 0 0;
	color: #FEF000;
	line-height: 30px;

}
.green h1 {
	font-size: 2em;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 2px 0 0 0;
	color: #0060A8;
	line-height: 30px;

}
.green h2, .green h3{
	color:#ff0;/*#142887*/
}
h2, h3, h4, h5, h6 {
	font-size:1.0em;
	padding:0.5em 0 0.5em 0;
	color: #84C671;/*#0060A8*/
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size:1.3em
}
h4 {
	font-size:1.1em
}
a:link, a:visited {
	color: #FEF000;
}
/*a:visited:after {
	content: " \221A";
	content: "\00A0\221A";
	font-size: 75%;
}*/
a:hover {
	text-decoration:none
}
ul {
	list-style-position: inside;
}
ol {
	list-style-position: outside;
	margin-left:30px;
} 
ol li ol li {
	margin:10px 0 0 20px;
}
#content li{
	margin-bottom:1em
}

/**
 * Misc
 *
 */

/*.hide {
	display:none;
}
*/
*, #top {
	margin:0;
	padding:0;
}
.text-center {
	text-align:center
}
.clear {
	clear:both
}
/**
 * Logo
 *
 */

#logo {
	list-style-type:none;
	position:absolute;
	top:60px;
	left:10px;
}
	#logo a {
		display:block;
		text-decoration:none;
		width:250px;
		height:60px	
	}
		#logo a span {
			text-indent:-9000px;
			display:block
		}
/**
 * Acces
 *
 */

.access, h1 span {
	height: 0;
	left: -19000px;
	overflow: hidden;
	position: absolute;
	width: 0;
}
/**
 * Main Layout blocks
 *
 */
/***Body***/
body.home {
	background:#5A73E7;
}
body.arboles {
	background:#68B950 url(/images/arboles/body.png) repeat-x;
}
body.columpio {
	background:#68B950 url(/images/columpio/body.png) repeat-x;
}
body.comba {
	background:#68B950 url(/images/comba/body.png) repeat-x;
}
body.desierto-d {
	background:#FEF000 url(/images/desierto-d/body.png) repeat-x;
}
body.desierto-n {
	background:#FEF000 url(/images/desierto-n/body.png) repeat-x;
}
body.flores {
	background:#68B950 url(/images/flores/body.png) repeat-x;
}
body.nieve {
	background:#fff url(/images/nieve/body.png) repeat-x;
}


/***wrap-out***/
#wrap-out {
	position:relative;
	top:0;
	left:0;
	z-index:3
}
/***wrap-in***/
#wrap-in {
	width:760px;
	margin:0 auto 0;
	position:relative;
}
	.arboles #wrap-in {
		background: url(/images/arboles/wrap-in.png) no-repeat;
	}
	.columpio #wrap-in {
		background: url(/images/columpio/wrap-in.png) no-repeat;
	}
	.comba #wrap-in {
		background: url(/images/comba/wrap-in.png) no-repeat;
	}
	.desierto-d #wrap-in {
		background: url(/images/desierto-d/wrap-in.png) no-repeat;
	}	
	.desierto-n #wrap-in {
		background: url(/images/desierto-n/wrap-in.png) no-repeat;
	}	
	.flores #wrap-in {
		background: url(/images/flores/wrap-in.png) no-repeat;
	}
	.nieve #wrap-in {
		background: url(/images/nieve/wrap-in.png) no-repeat;
	}
/***header***/
.arboles #header {
	height:160px;
	background: url(/images/arboles/header.png) no-repeat;
}
.columpio #header {
	height:160px;
	background: url(/images/columpio/header.png) no-repeat;
}
.comba #header {
	height:160px;
	background: url(/images/comba/header.png) no-repeat;
}
.desierto-d #header {
	height:160px;
	background: url(/images/desierto-d/header.png) no-repeat;
}
.desierto-n #header {
	height:160px;
	background: url(/images/desierto-n/header.png) no-repeat;
}
.flores #header {
	height:160px;
	background: url(/images/flores/header.png) no-repeat;
}
.nieve #header {
	height:160px;
	background: url(/images/nieve/header.png) no-repeat;
}
.arboles #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/arboles/header-fix.png) repeat-x;
}
.columpio #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/columpio/header-fix.png) repeat-x;
}
.comba #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/comba/header-fix.png) repeat-x;
}
.desierto-d #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/desierto-d/header-fix.png) repeat-x;
}
.desierto-n #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/desierto-n/header-fix.png) repeat-x;
}
.flores #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/flores/header-fix.png) repeat-x;
}
.nieve #header-fix {
	position:absolute;
	width:50%;
	height:223px;
	top:0;
	left:0;
	z-index:1;
	background: url(/images/nieve/header-fix.png) repeat-x;
}
/***canvas***/
.arboles #canvas, .columpio #canvas, .flores #canvas, .nieve #canvas, .desierto-d #canvas, .desierto-n #canvas {
	padding:10px;
	background:#5A73E7;
	color:#fff;
	margin:10px 0 20px 0;
}
.comba #canvas {
	padding:0;
	background:none;
	color:#142887;
	margin-bottom:20px
}
/***content***/
#content {	/* 530px total width */
	width:490px;
	float:right;
	overflow:hidden;
	padding:20px;
}
#content dd{ line-height: 30px;}
#content dt{ margin-top: 20px;}
#oferta1, #oferta2, #oferta3{ font-size:0.8em; font-style:italic}
em {
	color:#FFFF00;
	font-style:normal
}

.arboles p:first-letter, .columpio p:first-letter, .comba p:first-letter, .desierto-d p:first-letter, .desierto-n p:first-letter, .flores p:first-letter {
	font-size: medium; color: #fff;
}
.comba p:first-letter {
	font-size: medium; color: #142887;
}

	/**flashcontent**/
	#flashcontent  {
		padding-left:30px;
	}
	/**Tables**/
	table {
		margin:10px 0 20px 0;
		font-size: 0.8em;
	}
		.casa, .escuela {
			border: 1px solid #B5C0F4;
			border-collapse: collapse;
			margin:10px 0 0 auto;
			color: #fff;
		}
			.casa td, .escuela td {
				border: 1px solid #B5C0F4;
				padding:8px;
			}
			.escuela td {
				background-color:#788CEB;/*99CCFF*/
				}
				.casa td.niveles {
					background-color:#CCFFCC;
					color:#68B950;
					text-align:center;
				}
				.casa td.empty {
					background-color:#788CEB;/*99CCFF*/
				}
			.casa th, .escuela th {
				border: 1px solid #B5C0F4;
				text-align:left;
				background-color:#0261A4;/*0261A4*/
				padding:8px;
			}
			.casa th.title, .escuela th.title { 
			background-color:#68B950;
			text-align:center;
			}
			.gastos td{
				border: 1px solid #B5C0F4;
				padding:8px;
				text-align:center;
			}
				.gastos td.niveles {
					background-color:#CCFFCC;
					color:#68B950;
					text-align:left;
				}
			.gastos th {
				border: 1px solid #B5C0F4;
				text-align:center;
				background-color:#0261A4;/*0261A4*/
				padding:8px;
			}
	/**images**/
	img {
		cursor: url("/images/aladybug6.gif"), default;
	}
	img.left {
		float:left;
		margin:10px 15px 10px 0;
	}
	img.right {
		float:right;
		margin:6px 0 10px 20px;
	}
	img.center {
		display:block;
		margin:10px auto;
	}
	.dvd-prom {float:right; width:184px; height:178px; margin: 10px 0 10px 20px;}
	.dvd-prom p { font-size:0.8em; padding-left:5px;text-align:center;}
	/**form**/
	form {
		margin-left:10px;
	}
	p.form, #save {
		margin-top:20px;
	}
	#save  {
		margin:20px 0 0 60px;
	}
	.save  {
		margin:10px 0 10px 190px;
	}
	.radio, .checkbox {
		padding:0 0 10px 20px;
	}
	#number {
		font-size:0.7em;
	}
	#form-compra { background-color:#788CEB; padding: 10px;}
	#form-compra form div label, #content form div label { line-height:25px;}
	#form-compra form p, #content form p{ margin-top:10px;}
	.errors td{ color:#FF0000; padding-bottom:10px;}
	p.errors, ol.errors, p.errors:first-letter {color:#FF0000;}
	.ir-paypal{ margin:20px 0 20px 120px;}
	/**galeria**/
	ul.gal {
	list-style:none;
	background-color:#090909;
	margin-top:20px;
	width:520px;
	}
		ul.gal li img {
		margin:20px 0 0 10px ;
		padding:0;
		}
	/**enlaces**/
	ul.enl li{
		margin-left:20px;
		list-style-type:disc;
		color:#ff0;
	}
	/**enlaces**/
#subnav-top{
	text-align:center;
	color:#ff0;
}
#subnav-bot{
	text-align:center;
	color:#ff0;
	margin-top:20px;
}
/***footer***/
.arboles #footer {
	clear:both;
	background:#5A73E7 url(/images/arboles/footer-tile.png) repeat-x;
}
.columpio #footer {
	clear:both;
	background:#5A73E7 url(/images/columpio/footer-tile.png) repeat-x;
}
.comba #footer {
	clear:both;
	background:#5A73E7 url(/images/comba/footer-tile.png) repeat-x;
}
.desierto-d #footer {
	clear:both;
	background:#5A73E7 url(/images/desierto-d/footer-tile.png) repeat-x;
}
.desierto-n #footer {
	clear:both;
	background:#5A73E7 url(/images/desierto-n/footer-tile.png) repeat-x;
}
.flores #footer {
	clear:both;
	background:#5A73E7 url(/images/flores/footer-tile.png) repeat-x;
}
.nieve #footer {
	clear:both;
	background:#5A73E7 url(/images/nieve/footer-tile.png) repeat-x;
}
.arboles #footer-wrap {
	background: url(/images/arboles/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}

.columpio #footer-wrap {
	background: url(/images/columpio/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}
.comba #footer-wrap {
	background: url(/images/comba/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}
.desierto-d #footer-wrap {
	background: url(/images/desierto-d/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}
.desierto-n #footer-wrap {
	background: url(/images/desierto-n/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}
.flores #footer-wrap {
	background: url(/images/flores/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}
.nieve #footer-wrap {
	background: url(/images/nieve/footer.png) no-repeat;
	width:760px;
	margin:0 auto 0
}

#footer p {
	color:#FFF;
	text-align:center;
	padding:175px 0 15px 0;
	margin:0
}
.nieve #footer p {
	color:#5A73E7;
	text-align:center;
	padding:175px 0 15px 0;
	margin:0
}
#footer p:first-letter {
	color:#FFF;
}
.nieve #footer p:first-letter {
	color:#5A73E7;
}
.home #footer p {
	color:#FFF;
	text-align:center;
	padding:10px 0 15px 0;
	margin:0
}


.banner-comprar, .banner-aiju {
margin:20px 0 0 20px;
}
.banner-comprar img, .banner-aiju img, .ir-juegos img, .descarga img{
border:none;
cursor: pointer;
}
.ir-juegos img{margin-left:5px;}
.banners-bot{
margin:10px 0 10px 0;
text-align:left;
}
.revisar{ color:#FF0000;}

/**
 * Home page stuff
 */
 body#index, #index #wrap-in {background:#5a73e7;color:#FFF;}
 #index #content {width:760px;}
 #index #flashcontent {margin-bottom:20px;text-align:center}
 #index p {padding:0 30px 0 55px; text-align:justify}
 #slideshow-container, #slideshow2-container {width:216px;margin:0 auto}
 #slideshow2-container {margin-top:20px;}


#flags {position:absolute;top:5px;right:30px}
#flags2 {position:absolute;top:5px;right:0px}