@charset "UTF-8";
/* CSS Document */
/*
Estilos iniciales / Initial rules
*/



#life_wheel{
	background-image: url("../../images/rueda/circulo.png");
	width:400px;
	height:400px;
	top:0px;
	left: 0px;	
}
#fis5
{
    background-image: url("../../images/rueda/fis_5.png");
	height: 344px;
	position: absolute;
	left: 2px;
	top: 27px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: 108px 0px;
}
#fis4
{
    background-image: url("../../images/rueda/fis_4.png");
	height: 344px;
	position: absolute;
	left: 2px;
	top: 27px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: 108px 0px;
}
#fis3
{
    background-image: url("../../images/rueda/fis_3.png");
	height: 344px;
	position: absolute;
	left: 2px;
	top: 27px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: 108px 0px;
}
#fis2
{
    background-image: url("../../images/rueda/fis_2.png");
	height: 344px;
	position: absolute;
	left: 2px;
	top: 27px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: 108px 0px;
}
#fis1
{
    background-image: url("../../images/rueda/fis_1.png");
	height: 344px;	
	position: absolute;
	left: 2px;
	top: 27px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: 108px 0px;
}
#fisica{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	left: 42px;
	position: absolute;
	top: 28px;
	width: 344px;
	background-position: -688px 0px;
	/*background-position: -688px -344;*/
}

#personal{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 344px;
	/*background-position: -1032px -344px;*/
	background-position: -1032px -344px;
}
#per1{
	background-image: url("../../images/rueda/per_1.png");
	height: 344px;
	position: absolute;
	left: 89px;
	top: 28px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#per2{
	background-image: url("../../images/rueda/per_2.png");
	height: 344px;
	position: absolute;
	left: 89px;
	top: 28px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#per3{
	background-image: url("../../images/rueda/per_3.png");
	height: 344px;
	position: absolute;
	left: 89px;
	top: 28px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#per4{
	background-image: url("../../images/rueda/per_4.png");
	height: 344px;
	position: absolute;
	left: 89px;
	top: 28px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#per5{
	background-image: url("../../images/rueda/per_5.png");
	height: 344px;
	position: absolute;
	left: 89px;
	top: 28px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}

#familiar{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 344px;
	background-position: -344px -688px;
}
#fam1{
	background-image: url("../../images/rueda/fam_1.png");
	height: 344px;
	position: absolute;
	left: 91px;
	top: 131px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#fam2{
	background-image: url("../../images/rueda/fam_2.png");
	height: 344px;
	position: absolute;
	left: 91px;
	top: 131px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#fam3{
	background-image: url("../../images/rueda/fam_3.png");
	height: 344px;
	position: absolute;
	left: 91px;
	top: 131px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#fam4{
	background-image: url("../../images/rueda/fam_4.png");
	height: 344px;
	position: absolute;
	left: 91px;
	top: 131px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#fam5{
	background-image: url("../../images/rueda/fam_5.png");
	height: 344px;
	position: absolute;
	left: 91px;
	top: 131px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}

#economica{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	left: 42px;
	position: absolute;
	top: 28px;
	width: 344px;
	background-position: -1032px -1032px;
}
#eco1{
	background-image: url("../../images/rueda/eco_1.png");
	height: 344px;	
	position: absolute;
	left: 73px;
	top: 199px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#eco2{
	background-image: url("../../images/rueda/eco_2.png");
	height: 344px;	
	position: absolute;
	left: 73px;
	top: 199px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#eco3{
	background-image: url("../../images/rueda/eco_3.png");
	height: 344px;	
	position: absolute;
	left: 73px;
	top: 199px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#eco4{
	background-image: url("../../images/rueda/eco_4.png");
	height: 344px;
	left: 73px;
	top: 199px;
	position: absolute;	
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#eco5{
	background-image: url("../../images/rueda/eco_5.png");
	height: 344px;	
	position: absolute;
	left: 73px;
	top: 199px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}

#profesional{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	left: 42px;
	position: absolute;
	top: 28px;
	width: 344px;
	/*background-position: -1376px -1376px;	*/
	background-position: -1376px -1376px;	
}
#pro1{
	background-image: url("../../images/rueda/pro_1.png");
	height: 344px;
	position: absolute;
	left: -58px;
	top: 200px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#pro2{
	background-image: url("../../images/rueda/pro_2.png");
	height: 344px;
	position: absolute;
	left: -58px;
	top: 200px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#pro3{
	background-image: url("../../images/rueda/pro_3.png");
    height: 344px;
	position: absolute;
	left: -58px;
	top: 200px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#pro4{
	background-image: url("../../images/rueda/pro_4.png");
    height: 344px;
	position: absolute;
	left: -58px;
	top: 200px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#pro5{
	background-image: url("../../images/rueda/pro_5.png");
    height: 344px;
	position: absolute;
	left: -58px;
	top: 200px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}

#social{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	left: 42px;
	position: absolute;
	top: 28px;
	width: 344px;
	background-position: -344px -1720px;	
}
#soc1{
	background-image: url("../../images/rueda/soc_1.png");
	height: 344px;
	position: absolute;
	left: -81px;
	top: 150px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;		
}
#soc2{
	background-image: url("../../images/rueda/soc_2.png");
	height: 344px;
	position: absolute;
	left: -81px;
	top: 150px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}
#soc3{
	background-image: url("../../images/rueda/soc_3.png");
	height: 344px;
	position: absolute;
	left: -81px;
	top: 150px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;		
}
#soc4{
	background-image: url("../../images/rueda/soc_4.png");
	height: 344px;
	position: absolute;
	left: -81px;
	top: 150px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;		
}
#soc5{
	background-image: url("../../images/rueda/soc_5.png");
	height: 344px;
	position: absolute;
	left: -81px;
	top: 150px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;		
}

#espiritual{
	background-image: url("../../images/Sprite.png");
	height: 344px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 344px;
	background-position: 0 -2408px;	
}
#esp1{
	background-image: url("../../images/rueda/esp_1.png");
	height: 344px;
	position: absolute;
	left: -79px;
	top: 38px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}
#esp2{
	background-image: url("../../images/rueda/esp_2.png");
	height: 344px;
	position: absolute;
	left: -79px;
	top: 38px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}
#esp3{
	background-image: url("../../images/rueda/esp_3.png");
	height: 344px;
	position: absolute;
	left: -79px;
	top: 38px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}
#esp4{
	background-image: url("../../images/rueda/esp_4.png");
	height: 344px;
	position: absolute;
	left: -79px;
	top: 38px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;
}
#esp5{
	background-image: url("../../images/rueda/esp_5.png");
	height: 344px;
	position: absolute;
	left: -79px;
	top: 38px;
	width: 344px;
	background-position: 108px 0px;
	background-repeat: no-repeat;	
}

#lineas{
	background-image: url("../../images/rueda/lineas.png");
	height: 344px;	
	position: absolute;
	top: 27px;
	width: 344px;
	left: 27px;
}

:focus {
	outline: 0;
}
/*==============TUTORIAL=====*/
.dvTutorialHeader {
	display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_per_r.jpg") no-repeat right 0;
    height:46px;
    height: 202px;
}
.dvTutorialContent
{
    padding:20px;  
    background: url("../../images/rueda/tutorial_back_1.jpg") no-repeat right 0;
    max-width: 
}
.dvTutorialHeaderPer
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_per_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderPer span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_per_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderPer span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderFam
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_fam_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderFam span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_fam_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderFam span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderEco
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_eco_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderEco span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_eco_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderEco span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderPro
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Pro_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderPro span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Pro_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderPro span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderSoc
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Soc_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderSoc span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Soc_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderSoc span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderOci
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Oc_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderOci span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Oc_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderOci span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderEsp
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Esp_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderEsp span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Esp_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderEsp span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}
.dvTutorialHeaderFis
{
    display: block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Fis_r.jpg") no-repeat right 0;
    height:46px;
}
.dvTutorialHeaderFis span
{    
    display:block;
    width: 100%;
    background: url("../../images/rueda/tutorial_Fis_l.jpg") no-repeat left 0;
    padding-left:24px;
    height: 46px;
}
.dvTutorialHeaderFis span a{
    
    display:block;
    width: 99%;
    color:#FFF;
    height: 46px;
    padding-right: 10px;
}


/*==============TUTORIAL=====*/

.WheelTable{
	width: 80%
}

.WheelTable td
{
   border:1px solid #AEAEAE;
}

.WheelTableTitle {
    height: 34px;
    color:#2176B6;
    font-size:medium;
    text-align: center;
}
.WheelTableSubtitle td {
	background:#7993AC;
	color:#FFF;
	text-align: center;
}
.trOdd {
	background: #F2F0F1;
}