LaManoDePablo_Web/src/restaurante-parrilla-pizerria/css/style.css
2012-04-24 10:43:55 +00:00

226 lines
4.5 KiB
CSS

body {
background: url(../images/bg_bottom.jpg) center 0 repeat #faf3ed;
font: 14px Georgia, "Times New Roman", Times, serif;
color: #fff;
line-height: 24px;
}
a {
color: #a80002;
text-decoration:none;
outline:none
}
a:hover {
text-decoration:underline
}
.aToolTip {
background: none repeat scroll 0 0 #A80002;
color: #FFFFFF;
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 2px 10px 3px;
position: absolute;
}
header {
background: url(../images/bg_top_img.jpg) top center repeat-x #4f0101;
text-align: center;
}
header .layout {
margin:0 auto;
width:960px;
padding-top:31px;
padding-bottom: 10px;
}
header h1 {
background: url(../images/logo.png) top right no-repeat;
text-indent: -1000px;
width: 259px;
height: 95px;
overflow: hidden;
float: left;
padding: 0 0 0 36px;
}
header article {
background: none;
}
article {
background:#fff url(../images/box_top2.png) center -11px no-repeat;
color: #200;
}
article .layout {
width: 960px;
margin: 0 auto;
padding-bottom: 50px;
}
section {
}
figure {
padding-bottom: 13px;
}
footer {
height:138px;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#696969;
line-height:18px;
background: url("../images/bg_bot_img.jpg") no-repeat scroll center top transparent;
}
footer section {
width: 960px;
margin: 0 auto;
padding-bottom: 45px;
}
footer a {
color: #C53005;
text-decoration: underline;
}
h1 {
float:left;
padding:0px 0 0 36px;
font-weight: normal;
}
h2 {
font-family: 'Forum', cursive;
font-size:41px;
line-height:1.2em;
color: #230000;
padding: 16px 0 12px 0;
letter-spacing: -2px;
text-align: left;
font-weight: normal;
}
h2.letter_spacing {
letter-spacing:-3px;
}
h3 {
font-family: 'Forum', cursive;
font-size: 27px;
color:#230000;
line-height:1.2em;
padding:20px 0 9px 0;
letter-spacing:- 1px;
font-weight: normal;
}
h3 span {
color:#a80002
}
p {
text-align:left;
}
.clear {
clear: both;
}
.resaltado {
color: #a80002;
}
/** COLS */
.col1, .col2, .col3, .cols {float:left}
.cols {width:300px; margin-right: 30px;}
header .cols { margin-right: 20px; }
.col1 {width:630px; margin-right: 30px;}
.col2 {width:240px}
.col3 {width:285px}
.rborder { border-right: 1px solid #ddd;}
.cols p, .col2 p, .col3 p {width: 255px;}
.col1 p {width: 610px;}
.wrapper {
display: inline-block;
}
.wrapper figure {
float: left;
margin-right: 15px;
}
/** BOXES */
.wrap {
overflow:hidden;
width:965px;
text-align: left;
}
.wrap ul li a {
font-style:italic;
padding-left:12px;
background:url(../images/marker_1.gif) 1px 8px no-repeat;
color:#faf3ed
}
.llamar {
padding-top: 12px;
}
.box {background:url(../images/box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}
.box > div {background:url(../images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
.box > div.full {background:url(../images/box_top2.png) 0 top no-repeat;}
.box h2 {color:#a80002;padding:15px 0 12px 0}
.box h2 span {color:#faf3ed}
.box figure {padding-bottom:13px}
.button {
display:inline-block;
font-size:20px;
color:#faf3ed;
line-height:34px;
padding:0 15px;
background:#a80002;
letter-spacing:-1px;
}
.button:hover {
text-decoration:none;
color:#1e0000;
background:#faf3ed;
}
/** NAV **/
#top_nav {float:right;padding:4px 0 16px 43px;}
#top_nav li {float:left; padding:3px 0 5px 26px; margin-left:25px}
#top_nav li a {font-family: 'Forum', cursive; display:block; font-size:18px;color:#faf3ed;line-height:30px;padding:0 20px;height:34px;letter-spacing:-1px}
#top_nav li a:hover {text-decoration:none;background:url(../images/menu_bg.png) repeat}
#top_nav .end {background:none;padding-right:0;margin-right:0}
#menu {width:633px;float:right;padding:0; margin-bottom: 25px;}
#menu li {float:left;padding-left:3px}
#menu li a {font-family: 'Forum', cursive; display:block;font-size:24px;color:#faf3ed;line-height:40px;padding:0 20px;height:44px;letter-spacing:-1px}
#menu li a:hover, #menu .active a {text-decoration:none;background:url(../images/menu_bg.png) repeat}
/** FORM **/
label.error {
font-style:italic;
color: #ffaaaa;
display: inline-block;
margin-left: 3px;
}