﻿/*------------------------------------------------------------------------------
 *     PROJECT: Viva la Tapa
 *        FILE: styles_main.js
 *     VERSION: 1.000.000
 *    CONTENTS: Site's main CSS styles
 *        DATE: 2009-11-24
 *      AUTHOR: Helder Beringuilho (HB)
 *   REVISIONS: 2009-05-24, HB, 1.000.000 - Creation of this file;
 *                                                                (c) IdeiasX
 *----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
 * Clear all styles - refresh
 *---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	/*background: white;*/
}
ol, ul {
	list-style: none;
}

table {
	/*border-collapse: separate;*/
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------------------------------------------------------------------------
 * Site's styles
 *---------------------------------------------------------------------------*/

#body_type1
{
	color: white;
	font-family: Verdana, Arial, sans;
	font-size: 10px;
	text-align:justify;
	background-color: #000000;
}

#area_border_left1
{
	background-image: url(../main_imgs/back-left.gif);
	background-repeat: repeat-x;
}

#area_border_right1
{
	background-image: url(../main_imgs/back-right.gif);
	background-repeat: repeat-x;
}

#area_center1
{
    width: 785px;
    /*height: 611;*/
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-align:left;
    background-image: url(../main_imgs/fundo.gif);
    background-repeat: no-repeat;
}

#area_header1
{
    width: 785px;
    height: 101px;
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-align:left;
}

#main_area
{
    width: 785px;
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-align:left;
    background-image: url(../main_imgs/main_area_img.gif);
    background-repeat: repeat-y;
}

#bar_area
{
    width: 785px;
    height: 5px;
    background-image: url(../main_imgs/bar-black.gif);
    background-repeat: no-repeat;
}
#text_area
{
	margin-top: -2px;
	margin-bottom: -5px;
    background-image: url(../main_imgs/txt_area.gif);
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10 px;
    font: normal 16px Arial, sans;
    color: #000000;
}

#ul_type1
{
    font-size: 16px;
    font-family: Arial, sans;
    font-weight: bold;
    text-align:justify;
    color: #000000;
    list-style: square;
    margin-left:25px;
    margin-right:25px;
    line-height: 150%;
}

.txt_title_type1
{
	color: #930108;
	font-size: large;
}

.txt_title_type2
{
	color: #FFFFFF;
	font-size: 22px;
	background-color: #930108;
}

.txt_sub_title_type1
{
	text-decoration: underline;
	font-weight: bold;
	color: #930108;
}

.txt_sub_title_type2
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #930108;
}

#img_type3
{
	border-style: solid;
	border-color:black;
	border-width:2px;
}

#area_newsletter
{
	vertical-align:bottom;
	padding-left: 135px;
	padding-top: 76px;
	width:131px;
	height: 21px;
	display: block;
    float: left;
	/*position:relative;*/
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
}

#area_newsletter a,
#area_newsletter a:visited
{
	width:131px;
	height: 21px;
	display: block;
    text-decoration: none;
    background-image: url(../main_imgs/bt-newsletter-off.gif);
    background-repeat: no-repeat;
}

#area_newsletter a:hover,
#area_newsletter a:active
{
    text-decoration: none;
    background-image: url(../main_imgs/bt-newsletter-on.gif);
    background-repeat: no-repeat;
}

#area_contacts
{
	vertical-align:bottom;
	padding-right: 132px;
	padding-top: 76px;
	width:118px;
	height: 21px;
	display: block;
	float: right;
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
}

#area_contacts a,
#area_contacts a:visited
{
	width:118px;
	height: 21px;
	display: block;
    text-decoration: none;
    background-image: url(../main_imgs/bt-contact-off.gif);
    background-repeat: no-repeat;
}

#area_contacts a:hover,
#area_contacts a:active
{
    text-decoration: none;
    background-image: url(../main_imgs/bt-contact-on.gif);
    background-repeat: no-repeat;
}

#email_type1,
#email_type1 a,
#email_type1 a:visited,
#email_type1 a:hover,
#email_type1 a:active
{
    font: normal 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

#vivalatapa
{
	float:left;
	margin-top:10px;
}

#ideasx
{
	float:right;
	margin-top:10px;
}

/*-----------------------------------------------------------------------------
 * contact page
 *---------------------------------------------------------------------------*/

#area_contact1
{
    width: 785px;
    /*height: 611;*/
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-align:left;
    background-image: url(../main_imgs/main_area_img.gif);
    background-repeat: repeat-y;
}

#area_contact_table1
{
    width: 785px;
    background-image: url(../main_imgs/main_contact_img.gif);
    background-repeat: no-repeat;
}

#td_area_type1
{
    margin: 0;
    padding-right: 10px;
    font: bold 12px Verdana, Arial, sans;
    text-align: right;
    color: #000000;
    vertical-align: top;
}

#td_area_type3
{
    margin: 0;
    padding-right: 10px;
    font: bold 12px Verdana, Arial, sans;
    text-align: right;
    color: #FFFFFF;
    vertical-align: top;
}

#td_area_type2
{
    margin: 0;
    padding-left: 10px;
    font: bold 12px Verdana, Arial, sans;
    text-align: left;
    color: #930108;
    vertical-align: top;
    line-height: 150%;
}

#area_footer1
{
    width: 846;
    height: 47;
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-align:left;
    background-image: url(../main_imgs/footer.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#area_footer_type1
{
    position: relative;
    width: 420;
    float: left;
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
}

#area_footer_type2
{
    position: relative;
    width: 420;
    font: normal 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-align: right;
    text-decoration: none;
    float: right;
}

#area_type1
{
    width: 846;
    font: normal 10px Verdana, Arial, sans;
    color: #035F8F;
    text-align:left;
    background-image: url(../main_imgs/area.gif);
    background-repeat: repeat;
}

#area_menu1
{
    width: 314;
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    float: left;
}

#area
{
    width: 532;
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    float: right;
}

#sub_area
{
    font: bold 12px Arial, Verdana, sans;
    color: #000000;
    margin-left: 30px;
	margin-right: 50px;
}

/*-----------------------------------------------------------------------------
 * BAR - EVENTOS 'S STYLE
 *---------------------------------------------------------------------------*/

#area_type1
{
    background-image: url(../main_imgs/main_area_img.gif);
    background-repeat: repeat-y;
}

#title_type1
{
	margin-left: 487px;
}

#title_type3
{
	margin-left: 481px;
}

#sub-title_type1
{
    font: bold 18px Arial, sans;
    color: #000000;
	margin-left: 20px;
	background-color:#bc0009;
}

#sub-title_type2
{
    font: bold 18px Arial, sans;
    color: #FFFFFF;
	margin-left: 20px;
	background-color:#bc0009;
}

#sub-title_type3
{
    font: bold 18px Arial, sans;
    color: #000000;
}

#sub-title_type4
{
    font: bold 18px Arial, sans;
    color: #bc0009;
	margin-left: 18px;
	/*background-color:#FFFFFF;*/

}

#div-title_type1
{
	height:40px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
	background-image: url(../main_imgs/heart.png);
    background-repeat: repeat-x;
}

#div-title_type4
{
	margin-top: -23px;
	/*background-color:#FFFFFF;*/
}

#text_type1
{
    font: normal 18px Arial, sans;
    color: #bc0009;

}

#img_type1
{
	width:763px;
	height:466px;
	margin-left: 10px;
	border-style: solid;
	border-color:black;
	border-width:2px;
}

/*-----------------------------------------------------------------------------
 * RESTAURANT - EVENTOS 'S STYLE
 *---------------------------------------------------------------------------*/

#title_type2
{
	margin-left: 138px;
}

#img_type2
{
	width:763px;
	height:382px;
	margin-left: 10px;
	border-style: solid;
	border-color:black;
	border-width:2px;
}

#img_area_type1
{
	text-align:center;
	margin-top:10px;
}

/*-----------------------------------------------------------------------------
 * LINK's STYLE
 *---------------------------------------------------------------------------*/

#link_type1 a:active
{
    font: bold 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

#link_type1 a:hover
{
    font: bold 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

#link_type1 a:visited
{
    font: bold 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

#link_type1 a
{
    font: bold 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

#link_type1
{
    font: bold 10px Verdana, Arial, sans;
    color: #ffc91f;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------
 * BUTTON'S STYLE
 *---------------------------------------------------------------------------*/

#button_type1
{
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    width: 205px;
    height: 52px;
    margin-left:40;
}

#button_type1 a:visited
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_ementa_off.gif);
    background-repeat: no-repeat;
}

#button_type1 a
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_ementa_off.gif);
    background-repeat: no-repeat;
}

#button_type1 a:active
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_ementa_on.gif);
    background-repeat: no-repeat;
}

#button_type1 a:hover
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_ementa_on.gif);
    background-repeat: no-repeat;
}

#button_type2
{
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    width: 205px;
    height: 58px;
    margin-left:40;
}

#button_type2 a:visited
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_eventos_off.gif);
    background-repeat: no-repeat;
}

#button_type2 a
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_eventos_off.gif);
    background-repeat: no-repeat;
}

#button_type2 a:active
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_eventos_on.gif);
    background-repeat: no-repeat;
}

#button_type2 a:hover
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_eventos_on.gif);
    background-repeat: no-repeat;
}

#button_type3
{
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    width: 205px;
    height: 58px;
    margin-left:40;
}

#button_type3 a:visited
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_noticias_off.gif);
    background-repeat: no-repeat;
}

#button_type3 a
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_noticias_off.gif);
    background-repeat: no-repeat;
}

#button_type3 a:active
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_noticias_on.gif);
    background-repeat: no-repeat;
}

#button_type3 a:hover
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_noticias_on.gif);
    background-repeat: no-repeat;
}

#button_type4
{
    font: normal 10px Verdana, Arial, sans;
    color: #000000;
    text-decoration: none;
    width: 205px;
    height: 58px;
    margin-left:40;
}

#button_type4 a:visited
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_contactos_off.gif);
    background-repeat: no-repeat;
}

#button_type4 a
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_contactos_off.gif);
    background-repeat: no-repeat;
}

#button_type4 a:active
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_contactos_on.gif);
    background-repeat: no-repeat;
}

#button_type4 a:hover
{
	text-decoration: none;
    background-image: url(../main_imgs/bt_contactos_on.gif);
    background-repeat: no-repeat;
}

.border_type1
{
    border:1px solid #5d0304;
    color: #5d0304;
}

.email_type1 a:active
{
    font-size: 12px;
    font-family: Verdana;
    word-spacing: -3;
    color: #b70306;
    font-weight: bold;
    text-decoration: none;
}

.email_type1 a:hover
{
    font-size: 12px;
    font-family: Verdana;
    word-spacing: -3;
    color: #b70306;
    font-weight: bold;
    text-decoration: none;
}

.email_type1 a:visited
{
    font-size: 12px;
    font-family: Verdana;
    word-spacing: -3;
    color: #b70306;
    font-weight: bold;
    text-decoration: none;
}

.email_type1 a
{
    font-size: 12px;
    font-family: Verdana;
    word-spacing: -3;
    color: #b70306;
    font-weight: bold;
    text-decoration: none;
}

.email_type1
{
    font-size: 12px;
    font-family: Verdana;
    word-spacing: -3;
    color: #b70306;
    font-weight: bold;
    text-decoration: none;
}

