/* 
    Document   : iruiz
    Created on : 21.10.2011, 11:20:26
    Author     : antti
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;

}

div {
    color: yellow;
    background-color: transparent;    
}

div.principal {
    float: none;
    text-align: center;
    background-image: url(../images/tp4.jpg);
    background-repeat: repeat;

}

div.header {
    float: right;
    text-align: left;
    right: 20px;
}

div.menu {
    background-image: url(../images/kupu1.png);
    background-repeat: repeat-x;
    float: none;
    text-align: left; 
    
}


div.logo {    
    width: 20%;
    left: 1em;
    top: 80px;
}



div.divide1 {
    float:left;
    background-image: url(../images/tube.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;
}


div.divide2 {
    float: left;
    background-image: url(../images/ktkv.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;

}

div.contact {
    float: right; width: 100%;
    font-family: courier; font-weight: lighter; text-align: left;
}


div.footer {
    float: right;
    text-align: right;
    width: 100%;
    font-family: courier; font-weight: lighter;
}

body {
    background-color: blue; 
    font-family: arial;
    color: yellow;
}

a {
    color:  #98ffad;
}

a:link { color: red; }
a:visited { color: orange; } 

a.menuitem {
    color: black;
    padding: 3px; font-size: x-large;
    background-image: url(../images/ruskeenahka.jpg);
    background-repeat: repeat;
}

div.showcase {
    text-align: left;
    color: yellow;
    background-repeat: repeat;
}

iframe.showpanel {
    width: 100%;
    height: 300px;
    border: 2px;
}