/* ttf to eot http://www.kirsle.net/wizards/ttf2eot.cgi */
@font-face {
    font-family: Roboto_R;
    src: url(../fonts/Roboto/Roboto-Regular.eot);
}
@font-face {
    font-family: Roboto_R; 
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto_B;
    src: url(../fonts/Roboto/Roboto-Bold.eot);
}
@font-face {
    font-family: Roboto_B;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: PlayfairDisplay_R;
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Regular.eot);
}
@font-face {
    font-family: PlayfairDisplay_R;
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Regular.ttf);
}

strong { 
    font-weight: bold!important;
}

.f_rr{font-family: Roboto_R;}
.f_rm{font-family: Roboto_M;}
.f_rb{font-family: Roboto_B;}

#content_pattern h1, .head1{font-family: PlayfairDisplay_R; font-size: 24px; color: #fff; margin: 10px 0 0 0;}
#content_pattern h2, .head2{font-family: PlayfairDisplay_R; font-size: 20px; color: #fff; margin: 10px 0 0 0;}
#content h2{font-family: PlayfairDisplay_R; font-size: 24px; color: #2c3238; margin: 10px 0 0 0;}
h3{}
h4{}
h5{}
h6{}

#content a{font-family: Roboto_R; font-size: 14px; color: #fe8900; text-decoration: underline;}
#content a:hover{text-decoration: none;}

#content ul, #content_pattern ul{ margin: 10px 0;}
#content ul li, #content_pattern ul li{margin: 12px 0;}
#content ul li a, #content_pattern ul li a{text-decoration:none; border-bottom: 1px dotted;}
#content ul li a:hover, #content_pattern ul li a:hover{text-decoration:none; border-bottom: none;}

#content_pattern a{font-family: Roboto_R; font-size: 14px; color: #fe8900; text-decoration: underline;}
#content_pattern a:hover{text-decoration: none;}

#content_pattern p, .p_white{font-family: Roboto_R; font-size: 14px; margin: 10px 0 0 0; text-align: justify; line-height: 24px; color: #fff;}
#content p, .dark_blue{font-family: Roboto_R; font-size: 14px; color: #2c3238; margin: 10px 0 0 0; text-align: justify; line-height: 24px;}
.cite p{font-family: Roboto_R; font-style: italic; font-size: 14px; margin: 0!important; padding: 0!important;}
.clear{
    clear: both;
    overflow: hidden;
}

.text_white,
.text_black{
    font-family: Roboto_R;
    font-size: 14px;
    line-height: 24px;
}

.text_white{
    color: #fff;
}

.text_black{
    color: #2c3238;
}

.text_left{text-align: left;}
.text_center{text-align: center;}
.text_right{text-align: right;}

#photo_name, #photo_position{font-family: Roboto_B; font-size: 14px; color: #2c3238; line-height: 20px;}
#photo_position{font-style: italic;}