/****************************************************************************************************
	Definicion de e etiquetas HTML.
****************************************************************************************************/

body {font-size:62.5%; background:#000000; color:#000000;}
a {color:#000000; text-decoration:none;}
a:hover {text-decoration:underline;}

/****************************************************************************************************
	LAYOUT.
****************************************************************************************************/

#container {position:relative; overflow:hidden; margin:20px auto 10px auto; width:930px; padding:17px; height:657px; background:#857040 url("http://www.restaurantlasarte.com/images/filigrana.jpg") no-repeat bottom left;} /* ancho real: 964px */
#menu {position:relative; float:left;	margin:auto auto auto auto; width:170px; padding:9px 0 0 0;}
#content {position:relative; float:right; margin:auto; width:743px; padding:6px 6px 6px 6px; height:auto; background:#ffffff;} /* ancho real: 755px */
#footer {position:relative; overflow:hidden; margin:auto auto 10px auto; width:964px; text-align:center;}

/****************************************************************************************************
 Estilos de las zonas comunes.
****************************************************************************************************/

/* Menu (menu.php).
**************************************************/

ul.menu {margin:14px 0 0 0;}
ul.menu li {margin:0 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:normal;}
ul.menu li a {color:#ffffff; text-decoration:none; text-transform:uppercase; }
ul.menu li a:hover {color:#000000;}
ul.menu li.selected a {color:#000000;}

ul.menu li ul {margin:7px 0 10px 2px;}

ul.menu li ul li {margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; background:#857041 url("http://www.restaurantlasarte.com/images/white-arrow.jpg") no-repeat center left; padding: 0 0 0 15px;}
ul.menu li ul li:hover {background:#857041 url("http://www.restaurantlasarte.com/images/black-arrow.jpg") no-repeat center left !important;}
ul.menu li ul li.selected {background:#857041 url("http://www.restaurantlasarte.com/images/black-arrow.jpg") no-repeat center left !important;}

ul.menu li ul li a {color:#ffffff; text-transform:none;}
ul.menu li.selected ul li a {color:#ffffff;}
ul.menu li ul li a:hover {color:#000000;}

/* Languages (languages.php).
**************************************************/

#languages ul {position:absolute; bottom:33px; right:780px; overflow:hidden; border-top:1px dotted #ffffff; border-bottom:1px dotted #ffffff; width:auto; padding:3px 0 3px 0;}
#languages ul li {float:left; padding:0 3px 0 3px; border-right:1px solid #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:normal;}
#languages ul li a {color:#ffffff; text-decoration:none;}
#languages ul li a:hover {color:#000000;}
#languages ul li a.selected {color:#000000;}

/* Cuerpo central.
**************************************************/

#content #img-container {position:relative; float:left; margin:0 0 0 0; width:435px; height:645px;}
#content #page-content {position:relative; float:right; margin:0 10px 0 0; width:264px; height:645px; padding:20px 10px 5px 10px; text-align:justify; }

/* tiny-content. */

#content #page-content.tiny-content p {margin:0 0 12px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#352e2c;}
#content #page-content.tiny-content h2 {margin:0 0 16px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:normal; color:#857040;}
#content #page-content.tiny-content h3 {margin:0 0 14px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; color:#857040;}
#content #page-content.tiny-content a {color:#000000; text-decoration:none;}
#content #page-content.tiny-content a:hover {text-decoration:underline;}
#content #page-content.tiny-content ul {list-style: disc inside; margin: 1em 0 1em 2em;}
#content #page-content.tiny-content ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#352e2c;}
#content #page-content.tiny-content ol {list-style:decimal inside; margin: 1em 0 1em 0;}
#content #page-content.tiny-content ol li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#352e2c;}

/* gallery. */

#content #gallery a img {bordeR: 2px solid #ffffff;}

/* Footer.
**************************************************/

#footer p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#7f7d7a;}
#footer a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#7f7d7a; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* FORMULARIOS.
**************************************************/

.form {}
.form tr td {padding:0 0 5px 0;}
.form tr td span.confirmation {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#352e2c; text-align:left !important;}
.form tr td label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#9d8c66; text-align:left !important;}
.form tr td .textField {width:100%; padding:4px 1px 4px 1px; background:#c2b79f; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#ffffff; text-decoration:none;}
.form tr td .button {float:right; background:#857040; border:none; cursor:pointer; padding:2px 5px 1px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#ffffff; text-decoration:none;}