@charset "utf-8";
/*---------------------------------------------------------------------------------------------

  CSS Stylesheet
  
  T.O.C
    =RESET
    =GENERAL
    =LAYOUT
    =PAGES
    
  Color Scheme
  
    #cccccc - search and subscribe forms color
    #666666 - text color / search and subscribe forms color on hover
    #e1e1e1 - search and subscribe forms border color
    #cccccc - search and subscribe forms border color on hover
    #252525 - header color / drop down menu links
    #346699 - links color / dropdown menu link current
    #000000 - links color on hover
    #999999 - blockquote
    #f5f5f5 - borders top and bottom color
    #efefef - hr color  

-----------------------------------------------------------------------------------------------*/


/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Noto+Serif);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);
@import url(http://fonts.googleapis.com/css?family=Quattrocento);
@import url(http://fonts.googleapis.com/css?family=Zeyada);
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(http://fonts.googleapis.com/css?family=Arapey:400italic);

/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
  
  body{
    background-color:#b3b6b8;
    font:12px Arial, sans-serif;
    line-height:20px;
    color:#333;
    padding:/*50px */0;  
  }
.white{ background-color:#FFF; }  
    /* =headings
    -------------------------------------------------------------- */
    
    h1,h2,h3,h4,h5,h6{ /*font-weight: bold;*/ color:#252525;/* clear:both;*/
font-family: 'Roboto',  Arial, sans-serif;
 }
   
    
    h1{ font-size:20px; line-height:26px; margin-bottom:22px; /*text-transform:uppercase;*/color:#360}
    h2{ font-size:18px; line-height:22px; margin-top:20px; margin-bottom:12px;color:#666}
    h3{ font-size:16px; line-height:20px; margin-bottom:8px; margin-top:20px;color:#666; border-bottom:1px dashed #666 }
    h4{ font-size:14px; line-height:18px; margin-bottom:8px; margin-top:22px; /*text-transform:uppercase;*/}
    h5{ font-size:12px; line-height:16px; margin-bottom:8px; font-weight: 400; }
    h6{ font-size:11px; line-height:15px; margin-bottom:8px;  }
    .col-220 h1{ font-size:14px; text-transform:uppercase; /*line-height:30px; */margin-bottom:12px; color:#000; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; padding-down:2px}
.col-220 li{line-height:18px; margin-bottom:5px; }
     h1,h2,h3,h4,h5,h6{  color:#2d7fb2}
    /* =text-elements
    -------------------------------------------------------------- */
    
 h1 a, a{ text-decoration:none; color:#346699;}
    a:hover{ text-decoration:underline;  }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
    /*a img{ border:none; }*/
  .col-700 a {font-weight: bold;}
    strong{ font-weight: bold; color:#252525; }
    em{ font-style: italic; }
    
    p, ul, ol, pre, code{ margin-bottom:10px; }
    
    ul{ list-style-type:circle; list-style-position: outside; }

    
      ul.checklist{ list-style-image:url(/fileadmin/templates/res_livestock/images/bg-checklist.png); }
    
    ol{ list-style-type:decimal; list-style-position:outside; margin-left:30px }
    
    blockquote{ font-family: Georgia,"Nimbus Roman No9 L",serif; font-weight: bold;color:#360;padding:8px 5px 0 5px;  margin:30px 0 30px 0; 
  border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
    
      .blockquote-left{ width:250px; float:left; }
      .blockquote-right{ width:250px; float:right; }           
           
    pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
    
    hr{ border:none; height:1px; margin:0; background-color:#efefef; color:#efefef; }
    
      /* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
      
      .hr{ margin-top:30px /*border-top:1px solid #efefef; margin:30px 0; */}
      .hr-alt{ text-align:right; height: 22px; /*border-top:1px solid #efefef; margin:30px -30px 30px -30px;*/  }                                         
      .hr-alt2{  margin-top:30px  /*border-top:1px solid #efefef; margin:10px 0 30px 0;*/ }                                    
      
      
    /* =tables
    -------------------------------------------------------------- */
    
    table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; /*border:1px solid #efefef; */}
    th{ padding:10px 15px; text-transform:uppercase; font-weight:bold;background-color:#efefef }
    td{ padding:10px 15px;/*border-top:1px solid #efefef;*/ }
    tr.alt{ background-color:#f5f5f5; }


    /* =forms-messages
    -------------------------------------------------------------- */
    
    label{ font-weight:bold; color:#000000; }
      label span.required{ color:#ff0000; }
    
    fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
    legend{ font-weight: bold; }
    
    input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
    input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
    select{ border-width:1px; border-style:solid; background-color:#ffffff;  }
    
    input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
    
    input.text{ width:250px; padding:5px; }
    textarea{ width:380px; height:125px; padding:5px; }

    .errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
    .errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(/fileadmin/templates/res_livestock/images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
    .errormsg a{ color:#8a1f11; }
    .successmsg{ border-color:#c6d880; background:#e6efc2 url(/fileadmin/templates/res_livestock/images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
    .successmsg a{ color:#264409; }
    .infomsg{ border-color:#92cae4; background:#d5edf8 url(/fileadmin/templates/res_livestock/images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
    .infomsg a{ color:#205791; }
    .noticemsg{ border-color:#ffd324; background:#fff6bf url(/fileadmin/templates/res_livestock/images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
    .noticemsg a{ color:#514721; }
    
    #contact-form{}
    #contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
    #contact-form p{ padding:5px 0 5px 25px; margin:1px; }
    p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }
    
    /* =default-classes
    -------------------------------------------------------------- */
    
    .img-align-left{ margin:5px 10px 0 0; float:left; }
    .img-align-right{ margin:5px 0 0 10px; float:right; }
    
    .text-right{ text-align:right; }
    .text-center{ text-align:center; }
    
    .text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
    .text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

    .bordered{ padding:5px; border:1px solid #efefef;margin-bottom:10px }


    /* =grid
    -------------------------------------------------------------- */

    /* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
    .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
      .fixed{display:block;}
      /*  \*/
      .fixed{min-height:1%;}
      * html .fixed{height:1%;}
        
    .row{ width:940px; }
      
 /*     .col-700{ width:700px; float:left; margin-right:20px; } */
      .col-700{ width:700px; float:left; margin-right:0px; }
      .col-520{ width:520px; float:left; margin-right:20px; }
      .col-460{ width:460px; float:left; margin-right:20px; }
      .col-340{ width:340px; float:left; margin-right:20px; }
      .col-220{ width:220px; float:left; margin-right:20px; }
      .col-160{ width:160px; float:left; margin-right:20px; }
      
    .last{ margin-right:0px; }
    .clear{ clear:both; }
    .block{ display:block; }
    .hide{ display: none; }  
    

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

  #wrap{ width:940px; padding:0 30px 100px 30px; margin:0 auto; /*background-color:#ffffff;*/ border-top:10px solid #f3f3f3; border-bottom:10px solid #f3f3f3;
       -moz-box-shadow: 0 1px 2px 0 #333; -webkit-box-shadow: 0 1px 2px 0 #333; box-shadow: 0 1px 2px 0 #333;
       background-image:url(/fileadmin/templates/res_livestock/images/bg_white.png); background-repeat:repeat; }
  
    #header{ /*padding-top:30px; */ position: relative;}
    
      .dropdown-container{ position:relative; z-index:10; }  /* IE6 and IE7 fix for the dropdown  */
      .slideshow-container{ position:relative; z-index:5; }  /* menu showing below the slider bug */
      .inner-page-title-container{ position:relative; z-index:5; margin-right:-30px;  }
      
      /* =logo
      -----------------------------------------------------------------------------------------------*/
      
      a#logo{ display:block;/* float:left;*/ }
      a#logo img{ display:block; }
      
      /* =dropdown-menu
      -----------------------------------------------------------------------------------------------*/
  
/* level 1 menu */
      ul#dropdown-menu{ position:relative;z-index:100;/* float:right;*/ list-style:none;/* margin-top:30px;*/ background-color:#e2e2e2; z-index:100; }    
      
      ul#dropdown-menu li{ float: left; position: relative;}
      ul#dropdown-menu li a{ display: block; padding:3px 20px 3px 10px; font-size:11px; text-transform:uppercase; color:#252525; }         
      ul#dropdown-menu li.hover, ul.dropdown-menu li:hover>ul{ position:relative; display: block;}
      ul#dropdown-menu li.hover a{ text-decoration:none;/*text-decoration: underline;*/ display:block;  } /* styling when hovering on menu item a */           
      ul#dropdown-menu li.current {background-color:#efefef; } 
        ul#dropdown-menu li.current a{ color:#/*346699*/346699; } 
      /*ul#dropdown-menu li.current > a{ color:#/*346699*/346699; background-color:#efefef; } */                
      ul#dropdown-menu li .sub-menu li a{ color:#252525; }                 
      ul#dropdown-menu li.last > a{ padding-right:11px; }
ul#dropdown-menu li a:hover{ background-color:#ccc;display: inline-block; }

/* level 2 menu */
      ul#dropdown-menu ul
    { position:absolute; top:100%; left:0; width:180px; list-style:none; display:none;
                  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; /*z-index:9999;*/z-index:100; }         
      ul#dropdown-menu ul li{ width:180px; position:relative;}        
      ul#dropdown-menu ul li a{ width:160px; display: inline-block;border:none;padding:5px 10px; 
      font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */        
      ul#dropdown-menu ul li a:hover{ background-color:#efefef;display: inline-block; }
      
/* level 3 menu */
      ul#dropdown-menu ul ul{ left:100%; top:-1px; }
       ul#dropdown-menu li:hover > ul{ visibility:visible; display: inline-block;}
      #dropdown-menu a{ text-decoration:none; }
      
      .arrow{ background:url(/fileadmin/templates/res_livestock/images/bg-sidenav.gif) no-repeat 165px 12px; }

.col-700 ul,
.col-520 ul,
.col-460 ul,
.col-340 ul,
.col-220 ul,
.col-160 ul {list-style-position: outside; margin-left:20px}
        
      /* =search
      -----------------------------------------------------------------------------------------------*/
    
      #search fieldset{ position:relative; border:none; margin:0; margin-top:7px; padding:0; }
      #search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
      #search-input:focus{ border:1px solid #cccccc; color:#666666; }
      #search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
                    background:url(/fileadmin/templates/res_livestock/images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }
    
      .ie6 #search .search-submit-btn{ top:6px; }
      .ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }
      
      /* =contact
      -----------------------------------------------------------------------------------------------*/
      
      #contact{ border-left:1px solid #efefef; padding:13px 0 13px 10px; text-align:center; color:#999999; font-size:14px; font-weight:bold; }
      
      /* =inner-page-title
      -----------------------------------------------------------------------------------------------*/
      
      .inner-page-title{ background-color:#212121; height:65px; padding:25px; overflow:hidden; }    
      .inner-page-title h2{ width:195px; float:left; color:#ffffff; }
      .inner-page-title p{ margin-bottom:0; margin-left:20px; float:left; width:460px; color:#999999; }
      
      .inner-page-title-minimal{ width:700px;}
      .inner-page-title-minimal h2{}
      .inner-page-title-minimal p{ margin-bottom:5px; }
      
      
    #content{ }
    
      .pdf{ background:url(/fileadmin/templates/res_livestock/images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
      p.breacrumbs{ color:#999999; font-size:10px; margin-bottom:0; }
      
      /* =side-nav
      -----------------------------------------------------------------------------------------------*/
      
 ul.side-nav{ font-family: 'Noto+Serif',  Arial, sans-serif;list-style-type:none; list-style-position:outside;/* border-top:1px solid #efefef;*/ width:200px; }
      ul.side-nav li{ border-bottom:1px solid #efefef; list-style:none;}
      ul.side-nav li a:hover{ }
      ul.side-nav li a{ display:block; padding:5px 0 5px 0px; }
      .side-nav li.current a{ color:#000000; }
     .side-nav li.current a:hover{ text-decoration:none; }
    .col-220 ul{margin-left:5px;}
    .last ul {margin-left: 20px;}
  ul.side-nav ul li a{ display:block; padding:5px 0 5px 15px; background:#ffffff url(/fileadmin/templates/res_livestock/images/bg-sidenav.gif) no-repeat 5px 12px; }
      

      /* =tabs
      -----------------------------------------------------------------------------------------------*/
      .tabs-menu{ margin-bottom:0; list-style:none; }
      .tabs-menu li{ display:inline; }
      .tabs-menu li a{ float:left; padding:5px 20px; display:block; background-color:#212121; color:#fff;
               border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
      .tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
      
      .tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
    
      /* =accordion
      -----------------------------------------------------------------------------------------------*/
      .accordion { list-style-type: none;  }
      .accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
      .accordion li.current>a { background: url(/fileadmin/templates/res_livestock/images/bg-accordion.png) no-repeat right 8px; }
      .accordion li div { padding:20px 20px; background:#f5f5f5; }
      .accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(/fileadmin/templates/res_livestock/images/bg-accordion.png) no-repeat right -55px;
               padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }


    #footer{ padding-bottom:30px; display:none } /* -----------display:none----------*/
  
      #footer p.last{ margin-bottom:0; }
      .back-top{ color:#999999; }
      
      /* =footer-nav
      -----------------------------------------------------------------------------------------------*/
      
      #footer-nav{  list-style-type:none; list-style-position:outside; margin-bottom:0; }
      
      /* =contact info
      -----------------------------------------------------------------------------------------------*/
      
      #contact-info{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
      #contact-info li{ padding-left:20px; }
      #contact-info .phone{ background:url(/fileadmin/templates/res_livestock/images/bg-contact-info.png) no-repeat 0 -132px; }
      #contact-info .adress{ background:url(/fileadmin/templates/res_livestock/images/bg-contact-info.png) no-repeat 0 0; }
      #contact-info .email{ background:url(/fileadmin/templates/res_livestock/images/bg-contact-info.png) no-repeat 0 -66px;  }
      
      /* =newsletter-subscribe
      -----------------------------------------------------------------------------------------------*/
      
      #newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; }
      #subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
      #subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }
      #newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px;
                             height:25px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; }
      
      .ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
      .ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
      
      /* =social-media
      -----------------------------------------------------------------------------------------------*/
      
      #social-media{ list-style-type:none; margin-bottom:0; }
      #social-media li{ float:left; }
      #social-media li img{ display:block; float:left; margin-right:5px; }
      #social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; }
      
      
/* =PAGES
-----------------------------------------------------------------------------------------------*/  
        
  /* =index
  -----------------------------------------------------------------------------------------------*/        
  
    /* =slideshow
    -----------------------------------------------------------------------------------------------*/
    
    #slideshow{ position:relative; z-index:10; }
    
      #slideshow ul{ position:relative; width:940px; height:400px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
      #slideshow ul li{ width:940px; height:400px; position:relative; }
      #slideshow ul li img{ position:absolute; top:0; left:0; z-index:20; }
      
        #slideshow ul li .slidetext{ position:absolute; bottom:0; left:0; height:75px; width:675px; padding:25px 0 25px 25px; z-index:25; overflow:hidden;  
                       background-color:#212121; color:#aeb0b3; }
                          
          .slidetext h2, .slidetext h3{ width:195px; float:left; color:#ffffff; }
          .slidetext h2 a, .slidetext h3 a{ color:#ffffff; }
          /*.slidetext p{ float:left; margin-bottom:0; width:360px; margin-left:20px; font-size:14px }   */
.slidetext p{ float:left; margin-bottom:0; width:500px; margin-left:20px; font-size:22px; line-height:28px; font-family: Georgia,"Nimbus Roman No9 L",serif; }
    #slideshow-nav{ position:absolute; left:625px; top:290px; height:20px; width:50px; z-index:30; }
    #slideshow-nav .prev{ width:25px; height:25px; position:absolute; top:0; left:0; background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -225px;  }
    #slideshow-nav .prev:hover{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -150px; }
    #slideshow-nav .next{ width:25px; height:25px; position:absolute; top:0; left:30px; background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -75px; }
    #slideshow-nav .next:hover{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 0; }
    
    
    /* =news-box
    -----------------------------------------------------------------------------------------------*/
    
    #news-box{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
    #news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }
      #news-box li img{ float:left; margin-right:10px; }
      #news-box li div{ float:left; width:170px; }
      #news-box li span{ color:#999999; }
    #news-box li.first{ padding-top:5px; }
    #news-box li.last{ border-bottom:none; }        
  
  
  /* =news
  -----------------------------------------------------------------------------------------------*/
  
    .news-picker{ padding:15px; }
      .news-picker strong{ width:50px; display:block; float:left; }
      
    .news-story{}
      .date{ color:#999999; padding-right:20px; }
  
  
  /* =clients + =testimonials
  
  -----------------------------------------------------------------------------------------------*/
  
    .latest-clients{}
      
      .client{}  
        .client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; }
        .client p{ color:#999999; }
    
    .latest-clients-list{}
      .latest-clients-list p{ line-height:30px; }
      
    .testimonial{}  
  
  
  /* =blog + =single blog post
  -----------------------------------------------------------------------------------------------*/
  
    .blog-sidebar{}
    .blog-sidebar .date{ padding-right:0; }
  
    .blog{}
    .blog-post{}
    
    .comment{ margin-bottom:20px; }
    .comment .who{ margin-bottom:5px; }
  
  /* =portfolio + =portfolio inner page
  -----------------------------------------------------------------------------------------------*/
  
    .portfolio-item{}
      .portfolio-item-preview{ display:block; background:url(/fileadmin/templates/res_livestock/images/bg-fade.png) no-repeat center center; padding:20px 18px; border:1px solid #efefef;  }
      .ie6 .portfolio-item-preview{ background:none; }
      
    .pagination{ list-style:none; }
      .pagination li{ display:inline; }
      .pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
      .pagination li.current a{ background-color:#f5f5f5;  }
  
    #portfolio-item-preview-slideshow{ position:relative; }
    #portfolio-item-preview-slideshow ul{ list-style:none; width:700px; height:300px; overflow:hidden; position:relative; margin:0 auto; z-index:80; }
      #portfolio-item-preview-slideshow ul li{ width:700px; height:300px; position:relative; background-color: #f5f5f5; }
          
    #portfolio-item-preview-slideshow-prev{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -225px; width:25px;
                        height:32px; position:absolute; top:140px; left:20px; z-index:85; }
      #portfolio-item-preview-slideshow-prev:hover{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -150px; }            
    
    #portfolio-item-preview-slideshow-next{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 -75px; width:25px;
                        height:32px; position:absolute; top:140px; right:20px; z-index:85; }
      #portfolio-item-preview-slideshow-next:hover{ background:url(/fileadmin/templates/res_livestock/images/bg-slideshow-nav.png) no-repeat 0 0; }

.bg_trasp{ background-image:url(/fileadmin/templates/res_livestock/images/bg_white.png); background-repeat:repeat;pacity:0.4;filter:alpha(opacity=40)}

/*
  skin - red
*/

a{ color:#006938; }

#wrap{ border-color:#006938; }

/* #slideshow ul li .slidetext{ background-color:#7B0018; } */

#slideshow ul li .slidetext{ background-color:#006938; }

  .slidetext h2, .slidetext h3{ color:#ffffff; }
  .slidetext h2 a, .slidetext h3 a{ color:#ffffff; }
  .slidetext p{ color:#ffffff; }  

/* .inner-page-title{ background-color:#7B0018; } */
.inner-page-title{ background-color:#006938; }

  .inner-page-title h2{}
  .inner-page-title p{ color:#ffffff; }
  
ul#dropdown-menu li.current > a { color:/*#A00303*/#346699; font-weight:bold  }  
/*        mm forum        */
.tx-mmforum-pi1 .markItUp {
width:auto;
}
.tx-mmforum-pi1-newpost-middle{
}
.tx-mmforum-pi1 .tx-mmforum-th{
  background-color:#e0ced4;
}
#smilies table{display:none;}

.DynarchCalendar td, .dynafef_image_gallery td {padding:0; border:0; margin:auto;}

/*           news */

div.tx-dynalist-pi1 table {margin-top:0; margin-bottom:0}
div.tx-dynalist-pi1-recordlist {padding:5px; border-width:1px 0px; background-color:#fff}
.lng-buttons {display:none; border:1px solid #000}
.shelf-by-issuu{color:#000; display: none}


.spacer{/*text-transform:uppercase;*/ padding-top:3px; padding-bottom:1px;font-weight: bold;border-bottom:1px solid #000; color:#666 }


/*.side-nav li.current a {font-weight:bold}*/

a.selected {font-weight:bold; color#000}

/* CSS Document */

/*           news */
.border h5, .border h4, .border h3, .border h2, .border h1
{  color:#ccc;font-family: Arial, sans-serif; border-bottom:1px dashed #ccc ; letter-spacing:1px;font-weight:normal; text-transform:uppercase; }

/* ----- IMAGES ----- */
.csc-textpic-caption {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:1px solid #999;  margin-bottom: 10px;}



table {padding:5px;
    
    border: 1px solid #ccc;
     width: 100%;
     font-size: 12px;line-height:13px
}
td { border-top: 1px dashed #ccc; background-color: #efefef;}


.csc-firstHeader {margin-bottom:20px}
/*ul.csc-menu , ul.csc-frame{background-color: #efefef}*/

span.stButton{
  padding:0;
  margin:0;
}
h4.csc-firstHeader { margin-top:0} 


/* ------------------- dyna search -------------------------------- */
#c453637 .dyna_form_data_type_dropdown select {width: 210px !important; margin-top: 0px !important;}
#c453637 div#dyna_fef_page div.dynafef_buttons {margin: 0 10px 10px 0 !important;}

#c453637 .dyna_form_label {margin-top: 0px; font-size: 11px !important;}
#c453637 div#dyna_fef_page select {font-size: 11px !important;}
 

/* ------------------- dyna list -------------------------------- */

.fa2database-wrapper .list-title h2 {margin: 0px 0px 3px 0px !important; font-size: 15px; border-top: 1px solid #97bcd4; padding-top: 1px;}
.fa2database-wrapper .list-title h2 a {color: #2d7fb2; font-weight: normal !important;}
.fa2database-wrapper .list-title h2 a:hover {text-decoration: underline !important;}
.fa2database-wrapper .lng-buttons {display: block; border: none; text-align: right; clear: both; min-height: 10px;}
.fa2database-wrapper .list-text {float: left; width: 49%; line-height: 17px; margin-right: 6px;}
.fa2database-wrapper .list-text .label {float: left; width:100px; font-weight: bold; margin-right: 10px; min-width: 120px; margin-bottom: 1px;}

.fa2database-wrapper .dynalist_norecordfound {margin-top: 70px; text-align: center;}

/* ------------------- dyna detail -------------------------------- */ 

.dynafef_block {clear: both;}
.dynafef_det {clear: both; margin-top: 10px;}
.dynafef_det h1 {text-transform: none; font-size: 23px; margin-bottom: -10px; color:#565656;}
.dynafef_det h2 {margin: 0px; font-size: 15px;border-top: 1px solid #97bcd4; padding-top: 2px; margin-top: 20px; margin-bottom: 15px; color:#005B95;}
.dynalabel {font-weight: bold; float: left; width: 20%; line-height: 1.3em; background: #f0f0f0; padding: 6px; margin-right: 10px; margin-bottom: 3px;}

.dynavalue {float: left; width:75%; padding-top: 3px; border-top: 1px solid #f0f0f0;}
.dynavalue p {margin: 0px;}

#c453637 h3 {border-top: 1px solid #97bcd4; margin-top: 5px; padding-top: 2px; border-bottom: none; margin-bottom: 0px; color:#565656;}
#c453637 .dyna_form_label {font-weight: normal; margin-bottom: 0px;}
#c453637 div#div_submit_button input {float: right !important; margin-right: -12px !important; color: #fff; background: #0070ad; text-transform: uppercase; font-size: 0.9em; border: 1px solid #0070ad; padding: 3px 5px;}

.filter_label {float: left; margin-right: 5px;}
.filter_param {font-weight: bold; float: left; margin-right: 15px;}
.filter_clean {float: right; border: 1px solid #ccc;}
.filter_clean a{text-transform: uppercase; padding: 3px; color:#666666; font-weight: normal; font-size: 0.9em; padding: 6px;}

.filter_results:after {clear: both; display:block; content:'';}





.csc-default { margin-bottom: 15px; }
