﻿/* reset all browser presetup*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/*End reset*/

body
{
    width: 100%;
    height: 100%;
    background-color: #0e0d0d;
    margin: 0;
    background: transparent url(/images/bg_content.jpg) repeat 0 0;
	font-family: "verdana";
	font-size: 14px;
}

#DivContener
{
    background: transparent url(/images/bg_repeat.gif) repeat-x 0 0;
    width: 100%;
    position: relative;
    margin: 0;
}

#DivHeader
{
    margin: 0 auto;
    position:relative;
    width:855px;
        height: 60px;

    z-index:300;
}

.DivLogoSmall
{
    width: 228px;
    height: 60px;
    float:left;
    z-index:300;
}

#DivMenuTop
{
  float:left;
    width: 615px;
    text-align: right;
    padding: 20px 5px 0;
    height: 40px;
    z-index:300;

}

#DivContent
{
    width: 900px;
    position: relative;
    margin: 0 auto;
}

.ContentBlue
{
    width: 699px;
    margin-left: 183px;
    padding-top: 42px;
    background: transparent none;
    position: relative;
    z-index: 100;
}

.ContentBlueHeader
{
    width: 699px;
    height: 36px;
    background: transparent url(/images/content_top.gif) no-repeat 0 0;
    position: relative;
}

.ContentBlueCenter
{
    width: 695px;
    background: #00aad5 url(/images/bg_blue.jpg) no-repeat left bottom;
    position: relative;
    border-width: 0 2px;
    border-color: #77642b;
    border-style: none solid;
}

.ContentThumb
{
    width: 180px;
    float: left;
    position: relative;
    text-align: right;
    padding: 210px 10px 0 0;
}

.ContentText
{
    width: 460px;
    float: left;
    position: relative;
    color: #fff;
    padding: 5px 0 0 10px;
    min-height: 550px;
}

.ContentBlueFooter
{
    width: 699px;
    height: 157px;
    background: transparent url(/images/Content_bottom.gif) no-repeat 0 0;
    position: relative;
}

#DivMenuBottom
{
 padding-top:50px;
 /*font-size:25px;*/
 font-size: 1.25em;
}

.InfoBulle
{
    z-index: 150;
    position: absolute;
    width: 352px;
    height: 288px;
    margin: 15px;
    left: 0;
}


img.imgInfoBulle
{
    border: none;
    margin: 15px 0 0 19px;
}

.DivLogo
{
    position: absolute;
    width: 250px;
    height: 67px;
    left: 0;
    margin: 40px 0 0 -140px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.DivLogo a img
{
    border: none;
    cursor: pointer;
    padding: 0 0 5px 0;
}
.Clear
{
    clear: both;
    line-height: 0;
    font-size: 2px;
}

h1.HeadTitle
{
    font-size: 160%;
    color: #99ddee;
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
}

h2.SubTitle
{
    font-size: 135%;
    color: #fff;
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
}

.DivThumbnail
{
padding:2px;
}
.imgThumbnail
{
 border:solid 1px #6d6c3c;
}

.Videomedia
{
 background-color:#000;
 margin: 15px 0pt 0pt 19px;
width:301px;
height:200px;
padding:13px 0 0 16px;
}

.media
{
}

.InfoBulle a span
{
    width: 352px;
    height: 288px;
    position: absolute;
    background: transparent url(/images/bulle.gif) no-repeat 0 0;
}

