/* GENERAL */

body{
font-family:"Lucida Grande","Segoe UI", Trebuchet MS, Arial, sans-serif;
font-size: 0.8em;
color: #fff;
background-color: #000;
margin: 0
}

#container{
width:900px;
margin: 0 auto 0 auto;
}

#header{
height:160px;
background: transparent url(/menu/img/cabecera.jpg) bottom no-repeat;
padding: 0 20px;
}



/* HEADER */

#header h1{
display:none
}

#header p{
padding-top: 129px
}



/* INTRO */

#intro{
padding: 20px 20px 0 20px;
clear: both;
}

#intro h1{
font-size: 2.32em; /* 30px */
font-weight: normal;
line-height: 1.2em;
margin: 0;
padding: 0;
}

#intro p{
color: #ff9900;
line-height: 1.8em;
width: 79%
}

/* BODY */

#body{
padding: 0 20px;
}

#col_left{
width: 530px;
float: left;
margin-right: 19px
}

#col_right{
width: 310px;
float: left;
background: transparent url(/menu/img/bgMenus.jpg)  right repeat-y;
}

/* HEADING */

h2, h3{
font-weight: normal
}

/* MENU */

#col_left .menu {
padding: 10px 10px 10px 0;
margin-bottom: 20px;
background: transparent url(/menu/img/bgMenus.jpg)  right repeat-y;
}


#col_left .menu h2{
margin: 0;
padding: 0 0 0 48px; 
font-size: 1.8em; 
}

#col_left .menu h3{
margin: 0;
padding: 20px 0 5px 48px;
font-size: 1.3em;
}

.menu .plato{
clear: both;
padding: 5px 0 0 0;
}

.menu .plato input{
margin-right: 10px;
}

.menu .plato span{
font-weight: bold;
font-size: 1.2em;
float: left;
width: 50px;
padding: 0 0 0 0
}

.menu .toTop{
text-align: right;
padding: 20px 20px 0px 0;
background: transparent url(/menu/img/toTop.gif) bottom right no-repeat;
}

.menu .toTop a,
.menu .toTop a:visited{
font-size: 0.9em;
text-decoration: none;
color: #999;
outline: none
}

.menu .toTop a:hover{
color: #fff
}

/* FORMULARIO */

#col_left .formulario {
padding: 10px 10px 10px 0;
margin-bottom: 20px;
background: transparent url(/menu/img/bgMenus.jpg)  right repeat-y;
}


#col_left .formulario .input,
#col_left .formulario textArea {
width: 300px;
margin-bottom: 5px
}

#col_left .formulario textArea {
height: 100px;
}

#col_left .formulario h2{
padding: 20px 0 20px 0;
margin: 0
}


#col_left p{
padding: 0 0 10px 0;
margin: 0
}

#col_left .formulario h3{
padding: 0;
margin-top: 40px
}


#col_left .volver{
display: block;
padding: 0 0 15px 0;

}


#col_left .volver a,
#col_left .volver a:visited{
color: #bbb;
text-decoration: none
}

#col_left .volver a:hover{
color: #fff;
}




/* ELECCION */


#col_right h2{
margin: 0;
padding: 10px 0 10px 10px; 
font-size: 1.8em; 
}

#col_right h3{
margin: 0;
padding: 10px 0 5px 0;
font-size: 1.3em;
}

#col_right .platos{
border-top: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 10px;
}

#col_right .platos .plato{
padding: 0 0 5px 0;
}

#col_right .enviar{
text-align: center;
padding: 10px;
border-top: 2px solid #000 
}


#col_right .enviar .btnEnviar{
font-size: 1.5em;
color: #000;

}

#col_right .enviar .btnEnviar a{
text-decoration: none;
padding: 5px 0;
display:block;
margin: 0 40px;
color: #000;
background-color: #fff;
}


#col_right .enviar .btnEnviar a:hover{
background-color: #bbb;
color: #333;
}

/* PIE */

#footer{
width: 520px;
padding: 20px;
clear: both
}

#footer p{
color: #ff9900
}

#footer .copy{
font-size: 0.9em
}