@font-face
{
 font-family: Philosopher;
 font-style: normal;
 font-weight: 400;
	src: url(../fonts/Philosopher-Regular.ttf);
}

@font-face
{
 font-family: Philosopher;
 font-style: italic;
 font-weight: 400;
 src: url(../fonts/Philosopher-Italic.ttf);
}

@font-face
{
 font-family: Philosopher;
 font-style: italic;
 font-weight: 700;
 src: url(../fonts/Philosopher-BoldItalic.ttf);
}

@font-face
{
 font-family: Philosopher;
 font-style: normal;
 font-weight: 700;
 src: url(../fonts/Philosopher-Bold.ttf);
}

@font-face
{
 font-family: Monotype Corsiva;
 src: url(../fonts/mtcorsva.ttf);
}


::-moz-focus-inner
{
 border: 0;
 padding: 0;
}

.shadow
{
 -moz-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 -webkit-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 box-shadow: 2px 2px 3px rgb(70, 70, 70);
 filter: progid:DXImageTransform.Microsoft.Shadow(color = 'rgb(70, 70, 70)', Direction = 145, Strength = 3);
}

.rol
{
 display: block;
 width: 640px;
 height: 480px;
 border-radius: 4px;  
 border: ridge 3px #F9E2A8;
 cursor: pointer;
}

.aud
{
 display: block; 
	width: 500px; 
	height: 26px;
} 

.white_hr
{
 color: rgb(255, 255, 255);
 background-color: rgb(255, 255, 255);
 height: 1px;
}

audio
{
 display: block;
 width: 300px;
 height: 40px;
}

.smiles
{
 position: absolute;
 z-index: 100;
 background-color: #F3D697;
 border: rgb(190, 140, 80) ridge 3px;
 border-radius: 6px;

 -moz-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 -webkit-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 box-shadow: 2px 2px 3px rgb(70, 70, 70);
 filter: progid:DXImageTransform.Microsoft.Shadow(color = 'rgb(70, 70, 70)', Direction = 145, Strength = 3);
}

.white_pic
{
 opacity: 0.7;
 filter: alpha(opacity = 60);
}

textarea
{
 border: inset 2px rgb(255, 255, 255);
 font-family: Tahoma;
 font-size: 12px;
 outline: none !important;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 box-shadow: none; 
}

:active, :hover, :focus 
{
 outline: 0 !important;
 outline-offset: 0 !important;
}

input[type = radio]
{
 vertical-align: -2px;
 margin-top: 5px;
}

input[type = checkbox]
{
 vertical-align: -2px;
 margin-top: 5px;
}

.check_label
{
 padding-top: 2px;
	display: inline-block;
}

.jpg_pic {border: rgb(190, 140, 80) ridge 3px}

.jpg_pic_comm 
{
 border: rgb(190, 140, 80) ridge 3px;
 max-width: 565px;
}

.btn
{
 color: rgb(100, 90, 60);
 background-color: rgb(240, 210, 150);
 border: 1px solid rgb(200, 190, 160);
 padding-left: 10px;
 padding-right: 8px;
 border-radius: 3px;
 cursor: pointer;
 font-weight: normal;
 line-height: 25px;
 text-align: center;
 display: inline-block;
 box-sizing: border-box;
}

.btn:hover
{
 opacity: 0.8;
}

.btn-input
{
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 outline-color: currentColor !important;
 outline-style: none !important;
 outline-width: 0px !important;
}

.btn_age
{
 padding: 0;
	width: 90px;
 margin-bottom: 2px;
 display: block;
}

.img_center {margin-bottom: -4px}

.vi {margin-top: -10px}
.ci {margin-top: -5px}

.web_button
{
 height: 30px;
 line-height: 25px;
 padding-bottom: 1px;
 background: url(../img/button.png) no-repeat;
 background-size: 100% 100%;
 font-size: 16px;
 border: none;
 font-family: Philosopher, sans-serif;
 color: rgb(70, 40, 0);
 cursor: pointer;
}

.web_button_out
{
 height: 30px;
 padding: 1px;
 overflow: hidden;
}


.title_tab
{
 width: 100%;
 height: 40px;
 line-height: 37px;
 color: rgb(255, 255, 255);
 text-shadow: 1px 1px 1px rgb(60, 50, 40);
	font-size: 18px;
 font-family: Philosopher, sans-serif;
}

.inner_title
{
 height: 100%;
 margin-left: -20px; 
	margin-right: -20px;
	text-align: center;
	display: block;
	cursor: pointer; 
}
.inner_title:hover {color: rgb(255, 255, 160)}

.inner_no
{
 height: 100%;
 margin-left: -20px; 
	margin-right: -20px;
	text-align: center;
	display: block;
	cursor: default;  
}

.partit_menu      
{
	height: 100%;
	line-height: 37px;
	background: url(../img/title_mid.png) repeat-x;
 background-size: 28px 100%;
 font-size: 18px;
	margin-left: -1px;
	margin-right: -1px;
}
.partit_menu_td
{
	height: 100%;
}
.partit_menu_before
{
 width: 50px;           
	height: 100%;
	background: url(../img/title_left.png) no-repeat;
	background-size: 100% 100%;
}
.partit_menu_after
{
 width: 50px;
	height: 100%; 
	background: url(../img/title_right.png) no-repeat;
	background-size: 100% 100%;
	//margin-left: -1px;
}
.partit_menu_after_td
{
 width: 50px; 
	height: 100%;
}

.partit_menu_out
{
	width: 103%;
 height: 40px;
	margin-left: -4px;
 padding: 1px;
 overflow: hidden;
}  

.no_tab
{
 width: 103%;
 height: 40px;
 line-height: 38px;
 margin-left: -4px;
	font-size: 19px;
 font-family: Philosopher, sans-serif;
 color: rgb(255, 255, 255);
 text-shadow: 1px 1px 1px rgb(60, 50, 40);
}


.list1 {display: none}

.list2
{
 width: 100%;
 display: none;
 line-height: 1.3;
}

.input_text
{
 font-size: 13px;      
 height: 21px;
 border: 1px inset rgb(255, 240, 180);
 border-radius: 8px;
	padding-left: 6px;
	padding-top: 0;
	padding-bottom: 0;
 background-color: #FDFAF4;
 box-sizing: border-box;
}
.input_text:hover {background-color: white}

.sel
{
 font-size: 13px;      
 border: 1px inset rgb(255, 240, 180);
 border-radius: 8px;
 height: 21px;
 line-height: 19px;
 padding-left: 4px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;

 -webkit-appearance: none;
 background-image: url('../img/select.png');
 background-position: right center;
 background-repeat: no-repeat;
 /* for FF */
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
 /* for IE */
 -ms-appearance: none;
 appearance: none!important;

 background-color: #FDFAF4;
}
.sel:hover {background-color: white}
.sel::-ms-expand {display: none}
.sel:focus {outline: none}

.sel_beat
{
	width: 30px;
 margin-left: 4px;
	padding-right: 0;
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

input, textarea {outline: none}
input:active, textarea:active {outline: none}
:focus {outline: none}

.menu_option_td
{
 vertical-align: top;
	width: 141px;
}

.menu_option
{
 color: rgb(230, 190, 140);
	width: 131px;
 height: 27px;
 margin-left: 0;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 8px;
 padding-bottom: 12px;
 background: url(../img/roll.png) 0 45px no-repeat, url(../img/menu_option.png) no-repeat;
 background-size: 145px 22px, 100%;
	text-align: center;
 position: relative;
 z-index: 0;
 overflow: hidden;
 border-bottom-left-radius: 7px;
 border-bottom-right-radius: 7px;
 font-size: 25px;
 text-shadow: 1px 1px 1px rgb(50, 50, 50);
 vertical-align: top;

 -webkit-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 transition-duration: 0.5s;
}

.menu_option:hover
{
 margin-left: -3px;
 margin-right: -3px;
 width: 137px;
	margin-top: -7px;
 font-size: 27px;
 z-index: 20;
 height: 107px;
 color: rgb(255, 210, 110);
 box-shadow: 0px 5px 3px -3px rgb(70, 70, 70);
  
 background: url(../img/roll.png) 0 111px no-repeat, url(../img/menu_option.png) no-repeat;
 background-size: 145px 16px, 100%;
}

.menu_option0
{
 color: rgb(230, 190, 140);
	width: 131px;
 height: 30px;
 margin-left: 0;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 14px;
 padding-bottom: 10px;
 background: url(../img/menu_option.png) no-repeat;
 background-size: 100%;
	text-align: center;
 position: relative;
 z-index: 0;
 overflow: hidden;
 border-bottom-left-radius: 7px;
 border-bottom-right-radius: 7px;
 font-size: 20px;
 text-shadow: 1px 1px 1px rgb(50, 50, 50);
 vertical-align: top;

 -webkit-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 transition-duration: 0.5s;
} 

.menu_option0:hover 
{
	margin-top: -4px;
	font-size: 22px;
 z-index: 0;
}

.menu_option2:hover 
{
 height: 88px;
 background: url(../img/roll.png) 0 92px no-repeat, url(../img/menu_option.png) no-repeat;
 background-size: 145px 22px, 100%;
}

.menu_option_title
{
 font-size: inherit;
 padding-bottom: 5px;
}

.the_link {cursor: pointer}

.norm_link {color: black}
.norm_link:hover {color: rgb(175, 50, 50)}

.norm_link_orange {color: black}
.norm_link_orange:hover {color: rgb(100, 0, 0)}

.norm_link_15
{
 color: black;
 font-size: 15px;
}
.norm_link_15:hover {color: rgb(175, 50, 50)}

.norm_link_15_orange
{
 color: black;
 font-size: 15px;
}
.norm_link_15_orange:hover {color: rgb(100, 0, 0)}

.small_link
{
 color: black;
 font-size: 13px;
 padding-bottom: 3px;
}
.small_link:hover {color: rgb(160, 0, 0)}

.brown_link
{
 font-size: 15px;
 color: rgb(140, 40, 0);
}
.brown_link:hover {color: rgb(185, 40, 40)}

.brown_link_sp
{
 font-size: 15px;
 color: rgb(140, 40, 0);
}

.brown_a
{
 color: rgb(140, 40, 0);
}
.brown_a:hover {color: rgb(185, 40, 40)}

.dark_brown_link
{
 font-size: 15px;
 color: rgb(100, 0, 0);
}
.dark_brown_link:hover {color: rgb(160, 0, 0)}

.dark_brown_link_2
{
 font-size: 15px;
 color: rgb(70, 20, 0);
}
.dark_brown_link_2:hover {color: rgb(120, 20, 0)}

.light_link
{
 color: rgb(140, 40, 0);
 font-size: 15px;
}
.light_link:hover {color: rgb(220, 30, 30)}

.light_link1
{
 color: rgb(255, 255, 150);
 font-size: 18px;
 text-shadow: 1px 1px 1px rgb(255, 80, 0);
}
.light_link1:hover {color: rgb(255, 240, 100)}

.light_link2
{
 color: rgb(235, 235, 160);
 font-size: 18px;
 text-shadow: 1px 1px 1px rgb(255, 80, 0);
}
.light_link2:hover {color: rgb(255, 240, 100)}

.text_link
{
 font-size: 15px;
 color: rgb(100, 40, 20);
}
.text_link:hover {color: rgb(175, 30, 30)}

.menu_link
{
 color: rgb(240, 200, 150);
 font-size: 15px;
 display: block;
 padding-bottom: 2px;
 border-radius: 30px;
 text-decoration: none;

 -webkit-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.menu_link:hover 
{
 color: rgb(255, 210, 110); 
	background: rgba(120, 60, 0, 0.3)
}

.black {color: black}

.main_area
{
 font-family: Philosopher, sans-serif;
 position: relative;
 z-index: 1;
 min-width: 772px;
}

.right_area
{
 min-width: 260px;
 max-width: 377px;
 margin-top: 40px;
 margin-left: 4px;
 font-family: Philosopher, sans-serif;
}

.right_td 
{
 text-align: left;
 vertical-align: top;
}

.bottom_block
{
	width: 720px;
 padding-top: 20px;
 margin-top: -2px;
 font-size: 14px;
 background: url(../img/bottom_block.png) no-repeat;
 background-size: 100% 100%;
 position: relative;
 z-index: 0;
}

.td_right
{
 text-align: right;
 padding-right: 4px;
}

.td_top {vertical-align: top}
.td_padding_top {padding-top: 4px}

div
{
 font-family: Philosopher, sans-serif;
 font-size: 15px;
 line-height: 1.2;
}

hr
{
 border-top: solid 1px rgba(0, 0, 0, 0.4);
 border-left: 0;
 border-right: 0;
 border-bottom: solid 1px rgba(255, 255, 255, 0.4);
 height: 1px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 4px;
 margin-bottom: 4px;
}

.hr_mid
{
 border-top: solid 1px rgba(0, 0, 0, 0.4);
 border-left: 0;
 border-right: 0;
 border-bottom: solid 1px rgba(255, 255, 255, 0.4);
 height: 1px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 6px;
 margin-bottom: 6px;
}

.hr_big
{
 border-top: solid 1px rgba(0, 0, 0, 0.4);
 border-left: 0;
 border-right: 0;
 border-bottom: solid 1px rgba(255, 255, 255, 0.4);
 height: 1px;
 margin-left: 2px;
 margin-right: 4px;
 margin-top: 9px;
 margin-bottom: 9px;
}

.arrow_up
{
 width: 26px;
 height: 17px;
 margin-top: 3px;
 margin-bottom: 5px;
 display: block;
 background: url('../img/arrow_up.png');
}
.arrow_up:hover {background: url('../img/arrow_up_over.png')}

.site_phone
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 100;
}

.body2
{
 height: 100%;
 width: 100%;
 opacity: 0.001;
}

body {overflow: hidden}

body, html
{
 height: 100%;
 width: 100%;
 margin: 0;
}

.name
{
 position: fixed;
 width: 72px;
 height: 114px;
 background: url(../img/name.png) no-repeat;
 background-size: contain;
 visibility: hidden;
}

.separ
{
 height: -1px;
 padding-top: 3px;
}

.blurred
{
 -webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

.brown
{
 font-weight: bold;
 color: rgb(140, 40, 0);
}

.dark_brown
{
 font-weight: bold;
 color: rgb(100, 0, 0);
}

.thin {font-weight: normal}

.page_navigat
{
 padding-left: 4px;
 padding-right: 4px;
 font-weight: bold;
 font-family: Microsoft Sans Serif;
 font-size: 13px;
 color: black;
 text-decoration: none;
 cursor: pointer;
}
#page_noactive
{
 color: rgb(125, 125, 125);
 cursor: default;
}
.page_navigat:hover {color: rgb(100, 30, 30)}

.left_line {border-left: solid 1px black}
.right_line {border-right: solid 1px black}

.arr_navigat
{
 font-size: 18px;
 display: inline-block;
}

.ctrl_navigat
{
 font-size: 10px;
 font-family: Microsoft Sans Serif;
 display: inline-block;
}

.page_title
{
 text-align: center;
 font-size: 28px;
 font-weight: bold;
 color: rgb(50, 20, 20); 
	text-shadow: 1px 1px 3px rgb(245, 190, 100);
}

.page_title_it
{
 text-align: center;
 font-size: 32px;
 font-weight: bold;
 font-style: italic;
 color: rgb(50, 20, 20); 
	text-shadow: 1px 1px 3px rgb(245, 190, 100);
}

.brown_text
{
 color: rgb(130, 60, 0);
}

.hover_only {text-decoration: none}
.hover_only:hover 
{
 text-decoration: underline;
 text-decoration-skip-ink: none;
}

.hover_line {cursor: pointer}
.hover_line:hover
{
 text-decoration: underline;
 text-decoration-skip-ink: none;
}

.rotate45
{
 -moz-transform: rotate(45deg);  /* Firefox */
 -o-transform: rotate(45deg);  /* Opera */
 -webkit-transform: rotate(45deg);  /* Safari y Chrome */
 filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}

.col1
{
	text-align: right;
	padding-right: 5px;
}

.mrg_top {margin-top: 4px}
.mrg_left {margin-left: -5px}

.edit_beat
{
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
}         
.edit_beat:hover {background-color: rgb(255, 252, 248)}

.star 
{
 color: rgb(180, 0, 0);
 font-weight: bold;
}
                                     
.inset_border {border: 1px inset rgb(255, 240, 180)}

.verse_font
{
 font-style: italic;
	font-size: 16px;
}

.my_clip_button_ñ
{
 width: 20px;
 text-align: center;
 border: 0 solid black;
 background-color: #ccc;
 margin: 0;
 padding: 0;
 cursor: default;
 font-size: 9pt;
}
.my_clip_button_ñ.hover {}
.my_clip_button_ñ.active {}

.main_list
{
 font-family: Philosopher, sans-serif;
 font-size: 19px;
 font-weight: 700;
 color: rgb(50, 30, 0);
}
.main_list:hover {color: rgb(160, 40, 40)}

.pad_top_3 {padding-top: 3px}
.pad_top_4 {padding-top: 4px}

.abs_hid
{
 left: -1000px;
 top: -1000px;
 position: absolute;
 visibility: hidden;
}
#foc_elem {visibility: visible}

.a_href
{
 color: blue;
 text-decoration: underline;
 cursor: pointer;
 text-decoration-skip-ink: none;
}

.a_href_brown
{
 color: rgb(140, 40, 0);
 font-weight: bold;
 text-decoration: underline;
 cursor: pointer;
 text-decoration-skip-ink: none;
}
.a_href_brown:hover {color: rgb(160, 0, 0)}

.td_betw
{
 padding: 3px;
 padding-top: 1px;
 padding-right: 7px;
 vertical-align: top;
}

.first_lett
{
 height: 40px;
 font-family: Monotype Corsiva;
 font-size: 40px;
 font-weight: bold;
 font-style: normal;
 display: inline-block;
 padding-right: 2px;
 margin-left: -2px;
 color: rgb(50, 30, 10);
}                     

.info_div
{
 width: 650px;
 padding-left: 25px;
 padding-top: 235px;
 font-size: 18px;
 color: rgb(100, 0, 0);
}

.all_rec
{
 padding-top: 8px; 
	padding-bottom: 15px; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: center
}

.inset
{
 border-radius: 7px; 
	margin-top: 3px; 
	border: 2px rgb(255, 230, 180) inset;
}                     

.scroll_comment > div 
{
	height: 80px;
	overflow: auto;
	width: 99.4%;
}

.norm_width {max-width: 320px}

.f10 {font-size: 10px}
.f12 {font-size: 12px}
.f14 {font-size: 14px}
.f15 {font-size: 15px}
.f16 {font-size: 16px}
.f17 {font-size: 17px}
.f18 {font-size: 18px}
.f20 {font-size: 20px}
.f22 {font-size: 22px}
.f28 {font-size: 28px}

.p20 {padding-left: 20px}

.bld {font-weight: bold}
.inl {display: inline-block}
.lt {text-align: left}

.h
{
 text-decoration: none;
 color: black;
}

.h1
{
 color: rgb(140, 40, 0);
}
.h1:hover {color: rgb(185, 40, 40)}

sup, sub {font-size: 10px}

input.gsc-input 
{
 background: #FFF !important;
 font-size: 12px !important;
}

.comm_b_quote
{
 color: black;
 background-color: transparent;
 display: block;
 font-style: normal;
 display: block
}

.comm_quote
{
 padding-left: 3px;
 padding-right: 3px;
	background-color: rgb(250, 240, 200);
 border: 2px rgb(230, 220, 180) inset;
 display: inline-block;
 font-size: 14px;
}

.comm_title
{
 max-width: 550px;
 padding: 4px;
 padding-left: 6px;
 padding-right: 6px;
 cursor: pointer;
 background-color: rgb(240, 240, 200);
 border-radius: 6px;
}

.comm_title:after 
{
 content: "";

	width: 10px;
	height: 10px;
	margin-bottom: -8px;
	margin-left: 30px;
 
 cursor: pointer;
 background-color: rgb(240, 240, 200);
 display: block;

	transform: rotate(45deg);
 -webkit-transform: rotate(45deg);

 -moz-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 -webkit-box-shadow: 2px 2px 3px rgb(70, 70, 70);
 box-shadow: 2px 2px 3px rgb(70, 70, 70);
 filter: progid:DXImageTransform.Microsoft.Shadow(color = 'rgb(70, 70, 70)', Direction = 145, Strength = 3);
}

.comm_title_sq 
{
	width: 20px;
	height: 10px;
	margin-top: -10px;
	margin-left: 30px;
 cursor: pointer;
 background-color: rgb(240, 240, 200);
 display: block;
 position: relative;
 z-index: 10;
}

.under_label
{
 height: 8px;
	margin-top: -3px; 
	margin-bottom: -6px;
	font-size: 12px;
}

a, u {text-decoration-skip-ink: none}


.simp_ul
{
	margin: 0;     
	margin-bottom: -20px;     
	list-style-image: none;
}

.simp_li {margin: -5px}
.simp_li:hover {list-style-image: none}

.separ_file
{
 height: 0;
	margin-top: -12px;
}	

.the_block {display: block}

.in_script {background-color: white}

.tab {padding-left: 40px}

.vert_line
{
 height: 14px;
 display: inline-block;
 border-left: 1px solid rgb(130, 60, 0);
 margin-left: 7px;
 margin-right: 7px;
 margin-bottom: -2px;
}

.norm_st
{
 font-family: Tahoma;
 font-style: normal;
 font-size: 14px;
}