/*textos*/















.alto {



	height: 540px;



}



.titulo {



	font-size: 20px;



	font-weight: 700;



	line-height: normal;



}



.subtitulo {



	font-size: 16px;



	ont-weight: 600;



	line-height: normal;



}



.bold {



	



	font-weight: bold;



}



.instru {



	font-size: 12px;



	text-align: center;



}



#black {



	color: #545454;



}



#con {



	position: relative;



	z-index: 0;



}



#click {



	top: 0px;



	right: 0px;



	float: right;



	height: 40px;



	position: absolute;



	width: 40px;



	z-index: 999;



}



.tcontexto {



	font-size: 20px;



}



#seccion {



	border-top: solid #DDDDDD 1px;



	border-bottom: solid #DDDDDD 1px;



	font-size: 16px;



	font-weight: bold;



	height: 40px;



	margin: 10px auto;



	padding-top: 10px;



}



#t0 {



	color: #333;



}



#ct0 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: 120px;



}



#bola {



	margin-right: 7px;



}



#c0 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c1 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c2 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c3 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c4 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px 10px 0 10px;



}



#c5 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	margin: 0 10px;



	padding: 10px;



}



#c20 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c21 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.4);



	height: auto;



	margin: 10px;



	padding: 10px;



}



#c30 {



	background: white;



	border-radius: 3px;



	box-shadow: 0 0 5px rgba(0,0,0,.5);



	height: auto;



	margin: 10px 0 10px 0;



	padding: 10px;



}



#img0 {



	margin: 0 auto;



}



#sky {



	color: #00468C;



	text-align: center;



}



#sube {



	bottom: 10px;



	float: right;



	list-style: none;



	right: 10px;



	position: fixed;



	z-index: 9999;



}



#sube img {



	height: 50px;



	width: auto;



}



#sonido {



	padding: 5px;



}



 @media screen and (max-width:767px) {



.container0 {



	margin-right: auto;



	margin-left: auto;



	padding-left: 15px;



	padding-right: 15px



}



#c0 {



	float: none;



	right: 0px;



	margin: 10px;



}



#seccion {



	height: auto;



}



}



 @media screen and (min-width:768px) {



.container0 {



	width: 90%;



	margin-right: auto;



	margin-left: auto;



	padding-left: 25px;



	padding-right: 15px



}



#c0 {



	float: none;



	right: 0px;



}



#seccion {



	height: auto;



}



}



 @media screen and (min-width:792px) {



.container0 {



	width: 90%;



	margin-right: auto;



	margin-left: auto;



	padding-left: 45px;



	padding-right: 15px



}



#seccion {



	width: 93.2%;



}



#c0 {



	float: right;



	right: 52px;



}



#c5 {



	float: none;



	width: 93.8%;



}



}



 @media screen and (min-width:1200px) {



.container0 {



	width: 1170px;



	margin-right: auto;



	margin-left: auto;



	padding-left: 55px;



	padding-right: 15px



}



#seccion {



	width: 93.2%;



	left: 13px;



}



#c0 {



	float: right;



	right: 52px;



}



#c5 {



	float: none;



	width: 93.4%;



}



}



 @media screen and (max-width:990px) {



.alto {



	height: auto;



}



}



/*















			TOOLTIP















		*/































#tooltip {



	font-family: 'Roboto', sans-serif;



	font-size: 14px;



	text-align: center;



	text-shadow: 0 1px rgba( 0, 0, 0, .5 );



	line-height: 1.5;



	color: #fff;



	background: #333;



	background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );



	background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );



	background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );



	background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );



	background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );



	background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );



	-webkit-border-radius: 8px;



	-moz-border-radius: 8px;



	border-radius: 8px;



	border-top: 1px solid #fff;



	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );



	-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );



	box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );



	position: absolute;



	z-index: 100;



	padding: 15px;



}



#tooltip:after {



	width: 0;



	height: 0;



	border-left: 10px solid transparent;



	border-right: 10px solid transparent;



	border-top: 10px solid #333;



	border-top-color: rgba( 0, 0, 0, .7 );



	content: '';



	position: absolute;



	left: 50%;



	bottom: -10px;



	margin-left: -10px;



}



#tooltip.top:after {



	border-top-color: transparent;



	border-bottom: 10px solid #333;



	border-bottom-color: rgba( 0, 0, 0, .6 );



	top: -20px;



	bottom: auto;



}



#tooltip.left:after {



	left: 10px;



	margin: 0;



}



#tooltip.right:after {



	right: 10px;



	left: auto;



	margin: 0;



}