/*_-_-_-_-_-_-_-_- CARISMAR SOFTWARE STYLE -_-_-_-_-_-_-_-_-_*/

body
{
    margin: 0px;
    padding: 0px;
    background-image: url(/images/backgrounds/bg_bodyback.jpg);
    background-repeat: repeat-x;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 12px;
    color: #2a3a48;
}

a
{
    text-decoration: none;
    color: #2a3a48;
    font-weight: bold;
}
a:hover
{
    font-style: italic;
}
img
{
    border: none;
}
/*_-_-_-_-_-_-_-_- TYPO -_-_-_-_-_-_-_-_-_*/

h2
{
    font-size: 32px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
}
h1
{
    font-size: 16px;
    color: #86909d;
    padding: 0px 0px 20px 0px;
    display: block;
    line-height: 22px;
    font-weight: normal;
}
h3
{
    font-size: 14px;
    padding: 0px;
    margin: 2px 0px;
}
.Ingress
{
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    display: block;
    line-height: 22px;
}
.UnderHeader
{
    width: 700px;
    float: left;
    border-bottom: dotted 1px #86909d;
    padding: 4px 0px;
}
.LightText
{
    color: #606b77;
}
.LargeTextLink
{
    font-size: 14px;
}
.LargeTextLink img
{
    vertical-align: text-bottom;
    width: 15px;
}

/*_-_-_-_-_-_-_-_- SITESTRUCTURE -_-_-_-_-_-_-_-_-_*/

.SiteHolder
{
    width: 1024px;
}

/*_-_-_-_- TOP -_-_-_-_-_*/

.TopHolder
{
    width: 1180px;
    height: 135px;
    margin: 0px 0px 0px 0px;
    padding: 0px 17px;
    background-image: url(/images/backgrounds/bg_topback2.jpg);
    background-repeat: no-repeat;
}
.Logo
{
}
.TopSearch
{
    width: 180px;
    height: 41px;
    position: absolute;
    margin: 0px 0px 0px 795px;
    background-image: url(/images/backgrounds/bg_topsearch.jpg);
    background-repeat: no-repeat;
}
.TopSearch input
{
    border: medium none;
    height: 16px;
    margin: 16px 0 0 27px;
    width: 150px;
}



/*_-_--_- LEFTAREA -_-_-_*/

.LeftArea
{
    width: 200px;
    float: left;
    margin: 0px 35px 0px 0px;
}

.LeftMenu, .menuLevel2
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.LeftMenu li
{
    width: 180px;
}
.LeftMenu a
{
    color: #94a2b1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    display: block;
    width: 180px;
    border-bottom: solid 1px #dddfe2;
}
.LeftMenu a:hover
{
    color: #fff;
    background-color: #2A3A48;
    font-style: normal;
}
.ActiveMenuBtn
{
    background-color: #6d7c88;
}
.ActiveMenuBtn:hover
{
    background-color: #2A3A48;
}
.menuLevel2
{
    border-bottom: solid 1px #dddfe2;
    width: 200px;
}
.menuLevel2 li
{
    width: 180px;
}
.menuLevel2 li a
{
    color: #8794a2;
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 15px;
    display: block;
    width: 170px;
    border: none;
}
.menuLevel2 li a:hover
{
    background-color: #87939d;
    font-style: normal;
}
.menuLevel2 li .ActiveMenuBtn
{
    font-weight: bold;
}
.menuLevel2 li .ActiveMenuBtn:hover
{
    font-weight: bold;
    color: #003263;
}

.divLeftContent
{
    padding:20px 0px;
    margin:65px 0px 0px 0px;
    border-top:solid 1px #dedfe3;
    border-bottom:solid 1px #dedfe3;
    text-align:center;
}

 .divLeftContent img
{
display: block;
    margin: 0 auto 10px;
}
 
/*_-_-_-_- SITECONTENT -_-_-_-_-_*/

.SiteContent
{
    width: 990px;
    padding: 0px 17px;
    float: left;
}
.ContentLeftArea
{
    border-right: 1px dotted rgb(221, 221, 221);
    margin: 0px 30px 0px 0px;
    padding: 0px 10px 0px 0px;
    float: left;
    width: 459px;
}
.ContentRightArea
{
    width: 210px;
    float: left;
}
/*_-_--_- MAINAREA -_-_-_*/

.MainArea
{
    width: 750px;
    float: right;
    margin: -22px 0px 0px 0px;
}

.ContentHolder, .FrontNews
{
    width: 710px;
    float: left;
    padding: 0px 20px;
    line-height: 18px;
    margin: 0px 0px 40px 0px;
}
.StartPageHeader
{
    width: 710px;
    padding: 0px 20px;
    float: left;
    background-image: url(/images/backgrounds/bg_startpageheader.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.StartPageHText
{
    float: left;
    width: 300px;
}

.StartPageHImage
{
    width: 390px;
    float: left;
}
.PageHeader
{
    width: 710px;
    padding: 0px 20px;
    float: left;
    background-image: url(/images/backgrounds/bg_pageheader.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
.PageHeader img
{
    vertical-align: baseline;
}

.PageHeaderText
{
    float: left;
    width: 560px;
}
.NavigationView
{
    color: #576D7F;
    width: 710px;
    position: absolute;
    margin: 120px 0px 0px 20px;
}

.NavigationView a
{
    color: #576D7F;
}
.ContentHolder h3
{
 /*   display: block;
    font-size: 16px;
    margin: 25px 0 15px;*/
}

.ContentRef
{
     background: url(/images/backgrounds/bg_refContent.jpg) no-repeat bottom;
     padding:0px 20px 20px 20px;
}
.ContentRef .ContentLeftArea
{
        border-right:none;

}
.ContentRef .ContentRightArea
{
    background-color:#f0f2f4;
    padding:10px;
    width: 190px; 
    -moz-border-radius: 15px;
    border-radius: 15px;
 
 }
.ContentRef .ContentRightArea span
{
    display:block;
    margin:0px 0px 5px 0px;
 }
/*_-_- ARTICLE /images -_-_*/
.ArticleBigImage
{
    text-align: center;
    float: left;
    margin: 10px 0px;
    width: 459px;
}
.ArticleLeftImage
{
    float: left;
    margin: 0px 15px 10px 0;
}

.ArticleLeftImage img, .ArticleRightImage img
{
    padding: 2px;
    width: 150px;
}
.ArticleBigImage img
{
    padding: 2px;
    width: 459px;
}
.ArticleRightImage
{
    margin: 0px 0 10px 15px;
    float: right;
}
.ArticleImage700
{
    display:block;
    margin: 0px 0px 30px 0px;
}

/*_-_- PUFFS -_-_*/

.PuffHolder
{
    width: 210px;
    float: left;
    margin: 0px 0px 40px 0px;
    color: #606b77;
    line-height: 18px;
}
.PuffHeader
{
    background-image: url(/images/backgrounds/bg_puff_blue.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 55px;
    margin: 0;
    padding: 10px 0 0 45px;
    text-transform: uppercase;
    width: 165px;
}
.Lilac
{
    background-image: url(/images/backgrounds/bg_puff_lilac.jpg);
}
.Green
{
    background-image: url(/images/backgrounds/bg_puff_green.jpg);
}

.PuffSep
{
    width: 40px;
    height: 20px;
    float: left;
}
.PuffText
{
    height: 150px;
}
.PuffText a
{
    display:block;
}
/*_-_- RIGHTAREA PUFFS -_-_*/
.RightPuffsHeader
{
    font-size: 14px;
    display: block;
    border-bottom: solid 1px #ddd;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.RightPuff
{
    width: 210px;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 15px 0px;
    color: #94a2b1;
    line-height: 18px;
    border-bottom: dotted 1px #ddd;
}
.RightPuff a
{
    display:block;
}
.RightPuff h3
{
    color: #2A3A48;
}
.RightPuff img
{
    margin: 0px 0px 10px 0px;
}
/*_-_-LISTINFOPUFF -_-_*/

.ArtInfoPuff
{
    width: 710px;
    float: left;
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: dotted 1px #ddd;
}
.ArtInfoPuff h2
{
    margin: 0px;
    color: #2a3a48;
    padding: 0px 0px 10px 0px;
}
.ArtInfoPuffImage
{
    width: 120px;
    float: left;
    margin: 0px 10px 0px 0px;
}
.ArtInfoPuffImage img
{
    width: 120px;
}
.ArtInfoPuffInfo
{
    width: 570px;
    float: right;
}
.ArtInfoPuffInfo a
{
    display: block;
    margin: 4px 0px 0px 0px;
}

/*_-_-FORMS / TABLES -_-_*/

.ContactForm
{
    width: 450px;
    margin: 20px 0px 0px 0px;
    font-weight: bold;
}
.ContactForm tr
{
}
.ContactForm td
{
}
.ContactForm input type=[text], .ContactForm textarea, .ContactForm select
{
    font-family: Arial;
    width: 217px;
    border: solid 1px #a6b2c1;
    background-image: url(/images/backgrounds/bg_textarea.jpg);
    background-repeat: repeat-y;
}
.ContactForm select
{
    width: 220px;
}
.ContactForm textarea
{
    width: 432px;
    padding: 10px;
    height: 220px;
}
.ContactForm textarea scroll
{
    background-color: #a6b2c1;
}
.DarkText
{
    font-weight: bold;
    color: #2a3a48;
}

.ListStyle, .SearchList
{
    width: 710px;
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 0px;
}
.ListStyle a:hover
{
    font-style: normal;
}
.ListStyle li
{
    padding: 6px 2px;
    font-size: 14px;
    text-align: left;
    border-bottom: dotted 1px #ddd;
}
.ListStyle li:hover
{
    cursor: pointer;
    background-color: #2A3A48;
    color: #fff;
}
.ListStyle li:hover a
{
    color: #fff;
}
.ListStyle td
{
    border-bottom: dotted 1px #ddd;
    padding: 6px 2px;
}

.RefHolder
{
    background-color: gray;
    float: left;
    height: 90px;
    margin: 5px;
    width: 90px;
}
.RefHolder img
{
    width: 90px;
}

.SearchList li
{
    padding: 15px 0px;
    margin: 0px;
    border-bottom: solid 1px #ddd;
}
.SearchList li b
{
    font-size: 14px;
    display: block;
    margin: 0px 0px 4px 0px;
    padding: 0px;
}
.SearchList li span
{
    display: block;
}
/*_-_-FOOTER -_-_*/

.Footer
{
    background-image: url(/images/backgrounds/bg_footer.jpg);
    background-repeat: no-repeat;
    color: #97a3b4;
    float: left;
    font-size: 11px;
    height: 90px;
    line-height: 18px;
    padding: 75px 0 0;
    text-align: right;
    width: 980px;
}

.clear
{
    clear: both;
}

#FirstHeader
{
    padding: 0px;
    margin: 0px;
}
#SecondHeader
{
    padding: 0px;
    margin: 0px 0px 20px 25px;
}

/*-_-_-_-_-_ BUTTONS -_-_-_-_-_-_*/

.Button122
{
    padding: 6px 10px;
    text-align: center;
    background-image: url(/images/buttons/btn_send.jpg);
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    border: none;
}
.Button122:hover
{
    background-position: bottom;
}

.FrontNews
{
    background-image: url(/images/backgrounds/bg_frontImages.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 20px 0px 20px;
    margin:0px 0px 20px 0px;
}
.FrontNewsPuff
{
    width: 210px;
    float: left;
}
.FrontNewsPuff a
{
    display:block;
} 
.FrontNewsSep
{
    width:40px;
    background-color:Red;
    height:150px;
    float:left;
    }
.NewsDate
{
    display: block;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}
.FrontNewsBottom
{
    background-image: url(/images/backgrounds/bg_frontImagesBottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding:10px 0px;
    float: left;
    width:710px;
}
.FrontUnderHeader
{
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    display:block;
    margin:0px 0px 10px 0px;
    
  }
  
  .ContentFlow
  {
      margin:30px 0px 0px 0px;
    }
    
    
        /*------------NEW REFERENCES---------*/

.divRefPuff
{
    width:225px;
    height:230px;
    display:block;
    float:left;
    margin:0px 0px 17px 0px;
    cursor:pointer;
}
 .divRefPuffSep
{
    width:17px;   
     height:10px;
    display:block;
    float:left;
}

.divRefPuff img
{   
    border: 1px solid #C0C8D1;
    height: 150px;
    margin: 0 0 10px;
    padding: 10px;
    width: 210px;
}
.divRefPuff a
{   
    font-weight:normal;
}
.divRefPuff a:hover
{   
    font-style:normal;
}
/*.divRefPuff:hover img
{
     border:solid 1px #293b47;
}*/
.divRefName
{
    display:block;
    width:225px;
    text-transform:uppercase;
    color:#293b47;
    font-size:14px;
    font-family:Calibri, Trebuchet MS, Arial;
    margin:0px 0px 5px 0px;
    height:20px;
    overflow:hidden;
}
.divRefDesc
{
    display:block;
    width:225px;
    color:#94a2b1;
    font-size:12px;
    font-family:Calibri, Trebuchet MS, Arial;
    margin:0px;
       overflow:hidden;
}
.divRefOverlay
{
    display:none;
    width:225px;
    height:215px;
    /*background-image: url("/images/backgrounds/bg_refHover.png");*/
    position:absolute;
    z-index:100;
}
/*divRefPuff:hover .divRefOverlay
{   
    display:block;
}*/
.divRefPuff:hover img
{   
    border:Solid 1px #9aa1a8;
}
.divPaging
{
    text-align:right;
    display:block;
    margin:10px 0px;
    
 }
  
 .divPaging a
{
    margin:0px 3px;
       color:#94a2b1;
       font-weight:normal;
 }
 
 /*----------- Publish Span --------*/
.spanPublish{
color: #677988;
display:block;
margin:-5px 0px 5px 0px;
}