@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Sofia);
@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);

@font-face {
    font-family: 'tooney_loonsregular';
    src: url('fonts/tooney_loons-webfont.eot');
    src: url('fonts/tooney_loons-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tooney_loons-webfont.woff') format('woff'),
         url('fonts/tooney_loons-webfont.ttf') format('truetype'),
         url('fonts/tooney_loons-webfont.svg#tooney_loonsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tooney_loonsitalic';
    src: url('fonts/tooney_loons_itl-webfont.eot');
    src: url('fonts/tooney_loons_itl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tooney_loons_itl-webfont.woff') format('woff'),
         url('fonts/tooney_loons_itl-webfont.ttf') format('truetype'),
         url('fonts/tooney_loons_itl-webfont.svg#tooney_loonsitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'tooney_loonsbold_italic';
    src: url('fonts/tooney_loons_bld_itl-webfont.eot');
    src: url('fonts/tooney_loons_bld_itl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tooney_loons_bld_itl-webfont.woff') format('woff'),
         url('fonts/tooney_loons_bld_itl-webfont.ttf') format('truetype'),
         url('fonts/tooney_loons_bld_itl-webfont.svg#tooney_loonsbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'banda_regularregular';
    src: url('fonts/banda-webfont.eot');
    src: url('fonts/banda-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/banda-webfont.woff') format('woff'),
         url('fonts/banda-webfont.ttf') format('truetype'),
         url('fonts/banda-webfont.svg#banda_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Fonts*/

/* End Fonts */
.clear{ clear:both; display:block; height: 0; margin: 0; padding: 0; width: 100%;}

/* ---------------------general ---------------------*/

.trees{ background:url(../images/footerTrees.png) repeat center bottom; display: block; width: 100%; height: 283px;}

header{ background:url(../images/bgHeader.png) repeat-x center top; height: 416px; z-index:5; position:relative;}
header .wrapperHeader{ width:794px; margin:0 auto;padding-top: 23px;}
header .wrapperHeader a.logoBtn{ display:block; text-indent:-999em; background:url(../images/logoBtn.png) no-repeat;width: 442px; height: 209px; position: absolute; top: -16px; }
header .wrapperHeader a.logoBtn:hover{ background-position:0px -243px;}
header .wrapperHeader .personajesHeader{ position:absolute; right: 0px; top: 155px;}

article{ width:794px; margin: 0 auto; position:relative; background:url(../images/bg_content.jpg) repeat-y; box-shadow:0px 5px 12px rgba(0,0,0,0.5); -moz-box-shadow:0px 5px 12px rgba(0,0,0,0.5); -webkit-box-shadow:0px 5px 12px rgba(0,0,0,0.5); z-index: 1; top: -38px; padding: 35px 0 20px;}

p, a{ font-family:'banda_regularregular', Arial, sans-serif; font-size:13px; color:#0c0909; line-height: 16px;}

/*--------------------- home --------------------- */
.home{ background:url(../images/bg.jpg) repeat;}
section.welcomeBox{ background:url(../images/welcomeBoxBg.png) no-repeat left bottom #d6bd54; margin:66px 0px 20px 120px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; width: 463px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); padding:56px 50px 26px 66px; position:relative;}
.titleType01{ font-family: 'Sofia', cursive; font-size: 24px; color:#4d0e0e; }
section.welcomeBox .titleType01{ margin-top: 46px; text-indent: 130px; }
.rainbowBox{background:url(../images/rainbowContent.png) no-repeat; position:absolute; left: -50px; top: -61px; width: 310px; height: 122px;}

section.charactersBox{ background:url(../images/meetCharacters.png) no-repeat left bottom #2b5d29; width: 673px; margin:62px auto 10px; padding: 52px 0 9px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); position:relative;}
section.charactersBox p{ color:#f0f5da; margin: 0 40px 2px 44px;}
.titleCharacterBox { background:url(../images/titleCharacterBox.png) no-repeat; width: 216px; height: 89px; display: block; position: absolute; left: 8px; top: -42px;}
.titleType02{ font-family: 'tooney_loonsregular', Arial, Helvetica, sans-serif; color:#f0f5da; text-align:center; font-size: 22px; text-shadow: 3px 3px 3px rgba(0,0,0,0.5); -moz-text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
-webkit-text-shadow: 3px 3px 3px rgba(0,0,0,0.5); margin-top: 20px; }
section.charactersBox a{ color:#f0f5da; text-decoration:none;}

nav ul.charactersMenu{ margin: 4px 14px;}
nav ul.charactersMenu li{ float:left; margin: 0 3px;}
nav ul.charactersMenu li a{ background:url(../images/personajes.png) no-repeat; width:123px; height:142px; display:block; text-indent:-99999em; background-position:-18px -38px;}
nav ul.charactersMenu li a.lCriollas{ background-position:-157px -38px; margin-top:25px; }
nav ul.charactersMenu li a.lRomanes{ background-position:-295px -38px; }
nav ul.charactersMenu li a.lEspanol{ background-position:-434px -38px; margin-top:25px; }
nav ul.charactersMenu li a.lSenas{ background-position:-572px -38px; }


nav ul.charactersMenu li a:hover{ background-position:-18px -197px;}
nav ul.charactersMenu li a.lCriollas:hover{ background-position:-157px -197px; }
nav ul.charactersMenu li a.lRomanes:hover{ background-position:-295px -197px; }
nav ul.charactersMenu li a.lEspanol:hover{ background-position:-434px -197px; }
nav ul.charactersMenu li a.lSenas:hover{ background-position:-572px -197px; }

section.InteractiveBox{ background:url(../images/bgInteractiveBox.png) no-repeat left bottom #63e0d9; position:relative;  width: 672px; margin:60px auto 0; padding: 70px 0 18px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
section.InteractiveBox p{ margin:0 40px 8px; color:#13726d;}
.titleInteractiveBox{ background:url(../images/titleInteractiveBox.png) no-repeat; width: 216px; height: 89px; display: block; position: absolute; right: 15px; top: -32px;}

nav ul.menuType2{ margin:0 0px 0 30px;}
nav ul.menuType2 li{ float:left; margin: 0 10px;}
nav ul.menuType2 li a{ background:url(../images/btn_otros.png) no-repeat; display:block; width:160px; height:104px; text-indent:-9999em;}

nav ul.menuType2 li a.actividades{ background-position:0px 0px;}
nav ul.menuType2 li a.tradicion{ background-position:-177px 0px; width: 239px;}
nav ul.menuType2 li a.glosario{ background-position:-424px 0px; width: 170px;}

nav ul.menuType2 li a.actividades:hover{ background-position:0px -116px;}
nav ul.menuType2 li a.tradicion:hover{ background-position:-177px -116px;}
nav ul.menuType2 li a.glosario:hover{ background-position:-424px -116px; }

/* --------------------- FOOTER --------------------- */
footer{ background:url(../images/footerImg.jpg) repeat-y; width: 794px; display:block; margin:0 auto; box-shadow:0px 5px 12px rgba(0,0,0,0.5); -moz-box-shadow:0px 5px 12px rgba(0,0,0,0.5); -webkit-box-shadow:0px 5px 12px rgba(0,0,0,0.5); padding: 20px 0 2px; top: -12px; position: relative;}
footer p{ text-align:center; font-size:13px; color:#724927; margin-top: 12px;}
footer nav ul{ margin: 0 36px; float:left;}
footer nav ul li{  margin:0 46px 16px;}
footer nav ul li a{ background:#bd4040; color:#eeedaf; text-decoration:none; font-family: 'tooney_loonsregular', Arial, sans-serif; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 3px 2px; width: 140px; display: block; text-align: center; box-shadow:0px 1px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.5); border: 2px solid transparent;}
footer nav ul li a:hover{ color:#ffffff; border: 2px solid #ffffff; background: #bd4040; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNiZDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2EyODJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #bd4040 66%, #7a282a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#bd4040), color-stop(100%,#7a282a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #bd4040 66%,#7a282a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #bd4040 66%,#7a282a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #bd4040 66%,#7a282a 100%); /* IE10+ */ background: linear-gradient(to bottom,  #bd4040 66%,#7a282a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd4040', endColorstr='#7a282a',GradientType=0 ); /* IE6-8 */
}

footer span.logoCC a{ background:url(../images/logo.png) no-repeat; width:83px; height:84px; display:inline-block; text-indent:-9999em; margin-top: 12px;}
footer span.logoPL a{ background:url(../images/logoPortal.png) no-repeat 0px 12px; width:265px; height:95px; display:inline-block; text-indent:-9999em;}
footer span.logoCC{margin: 0 45px 0 41px; }


/* --------------------- Indigenas --------------------- */
.indigenas{}

.juegosEspanol, .juegosindigenas, .juegoscriollas, .juegosromanes, .juegossenal, .homeJuegos{
	height:794px;
	position:relative;}
div[id=secuencias],div[id=sopa],div[id=adivinanzas],div[id=senias],div[id=rompecabezas],div[id=juegos]{
	
	left:22px;
}
.mapaCriollas, .mapaRomanes, .mapaIndigenas{
	padding-left:0px;}
	
	
	/*----------------* secciones extras--------------------*/
.titleExtra{
	background-color:rgb(214,189,84);
	border-radius: 8px;
	margin-left:90px;
	margin-top:27px;
	width:659px;
	height:129px;
	position:relative;
	box-shadow: 2px 1px 5px rgba(0,0,0,0.5);
}
.titleTextExtra {
	
	width:287px;
	height:76px;
	float:right;
	margin-right:174px;
	margin-top:29px;

	position:relative;
	background-image:url(../images/Glosario.png);
	background-repeat:no-repeat;
	}
.iconExtra{
	margin-left:14px;
	margin-top:4px;
	height:157px;
	width:122px;
	float:left;
	position:absolute;
	
	 }

.contentExtra{
	margin-top:22px;
	margin-left:43px;
	margin-bottom:18px;
	padding:20px 0;
	width:703px;
	height:550px;
	border-radius:8px;
	background-image:url(../images/fondoTextoExtra.png);
	color:rgb(173,30,31);
	 font-family: 'tooney_loonsregular';
	 font-size:22px;
	 text-shadow: 0 0 1px #FFFFFF;
	 position:relative;
	 box-shadow: 2px 1px 5px rgba(0,0,0,0.5);
}
.contentExtra .textoGlosario{
position: relative;
z-index: 10;
padding-left:17px;

}
.imageGlosario{
	position: absolute;
bottom:0px;
z-index: 0;
	
}
.articleGlosario .commonMenu
{
	background:url(../images/commonMenuExtra.png) no-repeat center;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
.articleGlosario .commonMenu nav ul li {
float: left;
margin: 4px 0px 0px 8px;
}
/*---------contacto----------*/

.titleTextExtraContacto {
	
	width: 338px;
	height:76px;
	float:right;
	margin-right: 100px;
	margin-top:29px;

	position:relative;
	background-image:url(../images/Contacto.png);
	background-repeat:no-repeat;
	}
.contactText
{
	 
}
.contactText p
{
	font-family: 'banda_regularregular';
	 font-size:16px;
	 text-align:center;
	 color: #906a2c;
	 line-height: 18px;
}
form.contact .box
{
	display:block;
	float:left;
	width: 270px;
margin: 20px 20px 10px 45px;
}
form.contact .box label{
	font-family: 'tooney_loonsregular';
	font-size:18px;
	color: #906a2c;
}
form.contact .box input[type="text"]{
	display:block;
	width: 250px;
	height:28px;
	border:none;
	background: url(../images/input.png) no-repeat center left;
	padding: 0px 10px;
}

form.contact.boxComments
{
	display:block;
	float:left;
	width: 270px;

}

form.contact .boxComments label{
	font-family: 'tooney_loonsregular';
	font-size:18px;
	color: #906a2c;
	margin:0px 0px 0px 45px;
}
form.contact .boxComments textarea{
	display:block;
	width: 286px;
	height: 146px;
	border:none;
	background: url(../images/Box2.png) no-repeat center left;
	margin: 10px 0px 0px 45px;
	padding: 10px 20px;
	resize: none;
}
.textoComments
{
	float: right;
	display: block;
	font-family: 'tooney_loonsregular';
	font-size:13px;
	color: #906a2c;
	margin: 170px 0px 0px 0px;
	width:287px;	
}
form.contact .boxComments{
	display:block;
	float:left;
}
form.contact input[type="submit"]
{
	width:62px;
	margin: 22px 0px 0px 54px;
	text-align:center;
	font-size: 16px;
	border: none;
	cursor: pointer;
	color: #906a2c;
	font-family: 'tooney_loonsregular';
	background:url(../images/sendImage.png);
	height:35px;
}
.endText
{
	width:600px;
	text-align: justify;
	font-family: 'banda_regularregular';
	font-size: 11px;
	/* margin-left: 25px; */
	color:#906a2c;
	margin: 52px 0px 0px 45px;
	font-style: italic;
	line-height: 15px;
}
/* ___________Quienes Somos________________ */
.quienesSomos
{
	
}

.titleTextExtraQS {
	
	width: 476px;
	height:72px;	
	margin-right: 8px;
	margin-top: 28px;
	float: right;
	background-image:url(../images/quienesSomos.png);
	background-repeat:no-repeat;
}
.quienesSomos p{
	
	display:block;
	color:#906a2c;
	width:644px;
	margin-left:48px;
	margin-top:15px;
	text-align: justify;
	font-family: 'banda_regularregular';
}
.quienesSomos p span{
	font-weight:bold;
}
.error p,
.thank p{
	color:#906a2c;
	margin:10px;
}