body{
    background-color: #ffffff;
}

.clear{
	clear: both;
	text-align:center;
}

/* logo con un h1 dentro para posicionamiento SEO */
.logo {
	margin-left: 1em;
  	width: 300px;
  	height: 200px;
  	letter-spacing: -9999px;
}

/* estilos necesarios para el menu horizontal*/
#nav{
    background-color: #aef2f9;   
    margin-left: 2%;
	margin-right: 2%; 
}
ul.menuh {
    border: 1px solid #000000;
    list-style: none;
	padding:0;
    margin:0;
    overflow: hidden;
}
ul.menuh li {
	margin-left: 2em;
	margin-right: 2em;
    float:right;
    text-align: center;
}
ul.menuh li a {
    color: #000000;
    display: block;
    padding: .3em;
    text-decoration: none;
}

/* estilos necesarios para el menu vertical*/
#menuproductos{
    background-color: #aef2f9;   
    margin-left: 2em;
    margin-right: 2em; 
    float:left;
}
ul.menuv {
    border: 1px solid #000000;
    border-top: 0;
    list-style: none;
    padding:0;
    margin:0;
    overflow: hidden;
}
ul.menuv li {
    margin-left: 2em;
    margin-right: 2em;
    text-align: left;
}
ul.menuv li a {
    color: #000000;
    display: block;
    padding: .3em;
    text-decoration: none;
}
ul.menuv li a:hover{
    color: #ff0000;
}

/* estilos para formularios */
#form{
	text-align: center;
	padding: 5em;
}
#form form a{
	color: #000000;
}
.error{
	color:#ff0000;
}

div#form form div span {
    float: left;
    padding: 0.3em 0;
}
        
div#form form div span.completo {
    width: 95%;
}

div#form form div span label {
    display: block;
    font: normal 0.8em arial, sans-serif;
    color: #333;
}

span.completo a{
    text-decoration: none;
}

span.completo a:hover{
    text-decoration: underline;
}

/* estilos tabla productos */
#contenedor{
    width:910px;
    margin: 1em auto;
    text-align: center;
}
.izquierda{
    float:left;
    clear:left;
    padding:2%;
    width:45%;
}
.derecha{
    float:right;
    clear:right;
    padding:2%;
    width:45%;
}

.title{
    font-weight: bold;
    font-size: 24px;
}

/* estilos tabla productos */
.hamburguesa{
    width:450px;
    height:450px;
    background:url("imagenes/hamburguesa-gris.jpg");
}
.hamburguesa:hover{
    background:url("imagenes/hamburguesa.jpg");
}
.superhamburguesa{
    width:450px;
    height:450px;
    background:url("imagenes/shamburguesa-gris.jpg");
}
.superhamburguesa:hover{
    background:url("imagenes/shamburguesa.jpg");
}
.campero{
    width:450px;
    height:450px;
    background:url("imagenes/campero-gris.jpg");
}
.campero:hover{
    background:url("imagenes/campero.jpg");
}
.baguette{
    width:450px;
    height:450px;
    background:url("imagenes/baguette-gris.jpg");
}
.baguette:hover{
    background:url("imagenes/baguette.jpg");
}
.bebida{
    width:450px;
    height:450px;
    background:url("imagenes/bebida-gris.jpg");
}
.bebida:hover{
    background:url("imagenes/bebida.jpg");
}
.perrito{
    width:450px;
    height:450px;
    background:url("imagenes/perrito-gris.jpg");
}
.perrito:hover{
    background:url("imagenes/perrito.jpg");
}
.otros{
    width:450px;
    height:450px;
    background:url("imagenes/patatas-gris.jpg");
}
.otros:hover{
    background:url("imagenes/patatas.jpg");
}

/* Otros Estilos */
.centrado{
    text-align: center;
}
span a{
    color:black;
}

span a:hover{
    color:red;
}

#pie{
	text-align:center;
}

#pie a{
	text-decoration: none;	
}

h2{
	text-align: center;
}

#contenido{
	margin-left: 2%;
	margin-right: 2%;
}

#pedidos{
	text-align:center;
}

#pedidos .izquierda{
	
	width:45%;
}

#pedidos .derecha{
	
	width:45%;
}

.tercio{
	width:33%;
	float:left;
}

.hide{
	visibility: hidden;
}

/*estilos para el carrito*/
#carrito{
	text-align:center;
}

#carrito table{
	width:96%;
	margin-left: 2%;
	margin-right: 2%;
	border: black 1px solid;
	border-top: 0px;
	border-collapse: collapse;
}

#carrito table tbody tr{
	border: black 1px solid;
	border-top: 0px;
	}

#carrito table .big{
	width:70%;	
}

#carrito table .small{
	width:15%;	
}

.aliniz{
	text-align: left;
}

.red{
	color:#ff0000;
}