/* Global styles */
body 
{
   margin: 0px;
   background: #e1e1e1;
   color: #000;
   font-family: Arial;
   font-size: 12px;
   line-height: 100%;
}
a,
a:link,
a:visited,
a:active
{
    text-decoration: none;
    color: #0083af;
    outline: none;
}
h1
{
    font-family: "Trebuchet MS";
    font-size: 30px;
    color: #000;
    margin: 0px 0px 5px 0px;
    line-height: 30px;
    font-weight: normal;
}
p
{
    line-height: 1.3em;
}
.clearfix
{
    clear: both;    
}
select
{
    border: 1px solid #c6c6c6;
    padding: 2px 4px;
    background: url(images/inputBackground.png) repeat-x left top;
} 

/* Button */
span.button span.border
{
    width: 5px;
    height: 28px;
    display: inline-block;
    background: url(images/buttons/arrowNext.png) no-repeat left center;
    vertical-align: top;
}
span.button span.border.map
{
    background: url(images/buttons/map.png) no-repeat left center;
    width: 22px;
}
span.button span.border.back
{
    width: 14px;
    height: 28px;
    display: inline-block;
    background: url(images/buttons/arrowBack.png) no-repeat left center;
    vertical-align: top;
}
span.button span.border.next
{
    width: 14px;
    height: 28px;
    display: inline-block;
    background: url(images/buttons/arrowNext.png) no-repeat right center;
    vertical-align: top;
}
span.button a
{
     color: #0083af;
     display: inline-block;
     padding: 8px 8px 8px 8px;
     background: url(images/buttons/arrowBack.png) no-repeat right center;
     vertical-align: top;
}
span.button.back a
{
    padding: 8px 8px 8px 2px;
}
span.button.next a
{
    padding: 8px 0px 8px 8px;
    background: url(images/buttons/arrowNext.png) no-repeat left center;
}


/* Container */

    #container
    {        
        max-width: 500px;
        margin: 0px auto;         
    }
    
    #topbody
    {
        height: auto;
        overflow: hidden;
        position: relative;    
    }
    #topbody img
    {
        position: absolute;
        width: 100%;
        height: auto;
        min-height: 100%;
        min-width: 250px;  
    }
    #topbody .insetShadow
    {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        top: 0px;
    }
    #mainContent
    {
        position: relative;
        
        height: auto;
        margin: 15px;
        z-index: 5;  
        padding: 8px 8px 9px 7px; 
    }
    
    #mainContent .cornerTopLeft,
    #mainContent .cornerTopRight,
    #mainContent .cornerBottomLeft,
    #mainContent .cornerBottomRight
    {
        background: url(images/startBoxBorders.png) no-repeat;
        height: 12px;
        width: 12px;
        position: absolute;
    }    
    #mainContent .cornerTopLeft
    {
        background-position: left top;
        top: -4px;
        left: -5px;         
    }
    #mainContent .cornerTopRight
    {
        background-position: right top;
        top: -4px;
        right: -5px;         
    }
    #mainContent .cornerBottomLeft
    {
        background-position: left bottom;
        bottom: -4px;
        left: -5px;         
    }
    #mainContent .cornerBottomRight
    {
        background-position: right bottom;
        bottom: -4px;
        right: -5px;         
    }
    
    #mainContent .borderTop,
    #mainContent .borderBottom
    {
        background: url(images/startBoxBorderY.png) repeat-x;
        position: absolute;  
        height: 12px;
        left: 7px;
        right: 7px;  
    }
    #mainContent .borderTop
    {
        background-position: left top;       
        top: -4px;              
    }
    #mainContent .borderBottom
    {
        background-position: left bottom; 
        bottom: -3px;       
    }
    
    #mainContent .borderLeft,
    #mainContent .borderRight
    {
        background: url(images/startBoxBorderX.png) repeat-y;
        position: absolute;  
        width: 12px;
        top: 8px;
        bottom: 8px; 
    }
    #mainContent .borderLeft
    {
        background-position: left top;       
        left: -5px;               
    }
    #mainContent .borderRight
    {
        background-position: right top;       
        right: -4px;               
    }
    
    #mainContent .content
    {
        padding: 10px;
        background: url(images/startBoxBorderBG.png); 
    }
    
    
    /* Header */
    #header
    {
        height: auto;
        background: #FFF url(images/headerBackground.png) repeat-x left bottom;
        clear: both;
        border-bottom: 1px solid #FFF;
    }
    #header #logo
    {
        margin: 11px 0px 5px 11px;
        display: inline-block; 
        float: left;
    }
    #header #lang
    {   
        display: inline-block; 
        margin: 17px 9px 15px 5px;
        float: right;   
    }
    #header #lang .item
    {
        margin: 0px 3px;
    }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* Breadcrumbs */
 #breadcrumbs
{
    padding: 7px 20px 2px 20px;
    background: #f9f9f9 url(images/breadcrumbBackground.png) repeat-x left bottom;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #8a8a8a; 
    white-space: nowrap;
    vertical-align: top;
    font-family: "Trebuchet MS";
}
#breadcrumbs li
{
    display:inline-block;
    color: #464646;
    white-space: nowrap;
    vertical-align: top;
    margin-bottom: 5px;
}
#breadcrumbs li.position
{
    display: block;
    margin-bottom: 7px;
}
#breadcrumbs li.link
{
    padding-left: 17px;
    background: url(images/buttons/arrowBack.png) no-repeat left center;
}
#breadcrumbs li.link a
{   
    color: #0083af;
    display: inline-block;
    padding: 8px 8px 8px 0px;
    background: url(images/buttons/arrowBack.png) no-repeat right center;
     
}
#breadcrumbs li.title
{
    background: url(images/buttons/arrowBack.png) no-repeat right center;
}
#breadcrumbs li.title h2
{
    font-weight: normal;
    display: inline-block;
    padding: 8px 8px 8px 8px;
    background: url(images/buttons/arrowBack.png) no-repeat right center;
}    
















/* Filter */
#filter
{
    padding: 10px 20px;
    background: #e3e3e3;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #B4B4B4; 
    font-family: "Trebuchet MS";
}   
.mobimaps-filter
{
    margin: 0px 0px 8px 0px;
}    

  
  
  
/* Open Content */

#openContentContainer
{
    padding: 20px 0px;
    background: #FFF;
}     
#openContentContainer h1
{
    margin-left: 20px;
}
#openContentContainer .topInfo,
#openContentContainer .article
{
    padding: 0px 20px;
    margin: 5px 0px;
    vertical-align: top;
}
#openContentContainer .article p
{
	margin: 0.8em 0;
}
#openContentContainer .article .readMore
{
    text-align: right;
    margin: 10px 0px;
}
#openContentContainer .topInfo *
{
    vertical-align: middle;
}
#openContentContainer .topInfo .speaker
{
    margin-left: 10px;
    margin-top: 2px;
    display: inline-block;
}

.sectionTitle
{
    background: #007ea7;
    height: 3px;
    overflow: visible; 
    margin: 35px 0px 20px;
    position: relative;   
}
.sectionTitle h2
{
    position: absolute;
    background: #FFF;
    color: #007ea7;
    font-family: "Trebuchet MS";
    display: inline-block;
    left: 20px;
    font-weight: normal;
    top: -5px;
    padding: 0px 5px;
    font-size: 15px;
}

    /* Image slider */
    #imageSlider
    {
        margin: 10px 0px;
    }
    #imageSlider img
    {
        width: 100%;
        height: auto;
    }
    .imageSliderPaging .info
    {
        margin: 8px 6px 0px;
        height: 20px;
        display: inline-block;
        color: #464646;
        font-family: "Trebuchet MS";
    }



    /* Contact */
    #contentContainer
    {
       margin: 10px 0px;  
       padding: 0 20px;   
    }
    #contentContainer .row
    {
        font-size: 13px;        
        display: table-row;
    }
    #contentContainer .row .property
    {
        display: table-cell;
        padding: 4px 0px;
    }
    #contentContainer .row .value
    {       
        padding-left: 25px;
        display: table-cell;
        line-height: 15px;
        vertical-align: middle;
    }
    .row .property.externt
    {
        vertical-align: middle;
    }
    
    .section
    {
        margin: 10px 0px;
        padding: 0px 20px; 
        clear: both;   
    }

    /* Comment */

    form.commentForm
    {
        display: block;
        margin-bottom: 25px;   
    }
    .commentForm .section .textareaContainer
    {
        padding: 10px;
        border: 1px solid #BBB;
        background: url(images/inputBackground.png) repeat-x left top;
    }
    .commentForm .section .textareaContainer textarea
    {
        width: 100%;
        height: 60px;
        border: none;
        outline: none;
        background: none;
        -webkit-appearance: none;
        font-family: Arial;
        font-size: 12px;
        color: #333;
        overflow: auto;
    }
    .commentForm .section input[type=text]
    {
        display: inline-block;
        width: 70%;
        padding: 5px 5px;
        border: 1px solid #c6c6c6;
        outline: none;
        background: none;
        -webkit-appearance: none;
        float: right;
        background: url(images/inputBackground.png) repeat-x left top;
    }
    .commentForm .section label
    {
        padding: 7px 8px 0 0;
        display: block;
        text-align: right;
        float: right;
    }
    .commentForm .section select
    {
        border: 1px solid #c6c6c6;
        background: url(images/inputBackground.png) repeat-x left top;
        padding: 2px 4px;
    }
    .commentForm .section .submit
    {
        width: 134px;
        height: 35px;
        background: url(images/buttons/submit.png) no-repeat center center;
        border: none;
    }
    .userComment
    {
        margin: 10px 0px 20px;
    }
    .userComment .titleBar
    {
        padding: 0px 20px;
        font-family: "Trebuchet MS";
    }
    .userComment .titleBar h3
    {
        float: left;
        
    }
    .userComment .titleBar .rate
    {
        float: right;
    }
    .userComment .titleBar .date
    {
        font-size: 11px;
        color: #555;
        margin-left: 15px;
    }
    .userComment .message
    {
        background: url(images/inputBackground.png) repeat-x left top;
        padding: 10px 20px;
        border-bottom: 1px solid #c6c6c6;
        margin-top: 5px;
    }


    
/* Menu */
ul.menu 
{
    
}
ul.menu li
{
    list-style: none;
}
ul.menu li a.item
{
    position: relative;
    display: block;
    padding: 20px;
    background: #f1f1f1;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B4B4B4;
    font-family: "Trebuchet MS";
    font-size: 24px;
    line-height: 24px;
    color: #000;
    outline: none;
    /* -webkit-tap-highlight-color: #0083af;  iPhone tap style */
}
ul.menu li a.item:after
{
    content: "";
    width: 14px;
    height: 32px;
    background: url(images/menuBackgroundArrow.png) no-repeat left center;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;    
}
ul.menu li a.item:active
{
    background: #0e6087;
    border-top: 1px solid #0a374c;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    outline: none;
}
ul.menu li a.item:active:after
{   
    width: 18px;
    right: 12px;
    background-position: right center;    
}
ul.menu li a.item:active span .distance
{
    color: #FFF;
}
ul.menu li a span.info
{
    display: block;   
}
ul.menu li a span.info span
{
    color: #5d5d5d;
    font-size: 12px;
    white-space: nowrap;
    margin-right: 15px;
}
ul.menu li a span.info span.distance
{
}
ul.menu li a span.info span.rate,
ul.menu li a span.info span.category
{
    color: #0083af; 
}
ul.menu li a span.info span.description
{
    white-space: normal;
    display: block;
    margin-left: 0px;
    margin-bottom: 0px;
    line-height: 100%;
}
ul.menu.category li a.item
{
    padding: 12px 20px;
    font-size: 20px;
}

ul.menu li a.itemwithimg 
{
	min-height: 70px;
}

ul.menu li a.itemwithimg img.itemimage
{
	max-height: 70px;
	float: left;
	margin-right: 10px;
}


ul.menu.inset li
{
    margin: 10px 20px;
    position: relative;
}  
ul.menu.inset li span.border
{
    background: url(images/buttons/caseBackgroundBorder.png) no-repeat left top;
}
ul.menu.inset li a
{
    padding: 0px 10px;
    margin: 0px;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}
ul.menu.inset .cornerTopLeft,
ul.menu.inset .cornerTopRight,
ul.menu.inset .cornerBottomLeft,
ul.menu.inset .cornerBottomRight
{
    background: url(images/insetBoxBorders.png) no-repeat;
    height: 12px;
    width: 12px;
    position: absolute;
}    
ul.menu.inset .cornerTopLeft
{
    background-position: left top;
    top: -4px;
    left: -5px;         
}
ul.menu.inset .cornerTopRight
{
    background-position: right top;
    top: -4px;
    right: -5px;         
}
ul.menu.inset .cornerBottomLeft
{
    background-position: left bottom;
    bottom: -4px;
    left: -5px;         
}
ul.menu.inset .cornerBottomRight
{
    background-position: right bottom;
    bottom: -4px;
    right: -5px;         
}
    
ul.menu.inset .borderTop,
ul.menu.inset .borderBottom
{
    background: url(images/insetBoxBorderY.png) repeat-x;
    position: absolute;  
    height: 12px;
    left: 7px;
    right: 7px;  
}
ul.menu.inset .borderTop
{
    background-position: left top;       
    top: -4px;              
}
ul.menu.inset .borderBottom
{
    background-position: left bottom; 
    bottom: -3px;       
}
    
ul.menu.inset .borderLeft,
ul.menu.inset .borderRight
{
    background: url(images/insetBoxBorderX.png) repeat-y;
    position: absolute;  
    width: 12px;
    top: 8px;
    bottom: 8px; 
}
ul.menu.inset .borderLeft
{
    background-position: left top;       
    left: -5px;               
}
ul.menu.inset .borderRight
{
    background-position: right top;       
    right: -4px;               
}
ul.menu.inset .content
{
    padding: 10px;
    background: #f5f5f5; 
}


#footer ul.menu
{
    display: inline;
}
#footer ul.menu li
{
    display: inline;
}
#footer ul.menu li a.item
{
    position: relative;
    display: inline;
    padding: 0px;
    background: transparent;
    border: none;
    font-family: "Trebuchet MS";
    font-size: 1em;
    line-height: 24px;
    color: #0083af;
    outline: none;
    /* -webkit-tap-highlight-color: #0083af;  iPhone tap style */
}
#footer ul.menu li a.item::after
{
    background: transparent;
}










/* Map */
.map
{
    text-align: center;
    border-bottom: 1px solid #FFF;
    overflow: hidden;
}
#mobimaps-control
{
    display: block;
    background: #cacaca url(images/mapControlsBg.png) repeat-x left bottom;
    padding: 0px 4px;
    border-top: 1px solid #a5a5a5;
}
ul.mobimaps, li.mobimaps
{
    display: inline-block;
}
ul.mobimaps.navigation
{
       
}
ul.mobimaps.zoom
{
    float: right;    
}
.mobimaps .button
{
    display: block;
    height: 30px;
    width: 30px;
    background: #F0F;
    margin: 4px 1px;
    padding: 0px;
    background: url(images/mapControls.png);
}
.mobimaps.next .button
{
    background-position: left top;    
}
.mobimaps.up .button
{
    background-position: -35px top;    
}
.mobimaps.right .button
{
    background-position: -105px top;    
}
.mobimaps.down .button
{
    background-position: -70px top;    
}
.mobimaps.zoom-in .button
{
    background-position: -140px top;    
}
.mobimaps.zoom-out .button
{
    background-position: -175px top;    
}

#mobimaps-markers
{
    background: #e3e3e3;
    padding: 10px;
}
a.marker
{   
    display: inline-block;
    padding: 15px 0px 0px 20px;
    vertical-align: bottom;
    background: transparent no-repeat left top;
    color: #000;
    font-size: 16px;
    font-family: "Trebuchet MS";
    margin: 0px 0px 7px 7px;
}
a.marker.marked
{
    text-decoration: underline;
}
a.marker.green
{
    background-image: url(images/mapMarkers/green.png);
}
a.marker.marked.green
{
    background-image: url(images/mapMarkers/green_marked.png);
}
a.item span.target
{
    float: left; 
    background: url(images/mapMarkers/marker_target.png) no-repeat left center; 
    height: 48px; 
    width: 30px;
    display: block;
}












/* Paging */

#paging
{
    background: #eaeaea;
    padding: 5px 10px 7px 10px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #ababab;
}
#paging *
{
    vertical-align: top;    
}
.pagenav li,
#paging li
{
    display: inline-block;
    list-style: none;
}
#paging li.next span.arrow
{
    width: 17px;
    height: 28px;
    display: inline-block;
    background: url(images/buttons/arrowNext.png) no-repeat right center;
}
#paging li.back span.arrow
{
    width: 17px;
    height: 28px;
    display: inline-block;
    background: url(images/buttons/arrowBack.png) no-repeat left center;
}
#paging li.page
{
    padding: 0px;
    background: none;
}
#paging li.next a
{
     color: #0083af;
     display: inline-block;
     padding: 8px 0px 8px 8px;
     background: url(images/buttons/arrowNext.png) no-repeat left center;
}
#paging li span.disabled
{
     color: #464646;
     display: inline-block;
}   
#paging li.back span.disabled
{
    background: url(images/buttons/arrowBack.png) no-repeat right center;
    padding: 8px 8px 8px 0px;
}
#paging li.next span.disabled
{
    background: url(images/buttons/arrowNext.png) no-repeat left center;
    padding: 8px 0px 8px 8px;
}
#paging li.page a, #paging li.active span
{
    color: #0083af;
    display: inline-block;
    padding: 7px 0px 0px 0px;
    height: 20px;
    width: 27px;
    text-align: center;
    background: url(images/buttons/numberBox.png) no-repeat left top;
}
#paging li.active span
{
    background-position: right top;
    color: #0083af;
    color: #464646;
}






/* Footer */
#footer
{
    padding: 20px;
    text-align: center;  
    border-top: 1px solid #ccc;  
}
#footer a
{
    margin: 0px 5px 5px 5px;
    display: inline-block;
    font-size: 11px;
}
#footer .banneritem img
{
	max-width: 100%;
	height: auto;
}



/* Custom Page */

#customPage
{
    background: #fbfbfb;
    padding: 20px;
}
#customPage h2
{
    font-family: "Trebuchet MS";
    font-size: 20px;
    color: #000;
    margin: 0px 0px 5px 0px;
    line-height: 20px;
    font-weight: normal;
}
#customPage p
{
	margin: 0.8em 0;
}

    /* Custom Page - form */
    
    fieldset
    {
        margin: 10px 0px;
    }
    
    .phrases-box,.ordering-box
    {
        margin: 0px 0px 10px;    
    }
    
    legend
    {
        margin: 0px 0px 4px;
    }
    input.button
    {
        margin: 6px 0px;
    }