html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cie, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body{
line-height: 18px;
width: 1007px;
margin: 0 auto;
color: #000;
font: normal 12px tahoma, sans-serif;
}
ol, ul{
list-style: none;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after{
content: '';
content: none;
}
:focus{
outline: 0;
}
ins{
text-decoration: none;
}
del{
text-decoration: line-through;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
#TopLogo:after,#MaBoBottom:after,#MaBoCenterBottom:after,#MaThumbPhotos:after,#MaIndivPhoto:after,#MaIndivPhotoM:after{
visibility: hidden;
display: block;
height: 0;
content: ".";
clear: both;
}
a{
color: #FE1B03;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: none;
}
.c{
clear: both;
}
#TopLogo{
width: 1007px;
}
#TopLogo img{
float: left;
}
#ToLoRightBox{
float: right;
width: 308px;
background: #C4C3C3;
height: 217px;
}
#Main{
width: 1007px;
background: url(http://www.barmanco.com/images/ToBgBo.jpg) no-repeat #FE1B03;
}
#MainP{
width: 1007px;
background: url(http://www.barmanco.com/images/ToBgBo.jpg) no-repeat #FE1B03;
text-align: center;
}
#MainBody{
width: 591px;
margin: 0 auto;
}
#MaBoRightTop{
float: right;
width: 215px;
}
#MaBoLeftTop{
float: left;
width: 376px;
}
#MaBoRiBody{
background: #fff;
width: 215px;
}
#MaBoLeBody{
background: #fff;
width: 374px;
}
#TopLogo1{
background: url(http://www.barmanco.com/images/1.jpg) no-repeat #000000;
}
#MaBoLeToMenu{
margin: 0 0 4px 0;
}
#MaPMenu{
margin: 0 auto;
width: 576px;
}
#MaPMeI{
float: right;
margin: 10px 0;
display: inline;
}
#MaBoRiToBody{
background: #fff;
height: 47px;
}
#MaBoCenterTop{
background: url(http://www.barmanco.com/images/MaBoCeToBg.gif) no-repeat #fff;
height: 66px;
clear: both;
}
#MaBoCenterBottom{
background: url(http://www.barmanco.com/images/MaBoCeBoBg.gif) repeat-y;
width: 591px;
direction: rtl;
}
#MaBoBoRight{
background: #fff;
width: 215px;
float: right;
}
#MaBoBoLeft{
background: #fff;
width: 374px;
float: left;
}
#MaBoCeToRight{
float: right;
width: 215px;
text-align: center;
font: bold 15px arial, sans-serif;
margin: 17px 0 0 0;
}
#MaBoCeToLeft{
float: left;
text-align: center;
font: bold 15px arial, sans-serif;
width: 374px;
margin: 17px 0 0 0;
}
#MaBoCeBoRight{
float: right;
width: 215px;
background: #fff;
text-align: center;
}
#MaBoCeBoRiText{
width: 165px;
margin: 0 auto 10px auto;
text-align: justify;
line-height: 17px;
}
#MaBoCeBoLeText{
text-align: justify;
line-height: 18px;
width: 300px;
margin: 0 auto 50px auto;
}
#MaBoCeBoLeft{
float: left;
width: 374px;
background: #fff;
text-align: center;
}
#Footer{
background: url(http://www.barmanco.com/images/FoBg.jpg) no-repeat;
margin: 27px 0 0 0;
padding: 0 0 27px 0;
height: 41px;
text-align: center;
clear: both;
}
#FoText{
padding: 12px 0 0 0;
direction: ltr;
text-align: center;
}
#FoText a{
color: #800000;
}
#FoText a:hover{
color: #000;
}
#CoTa{
margin: 20px 0 0 0;
text-align: right;
}
.FI1{
border: 1px solid #FE1B03;
font: normal 12px tahoma, sans-serif;
background: #FFFAF9;
padding: 2px 3px;
}
#FI2{
border: 1px solid #FE1B03;
font: normal 12px tahoma, sans-serif;
background: #FFFAF9;
padding: 2px 3px;
margin: 6px 0 10px 0;
}
.FI3{
width: 62px;
margin: 12px 0 0 0;
border: 0;
background: #FE1B03;
padding: 2px 0 4px 0;
color: #fff;
font: normal 12px tahoma, sans-serif;
}
#MaIndivPhoto{
margin: 0 auto;
padding: 0 0 20px 0;
width: 780px;
clear: both;
}
#MaIndivPhotoM{
margin: 0 auto;
padding: 0 0 20px 0;
width: 780px;
clear: both;
}
#MaInPhCenter img,#MaIndivPhotoM img{
border: 6px solid #fff;
}
#MaThumbPhotos{
margin: 10px auto 0 auto;
width: 950px;
}
#MaThumbPhotos img{
float: right;
padding: 6px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
margin: 0 0 20px 0;
}
#MaInPhRight{
float: right;
text-align: left;
width: 50px;
display: inline;
margin: 200px 0 0 0;
}
#MaInPhCenter{
float: right;
width: 650px;
text-align: center;
}
#MaInPhLeft{
display: inline;
margin: 200px 0 0 0;
float: right;
width: 80px;
text-align: right;
}
#MaThPhOP{
clear: both;
}
#MaThPhOP a{
color: #fff;
}
#MaThPhOP a:hover{
color: #ccc;
}
#ToLoRiBoPh{
margin: 200px 0 0 55px;
}
#ToLoRiBoPhP{
margin: 210px 0 0 48px;
}