/* Global reset */
html, body, a, p, h1, h2, h3, h4, h5, ul, ol, li, table, tr, td, div { margin: 0; padding: 0; outline: 0; border: none; text-decoration: none; font-style: normal; line-height: normal; }
a img, img a, img, a { border: none; outline: none; }

/* Object declarations */
body { font-size: 11px; line-height: 140%; color: #3f3f3f; background-color: #eee; background-image: url("../../../images/bg.jpg"); font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Verdana, sans-serif; margin: 40px 0 40px 0; }
h1, h2, h3, h4, h5, h6 { 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #111; }
h1 { font-size: 16px; }
h2 { font-size: 28px; line-height: 160%; }
h3 { font-size: 20px; line-height: 150%; }
h4 { font-size: 18px; line-height: 160%; color: #222; font-weight: 500; }
h5 { font-size: 15px; line-height: 150%; color: #333; font-weight: 500; }
h6 { font-size: 13px; line-height: 140%; font-weight: 700; margin: 0 0 0px 0; color: #555; }
p { margin: 0 0 20px 0;  line-height: 150%; }
p strong, span strong { color: #666;  }

/* Class declarations */
.clear { clear: both; }
.full { width: 100%; clear: both; padding: 0; }
.full p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Verdana, sans-serif; font-size: 14px; line-height: 160%; color: #666; }
.singleColumn, .doubleColumn, .doubleColumn_alt, .quadColumn, .fullColumn, .tripleColumn { float: left; padding: 0 10px; min-height: 200px; }
.singleColumn { width: 214px; } 
.doubleColumn { width: 461px; }
.doubleColumn_alt { width: 449px; float: left; padding: 0 10px; }
.tripleColumn { width: 683px; }
.quadColumn { width: 945px; padding: 0; }
.quadColumn h3, .quadColumn h4, .quadColumn h5 { margin: 0 10px 10px 0px; }
.quadColumn div { margin-left: -10px; margin-right: 10px; }
.first { padding: 0 5px 0 0; }
.last { padding: 0  0 0 10px; min-width: 215px; }
.fullHeight { min-height: 450px; }
.doubleColumn img, doubleColumn_alt img { float: left; }
.leftBorder { border-left: 1px dotted #aaa; }
.rightBorder { border-right: 1px dotted #aaa; }
.topBorder { border-top: 1px dotted #aaa; }
.bottomBorder { border-bottom: 1px dotted #aaa; padding-bottom: 20px; }
.allBorders { border: 1px dotted #ccc; }
.bigList {  }
.bigList li { padding: 10px 0px 0 0px; font-size: 14px;  color: #555; }
.smaller { font-size: 12px; color: #999; }
.bigger { font-size: 15px; color: #444; }
.smallText { font-size: 12px; color: #555; line-height: 150%; }
.smallerText { font-size: 13px; color: #888; font-family: arial, sans-serif; line-height: 140%; }
.smallerText strong { color: #666; }
.crossPlatform { font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Verdana; line-height: 120%; font-size: 11px; color: #555; }
.picText { font-size: 11px !important; margin: 10px 0 10px 0 !important; }

#main li { margin: 5px 0 5px 25px; }
#wrapper { border: 1px solid #ccc; margin: 0px auto; width: 1230px; background-color: #fff; }
#header { clear: both; width: 100%; height: 119px; background-image: url("../../Metodika_V02/images/tema2_r1_c21.jpg"); }
#logo { width: 1200px; height: 88px; margin: 0 0 0 20px; }
#book-demo { float: right; padding: 0 40px 0 0; z-index: 40; position: relative; top: -40px;  }
#book-demo a { font-size: 140%; color: #444; }
#book-demo a:hover { color: #777; }
#mainMenu { clear: both; padding: 0 0 10px 48px; }
#main { clear: both; padding: 20px 0 0 25px; min-height: 400px; }
#footer { clear: both; text-align: center; background-image: url("../images/afooter_bg.jpg"); padding: 10px 20px 12px 20px; margin-top: 15px; border-top: 1px dotted #aaa; }
#footer ul li { display: inline; }
#footer ul li a, #footer ul li span { font-family: verdana, arial, sans-serif; color: #666; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
#footer ul li a:after { content: " | "; }
#footer ul li a:hover { color: #888; }

/* News */
.componentheading_news { display: none; }
.contentheading_news a { }
.contentpaneopen_news { width: 900px; margin: 0px 300px 20px 0px; font-size: 116%; }
.contentpagetitle_news {  font-size: 130% !important; color: #333 !important; }
.contentpagetitle_news:hover { color: #888 !important; }
.contentpaneopen_news ol { margin: 30px 0 20px 0; }
.contentpaneopen_news li { margin: 10px 0 0 30px; }
.createdate { width: 300px; float: left; font-size: 16px !important; }
.blog_more_news { width: 220px; position: relative; left: 152%; margin-top: -680px; }
.blog_more_news a { font-size: 14px !important; color: #444 !important  ; }
.blog_more_news strong { font-size: 16px !important; }
.blog_more_news li { list-style-type: none; margin: 0 !important; }

/* Bottom boxes */
#bottomBoxes { }
#boxOne, #boxTwo, #boxThree { border: 1px solid #ccc; }
#bottomBoxes #boxOne { width: 463px; background-image: url("../../../images/stories/slide12.jpg"); /* background-image: url("../../../images/slide11.jpg"); */ height: 136px; margin-right: 4px; float: left; }
#bottomBoxes #boxTwo { width: 468px; /*background-image: url("images/stories/stats_2.jpg");*/ background-image: url("../../../images/aleris_w400.jpg"); background-position: center; background-repeat: no-repeat; height: 136px; margin-right: 4px; float: left; }
#bottomBoxes #boxThree { width: 230px; background-image: url("../../../images/ibra.jpg"); height: 136px; float: left; }

.boxText { font-size: 96% !important; color: #111; padding: 0 15px; margin-bottom: 10px; line-height: 140%; }
#bottomBoxes div a h6 { color: #fff; padding: 2px 5px; width: 453px; background-color: #555; margin: -2px -2px 10px -2px; font-weight: bold; opacity:0.7; filter:alpha(opacity=70); }
#bottomBoxes div a h6:hover { background-color: #777; color: #fff; }
#bottomBoxes #boxTwo a h6 { width: 458px !important; }
#bottomBoxes #boxThree a h6 { width: 220px !important; }
a[class=readMore] { margin: 6px 0 0 10px; color: #444 !important; font-weight: bold; font-size: 108% !important; }
#boxOne a[class=readMore] { bottom: 0px; right: 0px; float: right; padding: 24px 15px 0 0px; margin: 4px 0px 0 0px; }
#boxTwo a[class=readMore] { bottom: 0px; float: right; padding: 60px 20px 0 0;}
#boxThree a[class=readMore] { bottom: 0px; float: right; padding: 30px 15px 0 0;}
a[class=readMore] { }
a[class=readMore]:hover { color: #777 !important; }
a[class=readMore]:before { content: " » "; }

#bottomBoxes p { font-size: 126% !important; }
#bottomBoxes #boxOne p { margin: 18px 0 0 180px; }
#bottomBoxes #boxOne .readMore { }
#bottomBoxes #boxTwo p { margin: 18px 0px 0 45px; color: #000; }
#bottomBoxes #boxTwo .readMore { }
#bottomBoxes #boxThree .readMore { margin: 45px 0 0 25px !important; }

/* Old style goes here... */
a:link, a:visited, a:hover { font-family: Verdana; font-size: 11px; color: #999999; }
a#active_menu { font-family: Verdana; font-size: 10px; color: #000; }
a#active_menu2 { font-family: Verdana; font-size: 12px; color: #000; }
.mainlevel { font-size: 10px; color: #999999; }
.small { color:#132E49; font-weight:bold; }
.first_title { font-size: 14px; line-height: 130%; color: #01182a; font-weight:bold; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold","Helvetica Neue", Verdana; }
.first_titletext{ font-size: 14px; line-height: 130%; color: #3b3d3c; font-style:italic; font-family: "AGaramondPro-Italic", Verdana; }
.second_title { font-size: 14px; line-height: 130%; color: #3b3d3c; font-weight:bold; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold","Helvetica Neue", Verdana; }
.AGaramond { font-family: "AGaramondPro-Italic", Verdana; font-style:italic; line-height: 120%; }
.HelNeuLight{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Verdana; line-height: 120%; }
.first_title11px { font-size: 11px; line-height: 130%; color: #01182a; font-weight:bold; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold","Helvetica Neue", Verdana; }
.HelNeuBold { font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold","Helvetica Neue", Verdana; font-weight:bold; line-height: 120%; }
.AGaramondPro_22{ font-size: 22px; line-height: 110%; color: #3b3d3c; font-family: "AGaramondPro-Italic", Verdana; font-style:italic; }
.seq1 { border:none; outline:none; }
.bread { font-family: Verdana; font-size: 11px; color: #000; margin: 0 0 0 30px; }
.tellmore:link { font-family: Verdana; font-size: 12px; color: #333; }
.tellmore:visited { font-size: 12px; color: #333; }
.tellmore:hover { font-size: 12px; font-weight:bold; color: #FFF; }
.style1 { color: #999999; font-size: 11px; }

#slideshow {

position: relative;

height: 350px;
  padding-bottom: 13px;

}

.quadColumn,.tripleColumn,.doubleColumn {
  padding-bottom: 20px;
  
}

#slideshow IMG {
    position:absolute;
    top:    0;
    left:  0;
    z-index:  8;
}

#slideshow IMG.active {
    z-index:  10;
}

#slideshow IMG.last-active {
    z-index:  9;
}