/* CSS orria
 * prototipoa
 */

/* zati hau experimentatzeko */
.botoia {
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-border-radius: 10px;
    -webkit-box-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    font-size: 13px;
    background-color: rgba(245, 121, 0, 0.7);
}
.botoia:hover {
    color: #fff;
    background-color: rgba(245, 121, 0, 1.0);
}

/* exp zatia amaituta */

body {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(255, 255, 255) url('fondoa.png') no-repeat fixed top right;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 120%;
}

h1, h2, h3 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

ul {
    list-style-type: none;
}
a {
    text-decoration: none;
    color: rgb(32, 74, 135);
}
a:hover {
    color: rgb(52, 101, 164);
}

#goiburua, #menua, #edukia, #alboa, #oina {
    border: 1px solid black;
    background: transparent url('txuri-gardena.png');
    background: rgba(255, 255, 255, 0.77777777);
    -moz-box-shadow: black 10px 10px 30px 0;
}

#goiburua {
    border: 1px solid black;
    background: rgb(255, 255, 255) url('logo.png') no-repeat top left;
    background: rgba(255, 255, 255, 0.7) url('logo.png') no-repeat top left;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}
#menua {
    margin: 0;
    height: 50px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
#menua ul {
    padding: 0;
    margin: 12px;
    list-style-type: none;
}
#menua li {
    display: inline;
}

#menua li a {
    text-decoration: none;
    padding: 8px;
    margin: 0; 
    background: transparent url('laranja-gardena.png');
    background: rgba(245, 121, 0, 0.7);
    color: white;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menua li a:hover {
    background: transparent url('laranja.png');
    background: rgba(245, 121, 0, 1.0);
}

#alboa {
    display: none;
    float: right;
    margin: 15px 0 0 0;
    width: 200px;
    -moz-border-radius: 40px 10px;
    -webkit-border-radius: 40px 10px;
}

#edukia {
    margin: 10px 0 0 0;
    min-height: 512px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

img.polaroid, img.polaroid-txiki  {
    padding: 10px 10px 25px 10px;
    background: #eee;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
img.polaroid-txiki {
    clear: none;
    -moz-transform:rotate(-4deg);
    -webkit-transform:rotate(-4deg);
    -webkit-transition: -webkit-transform 0.1s ease-in; /* Tells webkit to make a transition of a transform */
}
img.polaroid-txiki:hover {
    z-index:100;
        position:relative; /* Make the z-index work in Safari */
    -moz-box-shadow: rgba(0,0,0,.25) 5px 5px 10px 0;
    -moz-transform:rotate(4deg) scale(1.2);
    -webkit-transform:rotate(4deg) scale(1.2);
}


#oina {
    clear: both;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 80%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.garrantzitsua {
    padding: 5px;
    font-size: 40px;
    color: red;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0,7);
}

/* irudien galerientzat */
ul.ird_galeriak {
    margin-bottom: 0;
    background: rgb(245, 121, 0);
    color: white;
}

ul.ird_galeriak li {
    display: inline;
    margin: 5px;
    padding: 5px;
}
ul.ird_galeriak a {
    color: white;
}

ul.ird_galeriak strong {
    color: black;
}

ul.ird_orriak {
    margin-top: 0;
    background: transparent url('laranja-gardena.png');
    background: rgba(245, 121, 0, 0.7);
    color: white;
    border-bottom: 1px solid black;
}

ul.ird_orriak li {
    display: inline;
    margin: 5px;
    padding: 5px;
}

ul.ird_orriak a {
    color: white;
}

ul.ird_orriak strong {
    color: rgba(245, 121, 0, 1.0);
    background: white;
    border: 1px solid black;
}

.ird_thumb
{
    float: left;
    width: 256px;
    border: 1px solid #999;
    margin: 0 15px 15px 0;
    padding: 3px;
    padding-bottom: 10px;
    background: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.clearboth { clear: both; }