/* São Paulo, abril de 2010 - WebSite: REGINALDOORNELLAS.COM.BR */

/* ORDEM DE LINK:
   a:link
   a:visited
   a:hover
   a:active

*/
/* ############################################################################################ */
*, html, body { margin: 0; padding: 0; }

body {
	background: #999999 url(img/main-bg.jpg);
	font: normal 62.5% Arial, Helvetica, Verdana, Sans-Serif;
	}
	
	a img { border: medium none; }

/* ############################################################################################ */

#container {
	width: 960px;
	margin: 0 auto;
	background: url(img/main-bg-main.jpg) top center repeat-y;
	display: table; /* bug do Firefox, fica cortando no rodapé se tirar essa linha */
	padding-bottom: 0;
	padding-top: 30px;
	display: table; }
	
#col1 {
	float:left;
	width:218px;
	position:relative; }
	
.logo { margin: 0 0 0 -5px; }
	
#col2 {
	float: left;
	width:738px;
	position:relative;  }
	
.grid1 {
	width: 720px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 10px;
}

.grid4 { /*box de cada modelo de convite */
	width: 170px;
	height: auto;
	margin: 5px 0 0 5px;
}	

.thumb { margin: 3px auto 3px 4px; }
.nobackground {background: url(img/main-bg-main.jpg) -220px;}
.clear { clear:both; font-size:0; overflow:hidden; /* triple fixing for IE */ }
.alignright { float: right; margin: 5px; display: inline; }
.alignleft { float: left; margin: 5px; display: inline; }
.creditos {margin-top: 300px; overflow: visible; }
.invisible { visibility: hidden;}


a {	color: #fff; }

/* ############### MENU ################## */

ul.nav a {
	color: #828282;
	text-decoration: none;
	}
	
ul.nav {
	font-size: 1.2em;
	text-align: right;
	/* text-transform: uppercase; */
	padding-top: 20px;
	list-style: none;
}

ul.nav li { padding: 9px 1px 9px 0; }
ul.nav li a { padding: 8px 20px 8px 20px; }
ul.nav li a:hover {
	/* background: url(images/link-hover.png) no-repeat; */
	background: url(img/nav-bg.jpg) right repeat-y;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	color: #fff;
}

ul.nav li a:hover.breve {color: red; }

ul.nav li a.active {
	background: url(img/nav-bg.jpg) right repeat-y;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	color: #fff;
	}
/* ############### GALERIA ################## */
.galeria_home {
	width: 668px;
	height: 351px;
	border: 1px solid #666666;
 	margin: 5px auto 0;
	padding: 0;
	-moz-border-radius: 10px;
}

.galeria {
	width: 668px;
	height: 444px;
	border: 1px solid #666666;
 	margin: 5px auto 0;
	padding: 0;
}
.shadow { /* sombra galeria */
	clear: both;
	margin: 0 auto; padding: 0;
	width: 599px; height: 22px;
	background: url(img/shadow.png) no-repeat;
	}

#flashcontent { height: 100%; }


/* ############### FONTS ################## */

h2.title {
	border-bottom: 2px inset #666666;
	color:#FFFFFF;
	font-size:2em;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
	text-shadow:1px 1px 1px #000000;
	}
	
h2.modelos {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	margin-top:3px;
	margin: 3px 5px;
	text-shadow:1px 1px 1px #000000;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	}

h2.contato {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:5px;
	text-shadow:1px 1px 1px #000000;
	}

h3 {
	text-align:right;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	padding: 20px 20px 5px 5px;
	*margin-top: 20px; *margin-right: -2px; *margin-bottom: -7px; }
	
p {
	text-align: justify;
	color: #CCCCCC;
	font-size:1.2em;
	line-height: 150%;
	font-weight:normal;
	padding: 10px;
	text-shadow: #333 1px 2px 3px;
	/* *margin-top: 20px; *margin-right: -2px; *margin-bottom: -7px; */ } 



/* FORMULARIO DE CONTATO */

.iframe_contato {
	width: 668px;
	height: 280px;
 	margin: 5px auto 0;
	padding: 0;
	-moz-border-radius: 10px;
}

#form_contato { /* Container do FORM */
	width: 668px;
	height: 270px;
	padding: 5px;
	margin: 5px auto;
	}

#form_contato label{
	float: left;
	display: block;
	width: 70px;
	height: 15px;
	font-family: Calibri, Arial, Verdana, Tahoma;
	color: #CCCCCC;
	font-size: 1.2em;
	text-align: right;
	margin: 5px 5px auto;
	line-height: 200%; }

#form_contato input, textarea{
	font-family: Calibri, Arial, Verdana, Tahoma;
	background: #999999; /* a cor do fundo dos três campos */
	color: #333333;
	border: none;
	width: 230px;
	height: 15px;
	margin: 5px auto 0;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px
	}

#form_contato textarea { height: auto; width: 550px; }

#form_contato input.botao {
	background: #333333; /* a cor do fundo dos três campos */
	color: #FFFFFF;
	border: 1px solid #666666;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 70px; height: 25px;
	margin: 0 auto 0 300px;
}

#form_contato input.botao:hover { background: #666666; }