/* Biblaria */


/* General styles */

    body {
        color: #333;
        font-family: Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;
        font-size: 62.5%;
        background-color: #fff;
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
    }

    p {
        margin: 0;
        padding: 0;
        color: #333;
    }

    ul,
    ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    form {
        margin: 0;
        padding: 0;
    }




/* General layout */

    .content {
        width: 94em;
        overflow: hidden;
        margin: 0 auto;
    }
    
        

/* Header */

    #header {
        width: 100%;
        overflow: hidden;
        padding: 2em 0;
        background-color: #FFF;
    }

        .contact-info address {
            font-style:normal;
            line-height:2em;
            text-align:right;
        }

        #header .horaris {
            font-size:1em;
            clear:right;
            float:right;
            margin:1em 0;
            color:#333333;
        }

        #header .horaris ul {
            float:right;
            margin-bottom:0;
            margin-right:0;
            margin-top:0;
        }

        #header .horaris ul li {
            border-right:1px solid #999999;
            border:medium none;
            color:#FFFFFF;
            display:inline;
            font-size:1.1em;
            font-weight:normal;
            margin-bottom:0.5em;
            margin-right:0;
            padding:0 0 0 2em;
			line-height: 1.4em;
        }

        #header .horaris ul li.sobre a {
            background:transparent url(http://www.biblaria.cat//biblaria_resources/images/sobre.png) no-repeat scroll 0 0;
            padding-left:2em;
            text-decoration:none;
            color:#666666;
            padding-bottom: 1em;
        }

        #header .horaris ul li.sobre a:hover {
            color:#000000;
            text-decoration:underline;
        }

        #header .horaris ul li.informacio_last a {
            background:transparent url(http://www.biblaria.cat//biblaria_resources/images/info.png) no-repeat scroll 0 0;
            padding-left:2em;
            text-decoration:none;
            color:#666666;
            padding-bottom: 1em;
        }

        #header .horaris ul li.informacio_last a:hover {
            color:#000000;
            text-decoration:underline;
        }

        #header h1 {
            float: left;
        }

        #header h1 img {
            border: 0;
        }

        #header address {
            float: right;
            text-align: right;
            font-size: 11px;
            font-style: normal;
        }

        #header address a {
            color: #288e23;
            font-size: 13px;
            text-decoration: none;
        }
        
       #header address span {
            padding-left:0.8em;
            padding-right:0;
            font-family:verdana;
            }

        #header p.phone {
            float: right;
        }




/* Search form */

    #search-form {
        background-color:#F3F3EE;
        padding:0 0 1em;
    }

        #search-form form {
            width: 100%;
            overflow: hidden;
            font-size: 1.2em;
            margin-top: 1em;
            position: relative;
            padding-top: .4em;
        }
        
            #search-form form input {
                font-size: 1.1em;
                font-family: Arial;
                padding: 0;
            }            
            
            #search-form form input,
            #search-form form select {
                margin-left: .5em;
                margin-bottom: .5em;
            }

            #search-form form input.basicsearch,
            #search-form form input.advancedsearch {
                margin: 0 0 .3em .5em;
                padding: 0 .5em;
                font-size: 1.1em;
            }
            
            #search-form form input.check {
                margin: 0 !important;
            }

            #search-form form select {
                width: 14.5em;
                font-size: 1.1em;
                font-family: Arial;
            }

                #search-form form select.first {
                    margin-left: 6em;
                    *margin-left: 6.5em;
                }

                #search-form form select.operators {
                    width: 5em;
                }

            #search-form form * {
                *vertical-align: middle;
            }
            
            #search-form form h2 {
                font-size: 1.1em;
                padding-bottom:1em;
            }            
            
            #search-form form .selector_container {
                float: left;  
				padding-right: 1em;
                width: 38em;              
            }

            #search-form form .selector_row {
                width: 100%;
                overflow: hidden;
            }

            #search-form form .selector_row label {
                margin: 0 0 0 1em;
            }

            #search-form form .selector_row input.from,
            #search-form form .selector_row input.to {
                width: 5em;
            }

            #search-form form .buttons {
                position: absolute;
                bottom: 0;
                right: 0;                
            }
            
            #search-form #basic_search form * {
                float: left;
            }
            
            #search-form #basic_search form label {
                line-height: 1.6em;
            }
            
            #search-form #basic_search form .check {
                margin: 3px 3px 3px 8px !important;
                *margin-top: 0 !important;
            }

            #search-form #basic_search form .first {
                margin-left: 1.4em;
            }

            #search-form #basic_search form .selector_row {
                width: auto;
                display: inline;
            }

            #search-form #basic_search form .selector_row label {
                margin: 0 0 0 1em;
            }
    div.search_selector {
        font-weight: normal;
        font-size: 1.3em;        
        padding-top: .7em;
    }

        div.search_selector a.selector {
            color:#B27E0B;
            cursor:pointer;    
                 
        }
		
		        div.search_selector a.selector:hover {
                text-decoration:underline;    
                 
        }

    #basic_search, #advanced_search {
        float:left;
        width:100%;
    }

    #advanced_search fieldset {
        float:left;
        width: auto;
        border: 0px;
        padding: 0;
        margin: 0.5em 0.5em 0 0;
    }

        #advanced_search fieldset label {
            width: 9em;
            float: left;
        }

        #advanced_search fieldset input {
            float: left;
            width: 14em;
        }

    div.details a.exact_match_request {
        width: 100%;
        color: #333;
    }

     li.ui-menu-item {
         background-color: white;
         width: auto;
         padding: 0.5em 0em;
     }

         li.ui-menu-item a {
             width: auto;
             cursor: pointer;
             color: #000;
         }
          li.ui-menu-item a:hover {
              color: #288E23;
          }

    ul.ui-autocomplete {
        width: 8em;
        border: 0.1em solid #288E23;
    }

/* Content area */

    #page {
        padding: 3em 0 4em 0;
        background: url("../images/content-area-bg.gif") repeat-x left top;
    }




/* Text area */

    #text {
        float: left;
        width: 66em;
    }




/* Shopping basket */

    #shopping-basket {
        float: right;
        width: 24em;
    }

    #shopping-basket #basket {
        width: 23.2em;
        overflow: hidden;
        padding-bottom: .5em;
        border: 4px solid #D9D7D5;
        background-color: #ECEBEA;
    }
    
    

    #shopping-basket .basket-items {
        margin: 1em;
    }

        #shopping-basket .basket-items li {
            margin-bottom: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid #999;
            _height: 1%;
            width: 100%;
            overflow: hidden;
        }

        #shopping-basket .basket-items li.last {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

            #shopping-basket .basket-items li img {
                width: 50px;
                float: left;
                margin: 0 1em .5em 0;
            }

            #shopping-basket .basket-items li p.title,
            #shopping-basket .basket-items li p.price {
                font-size: 1.1em;
            }
            
            #shopping-basket .basket-items li p.price {
            }

            #shopping-basket .basket-items li .actions {
                clear: left;
            }

            #shopping-basket .basket-items li form.form-remove {
                float: left;
                font-size: 1.1em;
            }
            
            #shopping-basket .basket-items li form.form-update {
                float: right;
                font-size: 1.1em;
            }

            #shopping-basket .basket-items li form,
            #shopping-basket .basket-items li form * {
                vertical-align: middle;
            }

                #shopping-basket .basket-items li form .remove,
                #shopping-basket .basket-items li form .update {
                    font-size: 1em;
                    text-decoration: underline;
                    cursor: pointer;
                    margin: 0;
                    padding: .5em 0;
                    border: none;
                    background-color: #ECEBEA;
                }

                #shopping-basket .basket-items li form .remove {
                    color: #f00;
                }
                #shopping-basket .basket-items li form .update {
                    color: #333;
                }

                #shopping-basket .basket-items li form .quantity {
                    width: 2em;
                    margin: 0 .3em;
                    text-align: right;
                }

        #shopping-basket .total-items {        
            width: 10em;
            float: left;
            font-size: 1.1em;
            margin-left: 1em;
            margin-bottom: .4em;
            _display: inline;
        }
        
        #shopping-basket .total-price {            
            font-size: 1.1em;
            font-weight: bold;
            margin: .5em;
            padding: .5em;
            background-color: #D9D7D5;
            height: 1.4em;
        }
        
        #shopping-basket .total-price span.total {
            float: left;
        }
        
        #shopping-basket .total-price span.euros {
            float: right;
        }
        
        #shopping-basket .form-remove-all {
            width: 10em;
            float: left;            
            font-size: 1.1em;
            margin-left: 1em;
            _display: inline;
        }
        
        #shopping-basket .form-buy {
            float: right;
            text-align: right;
            margin-right: .8em;
            _display: inline;
        }
        
        #shopping-basket .empty-basket {
            font-size: 1.1em;
            padding: 1em;
        }

/* Basket Resume */

    #basket-resume {
        width: 94em;
        margin: 50px auto 0 auto;
    }
        
    #basket-resume table {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }

    #basket-resume th {
        font-weight: bold;
        font-size: 12px;
        text-align:left;
        background-color: #d8d6d4;
        padding-left: 5px;
    }

    #basket-resume th.quantity, #basket-resume th.price {
        text-align: right;
        padding-right: 5px;
        padding-left: 0;
    }

    #basket-resume tr {
        height: 25px;
    }

    #basket-resume td {
        padding-left: 5px;
        font-size: 11px;
    }

    #basket-resume td.price {
        background-color:#666666;
        color: #FFF;
        text-align: right;
        padding-right: 5px;
        padding-left: 0;
        width: 55px;
    }

    #basket-resume td.quantity {
       background-color:#666666;
        color: #FFF;
        text-align: right;
        padding-right: 5px;
        padding-left: 0;
    }

    #basket-resume tr.par {
        background-color: #f3f2f1;
    }

    #basket-resume tr.par td.price {
        background-color: #9F9A95;
    }

    #basket-resume tr.par td.quantity {
        background-color: #9f9a95;
    }

    #basket-resume .message {
        font-size:30px;
		font-weight:bold;
		margin:10px;
		padding:10px 10px 45px;
		text-align:center;
		vertical-align:middle;
    }

    #basket-resume tr.totals td.price {
       background-color:#333333;
    }

    #basket-resume tr.totals td.quantity {
        background-color:#333333;
    }

    #basket-resume tr.totals td p {
        text-align: right;
        font-weight: bold;
        padding-left: 0;
        padding-right: 5px;
    }

    #basket-resume h2 {
        margin-bottom:10px;
    }

    #basket-resume h2 img {       
        vertical-align: middle;
    }

    #basket-resume-form {
        padding: 15px 0;
        border-top: 1px solid #eee;
    }

    #basket-resume-form form {
        padding: 0 .5em;
    }

    #basket-resume-form h2 {
        font-size: 13px;
        margin-bottom: 0;
    }

    #basket-resume-form p {
        font-size: 11px;
        margin: 0;
    }

    #basket-resume-form .boto-tornar {
        font-size: 12px;
        text-align: right;
        line-height: 2.8em;
    }

    #basket-resume-form .boto-tornar a {
        text-decoration: none;
        color: #666;
    }

    #basket-resume-form .boto-tornar a:hover {
        text-decoration: underline;
    }

    #basket-resume-form .boto {
        float: right;
        margin:0 0 0 1.5em;
        padding:.5em 0 .5em .5em;
        text-align:right;
    }

    #basket-resume-form .boto input {
        background-color: #494948;
        border: 1px solid #ddd;
        color:#FFFFFF;
        font-family:Arial,Verdana,sans-serif;
        font-weight:bold;
        padding:0.2em 2em;
        width:auto;
        cursor: pointer;
    }


/* Login */

    #box-login {
        border:1px solid #CCCCCC;
        margin:5em auto;
        overflow:hidden;
        padding:8px;
        width:20em;
        font-family: Verdana, Arial, sans-serif;
    }    
	
        #box-login img {
            margin:1em auto;
            padding-left:0.3em;
        }  

    #box-login .capcalera-formulari {
        background-color: #E5A20E;
        color:#FFFFFF;
        margin:0;
        padding:0.3em 0.8em;
        margin-bottom:.7em;        
        font-weight: bold;
        text-align:center;
        width: 13.8em;
    }
    
    #box-login .errorMessage {
        font-size: 12px;
        font-weight: bold;
        color: red !important;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    #box-login p {
        color:#666666;
        font-size:1.3em;
        line-height:1.4em;
        margin:1.3em 0;
        float: left;
    }

    #login-form form {
        margin:0;
        padding:0;
    }

    #box-login fieldset {
        border: none;
        margin: 0;
        padding: 0;
        clear: left;
    }        

    #box-login legend {
        display:none;
    }
    
    #box-login .camp {        
        color:#666666;
        font-size:1.3em;
        margin:0.2em 0 .3em 0;
        padding:0 0 0 1.3em;
        text-align:left;
    }

    #box-login .camp label {
        float:left;
        font-size:.8em;
        line-height:1.7em;
        margin-right: .5em;
        color: #333333;
    }

    #box-login .camp input {
		font-family:Verdana;
		font-size:0.8em;
		font-weight:bold;
		line-height:1.8em;
		text-align:left;
    }

    #userId {
        width: 44px;
    }

    #box-login .button {
        margin: 1em 0 0 0;
        width: 100%;
        overflow: hidden;
        text-align:center;
    }
    
    #box-login .button input{        
        width: 7.7em;
        font-size: 1em;
    }


/* Logout */

    .logout {
        float:right;
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        margin:0.6em 0 0.4em;
        text-align:right;
    }

    .logout a {
        color:#B27E0B;
        padding-left:1em;
        text-decoration:none;
    }
    
        .logout a:hover {
         text-decoration:underline;
    }
    
    /* Títol */

    .titol {   
        float:left;
            }

        .titol h2{        
            color:#B27E0B;
            font-family:arial;
            font-size:1.6em;            
            padding-top:0.3em;
}

        
    
    

/* Pagination */

    #pagination {
        width: 100%;
        overflow: hidden;
        font-size: 11px;
        margin-bottom: .7em;
    }

        #pagination p {
            float: left;
            font-size: 1.1em;
            margin-left: 2em;
            line-height: 1.4em;
        }

        #pagination form {
            float: left;
        }

        #pagination a {
            font-family: Arial;
            color: #333;
            border: none;
            text-decoration:none;
            margin: 0;
            padding: 0 .3em;
            cursor: pointer;
            background-color: #fff;
            font-size: 1.1em;
            float: left;
            border-right: 1px solid #ccc;
        }

            #pagination a.selected {
                font-weight: bold;
            }

            #pagination a.last {
                border-right: 1px solid #fff;
            }

/* ERROR */

.errorMessage {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: red !important;
    text-align: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/* Book list */

    #text .book-list {
        margin-bottom: 1em;
        padding: 1.5em;
        border: 4px solid #ECEBEA;
    }

        #text .book-list li {
            width: 100%;
            overflow: hidden;
            margin-bottom: 1.5em;
            padding-bottom: 1.5em;
            border-bottom: 1px solid #ccc;
        }

            #text .book-list li.last {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none;
            }

            #text .book-list li .cover {
                float: left;
            }

                #text .book-list li .cover img {
                    width: 107px;
                    display: block;
                }

            #text .book-list li .title {
                font-size: 1.5em;
                font-weight: bold;
            }

            #text .book-list li .author {
                font-size: 1.2em;
                margin-bottom: 2em;
            }


            #text .book-list li .editorial,
            #text .book-list li .isbn {
                font-size: 1.1em;
                font-weight: bold;
            }

            #text .book-list li .description {
                font-size: 1.2em;
            }

            #text .book-list li .details {
                margin-left: 16em;
            }

            #text .book-list li .details p {
                line-height:1.5em;
                text-decoration:none;
                font-size: 1.15em;
            }

            #text .book-list li .details a {
                line-height:1.5em;
                text-decoration:none;
            }
            
            #text .book-list li .details a {
                color:#B27E0B;
            }
            
            #text .book-list li .details a:hover{
                text-decoration:underline;
            }

            #text .book-list li div.extra_info {
                margin-top: 1.5em;
            }

            #text .book-list li div.extra_info span{
                font-weight: bold;
            }

            #text .book-list li #bookListForm {
                font-size: 1.2em;
                margin-top: 0.5em;
            }

            #text .book-list li #bookListForm .quantity {
                font-size: 1em;
                width: 2em;
                margin: 0 .5em;
            }

            #text .book-list li #bookListForm,
            #text .book-list li #bookListForm * {
                vertical-align: middle;
            }