html, body {
	height:100%;
}

html, body, ul, li {
	margin:0; padding:0;
}

body {
    font-family: Verdana, sans-serif;
    background-color: #8fa6b7;
    font-size : 12px;
    color: #4d4d4d;
    font-weight: normal;     
}

a, map, img {
    border: none;
}

p {
    line-height: 18px;
    margin: 0;
    text-align: justify;
    text-indent: 2em;
}

.special {
    font-size: 14px;
    color: #3E4C66;
    font-weight: bold;
}

.sectiontitle {
    height: 25px;
    overflow: hidden;
    }
    
.sectiontitle {
    color:#333333;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
}

/*.triptitle p {
    color: #567200;
}

.eventtitle p {
    color: #946301;
}*/

.contacts, .otherinfo {
    color: #4C5964;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

.otherinfo {
    text-align: center;
}

.contacts a {
    color: #4C5964;
}
    
.small {
    font-size: 10px;
    line-height: 20px;
}
.dates {
    color: #666666;
    font-size: 12px;
    text-align: left;
}

.price {
    color: #666666;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

h1 {
    font-size: 16px;
    line-height: 16px;
    padding: 0;
}

h2 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
}

.infoheader {
    color: #666666;
    font-size: 10px;
    line-height: 20px;
    text-align: right;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

a {
    color: #214264;
    text-decoration: underline;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
}

.crumbs {
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
    text-decoration: underline;
}

.alert {
    font-size: 18px;
    color: red;
}

.red {
    color: red;
}
    
/* Lapas uzbūve */

#wrapper {
    width:100%;
    height: 500px;
    position: relative;
    top: 50%;
    margin-top: -300px;
    overflow: hidden;

}
    
        #main {
            width: 1000px;
            height: 500px;
            position: relative;
            left: 50%;
            margin-left: -500px;
            
        }
        
            #header {
                width: 1000px;
                height: 200px;
                position: relative;
                background: url("../img/piedzivojumu-darbnica-lv.jpg") no-repeat;                
            }
                
                #title {
                    position: absolute;
                    display: inline;
                    float: left;
                    bottom: 0;
                }                   
            
            #content {
                width: 860px;
                height: 300px;
                position: relative;
                text-align: center;
                overflow: visible;
                padding-left: 140px;
                background: url("../img/background.jpg") no-repeat;                
            }
                
                .mainlinkbox {
                    position: relative; 
                    height: 240px;
                    width: 160px;
                    display: inline;
                    float: left;                
                    overflow: hidden;
                }
                    .mmargin {
                        margin-left: 20px;
                    }
                
                #langoption {
                    position: relative;
                    right: 10px;
                    font-size: 14px;
                    text-align: right;
                    vertical-align: bottom;
                }
            
                    #langoption a {
                        color: #666666;
                        font-weight: bold;
                        padding-left: 2px;
                    }
                    
                    #langoption a:hover {
                        color: #4d4d4d;
                    }
                  
                #promlinks {
                    position: relative; 
                    display: inline;
                    float: left;
                    margin-left: -5px;
                    margin-top: 15px;
                }
                    #promlinks ul {
                        list-style: none;
                        margin: 0;
                    }     
                    #promlinks li {
                        clear: both;
                        list-style: none;     
                    }
                    
                     #promlinks li div {
                        display: inline;
                        float: left;
                        margin: 2px 0;
                    }
                    

                    .promlinks, .promlinks a {
                        padding-left: 4px;
                        font-size: 9px;
                        line-height: 22px;
                        text-transform: uppercase;
                        font-weight: bold;
                        color: #6C7B89;
                        text-decoration: none;
                    }
                    
                    .promlinks a:hover {
                        color: white;
                    }

    .apraksts {
        position: relative;
        clear:both;
        text-indent: 2em;
        padding-right: 5px;
        width:600px;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        margin-left: -300px;
        overflow: auto;*/
        /*background: #cfe685;*/
    }
        .textcol {
            position: relative;
            display: inline;
            float: left;
        }
        
        .imgcol {
            position: relative;
            width: 60px;
            display: inline;
        }
    #aboutwrapper {
        overflow: auto;
        width:600px;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        margin-left: -300px;
        overflow: auto;*/
    }
    
    #infowrapper {
        width:600px;
        height: 100%;
        position: relative;
        left: 50%;
        margin-left: -300px;
        overflow: auto;
    }
 

 
 /*************
    Sprites
***************/
    .mainlinkbox a.imagelink, div.old {
        display:block;
        width: 160px;
        height: 160px;
        margin: 0; padding:0;
        background: url("../img/sprites.png") no-repeat;
    }
    
        #firstlinkbox a.imagelink { background-position: top left; }
        #firstlinkbox a.imagelink:hover { background-position: 0 -200px; }
        #firstlinkbox a.imagelink:active { background-position: 0 -400px; }
        #firstlinkbox div.old { background-position: 0 -600px; }
        
        #secondlinkbox a.imagelink { background-position: -200px 0; }
        #secondlinkbox a.imagelink:hover { background-position: -200px -200px; }
        #secondlinkbox a.imagelink:active { background-position: -200px -400px; }
        #secondlinkbox div.old { background-position: -200px -600px; }
        
        #thirdlinkbox a.imagelink { background-position: -400px 0; }
        #thirdlinkbox a.imagelink:hover {	background-position: -400px -200px; }
        #thirdlinkbox a.imagelink:active { background-position: -400px -400px; }
        #thirdlinkbox div.old { background-position: -400px -600px; }
        
        #forthlinkbox a.imagelink { background-position: -600px 0; }
        #forthlinkbox a.imagelink:hover {	background-position: -600px -200px; }
        #forthlinkbox a.imagelink:active { background-position: -600px -400px; }     
    
    #promlinks a.button {
        display:block;
        width: 22px;
        height: 22px;
        margin: 0; padding:0;
        background: url("../img/sprites.png") no-repeat;
    }
    
        a.button#twitter, a.button#twitter:active { background-position: -800px 0; }
        a.button#twitter:hover { background-position: -830px 0; }
        
        a.button#picasaweb, a.button#picasaweb:active { background-position: -800px -30px; }
        a.button#picasaweb:hover { background-position: -830px -30px; }        
        
        a.button#wordpress, a.button#wordpress:active { background-position: -800px -60px; }
        a.button#wordpress:hover { background-position: -830px -60px; }  
    
/************
    Lists
*************/
    
#activitylist ul {
    padding:0px;
    margin: 5px;
}

#activitylist li {
    list-style-type:square;
    padding-left:5px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
}

#activitylist li a {
    font-weight: normal;
}

#activitylist p {
    text-indent: 0;
    font-size: 13px;
}

/*********************
    SwitchContent
**********************/

.handcursor{
    cursor:hand;
    cursor:pointer;
}