@charset "utf-8";
/* CSS Document */

body {
/*background: #de7eb6;*/
background: #FFF;
color:#c00671;
font-family:'comic sans ms';
text-align:left;
font-size:18px;
margin:0px;
}

body.index{
background: #f2c8d6;
background:url(images/brunch-bg.gif);
}
a{border:0; color:#de7eb6;
outline:none;
}

hr {color: #c00671; background-color:#c00671;} 

img {border:0px;}

h2 {text-align:center;}

h3 {
color:#de7eb6;
margin:7px;
margin-bottom:3px;
}

.Estilo1 {
	font-size: 24px;
	font-weight: bold;
}
.Estilo2 {color: #FF6666}
.Estilo3 {font-size: 24px; font-weight: bold; color: #c00671; }
.Estilo9 {font-size: 14px; font-weight: bold; color: #c00671; }
.Estilo15 {font-size: 13px; font-weight: bold; color: #c00671; }
.Estilo11 {color: #FF6666;}
.Estilo12 {color: #FF6666; font-weight: bold; }
.Estilo5 {font-size: 24; color: #FF9966; font-weight: bold;}
.Estilo6 {font-size: 24; color: #FF6666; }

span.small {
line-height:10px;
}

div.contain {
position: relative;
width:720px;
text-align:left;
margin: 10px;
/*border: 2px #c00671 solid;
z-index:1;
background: #de7eb6;*/
}

div.contain2 {
position: relative; top: 0px;
width:850px;
text-align:left;
padding:10px;
}

p.contacts {
font-size:17px;
margin:0px;
}

div.logo {
position:relative;
z-index:5;
}

div.order{
position: absolute; top: 640px;
left:25%;
width: 50%;
margin: auto;
}

div.leftmenu{
border:2px solid;
border-color:#c00671;
width:234px;}

.white {color:#de7eb6;}

a#buttonconcept {
display:block; width: 149px;
background-image: url(images/button-concept.gif); background-repeat: no-repeat;}
a#buttonconcept:hover {background-position: -149px 0;}
a#buttonconcept2 {
display:block; width: 149px;
background-image: url(images/button-concept.gif); background-repeat: no-repeat;
background-position: -149px 0;}

a#buttonevents {
display:block; width: 212px;
background-image: url(images/button-events.gif); background-repeat: no-repeat;}
a#buttonevents:hover {background-position: -212px 0;}
a#buttonevents2 {
display:block; width: 212px;
background-image: url(images/button-events.gif); background-repeat: no-repeat;
background-position: -212px 0;}

a#buttonclub {
display:block; width: 81px;
background-image: url(images/button-club.gif); background-repeat: no-repeat;}
a#buttonclub:hover {background-position: -81px 0;}
a#buttonclub2 {
display:block; width: 81px;
background-image: url(images/button-club.gif); background-repeat: no-repeat;
background-position: -81px 0;}

a#buttonmenu {
display:block; width: 110px;
background: url(images/button-menu.gif); background-repeat: no-repeat;}
a#buttonmenu:hover {background-position: -110px 0;}
a#buttonmenu2 {
display:block; width: 110px;
background: url(images/button-menu.gif); background-repeat: no-repeat;
background-position: -110px 0;}

a#buttoncontacts {
display:block; width: 157px;
background: url(images/button-contacts.gif); background-repeat: no-repeat;}
a#buttoncontacts:hover {background-position: -157px 0;}
a#buttoncontacts2 {
display:block; width: 157px;
background: url(images/button-contacts.gif); background-repeat: no-repeat;
background-position: -157px 0;}

a#buttonbacktomenu {
display:block; width: 196px;
background: url(images/back-to-menu.gif); background-repeat: no-repeat;}
a#buttonbacktomenu:hover {background-position: -196px 0;}

a#buttonorder {
display:block; width: 282px;
background: url(images/brunch-order.gif); background-repeat: no-repeat;}
a#buttonorder:hover {background-position: -282px 0;}

a#buttonenter {
display:block; width: 485px;
background: url(images/brunch-enter.gif); background-repeat: no-repeat;}
a#buttonenter:hover {background-position: -485px 0;}

/* Headings */

h1 {overflow: hidden;}

h1, h1 span {
font-size: 100%;
color:#de7eb6;;
}

h1 span {
display: block;
position: relative;
z-index: 1;
margin-bottom: -72px;
}

h1.concept, h1.concept span {
width: 149px;
height: 48px;
background: url(images/heading-concept.gif);
}

h1.menu, h1.menu span {
width: 90px;
height: 48px;
background: url(images/heading-menu.gif);
margin:0px;}

h1.contacts, h1.contacts span {
width: 157px;
height: 38px;
background: url(images/heading-contacts.gif);
}

h1.club, h1.club span {
width: 85px;
height: 48px;
background: url(images/heading-club.gif);
}

h1.events, h1.events span {
width: 212px;
height:  55px;
background: url(images/heading-events.gif);
}
/* Cup List 

ul {list-style-image: url(images/bullet-cup.gif); vertical-align:middle;}
*/
/* Centered index */

.centered {
position: absolute;
left:25%;
top:25%;
width: 50%;
height: 50%;
margin: auto;
}

/* Gradients */

div.leftgradient{
position: absolute; left:0px; top:0px;
height:100%;
width:50px;
background:url(images/left-gradient.gif);
}
div.rightgradient{
position: absolute; right:0px; top:0px;
height:100%;
width:50px;
background:url(images/right-gradient.gif);
}
div.topgradient{
position: absolute; left:0px; top:0px;
height:50px;
width:100%;
background:url(images/top-gradient.gif);
}
div.bottomgradient{
position: absolute; left:0px; bottom:0px;
height:50px;
width:100%;
background:url(images/bottom-gradient.gif);
}

/* Form layout */
.form1{width: 150px;}
.form2{width: 200px;}

p.formheading {
margin:0px;
font-size: 24px; font-weight: bold; color: #c00671;
}
div.pinksection {
width:600px;
background:#f2c8d6;
padding:10px;}
div.pinksection2 {
width:350px;
background:#ffddfe;
padding:5px;}
.formsmall1  {font-size: 11px; font-weight: bold; color: #c00671; line-height:10px;}