body
{
    background: #fff;
    margin: 0;
    padding: 0;    
}

body
{
    font-size: 1em; /* 1em = 16px */    
}

body, p, li, ol, td, th, input, textarea, a, span, div, body, td, th, input, textarea, button
{
    color: #2e3734;    
    line-height: 1.5;
    font-family: 'Open Sans', Arial, sans-serif; /* bezpatkové*/
    font-weight: 300;
    font-size: 1em; /* 1em = 16px */    
    color: #333;
}

h1, h2, h3, h4, h5, h6, .titleFormBox, #wePurchase #boxManufacturers  li
{
    font-family: 'Raleway', Arial;     
}

h1, h2, h3, h4, h5, h6
{        
    font-weight: 600;
    text-align: center;
}



/* globalni nastaveni pro obecne formatovani */
form
{
   margin: 0 0 20px 0;
}


h1, .boxInfobox h2
{

}

h1{ font-size: 200%;  }
h2{ font-size: 218.75%; padding: 0; border: 0; margin: 0 0 60px 0; color: #396905; font-weight: 800; text-transform: uppercase;}
h3, h4{ font-size: 180%; padding: 0; border: 0; font-weight: 700; color: #396905; text-transform: uppercase; }
h4{/* font-size: 180%; padding: 0; border: 0; margin: 0 0 10px; */}
h5{ font-size: 110%; padding: 0; border: 0; margin: 0 0 10px; }
h6{ font-size: 105%; padding: 0; border: 0; margin: 0 0 10px;  }

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6
{
    margin-top: 10px;
}

h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul
{
    margin-top: 10px;
}

ul + h2
{
    margin-top: 30px;
}

.label
{

}

p 
{
    margin: 0 0 2.5%;
    line-height: 1.6;
    font-size: 110%;
}

p + p
{
    
}

p, ul, ol
{

}

a { color: #72a838; text-decoration: underline;}
a:hover { color: #000; text-decoration: none; }
a img{ border: none; } /* , a:link img */



ul, ol { margin: 20px 0px 10px 0px; padding: 0px; }
ul li { margin: 0px 0px 5px 0px; padding: 0 0 0 25px; list-style-type: none; background: transparent url('../images/li.png') no-repeat 9px 7px; }
ol li { margin: 0px 0px 5px 26px; padding: 0px; list-style-type: decimal; }

p + ul
{
    margin-top: -1.5%;
}

ul + p, ul + ul
{
    margin-top: 3.5%;
}


hr
{
    color: #efefef;
    height: 1px;
    border: none;
    background-color: #efefef;
}

/* pomocne tridy */
.cl
{
   clear: both;
   width: 100%;
   line-height: 0px;
   height: 0px;
   font-size: 0px;
   overflow: hidden;
   margin: 0px;
}

.tal { text-align:left; }
.tac { text-align: center; }
.tar { text-align:right; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.block { display: block; }
.hidden { display: none; }



/**************************************************/
/* délky prvky */
/**************************************************/
.long { width: 100%; }
.longer { width: 75%; }
.middle { width: 50%; }
.short { width: 25%; }

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}



/**************************************************/
/* message box */
/**************************************************/

.ok, .err 
{
   padding: 10px;
   margin: 5px 0 0 0;
   font-size: 100%;
}

.ok 
{
   color: #659f00;
}

.err 
{
   color: #bf0202;
}



/**************************************************/
/* kulaté rohy */
/**************************************************/

.but, button, .boxCaption, a.butCookiesAgree, .menuMain div, .aMore
{
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
} 



/**************************************************/
/* formuláře */
/**************************************************/

form, fieldset { border: none; margin: 0; padding: 0; }

form { }
form.margin { margin: 0;}
.boxWidgetContent form {  }

fieldset
{
    padding: 0;
}

input, textarea 
{
    margin: 0; 
    padding: 20px 0 5px;
}

textarea
{
    height: 124px;
}

input, textarea, select 
{ 
    border: 0;
    border-bottom: #ccc 1px solid;
}

input:hover, textarea:hover, .curFocus
{
    border-bottom-color: #4a9c34;     
}

.errInput, .errInput:hover
{
    border-bottom-color: #bf0202;     
}

.curFocus
{
    color: #3dc01f;
}

.formLeft { vertical-align: top; padding: 0 0 0 0; }
.formLeft label
{
    float: right;
    color: #333;
    margin: 10px 0 0 0;
    text-align: right;
}


form tr, form td
{
    background: none;
    border: none;
    margin: 0;
}

legend
{
    color: #555;
}

input + label
{
    margin-left: 5px;
}

::-webkit-input-placeholder, ::-moz-placeholder , :-ms-input-placeholder, :-moz-placeholder  
{
    color: #2e3734;
}

input:hover::-webkit-input-placeholder, input:hover::-moz-placeholder , input:hover:-ms-input-placeholder, input:hover:-moz-placeholder  
{
    color: #3dc01f;
}


/**************************************************/
/* tělo stránky */
/**************************************************/

.block
{
    display: block;    
    overflow: hidden;
    float: none;
}

.main
{
    width: 100%;
    max-width: 1000px;
    
    margin: 0 auto;
    padding: 0;
    
    text-align: left;
}

.wrapContainer > .main
{
    margin-top: 60px;
    margin-bottom: 60px;
    overflow: hidden;
}

/**************************************************/
/* top */
/**************************************************/

.wrapTop
{
    position: fixed;
    z-index: 9999;
    
    background: #568c1c;
    width: 100%;
    height: 100px;
}

    .wrapTop .main
    {
        width: 100%;
        max-width: 100%;
    }
    
    .boxTop{}
    
        .wrapLogo
        {
            width: 15%;
            float: left;
        }
        
            .boxLogo, .boxLogo:hover
            {
/*                height: 100px;  */
                margin-top: 13px;
                text-decoration: none !important
            }
            
                .logo
                {
                    font-family: 'Kaushan Script', Arial;                         
                    display: block;
                    float: none;                                       
                    font-size: 200%;
                    color: #fff;
                    letter-spacing: 3px;
                    font-weight: 800;
/*                    text-transform: uppercase;*/
                    line-height: 1.2;
                    text-decoration: none;
/*                    
                    background: transparent url('../images/logo.png') no-repeat left center;                    
                    padding-left: 80px;
                    margin-left: 5%;
*/                    
                }
                
                .motto
                {
                    color: #fff;
                    font-weight: 400;
                    font-size: 105%;
                    text-decoration: none;
                }
        
        .wrapMenuMain
        {
            width: 85%;
            float: left;
        }

        
/**************************************************/
/* menu */
/**************************************************/    
.icoMenuMobile
{
    display: none;
    height: 40px;
    background: transparent url('../images/menu.png') no-repeat center center; 
    font-size: 0;
}

.icoMenuMobile:hover
{
    background: #3dc01f url('../images/menu.png') no-repeat center center; 
}

.wrapSubMenu
{
    height: 100%;
}
    .boxSubMenu
    {
        width: auto;
        float: left;
        width: 100%;
        height: 100%;
        margin: 0;     
        text-align: right;
    }
    
    .boxSubMenu span
    {
        height: 100%;
        float: left;
/*        margin-left: 5%;*/
        display: block;
    }

        .boxSubMenu span a
        {
            display: block;
            height: 100px;
            padding: 0 20px;
            line-height: 100px;            
            color: #fff;
            font-size: 112.5%;
            text-decoration: none;
        }
        
        .boxSubMenu span a:hover
        {
            background: #3dc01f;
/*            background: #25405a;*/
        }        
        
.wrapContainer
{
    float: none;
}   



/**************************************************/
/* financování */
/**************************************************/        

.wrapGreyLight, .wrapWhite
{
    background: #f7f7f7;
    overflow: hidden;
}

#contact .wrapGreyLight
{
    width: 50%;
    font-size: 60%;
    margin: 30px auto 0;
}

#contact .arrowDownGrey
{
    margin-bottom: 30px;
}

.wrapWhite
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

    .boxGrey
    {
        width: 92%;
        margin: 4%;

        font-size: 150%;
        text-align: center;
    }

    .boxGrey p:first-child
    {
        margin-top: 0;
    }    
    
    .boxGrey p:last-child
    {
        margin-bottom: 0;
    }    
    
    
.arrowDownGrey, .arrowDownWhite
{
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #f7f7f7;
    height: 0;
    margin: 0 auto;
    width: 0;
}

.arrowDownWhite
{
    border-top: 40px solid #fff;
}

.arrowDownGrey + p, .arrowDownWhite + p
{
    margin-top: 40px;
}

    
.wrapSloupec50
{
    width: 50%;
    float: left;
}

    .wrapSloupec50 > div
    {
        width: 95%;
        text-align: justify;
    }

    .wrapSloupec50 > .block
    {
        width: 100%;
        margin: 0;
/*        
        margin: 5%;
        width: 90%
*/            
    }

    .wrapSloupec50 .blockRight
    {
        width: 95%;
        margin-left: 5%;
    }


/**************************************************/
/* infoboxy */
/**************************************************/

.wrapInfoboxes
{
    position: relative;
    height: 100vh;
    background: transparent url('../images/intro.jpg') no-repeat center center;
    background-size: cover;
}

        
        .infoboxes, .wrapDoprava, .wrapSluzby
        {
            width: 70%;
            margin: 0 auto;
            
            background: rgba(255,255,255,.90);            
        }
        
        .infoboxes
        {
            width: 40%;
            margin-top: 15%;
        }        
        
            .infoboxes h2
            {
                font-size: 180%;
                margin: 2.5% 0 0 0;
            }        
            
    .wrapInfobox
    {
        width: 45%;  
        float: left;        
    }
    
        .boxInfobox
        {
            width: 82%;
            margin: 0 4% 4% 4%;
            padding: 5%;
        }         

            .boxInfobox ul
            {
                margin: 0;
            }

                .boxInfobox li, .wrapDoprava li, .wrapSluzby li, #vykup .wrapGreyLight li, #purchase .wrapGreyLight li, #postup li, #steps li
                {
                    padding-left: 35px;
                    background: transparent url('../images/checked-green-24.png') no-repeat left 4px;

                    font-size: 130%;  
                    font-weight: 400;
                    text-align: left;
                }        

                #postup ol, #steps ol
                {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }
                
                #postup ol li, #steps ol li
                {
                    padding-left: 5px;
                    margin-left: 0;
                    background: none;
                    counter-increment: step-counter;
/*                    text-align: center;*/
                }  
                
                #postup ol li::before, #steps ol li::before
                {                
                    color: rgb(2,114,223,1);
                    content: counter(step-counter) '.';                    
                    margin-right: 15px;
                }
                .boxInfobox li:last-child, .wrapDoprava li:last-child, .wrapSluzby li:last-child,#vykup .wrapGreyLight li:last-child, #purchase .wrapGreyLight li:last-child
                {
                    margin-bottom: 0;
                }                                     

#wePurchase #boxManufacturers, #boxManufacturers .boxInfobox, #boxManufacturers .boxInfobox ul
{
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

    #wePurchase #boxManufacturers  li
    {
        width: 18%;
        margin: 0 1%;
        padding: 10px 0;
        float: left;

        background: #3dc01f;
        /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;*/
        
        
        font-size: 110%;
        text-align: center;                
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
/*        color: #3dc01f;*/
    }
    
#wePurchase h2
{
    margin: 50px 0 40px;
}    


#wePurchaseTypes
{
    width: 100%;
}

#wePurchaseTypes li
{
    margin-bottom: 20px;
}

#wePurchaseTypes li:last-child
{
    margin-bottom: 0;
}

/**************************************************/
/* výkup */
/**************************************************/    

#vykup .wrapGreyLight ul + ul, #purchase .wrapGreyLight ul + ul,
#vykup .wrapGreyLight ul, #purchase .wrapGreyLight ul
{
    margin-top: 0;
    margin-bottom: 0;
}

#vykup .wrapGreyLight ul, #purchase .wrapGreyLight ul
{
    width: 45%;
    float: left;
}

#vykup .wrapGreyLight ul:first-of-child, #purchase .wrapGreyLight ul:first-of-child
{
    margin: 0 10% 0 0;
}


#vykup .wrapGreyLight li, #purchase .wrapGreyLight li
{
    font-size: 90%;
}

#purchase .arrowDownGrey, #steps .arrowDownWhite
{
    margin-bottom: 60px;
}


/**************************************************/
/* postup */
/**************************************************/  

#postup, #steps
{
    background: #f7f7f7;
}

#postup .wrapSloupec50, #steps .wrapSloupec50
{
    background: #fff;
    width: 48%;
}

#postup .wrapSloupec50:first-of-type, #steps .wrapSloupec50:first-of-type
{
    margin-right: 4%;
}

#postup li, #steps li
{
    font-size: 100%;
    margin-bottom: 10px;
}

#postup .wrapSloupec50 li:last-child, #steps .wrapSloupec50 li:last-child
{
    margin-bottom: 0;
}

.wrapSloupec50 ul
{
    margin: 0;
}

#postup .block + ul, #steps .block + ul
{
    font-size: 80%;
}



/**************************************************/
/* služby */
/**************************************************/   

#services, #sluzby
{
    position: relative;
    height: 85vh;
    background: transparent url('../images/sluzby.jpg') no-repeat center center;
    background-size: cover;    
}

#services .main, #sluzby .main
{
    margin-top: 0;
    margin-bottom: 0;
}

#services .wrapAnchorTop, #sluzby .wrapAnchorTop
{
    margin-top: 50px;
}


/**************************************************/
/* doprava */
/**************************************************/                

#doprava, #transport
{
    position: relative;
    height: 85vh;
    background: transparent url('../images/doprava.jpg') no-repeat center center;
    background-size: cover;    
}


#doprava .main, #transport .main
{
    margin: 0 auto;
}

.wrapDoprava, .wrapSluzby
{
    width: 60%;
}

.boxDoprava, .boxSluzby
{
    width: 88%;
    padding: 3% 6%;
}

.wrapDoprava h2,.wrapSluzby h2
{
    margin: 0 0 3%;
}



/**************************************************/
/* contact */
/**************************************************/  

#kontakt, #contact
{
    background: #f6f6f6;
}

.wrapContactInfo
{
    background: #f1f1f1;
    width: 60%;
    margin: 0 auto 40px ;
}

    .wrapContactInfo > .block
    {
        width: 92%;
        margin: 4%;
        text-align: center;
    }

.wrapContactImage
{
    width: 150px;
    height: 150px;    
    margin: 0 auto 20px;
    background: #e6e6e6;
}

    .wrapContactImage div
    {
        width: 92%;
        height: 92%;
        margin: 4%;
        background: transparent url('../images/rob.jpg') no-repeat center center;
        background-size: cover; 
    }
    
    .wrapContactImage, .wrapContactImage div
    {
        -webkit-border-top-left-radius:200px;
        -moz-border-radius-topleft:200px;
        border-top-left-radius:200px;
        -webkit-border-top-right-radius:200px;
        -moz-border-radius-topright:200px;
        border-top-right-radius:200px;
        -webkit-border-bottom-right-radius:200px;
        -moz-border-radius-bottomright:200px;
        border-bottom-right-radius:200px;
        -webkit-border-bottom-left-radius:200px;
        -moz-border-radius-bottomleft:200px;
        border-bottom-left-radius:200px;          
    }

/**************************************************/
/* footer */
/**************************************************/

.wrapFooter
{
    background: #72A838;
}

    .boxFooter
    {
        margin-top: 2%;
        margin-bottom: 2%;
        text-align: center;
        color: #fff;
    }
    
        .wrapFooterWarning
        {
            background: #25405a;
            margin-bottom: 5%;
        }
        
            .wrapFooterWarning > div
            {
                margin: 2%;
                width: 96%;
                
                text-align: center;
            }        
            
    .wrapCopyright div, .wrapFooterWarning > div/*, .boxFooter a*/
    {
        font-size: 81.25%;                     
        color: #fff;
    }            
    
    .boxFooter a
    {
        color: #efefef;
        text-decoration: none;
    }      
    
    .boxFooter a:hover
    {
        color: #fff;
        text-decoration: underline;
    }       
    
    
/**************************************************/
/* buttony */
/**************************************************/

.but, .but:hover
{
    display: inline-block;
    float: none;
    background: #568c1c;
    font-size: 120%;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
/*    margin: 1% 2%;*/
    padding: 10px 2%;
    border: 0;
    cursor: pointer;
}

.but:hover
{
    
    background: #3dc01f;
}

.butSend
{
    margin: 0 auto;
}


/**************************************************/
/* widgety */
/**************************************************/

.wrapWidget
{
    margin-top: 60px;
}

    .wrapWidget .label
    {
        display: block; 
        text-align: center;
        color: #396905;
        font-weight: 400;
        text-transform: uppercase;
    }

.boxWidgetContent
{    
    background: #efefef;
    overflow: hidden;
    float: none;
}

    .labelGallery
    {
        display: none;
    }

    .boxWidgetContent > div
    {    
        width: 96%;
        margin: 2%;
    }
    
    
    
    .boxWidgetContent > div.imageGallery
    {
        margin-bottom: 0;
    }

        .imageGallery div
        {    
            float: left;
                margin: 0 2% 2% 0;
                border: 0;
                padding: 0;            
        }    
        
            .imageGallery div a , .imageGallery div a img
            {    
                max-height: 160px;
                margin: 0;
                border: 0;
                padding: 0;
            }            

            
/**************************************************/
/* poptávkový formulář */
/**************************************************/

.wrapForm
{
    background: #fff;
    margin-bottom: 60px;
}

    .wrapForm > form
    {
        width: 92%;
        margin: 4%;
    }

.wrapPoptavka
{
    width: 47.5%;
    margin-right: 5%;
    float: left;
}

.wrapPoptavka:nth-child(2)
{
    margin-right: 0;
}

.wrapPoptavka:last-child
{    
    margin: 60px 0 0 0;
    width: 100%;
}

    .wrapPoptavka:last-child input
    {    
        width: 50%;
        float: left;
    }
    
    .wrapPoptavka:last-child input
    {    
        width: 47.5%;
        float: left;
    }    
    
    .wrapPoptavka:last-child input:first-of-type
    {    
        margin-right: 5%;
    }        

    .wrapPoptavka block
    {

    }
    
        .titleFormBox
        {
            font-size: 110%;
    /*        color: #568c1c;*/
            color: #333;
            text-align: center;
            text-transform: uppercase;
            font-weight: 600;
        }



/**************************************************/
/* navigace na následující kontejnér */
/**************************************************/

.wrapAnchorTop 
{
    width: 100%;
}

.wrapWidget + .wrapAnchorTop
{
    margin-top: 40px;
}

.aTop 
{
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: rgba(45,78,109,.3) url("../images/down-arrow.png") no-repeat scroll center center;
    
    -webkit-border-top-left-radius:100px;
    -moz-border-radius-topleft:100px;
    border-top-left-radius:100px;
    -webkit-border-top-right-radius:100px;
    -moz-border-radius-topright:100px;
    border-top-right-radius:100px;
    -webkit-border-bottom-right-radius:100px;
    -moz-border-radius-bottomright:100px;
    border-bottom-right-radius:100px;
    -webkit-border-bottom-left-radius:100px;
    -moz-border-radius-bottomleft:100px;
    border-bottom-left-radius:100px;    
}

.aTop:hover
{
    background: #3dc01f url('../images/down-arrow.png') no-repeat center center;
}   

#kontakt .aTop, #contact .aTop
{
    background: rgba(45,78,109,.3) url("../images/up-arrow.png") no-repeat scroll center center;  
}

#kontakt .aTop:hover, #contact .aTop:hover
{
    background: #3dc01f url('../images/up-arrow.png') no-repeat center center;
}   

.wrapInfoboxes .wrapAnchorTop
{
    position: absolute;
    bottom: 160px;
}

#doprava .wrapAnchorTop, #transport .wrapAnchorTop
{
    margin-top: 60px;
}



/**************************************************/
/* captcha */
/**************************************************/

.wrapCaptcha
{
    margin: 20px 0 30px;
}



/**************************************************/
/* efekty */
/**************************************************/

a, a:hover, but, but:hover, button, button:hover, .jfilestyle  span, .jfilestyle:hover  span, fileinput, fileinput:hover
{
    transition: all ease-in-out 0.5s;
}   


/**************************************************/
/* vybava */
/**************************************************/

.boxVybava span
{
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}

#vybaveni .but
{
    margin-top: 30px;
}


/*******************************************/
/* motto */
/*******************************************/

#motto .wrapGreyLight
{
    width: 50%;
    margin: 0 auto;
    background: rgba(86,140,28,.77);
    color: #fff;
}

    #motto .wrapGreyLight .block
    {
        color: #fff;
    }

#motto .wrapGreyLight + .arrowDownGrey
{
    border-top: 40px solid rgba(86,140,28,.77);
}



/*******************************************/
/* ikony */
/*******************************************/

.wrapIcons
{
    background: #72A838;
}

    .wrapIcons > div
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }


        .wrapIcons > div > div
        {
            height: 40px;
            width: 9.090909090909091%;
            float: left;
        }

        .icoPostel { background: transparent url('../images/icons/postel.png') no-repeat center center; }
        .icoBaby { background: transparent url('../images/icons/baby.png') no-repeat center center; }
        .icoBezky { background: transparent url('../images/icons/bezky.png') no-repeat center center; }
        .icoCyklo { background: transparent url('../images/icons/cyklo.png') no-repeat center center; }
        .icoOhen { background: transparent url('../images/icons/ohen.png') no-repeat center center; }
        .icoParking { background: transparent url('../images/icons/parking.png') no-repeat center center; }
        .icoPivo { background: transparent url('../images/icons/pivo.png') no-repeat center center; }
        .icoPosezeni { background: transparent url('../images/icons/posezeni.png') no-repeat center center; }
        .icoSchody { background: transparent url('../images/icons/schody.png') no-repeat center center; }
        .icoTuristika { background: transparent url('../images/icons/turistika.png') no-repeat center center; }
        .icoWifi { background: transparent url('../images/icons/wifi.png') no-repeat center center; }    
        .icoTV { background: transparent url('../images/icons/tv.png') no-repeat center center; }    
        
        

th, td
{
    padding: 1%;
}        

th 
{
    background: #f6f6f6;
    font-weight: 400;
}        

td
{
    border-bottom: 1px solid #fff;
}



/**************************************************/
/* seznam souborů ke stažení */
/**************************************************/

ul.files
{
    width: 94%;
    margin: 2% 2% 1%;
}

ul.files li 
{
    list-style-type: none;
    margin: 0;
    background: none !important;
    padding: 0;
}

ul.files a 
{
    display: inline-block;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 0px 0 5px 30px;
    background-position: left top;
}

ul.files a:hover
{

}

ul.imageGallery, ul.files, .links
{
    padding: 0; 
    display: block;
    float: none;
    overflow: hidden;
}



.wrapIframe
{
    position: relative; 
    width: 100%; 
    height: 400px;
}

    .wrapIframe iframe
    {
        position:absolute; 
        left:0; top:0; 
        width:100%; 
        height: 400px;        
    }