/*textos*/





.alto {


	height: 540px;


}


.alto2 {


	height: 370px;


}





.alto3 {


	height: 70px;


}





.alto4 {


	height: 160px;


}





.alto5 {


	height: 90px;


}





.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;


}





.alto2 {


	height: auto;


}





.alto3 {


	height: auto;


}





.alto4 {


	height: auto;


}





.alto5 {


	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;


}