/* Stylesheet for Shunga Website */


/* ==================
    General Styles 
   ================== */   

body {
background-image:url(../bilder/background.jpg);
font: 95% Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align: center;
}
#wrapper { 
 margin:0px auto;
 width:960px;
 text-align:left;
 }
 
  #mainbody {
  position:absolute;
  background-color:#000000;
  width:960px;
  height:790px;
  margin:0px;
  }

    #lcolumn {
    position:absolute;
    width:350px;
    height:750px;
    border:solid 1px #CC9933;
    margin-top:20px;
    margin-left:20px;
    margin-right:10px;
    margin-bottom:20px;
    }

      #welcometext {
      position:absolute;
      width:310px;
      padding-top:120px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:10px;
      }
	
	/* ============
       Contact page */		
	   
      #contacttext1 {
      position:absolute;
	  width:260px;
	  margin-top:20px;
      margin-left:20px;
      margin-right:20px;
      margin-bottom:0px;
      }
	  #contacttext2 {
      position:absolute;
	  width:260px;
	  margin-top:250px;
      margin-left:20px;
      margin-right:20px;
      margin-bottom:25px;
      }
	  #form {
      position:absolute;
	    margin-top:440px;
      margin-left:15px;
      }
	  label {
	  padding-left:5px;
	  }
	  input#nombre, #calle, #codigo, #ciudad, #telefono, #email{
	  width:240px;
	  margin-top:5px;
	  }
	  input#submit {
	  margin-top:0px;
	  margin-left:200px;
	  }
	  input#reset {
	  margin-top:10px;
	  margin-left:100px;
	  }
	  #thanktext {
	  margin-top:440px;
      margin-left:20px;
      }
	  #formbackbutton {
	  margin-top:20px;
      margin-left:20px;
      }
	
	/* ============
       Product page */
	   	
	  #productimage {
      position:absolute;
      padding-top:180px;
      padding-left:63px;
      padding-right:63px;
      padding-bottom:10px;
	  width:219px;
      height:385px;
      }
	
    #mcolumn {
    position:absolute;
    width:200px;
    margin-top:15px;
    margin-left:395px;
    margin-right:385px;
    }

      #logo {
      position:absolute;
      margin-top:0px;
      margin-left:3px;
      margin-right:0px;
      width:156px;
      height:170px;
      }
    
      #contact {
      position:absolute;
      margin-top:200px;
      margin-left:3px;
      margin-right:0px;
      }
    
      #mainnavi {
      position:absolute;
      margin-top:250px;
      margin-left:3px;
      margin-right:0px;
      }
			
  		#subnavi {
        position:relative;
        margin-top:12px;
        margin-left:12px;
        margin-right:0px;
		margin-bottom:12px;
        }

    #rcolumn {
    position:absolute;
	width:350px;
    height:750px;
    border:solid 1px #CC9933;
    margin-top:20px;
    margin-left:590px;
	margin-right:940px;
    margin-bottom:20px;
    }

      #homeimage {
      position:absolute;
      margin-top:50px;
      margin-left:80px;
      margin-right:35px;
      margin-bottom:25px;
      width:197px;
      height:670px;
      }
			
	  #contactimage {
      position:absolute;
      margin-top:50px;
      margin-left:80px;
      margin-right:35px;
      margin-bottom:25px;
      width:208px;
      height:621px;
      }
	  
	  #tiendasimage {
      position:absolute;
      margin-top:200px;
      margin-left:25px;
      margin-right:35px;
      }
	  #tiendastext {
      position:absolute;
      margin-top:400px;
      margin-left:25px;
      margin-right:35px;
      margin-bottom:25px;
      }
	  #tiendasform {
      position:absolute;
	  margin-top:500px;
      margin-left:25px;
      }
	  #tiendasadress {
      position:relative;
	  top:25px;
      left:25px;
	  font-size:89%;
      }
	/* ================
       Product page right  */
	   	
	  #producttext {
      position:absolute;
	  width:300px;
	  margin-top:70px;
      margin-left:25px;
      margin-right:25px;
      margin-bottom:25px;
      } 
			#cantidad {
            position:relative;
  			margin-top:10px;
            margin-left:0px;
			}
			#buylink {
            position:relative;
  			margin-top:65px;
            margin-left:150px;
            }
			#buybutton {
            position:relative;
  			margin-top:-50px;
            margin-left:255px;
			padding-bottom:15px;
			width:39px;
			height:47px;
            }
			#aromas {
            position:relative;
  			margin-top:10px;
            margin-left:0px;
			font-size: 88%;
			}
  			#forward {
            position:relative;
  			margin-top:35px;
            margin-left:230px;
            margin-right:5px;
            }	
			#back {
        	position:absolute;
  			margin-top:35px;
        	margin-left:100px;
        	margin-right:5px;
        	}
			
			
h1, h2, h3  {
	font: 115% Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

h2 { font-size: 105% }

h3 { font-size: 95% }



textrot {
        font: 105% Geneva, Arial, Helvetica, sans-serif;
        color: #cc0000;
        text-decoration : none;
}

span {
        font: 85% Geneva, Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-decoration : none;
}

img 
{
   border:none;
}

/* ==========
   Hyperlinks */  
   
.linkactive
{
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	color : #e29e19;
	font-weight: bold;
}

.unterlinkactive
{
	font: 88% Geneva, Arial, Helvetica, sans-serif;
	color : #e29e19;
	font-weight: bold;
}

a, a:link, a:visited, a:hover, a:active  { 
font: 100% Geneva, Arial, Helvetica, sans-serif;
color : #e29e19;
text-decoration : none;
}
a:visited  
{ color : #ac7406; }

a:active  
{ color : #e29e19; }

a:hover
{ color : #d89209; text-decoration : underline; }

/* ==================
   Hyperlinks in text  */ 
a.text, a.text:link, a.text:visited, a.text:active, a.text:hover {
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	color : #e29e19;
	text-decoration : none;
}
a.text:visited  
{ color : #ac7406; }

a.text:active  
{ color : #e29e19; }

a.text:hover
{ color : #d89209; text-decoration : underline; }

/* ===================
   Hyperlinks white  */
a.white, a.white:link, a.white:visited, a.white:active, a.white:hover {
	font: 105% Geneva, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-weight:bold;
	text-decoration : none;
}
a.white:hover
{ text-decoration : underline; }

/* ==============
   Hyperlinks red   */
a.rot, a.rot:link, a.rot:visited, a.rot:active, a.rot:hover { 
font: 88% Geneva, Arial, Helvetica, sans-serif;
color : #cc0000;
text-decoration:none;
}
a.rot:hover
{ text-decoration : underline; }

/* ========
   Sublinks */
a.unterlink, a.unterlink:link, a.unterlink:visited, a.unterlink:active, a.unterlink:hover { 
font: 88% Geneva, Arial, Helvetica, sans-serif;
color : #e29e19;
text-decoration : none;
}
a.unterlink:visited
{ color : #ac7406; }

a.unterlink:active  
{ color : #d89209; }

a.unterlink:hover
{ color : #d89209; text-decoration : underline; }

a.unterlink2, a.unterlink2:link, a.unterlink2:visited, a.unterlink2:active, a.unterlink2:hover { font: 85% Geneva, Arial, Helvetica, sans-serif;
color : #e29e19;
text-decoration : none;
}
a.unterlink2:visited
{ color : #ac7406; }

a.unterlink2:active  
{ color : #d89209; }

a.unterlink2:hover
{ color : #d89209; text-decoration : underline; }