html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,	del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	
	margin:0;
	
	padding:0;
	
	text-decoration:none;
	
	outline:none;
	
	border:none;
	
	font-size: 100%;
	
	list-style:none;
	
	font-family:Verdana;
	
	-webkit-text-size-adjust:none;
	

}


html{
	
	width:100%;
	
	min-height:100%;
	
	-webkit-font-smoothing: antialiased;
	
	cursor:default;
	

}


body{
	
	width:100%;
	
	height:100%;
	
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	
	background-color:white;
	

}


a {
	
	cursor:pointer;
	

}





/*************** CABECERA ***************/
header {
	
     position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 100%;
	min-width: 960px;
	margin:0 auto;
	background-color: #005ea8;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size:26px;
	/*border-bottom:5px solid #CCCCCC;
	box-shadow: 0px 0px 10px 1px rgba(210, 210, 210, 0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(210, 210, 210, 0.75);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(210, 210, 210, 0.75);*/
}


header > h1{
	
	margin-top: 8px;
color: #FFF;
font-family: Verdana,Tahoma,Geneva,sans-serif;
font-size: 26px;
position: absolute;
left: 30px;
line-height: 35px;

	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}



/*************** CONTENIDO ***************/
#contents {
	
position: relative;
margin-left: auto;
margin-right: auto;
width: 960px;
min-height: 500px;

	
	min-height:500px;
	

}



#contents > div#elements {
	
	width: 100%;
padding: 5px;
text-align: center;
margin: 60px 0px 20px;
clear: both;
float: left;
	

}


#contents >  div#elements > h2{
	
	float:left;
	
	width:400px;
	
	margin:5px;
	

}


#contents >  div#elements > h5{
	
	float:left;
	
	width:100%;
	
	margin:margin: -7px 0px 20px 0px;
	
	text-align: center;
	
	font-size: 12px;
	
	font-weight: normal;
	
	color: #005EA8;
	
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	

}



#contents >  div#elements > h4{
	
	float:left;
	
	width:100%;
	
	margin:0px 0 20px 0;
	
	text-align: center;
	
	font-size: 22px;
	
	font-weight:bold;
	
	color: #000000;
	
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	
	/*display:none;
	*/

}



div#elements > img{
	
	width: 890px;
	
    margin-top: 20px;
	
    border-radius: 49px
	/*max-height: 300px;
	*/

}






/*------------------------ MENSAJE ------------------------*/
#mensaje {
	
	z-index:2000;
	

}


#mensaje p{
	
	text-align:center;
	
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	
	font-size: 30px;
	

}


#mensaje h7{
	
	font-size: 12px;
	

}


.noTitleStuff .ui-dialog-titlebar{
	display:none;
}


#mensajefinal{
	
	text-align:center;
	
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	
	font-size: 30px;
	

}


/*------------------------ DIALOG ------------------------*/
.ui-dialog{
	 
	display:none;
	

}


.ui-dialog .ui-dialog-title{
	 
	color:#fff;
	

}







/*------------------------ FOOTER ------------------------*/
footer{
	
    position: fixed;
	
    left: 0;
	
    bottom: 0;
	
    height: 60px;
	
	width:100%;
	
	min-width: 920px;
	
	z-index: 50;
	

}






/*------------------------ ZONA INTERACTIVA ------------------------*/
.mainpanel {
	
	position: relative;
	

	float: left;
	
	width: 100%;
	
	height: auto;
	
	padding-bottom:175px;
	

}




.mainpanel  div#text {
	
    position:absolute;
	
    top:-380px;
	
	width: 100%;
	
	height:auto;
	
	min-height:100px;
	
	font-size: 24px;
	
	text-align:center;
	

}











/*------------------------ COLOR TEXTO SELECCIONADO ------------------------*/
::-moz-selection{
	
    background: #ffeb74;
	 /* color de fondo */
    color: #0095da;
	 /* color de texto */

}


::selection{
	
    background: #ffeb74;
	 /* color de fondo */
    color: #0095da;
	 /* color de texto */

}


::-webkit-selection {
	
    background: #ffeb74;
	 /* color de fondo */
    color: #0095da;
	 /* color de texto */

}

 







/*------------------------PARA ATRIBUTOS VÍDEO, FILE, IMAGEN & AUDIO ------------------------*/
.attrAudio,[video],[file],[image]{
	
    cursor:pointer;
	
	filter:alpha(opacity=80);
	
    -moz-opacity:0.8;
	
    -khtml-opacity: 0.8;
	
    opacity: 0.8;
	

}


.attrAudio:hover,[video]:hover,[file]:hover,[image]:hover{
	
	filter:alpha(opacity=100);
	
    -moz-opacity:1;
	
    -khtml-opacity: 1;
	
    opacity: 1;
	

}


.yooigo, yoveo, yofoto, yofile{
	
    width:auto;
	
    height:50px;
	
    margin-right:5px;
	
	display: inline-block;
	

}


.yooigo img, yoveo img, yofoto img, yofile img{
	
    width:auto;
	
    height:50px;
	

}



video{
	
	overflow-y: hidden;
	
	overflow-x: hidden;
	

}



video:-moz-full-screen        
video:-webkit-full-screen,
video:-moz-full-screen,
video:-ms-full-screen,
video:-o-full-screen,
video:full-screen
{
	 max-height: 100%;
	
	max-width: 100%;
 }



	
	
[draggable="true"] {
	
  -khtml-user-drag: element;
	
  -webkit-user-drag: element;
	
  -khtml-user-select: none;
	
  -moz-user-select: none;
	
  -webkit-user-select: none;
	
  user-drag: element;
	
  user-select: none;
	

}