﻿/*//////////// esquema de cores
Background site: #A43852;
barra top-bottom: #006986;
amarelo header: #E1CE55;
laranja títulos: #EE9C12;
verde tit-cidade:#690;
a:link: #A48E00;
a:hover: #EE9C12;
background link: #A48E00;
cinza texto: #6D6F71;
bg form elogios: #F8F3CD;
/////////////*/

/* reset */
* { margin:0; padding:0; }
a { color:#fff; text-decoration:none; outline:0; font-weight:bold;}
ul { list-style:none; }
table { border-collapse:collapse; }
img { border:0; }

/*   clearfix   */
#menu-alfa:after, .restaurantes:after, #restaurante:after, #form-restaurante:after
{ content:"."; display:block; clear:both; height:0; visibility:hidden; }

/* geral */
body { font:76%/1.4em Arial, Sans-Serif; color:#f19207; background:#FFFFFF url(../img/layout/bg.jpg) repeat; }
#container {width:740px; margin:0 auto; border-bottom:10px solid #f19207; background:#fff; }
#header { width:740px; height:170px; position:relative; background:#f19207 url(../img/layout/bg_header.jpg) repeat-x; }
#main{ width:740px; padding:1.5em 0 0em 0; min-height:500px; float:left; display:inline; background-color: #FFFFFF;}
#side{ width:220px; min-height:400px; padding:1.5em 0 0 0; float:right; }
#footer { width:740px; height:90px; clear:left; position:relative; background: #fff url(../img/layout/bg_footer.jpg) no-repeat; }
p { margin:0 30px 1em 30px; color:#313233; font-size:14px; }

/*/// container */
#container .flash { width:734px; height:364px; border:1px solid #ccc; display:block; padding:2px; }

/*/// header */
#header h1 { width:245px; height:150px; margin:0 30px; text-indent:-99999px; }
#header h1 a { width:180px; height:150px; display:block; position:absolute; left:30px; top:0;}

#header h2 {display:none; }

#header .busca { width:453px; height:70px; position:absolute; bottom:0; right:0; }
#header .busca h3 { color:#444444; font-weight:bold; font-size:1.4em; margin:15px 0 5px 15px;}
#header .busca .campo, #header .busca #btn {float:left; margin:0 0 0 15px; display:inline;}
#header .busca .campo label {display:none;}
#header .busca .campo select { width:175px; }

/*/// main*/
#main h2 { color:#f19207; font-size:1.8em; font-weight:normal; margin:0 30px .5em 30px; }
#main h3 { color:#000000;  font-size:1.3em; font-weight:normal; margin:1em 30px .5em 30px; }

#main a:link, #main a:visited {color:#444;}
#main a:hover, #main a:active {color:#444;}
#main #menu-alfa { margin:0 30px 1em 30px; border:1px solid #ccc; }
#main #menu-alfa li { float:left; padding:0 0 0 1px; display:inline; }
#main #menu-alfa li a, #main #menu-alfa li strong, #main #menu-alfa li span { display:block; padding:2px .287em; font-size:.945em; }
#main #menu-alfa li a:link, #main #menu-alfa li a:visited { color:#A48E00; background:#fff; }
#main #menu-alfa li a:hover, #main #menu-alfa li a:active { color:#EE9C12; background:#fff; }
#main #menu-alfa li strong { color:#fff; background:#A48E00; border-right:2px solid #A48E00; border-left:2px solid #A48E00;}
#main #menu-alfa li span { color:#ccc; background:none; }

#main .restaurantes { width:480px; margin:0 0 1em 30px; }
#main .restaurantes li {width:220px; float:left; margin:0 20px 1em 0; }
#main .restaurantes li a img { border:1px solid #ccc; margin:0 0 .5em 0; padding:2px; display:block; }
#main .restaurantes li a span {color:#6D6F71; display:block;}
#main .restaurantes li a:link  span.link, #main .restaurantes li a:visited  span.link { color:#A48E00;}
#main .restaurantes li a:hover span.link, #main .restaurantes li a:active  span.link { color:#EE9C12; background:url(../img/layout/bg-hover-cidade.jpg) repeat-y left top ; }

#main #ok_msg {color:#000; padding:.5em 10px .5em 30px; background:#FFF5CF url(../img/admin/accept.gif) no-repeat 8px 50%; border:1px solid #fc0; color:#000; margin-bottom:1em; line-height:1.2em; }
#main .error_message { padding:.5em 10px .5em 30px; background:#FFF5CF url(../img/admin/error.gif) no-repeat 8px 50%; border:1px solid #fc0; color:#000; margin-bottom:1em; line-height:1.2em; }

#main #prato { margin:0 30px 1em 30px; padding:2px; border:1px solid #ccc; position:relative; }
#main #prato img { margin:0 0 1em 0; padding:0; display:block; border:none; }
#main #prato div { padding:0 0 1em 0; background:url(../img/layout/bg-box-prato.jpg) repeat-x bottom}
#main #prato div h3 { width:330px; font-weight:normal; color:#000; margin:0 0 .5em 10px; }
#main #prato div p { margin:0 10px -.5em 10px; line-height:1.25em; }
#main #prato div p span { color:#EE9C12;}
#main #prato div p strong {margin:0 0 0 2px; color:#000; font-weight:normal; }
#main #prato div .receita { font-weight:bold; position:absolute; top:313px; right:25px; padding:0 0 0 20px; text-transform:uppercase; background:url(../img/layout/receita-star.gif) no-repeat left top; }
#main #prato div .recomende { font-weight:bold; position:absolute; top:328px; right:25px; padding:0 0 0 20px; text-transform:uppercase; background:url(../img/layout/receita-star.gif) no-repeat left top; }
#main #prato div a:link, #main #prato a:visited { color:#693; }
#main #prato div a:hover, #main #prato a:active { color:#EE9C12; }

#main #prato div.receitas { margin:-1em 0 0 0; padding:1em 0;}
#main #prato div.receitas h3 { width:260px; margin:0 0 0 10px; }
#main #prato div.receitas h3 span a.cidade:link, #main #prato div.receitas h3 span a.cidade:visited { color:#BA1E00; }
#main #prato div.receitas h3 span a.cidade:hover, #main #prato div.receitas h3 span a.cidade:active { color:#EE9C12; }

#main #ingredientes { width:150px;  margin:0 0 1em 30px; float:left; display:inline; }
#main #ingredientes h3 { color:#000; font-size:1.5em; font-weight:normal; margin:0 0 .5em 0; }
#main #ingredientes h4 { font-size:1em; font-weight:normal; color:#000; margin:0 0 .5em 0; } 
#main #ingredientes p { margin:0 0 1em 0; }
#main #ingredientes ul {margin:0 0 1em 0;}
#main #ingredientes ul li { padding:0 0 0 10px; background:url(../img/layout/bullet-ingr-dd.gif) no-repeat left 6px;}

#main #modo-preparo { width:290px; margin:0 0 1em 200px; }
#main #modo-preparo h3 { font-size:1.4em; font-weight:normal; color:#000; margin:0 0 .5em 0; }
#main #modo-preparo h4 { font-size:1em; font-weight:normal; color:#000; margin:0 0 .5em 0; } 
#main #modo-preparo p { margin:0 0 .5em 0; }

#main #restaurante { margin:0 30px 1em 30px; }

#main #restaurante img { border:1px #ccc solid; padding:2px; float:left; } 

#main #restaurante dl { margin:0 0 0 245px; }
#main #restaurante dl dt { color:#EE9C12; font-size:1.2em; margin:.5em 0; }
#main #restaurante dl dd { color:#000; line-height:1.25em; }
#main #restaurante dl dd.horario { color:#6D6F71; margin:1em 0 0 0; font-style: italic; }
#main #restaurante dl dd a { text-decoration:underline; }
#main #restaurante dl dd a:link, #main #restaurante dl dd a:visited { color:#A48E00 }
#main #restaurante dl dd a:hover, #main #restaurante dl dd a:active { color:#EE9C12 }
#main #restaurante dl dd.mkt { margin:1em 0; }
#main #restaurante dl dd.mkt a { font-weight:bold; display:block; padding:0 0 0 20px; text-decoration:none; text-transform:uppercase; background:url(../img/layout/receita-star.gif) no-repeat left 0px; }
#main #restaurante dl dd.mkt a:link, #main #restaurante dl dd.mkt a:visited {color:#693;}
#main #restaurante dl dd.mkt a:hover, #main #restaurante dl dd.mkt a:active {color:#EE9C12;}

#main #paginacao { margin:0 30px 1em 30px; text-align:right; position:relative; background:#fff; }
#main .anterior { padding:0 0 0 15px; position:absolute; right:90px; background:url(../img/layout/seta-left.gif) no-repeat left center; }
#main .proxima { margin:0 0 0 35px; padding:0 15px 0 0; background:url(../img/layout/seta-right.gif) no-repeat right center; }
#main .proxima, #main .anterior { font-weight:bold; text-transform:uppercase; }
#main #paginacao a:link, #main #paginacao a:visited { color:#693; }
#main #paginacao a:hover, #main #paginacao a:active { color:#EE9C12; }

#main #elogios { margin:0 30px 2em 30px; padding:2px; border:1px solid #ccc; background:#fff; }
#main #form-restaurante { background:#F8F3CD; padding:10px; }
#main #form-restaurante h4 { color:#EE9C12; font-size:1.4em; font-weight:normal; margin:0 0 .5em 0; }
#main #form-restaurante p { margin:0; line-height:1.2em; }
#main #form-restaurante .campo { float:left; margin:0 0 1em 0; }
#main #form-restaurante .center { margin:0 0 0 20px; }
#main #form-restaurante label { display:block; color:#000; }
#main #form-restaurante input { width:203px; }
#main #form-restaurante textarea { width:430px; }
#main #form-restaurante .botoes { clear:left; }
#main #form-restaurante .botoes input { width:80px; float:right; }

#main #form-contato { width:460px; margin:0 30px 1em 30px; display:block; }
#main #form-contato fieldset { border:none; padding:10px; }
#main #form-contato legend { color:#000; font-size:1.4em; }
#main #form-contato .campo { margin:0 0 1em 0; }
#main #form-contato label { width:140px; display:block; float:left; color:#000;}
#main #form-contato label span { display:block; color:#6D6F71; }
#main #form-contato .largo { width:290px; }
#main #form-contato textarea { width:290px; height:80px; }
#main #form-contato .botao input { float:right; margin:0 5px 0 0 }


/*/// side */
#side h2 { color:#683; margin:0 0 .5em 20px; font-weight:normal; }
#side #cidades { margin:0 0 1em 10px; }
#side #cidades li a { padding:0 10px; display:block; }
#side #cidades li a:link, #side #cidades li a:visited { color:#A48E00; }
#side #cidades li a:hover, #side #cidades li a:active , #side #cidades li strong { background:url(../img/layout/bg-hover-cidade.jpg) no-repeat left center; }
#side #cidades li strong { color:#A48E00; font-weight:normal; display:block; }

#side #ministerio { width:180px; margin:0 auto; border:1px solid #ccc; padding:2px; }
#side #ministerio img { border:none; padding:0 5px 0 0; display:block; }
#side #ministerio a { line-height:.5em; margin:0; padding:0; color:#000; }

/*/// footer -- editar dados no /festival/app/views/template.php -- */
#footer .abrasel-link {display:block; height:65px; left:18px; position:absolute; text-indent:-99999px; top:13px; width:110px;}
#footer .ambev-link {display:block; height:50px; left:166px; position:absolute; text-indent:-99999px; top:13px; width:110px;}
/* #footer .sebrae-link {display:block; height:50px; left:259px; position:absolute; text-indent:-99999px; top:13px; width:80px;} */
#footer .sodexo-link {display:block; height:50px; left:259px; position:absolute; text-indent:-99999px; top:13px; width:80px;}
#footer .vinhosdb-link {display:none; height:50px; left:349px; position:absolute; text-indent:-99999px; top:13px; width:80px;}
#footer .secagrrs-link {display:none; height:50px; left:449px; position:absolute; text-indent:-99999px; top:13px; width:80px;}


#footer-nav { position:absolute; bottom:14px; right:24px; }
#footer-nav li.first { border:none; color:#333;}
#footer-nav li { float:left; border-left:1px solid #ccc; }
#footer-nav li a { text-decoration:underline; padding:0 10px; }
#footer-nav li a:link, #footer-nav li a:visited { color:#333; }
#footer-nav li a:hover, #footer-nav li a:active { color:#666; }
