/*
Theme Name: Puerita Custom Theme
Author: CreativeKarma.co.uk

*/

body, html { height: 100%; margin: 0; padding: 0;}
body
{
text-align: center;
 background: #ffffff;
 font-family: century gothic, verdana, arial;
 font-size: 9px;
 color: #000000;
 height: 100%;
 background: url(images/body-wall.gif);
 
}

a:link, a:visited { color: #6F1F97; text-decoration: none; }

h2 { background: url(images/header.gif) no-repeat; padding-left: 30px; font-weight: normal; font-family: century gothic;  color: #6F1F97;  width: 100%; font-size: 14px;}

ul { list-style-type: circle; padding: 0; margin: 0 0 0 20px; letter-spacing: 1px; font-size: 12px; font-weight: normal;  color: #6F1F97;}

.table-box {float: left; margin-right: 20px;  }
table.wp-table-reloaded { width: 200px; }
.column-1 { width: 150px; }
th { color: #6F1F97; font-weight: bold;}
#wp-table-reloaded-id-1-no-1 { width: 140px; }
#wp-table-reloaded-id-1-no-1 .column-1 { width: 70px; }

div#container { position: absolute; top: 50%; left: 50%; margin-left: -512px; width: 1024px; margin-top: -290px; font-weight: bold;background: url(images/puerita-background.jpg);-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; width: 1024px; height: 579px;}

div#home a { position: absolute; top: 0; right: 0; width: 140px; height: 70px;}


div#content { position:relative; height: 579px; clear:both; background: url(images/puerita-background.jpg); }

#footer { text-align: left; }




.menu {   padding: 10px; margin: 20px;  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; text-align: left;  -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; filter:alpha(opacity=90);}
#main-menu {  background: #ffffcc; width: 130px; position: absolute; .top: 280px;top: 360px; right: 0px;}
#about { width: 240px; position: absolute; top: 420px; right: 750px;  background: #ffffcc; }
#opening-hours {  width: 130px; position: absolute; top: 100px; right: 0px; display: none; background: #ffffcc; }

div#container.hair-background { background: url(images/hair-background.jpg); }
div#container.beauty-background { background: url(images/puerita-background.jpg); }

.menu-large-window { display:none;padding: 10px; margin: 20px;  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; text-align: left; position: absolute; top: 0px; right: 230px; background: #ffffff; -moz-opacity:1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); width: 450px; height: 510px; }
.menu-large-window img.map { border: 0; }
.menu-large-window img { clear: both; display: block; border: 3px solid #AB8CC7; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;  }