/* Unchanged */
/* CSS Document for restaurantesensantapola.com : 2005 : Updated 2008 */
/* Created by QuoBasic Estudi Creatiu www.quobasic.com */


body { margin: 0; padding: 0; background: #450000 url(images/bg-main.gif) repeat-y left top; }

/*
----------------------------------------
LAYOUT
-----------------------------------------
*/

#wrapper { 
	margin: 0 0 0 160px;
	width: 541px;
}

#logo-vert { position:absolute; left:0px; top:0px; width: 160px; height: 900px; z-index: 99; background:url(images/img-vertlogo.gif) no-repeat top left;}

#photo { margin: 13px; height: 400px;}

body#siteinfo #photo { height: 600px; }

#logo { width:200px; padding: 0 0 10px 350px;}

#navigation { position:absolute; left:160px; top:440px; width: 100px; }

body#siteinfo #navigation { position:absolute; left:160px; top:638px; width: 62px; }

.content { margin: o; padding:25px 50px 25px 125px; }

.borderIZQ { padding:0 15px 0 15px; border-left:#CCCCCC solid 1px;}

.pad15 {padding:0 0 0 15px;}

#menu {width:400px; padding:0 15px 0 150px; }
#menu ul {list-style:none; padding:0 0 0 10px; margin:0; border-left:#CCCCCC solid 1px;}
#menu ul ul {list-style:none; padding:0 0 0 10px; border-left:none;}

#loca {width:300px; padding:0 0 0 120px; }
#loca iframe {padding:2px; border:#CCCCCC solid 1px}

/*
----------------------------------------
NAVIGATION
-----------------------------------------
*/
div#navigation ul { margin: 0; padding: 0; list-style:none; }
div#navigation ul li { margin: 0; padding: 2px; height: 20px; display: block; }
div#navigation span {display:none;}

li#inicio a { width:100px; height: 20px; display: block; background: url(images/inicioBOT.gif) no-repeat center; border: none; }
li#taperia a { width:100px; height: 20px; display: block; background: url(images/taperiaBOT.gif) no-repeat center; border: none; }
li#restaurante a { width:100px; height: 20px; display: block; background: url(images/restauranteBOT.gif) no-repeat center; border: none; }
li#carta a { width:100px; height: 20px; display: block; background: url(images/cartaBOT.gif) no-repeat center; border: none; }
li#bodega a { width:100px; height: 20px; display: block; background: url(images/bodegaBOT.gif) no-repeat center; border: none; }
li#menu a { width:100px; height: 20px; display: block; background: url(images/menuBOT.gif) no-repeat center; border: none; }
li#localizacion a { width:100px; height: 20px; display: block; background: url(images/locaBOT.gif) no-repeat center; border: none; }
li#contacto a { width:100px; height: 20px; display: block; background: url(images/contactoBOT.gif) no-repeat center; border: none; }

li#inicio a:hover { background: url(images/inicioBOT.gif) no-repeat bottom; border: none; }
li#taperia a:hover { background: url(images/taperiaBOT.gif) no-repeat bottom; border: none; }
li#restaurante a:hover { background: url(images/restauranteBOT.gif) no-repeat bottom; border: none; }
li#carta a:hover { background: url(images/cartaBOT.gif) no-repeat bottom; border: none; }
li#bodega a:hover { background: url(images/bodegaBOT.gif) no-repeat bottom; border: none; }
li#menu a:hover { background: url(images/menuBOT.gif) no-repeat bottom; border: none; }
li#localizacion a:hover { background: url(images/locaBOT.gif) no-repeat bottom; border: none; }
li#contacto a:hover { background: url(images/contactoBOT.gif) no-repeat bottom; border: none; }

li#inicio a.here { background: url(images/inicioBOT.gif) no-repeat top; border: none; }
li#taperia a.here { background: url(images/taperiaBOT.gif) no-repeat top; border: none; }
li#restaurante a.here { background: url(images/restauranteBOT.gif) no-repeat top; border: none; }
li#carta a.here { background: url(images/cartaBOT.gif) no-repeat top; border: none; }
li#bodega a.here { background: url(images/bodegaBOT.gif) no-repeat top; border: none; }
li#menu a.here { background: url(images/menuBOT.gif) no-repeat top; border: none; }
li#localizacion a.here { background: url(images/locaBOT.gif) no-repeat top; border: none; }
li#contacto a.here { background: url(images/contactoBOT.gif) no-repeat top; border: none; }



/*
----------------------------------------
LINKAGE
-----------------------------------------
*/


a:hover {color: #4E0000; text-decoration: none;}

img { border: none;}

/*
----------------------------------------
TEXT FORMATING
-----------------------------------------
*/
body, h1, h3, h4, h5, h6, p, ul, li { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; color: #333; font-weight: normal; }

h1, h3 { margin: 0 0 10px 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px;  }

h2 { padding: 0;; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color:#000000;  }

h2 a {text-decoration:none;}
h2 a:visited {text-decoration:none; color:#333333;}
h2 a:hover {color:#990000;}



h4 { font-size: 16px; color: #450000; margin-top: 40px; }

p {  font-size: 12px; line-height: 19px; margin:0; color: #333333; }

#photo p { margin: 0; padding: 0; }




label { font-size: 11px; margin: 0; }

p.eastlink {
	margin: 0;
	padding: 0 0 0 130px;
	background: url(images/logo_RESTA.jpg) no-repeat 0 50%;
}

/*
----------------------------------------
SPECIAL DIVS & TYPE
-----------------------------------------
*/

div#footer {padding: 45px 0 0 0;}
div#footer p { font-size: 10px; color: #999; letter-spacing: 1px; margin: 0 0 0 0; }
div#footer a:link, div#footer a:visited { color: #999; border: none; } 
div#footer a:hover { color: #450000; border: none; }


blockquote { font-size: 18px; line-height: 22px; color: #444; margin: 0 0 5px 0; padding: 0 0 0 25px; background: url(images/img-quote.gif) no-repeat left top; }
body#reviews .content p { font-size: 9px; color: #666; margin: 5px 0 20px 10px; padding: 0 0 0 25px; letter-spacing: 1px; text-transform: uppercase; }
body#reviews div#footer p { padding-left: 0; }

body#newsevents h2 { margin: 20px 0 0 0; text-transform: none; letter-spacing: 0px; font-size: 18px; }
body#newsevents h3 { margin: 3px 0; letter-spacing: 2px; font-size: 9px;font-weight: bold; color: #900; }

body#wine .content ul { list-style: none; margin: 0; padding: 0; }
body#wine .content ul li { font-size: 12px; margin: 0; padding: 4px 0; }


p.pull-image,
.pull-image { margin: 25px 0 25px -125px !important; padding: 0 !important; }

h1.hide { display: none; }
span.back { font-size: 10px; }