/*
// News Module for Opencart v1.5.5, modified by villagedefrance (contact@villagedefrance.net)
*/

.box-news{display: inline-table;margin: 5px 28px 30px 0px;overflow: auto;width: 356px;font-size: 13px;}
.box-news a {font-size: 13px;}
.box-news a:hover, .box-news h4:hover {color: #000;}
.box-news .img {display: block; overflow: hidden;width: 50%;margin: 0 auto;}
.box-news .img img {width: 100%;}
.bk-news p {min-height: 95px;}
.bk-news span {position: relative;top: -4px;}
.bk-news span b {text-decoration: none;}

.content-news{margin-bottom:10px;overflow:auto;padding:10px;font-size: 13px;}
.content-news .news{width:100%}
.content-news .news a{text-decoration:none}
.content-news .news h3{font-size:14px;font-weight:700;color:#444;text-shadow:0 1px 1px silver;margin-top:0;margin-bottom:5px}
.content-news .news p{margin:5px 0}
.content-news .news .image{width:auto;float:right;margin:5px;}
.box-news h4{margin-top:0;margin-bottom:5px;padding-bottom: 5px;color: #333;font-size: 16px;}
.box-news p{margin-top:0;margin-bottom:5px}
.addthis{padding: 10px 0px;}
.panel, .panelcollapsed {margin-bottom:20px;}
.panelcontent {padding: 20px 5px 14px 5px;overflow: hidden;font-size: 13px;border-bottom: 2px dotted #c4c3c3;}
.panelcontent .left-nw {width: 170px;float:left;}
.panelcontent .right-nw {width: 970px;float:left;margin-left: 20px;}
.panelcontent .imgBox img {width: 100%;}
.panelcontent .desc h4 {margin: 0px 0px 10px 0px;font-size: 18px;font-weight: 300;border-bottom: 1px solid #f2f2f2;}
.panelcontent .desc a {text-decoration:none;}
.panelcontent .desc a:hover {text-decoration: none;}
.panelcontent .desc p {font-size: 13px;}
.panelcontent .desc .more {font-size: 13px;color: #E97800;margin-bottom: 5px;text-decoration: underline;}
.panelcontent .desc .more:hover, .panelcontent .desc:hover .more {text-decoration: none;}
.panelcontent .desc img {position: relative;top: 5px;}
.panel h2, .panelcollapsed h2 {font-size: 16px;font-weight: normal;color: #333;margin: 0px;padding: 4px 5px 4px 10px;background: #EEE;border-bottom: 1px solid #DBDEE1;}
.panelcollapsed h2 {background: #EEE;border-color: #DBDEE1;}

@media only screen and (max-width: 479px) and (min-width: 300px) {
  .box-news {width: 100%;}
  .panelcontent .left-nw {width: 100%;text-align: center;}
  .panelcontent .right-nw {width: 100%;margin-left: 0px;}  
  .panelcontent .imgBox img {width: auto;}
  .content-news .news p img {width: 90%;height: auto;}
  .content-news .news p iframe {width: 98%;height: auto;}  
}

@media only screen and (max-width: 567px) and (min-width: 480px) {
  .box-news {width: 100%;}
  .panelcontent .left-nw {width: 100%;text-align: center;}
  .panelcontent .right-nw {width: 100%;margin-left: 0px;}  
  .panelcontent .imgBox img {width: auto;}
  .content-news .news p img {width: 90%;height: auto;}
  .content-news .news p iframe {width: 98%;height: 250px;}      
}

@media only screen and (max-width: 767px) and (min-width: 568px) {
  .box-news {width: 215px;}
  .panelcontent .left-nw {width: 100%;text-align: center;}
  .panelcontent .right-nw {width: 100%;margin-left: 0px;}  
  .panelcontent .imgBox img {width: auto;}  
  .content-news .news p img {width: 90%;height: auto;}
  .content-news .news p iframe {width: 98%;height: 280px;}  
}

@media only screen and (max-width: 977px) and (min-width: 768px) {
  .box-news {width: 215px;}
  .panelcontent .right-nw {width: 540px;}  
  .content-news .news p img {width: 90%;height: auto;}
  .content-news .news p iframe {width: 98%;height: 400px;}
}

@media only screen and (max-width: 1169px) and (min-width: 978px) {
  .box-news {width: 288px;}
  .panelcontent .right-nw {width: 780px;}
}