@charset "utf-8";
/* CSS Document */
header {
	background:url(../images/header.png) top;
	background-size:100% 180px;
	top:0;
	display:block;
	height:180px;
	left:0;
	right:0;
	z-index:999999999;
	}
header a, header div {
	float:left;
	text-align:center;
	margin-left:2%;
	}
header a {
	color:#73a1d4;
	padding:1%;
	background:none;
	text-transform:uppercase;
	margin-top:2%;
	font-size:0.8 !important;
	}
header div {
	padding-top:50px;
	width:159px;
	height:88px;
	color:#FFF;
	font-size:2em;
	}
/* ------------------------------------------------------------------------------------ */
footer {
	background:url(../images/f-footer.png) top;
	display:block;
	text-align:right;
	padding:10px;
	color:#FFF;
	height:50px;
	bottom:0;
	font-family: 'Conv_MyriadPro-Regular';
	z-index:999999999;
	}
footer a {
	background:none;
	font-size:1em;
	padding:0;
	color:#FFF !important;
	}
footer a:hover {
	color:#CCC !important;
	}
/* ------------------------------------------------------------------------------------ HOME */
#home {
	background:url(../images/piso.png) no-repeat, url(../images/Montania.png) no-repeat 8%;
	}
#home a {
	color:#993a21 !important;
	}
#home .quien-es-tincho {
	position:fixed;
	top:40%;
	left:14%;
	}
#home .Acantar {
	position:fixed;
	top:45%;
	left:38%;
	}
#home .laboratorio {
	position:fixed;
	bottom:55%;
	right:30%;
	}
#home .jugamos {
	position:fixed;
	bottom:45%;
	right:25%;
	}
/* ------------------------------------------------------------------------------------ */
#logo {
	position:absolute;
	right:2%;
	top:2%;
	width:20%;
	height:auto;
	z-index:99999999 !important;
	}
#cactus {
	position:absolute;
	background:url(../images/cactus.png) no-repeat;
	background-size:100% 100%;
	right:22%;
	bottom:30%;
	width:300px !important;
	height:400px;
	}
#tinchoHome {
	position:fixed;
	bottom:0;
	left:20%;
	z-index:99999999;
	width:20%;
	height:auto;
	}
#logoNorma {
	position:fixed;
	bottom:2%;
	left:2%%;
	z-index:99999999;
	}
/* ------------------------------------------------------------------------------------ QUIEN ES TINCHO */
#quien-es-tincho {
	background:url(../images/quien-es-tincho.jpg) center no-repeat;
	}
#pablito, #tincho, #indicacion  {
	position:absolute;
	background-size:100% 100% !important;
	padding:2%;
	height:auto;
	font-size:1.5em;
	font-family: 'Conv_MyriadPro-Regular';
	}
#indicacion {
	top:20%;
	width:auto;
	right:30%;
	background:url(../images/cartel-1.png) no-repeat;
	color:#bd86b1;
	}
#tincho {
	bottom:70px;
	width:30%;
	right:22%;
	background:url(../images/cartel-1.png) no-repeat;
	color:#bd86b1;
	}
#pablito {
	bottom:100px;
	width:20%;
	left:15%;
	background:url(../images/cartel-2.png) no-repeat;
	color:#55b1cb;
	}
.pablito, .tincho{
	position:absolute;
	top:190px;
	bottom:50px;
	}
.pablito {
	left:25%;
	width:25%;
	bottom:2%;
	}
.tincho {
	right:28%;
	width:20%;
	bottom:10%;
	}
/* ------------------------------------------------------------------------------------ A CANTAR */
#Acantar {
	background:url(../images/Acantar.jpg) bottom no-repeat;
	}
#cartel-3 {
	background:url(../images/boton-2.png) no-repeat;
	background-size:100% 100% !important;
	width:20%;
	height:auto;
	padding:1%;
	margin:1%;
	float:right;
	text-align:center;
	font-size:1em;
	}
#cartel-3 img {
	vertical-align:middle;
	}
#cartel-3 a {
	background:none;
	}
#video {
	position:absolute;
	top:15%;
	width:500px;
	height:350px;
	left:50%;
	margin-left:-250px;
	}
#cVideo {
	position:absolute;
	bottom:60px;
	width:98%;
	height:auto;
	}
#letra, #lista {
	display:none;
	position:absolute;
	padding:2%;
	font-size:1.2em;
	background:rgba( 255, 255, 255, 0.7 );
	border:5px #FFFFFF solid;
	border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	-webkit-border-radius:20px;
	overflow:auto;
	}
#letra {
	top:150px;
	width:250px;
	bottom:180px;
	left:120px;
	}
#lista {
	height:400px;
	width:400px;
	left:50%;
	top:50%;
	margin-left:-200px !important;
	margin-top:-200px !important;
	}
#cerrar, #cerrarLista {
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	background:url(../images/cerrar.png) no-repeat;
	}
/* ------------------------------------------------------------------------------------ JUGAMOS */
#jugamos {
	background:url(../images/fondo-jugamos.png) center no-repeat;
	text-align:center;
	}
#menuJuegos {
	margin:auto;
	margin-top:150px;
	text-align:center;
	width:300px;
	}
#menuJuegos a {
	position:relative;
	width:auto !important;
	padding:8%;
	background:url(../images/boton-2.png) repeat;
	background-size:100% 100%;
	display:block;
	color:#d5609f !important;
	}
/* ------------------------------------------------------------------------------------ LABORATORIO */
#laboratorio {
	background:url(../images/fondo-7.png) repeat !important;
	}
#laboratorio iframe {
	width:250px;
	height:141px;
	margin:5px;
	}
#contenedorVideos {
	margin:auto;
	text-align:center;
	width:1100px;
	margin-top:15%;
	height:auto;
	}
#contenedorVideos a {
	background:none;
	cursor:pointer;
	}
#videoYoutube {
	position:fixed;
	border:5px #FFFFFF solid;
	z-index:999999999999999999999999999 !important;
	left:10%;
	right:10%;
	top:10%;
	bottom:10%;
	background:#FFF;
	border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	-webkit-border-radius:20px;
	}
#videoYoutube iframe {
	width:98%;
	height:98%;
	}
/* ------------------------------------------------------------------------------------ MATERIAL DOCENTE */
#material-docente {
	background:url(../images/fondo.jpg) repeat !important;
	text-align:center;
	}
#material-docente .div-MD {
	margin-left:30%;
	margin-top:10%;
	background:url(../images/material-ddocente.png) no-repeat; width:528px; height:458px;
	background-size:100% 100%;
	}
/* ------------------------------------------------------------------------------------  CONTACTO */
#contacto {
	background:url(../images/fondo-2.jpg) repeat !important;
	}
#contacto iframe {
	position:absolute;
	width:500px;
	height:400px;
	left:50%;
	top:50%;
	margin-top:-150px;
	margin-left:-250px;
	}
label {
	background:url(../images/boton.png);
	background-size:100% 100%;
	padding:2%;
	color:#F60;
	text-align:center;
	font-size:1.5em;
	}
input, textarea {
	width:90%;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px;
	}
input {
	height:25px;
	}
#button {
	background:url(../images/boton.png);
	background-size:100% 100%;
	padding:1%;
	border:none;
	}
/* ------------------------------------------------------------------------------------ NAV */
nav {
	position:absolute;
	top:190px;
	width:200px;
	height:200px;
	z-index:99999999;
	}
nav a {
	position:absolute;
	padding:10%;
	text-align:left;
	float:left;
	color:#993a21 !important;
	left:-20px;
	background:url(../images/lateral.png) no-repeat;
	background-size:100% 100%;
	}
nav .home {
	top:0;
	}
nav .home:hover {
	left:-2px;
	}
nav .material-docente {
	top:60px;
	}
nav .material-docente:hover {
	left:-2px;
	}
nav .contacto {
	top:140px;
	}
nav .contacto:hover {
	left:-2px;
	}