/* styles for the frames, the parent container -frame- is located in each specific page's css to individually specify the height 

	notes: the height of div.left_frame and div.right_frame are 200px less than div.frame height, located in the specific page CSS.

*/

div.frame{
	width:850px;
	height:1100px;
	background-color:#ffffff;
	margin:0px auto 0px auto; 
	padding:0px 0px 0px 0px;
}

div.frame div.top_frame {
	width:100%;
	height:200px;
	background: #ffffff url(../images/elements/frame/background_frame_large_01.png) no-repeat top center;
 }

div.frame div.left_frame {
	width:12px;
	height:905px;
	background: #ffffff url(../images/elements/frame/background_frame_large_02.png) repeat-y;
	float:left;
 }
  
div.frame div.right_frame {
	width:12px;
	height:905px;
	background: #ffffff url(../images/elements/frame/background_frame_large_04.png) repeat-y;
	float:right;
 }

div.frame div.botton_frame {
	width:100%;
	height:15px;
	background: #ffffff url(../images/elements/frame/background_frame_large_05.png) no-repeat top center;
	position:relative;
	float:right;
 }

.zero_border{
	padding:0px 0px 60px 0px;
}


#tabs_table{
        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #ffffff url(../images/elements/background_double_tab.png) no-repeat top center;
}



/* main tabs */
#tabs {
	font-size:93%;
        margin:0px 0px 0px 4px;
	padding:12px 0px 0px 0px;
	border-style:none;
	font-weight:bold;
	background:url("../images/elements/tabs_background_top.png") no-repeat center top;
	height:20px; 
	width:765px;
}

#tabs ul {
        margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	border-style:none;
}

#tabs li {
	display:inline;
        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#tabs a {
	float:right;
	background:url("../images/elements/tab_01.png") no-repeat left top;
        margin:0px 20px 4px 0px;
	padding:0px 0px 0px 4px;
	text-decoration:none;
}

#tabs a span {
	display:block;
	background:url("../images/elements/tab_02.png") no-repeat right top;
	margin:0px 0px 0px 0px;
	padding:8px 19px 5px 20px;
	color:#84776B;
}


#tabs a:hover {
	background-position:0% -32px;
}
#tabs a:hover span {
	color:#FFFFFF;
	background-position:0% -32px;
}

#tabs #current a {
	background-position:0% -64px;
 }
#tabs #current a span {
	color:#FFFFFF;
	background-position:100% -64px;
}


/* main tabs */
#tabs_2 {
	font-size:93%;
        margin:0px 0px 0px 0px;
	padding:39px 0px 0px 20px;
	vertical-align:top;
	font-weight:bold;
	width:520px;
	height:40px; 
	background:url("../images/elements/tabs_background.png") repeat center top;
	border-style:none;
}

#tabs_2 ul {
        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	border-style:none;
}

#tabs_2 li {
	display:inline;
        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#tabs_2 a {
	float:left;
	background:url("../images/elements/tab_bottom_wii_01.png") no-repeat left top;
        margin:0px 20px 0px 0px;
	padding:0px 0px 0px 4px;
	text-decoration:none;
}

#tabs_2 a span {
	display:block;
	background:url("../images/elements/tab_bottom_wii_02.png") no-repeat right top;
	margin:0px 0px 0px 0px;
	padding:10px 22px 4px 22px;
	color:#84776B;
}


#tabs_2 a:hover span {
	color:#FFFFFF;
}

#tabs_2 a:hover {
	background-position:0% -33px;
}

#tabs_2 a:hover span {
	background-position:100% -33px;
}

#tabs_2 #current_secondary_tab a {
	background-position:0% -64px;
}

#tabs_2 #current_secondary_tab a span {
	color:#FFFFFF;
	background-position:100% -64px;
}


/* tabuladores secundarios de videos */
#tabs_videos {
	font-size:93%;
        margin:0px 0px 0px 0px;
	padding:39px 0px 0px 0px;
	vertical-align:top;
	font-weight:bold;
	width:550px;
	height:40px; 
	background:url("../images/elements/tabs_background.png") repeat center top;
	border-style:none;
}

#tabs_videos ul {
        margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	list-style:none;
	border-style:none;
	width:125%;
}

#tabs_videos li {
	display:inline;
        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#tabs_videos a {
	float:left;
	background:url("../images/elements/tab_bottom_wii_01.png") no-repeat left top;
        margin:0px 7px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

#tabs_videos a span {
	display:block;
	background:url("../images/elements/tab_bottom_wii_02.png") no-repeat right top;
	margin:0px 0px 0px 0px;
	padding:10px 8px 4px 8px;
	color:#84776B;
}


#tabs_videos a:hover span {
	color:#FFFFFF;
}

#tabs_videos a:hover {
	background-position:0% -33px;
}

#tabs_videos a:hover span {
	background-position:100% -33px;
}

#tabs_videos #current_secondary_tab a {
	background-position:0% -64px;
}

#tabs_videos #current_secondary_tab a span {
	color:#FFFFFF;
	background-position:100% -64px;
}



    
#libros{
	margin:0px 0px 0px 0px;;
        padding:20px 0px 0px 0px;
	height:600px;
	background: #ffffff url(../images/elements/material_fondo.png) no-repeat top center;
	vertical-align:middle;
	border-style:none;
}

#musica_ejercicios{
	margin:0px 0px 0px 0px;;
        padding:20px 0px 0px 0px;
	height:600px;
	background: #ffffff url(../images/elements/material_fondo.png) no-repeat top center;
	vertical-align:middle;
	border-style:none;
}

.inner_table{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



.av {
	font: 95%/130% Tahoma, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin:0px 0px 0px 3px;
	padding:10px 10px 10px 10px;
	width:100%;
	font-size:12px;
}


.av tbody  {
	background: #e2e2e2;
}

.av td {
	background-color: #deeff7;
	padding: 0.7em 0.5em 0.7em 0.8em;
}

.av tr.odd td {
	background-color: #f6f4ee;
	border-top:1px solid #0778ad;
	border-top-style:dotted;
}

.av tr.grey td {
	background-color: #ffffff;
}

.av tr.white td {
	background-color: #ffffff;
}


.av tr.title td {
	height: 50px;
	color: #047a60;
	font-size:13px;
	padding:0px 10px 0px 10px;
	border-bottom:1px solid #0778ad;
}

.av tr.heading_white td {
	background-color:#FFFFFF;
}


/* Shadow border of the content table */

.shadow_table {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:763px;

}
.shadow_table td.top_border{
	height:23px;
	background:url("../images/elements/shadow_border/material_fondo_01.png");

}
.shadow_table td.left_border{
	width:18px;
	background:url("../images/elements/shadow_border/material_fondo_02.png");
}
.shadow_table td.right_border{
	width:18px;
	background:url("../images/elements/shadow_border/material_fondo_04.png");
}
.shadow_table td.content{
	background:url("../images/elements/shadow_border/material_fondo_03.png");
}
.shadow_table td.bottom_border{
	height:22px;
	background:url("../images/elements/shadow_border/material_fondo_05.png");
}