/* CSS Document */

/* -------------------------------------------

project:	jhdweb.com.br
author:		JHD Comunicação - jhdweb.com.br
date:		2009/05/04

------------------------------------------- */

html, body {height:100%;}
body { margin: 0; padding:0; color: #fff; font: 62.5%/1.25 Georgia, "Times New Roman", Times, serif; background:#300705 url(../images/background.gif) left top repeat-x;}
textarea, input, select, option, optgroup, button { color: #fff; font: 1em "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; }
div.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}


/* RE-SETS

------------------------------------------- */

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

abbr, acronym { border: none; cursor: help; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a, a:active, a:focus { color: #ffde95; text-decoration: none; }
a:hover { text-decoration: underline; }

a:active {outline: none;}
:focus {-moz-outline-style: none;}

p, blockquote {line-height:18px;}

/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px;}
h1 { font-size: 3.2em; }
h2 { font-size: 2.0em; margin:20px 0 10px 0; font-style:italic; color:#FC0; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }



/* GENERAL
------------------------------------------- */

form label {display:block; margin:10px 0 0 0; font-weight:bold; text-transform:uppercase;}
form textarea {overflow:auto; width:360px; height:80px; padding:3px 5px; border:1px solid #220303; background:#401818 url(../images/form-bg.png) left top no-repeat;}
form textarea:hover, #contact form textarea:focus {border-color:#000;}
form input[type="text"] {padding:3px 5px; width:180px; border:1px solid #220303; background:#401818 url(../images/form-bg.png) no-repeat;}
form input[type="text"]:hover, #contact form input[type="text"]:focus {border-color:#000;}
form button {width:120px; height:24px; display:block; margin:10px 0; padding:0; border:1px solid #220303; background:url(../images/form-submit.gif) left top repeat-x; color:#FC0;}
form button:hover, #contact form p button:focus {border-color: #000;}




/* LAYOUT

------------------------------------------- */

#site {width:905px; position:relative; height:100%; min-height:100%; left:50%; margin-left:-452px;}
body > #site {height:auto; min-height:100%;}

#navigation {display:block; height:77px; border-bottom:3px solid #360000;}
#navigation h1 {width:286px; height:37px; margin:20px 0 0 0; background:url(../images/logotipo_alessandramaia.gif) left top no-repeat; overflow:hidden; float:left;}
#navigation h1 a {height:0; _height:0; display:block; padding:400px 0 0 0;}
#navigation ul {margin:40px 0 0 0; padding:0; float:right;}
#navigation ul li {margin:0; list-style-type:none; display:inline; padding:0 15px 0 30px; background:url(../images/icon_star.gif) left no-repeat;}
#navigation ul li.first {background:none;}
#navigation ul li a {color:#FFF; font-size:18px; font-style:italic; text-transform:lowercase;}
#navigation ul li a:hover {color:#FC0; text-decoration:none;}

#content {clear:both; height:auto; padding-bottom:92px;}
#home {display:block; height:auto; min-height:598px;}
#home h2 {width:700px; height:105px; background:url(../images/presentation.gif) right top no-repeat; text-indent:-10001px; float:right; margin:30px 0 0 0;}
#home #last_pictures {float:right; width:800px; margin:30px 0 0 0;}
#home #last_pictures h3 {font-size:18px; font-weight:normal; color:#FC0; font-style:italic; margin:0; padding:0; text-align:right;}
#home #last_pictures ul {margin:0; padding:0; width:289px; float:right;}
#home #last_pictures ul li {margin:0; padding:0; list-style-type:none; font-style:italic;}
#home #last_pictures ul li .infos {background:#910f41; -moz-border-radius:0.5em; line-height:22px; width:289px; float:left; margin:10px 0;}
#home #last_pictures ul li .infos .title {float:left; margin:0 0 0 5px;}
#home #last_pictures ul li .infos .date {float:right; margin:0 5px 0 0;}
#home #last_pictures ul li .see_more {display:block; font-size:11px; margin:10px 0 0 0;}
#home #last_pictures ul li .see_more a {color:#FC0; background:url(../images/icons_acoes.gif) left 1px no-repeat; padding:0 0 0 20px; line-height:13px;}
#home #last_pictures ul li img {float:left; margin:0 10px 0 0;}
#home form {background:#220303; padding:15px; margin:20px 0; -moz-border-radius:0.5em; width:259px; float:right;}

#footer {background:#1a0000; width:905px; height:auto; min-height:92px; position:relative; left:50%; margin-left:-452px; margin-top:-92px;}
#footer p {margin:0; padding:0;}
#footer p span {font-weight:bold; color:#FC0; font-style:italic; font-size:14px; display:block;}
#footer #copy {float:left; padding:10px;}
#footer #contacts {float:right; padding:10px; text-align:right;}

#contato {display:block; height:auto; min-height:598px;}
#contact {width:400px; float:right;}
#contact #info {display:block; background:#220303; padding:15px; margin:20px 0; -moz-border-radius:0.5em; width:360px;}
#contact #info p {font-size:18px; font-style:italic;}
#contact #info p span {color:#FC0; font-weight:bold; display:block;}
#contact #info p span a {color:#FC0;}

#perfil {display:block; height:auto; min-height:598px;}
#perfil h2 {float:right; width:800px; text-align:right;}
#perfil div.bloco_info {font-style:italic; background:#220303; padding:15px; -moz-border-radius:0.5em; width:170px; float:right; margin:0 0 0 20px;}
#perfil div.bloco_info p strong {font-size:16px; font-weight:bold; color:#FC0; display:block;}
#perfil div.bloco_info p {margin:0 0 10px 0; padding:0;}

#ensaios ul#galerias {margin:0; padding:0;}
#ensaios ul#galerias li {margin:0 0 10px 0; padding:0; list-style-type:none; clear:both; float:left; width:600px; font-style:italic;}
#ensaios ul#galerias li img {width:100px; height:100px; padding:10px; background:url(../images/bg_frame_foto.gif) left top no-repeat; float:left; margin:0 10px 0 0;}
#ensaios ul#galerias li p.title {color:#FC0; font-weight:bold; font-size:16px;}
#ensaios ul#galerias li p.see_more {display:block; font-size:11px; margin:10px 0 0 0;}
#ensaios ul#galerias li p.see_more a {color:#FC0; background:url(../images/icons_acoes.gif) left 1px no-repeat; padding:0 0 0 20px; line-height:13px;}

#ensaios ul#galerias_fotos {margin:0; padding:0;}
#ensaios ul#galerias_fotos li {margin:0; padding:0; list-style-type:none; display:inline;}
#ensaios ul#galerias_fotos li a {width:100px; height:100px; padding:10px; background:url(../images/bg_frame_foto.gif) left top no-repeat; float:left; margin:0 10px 10px 0;}

#atendimento {display:block; height:auto; min-height:598px;}
#atendimento h2 {float:right; width:800px; text-align:right;}
#atendimento div.bloco_info {font-style:italic; background:#220303; padding:15px; -moz-border-radius:0.5em; width:170px; float:right; margin:0 0 0 20px;}
#atendimento h3, #atendimento div.bloco_info p strong {font-size:16px; font-weight:bold; color:#FC0; display:block;}
#atendimento div.bloco_info ul {margin:0; padding:0;}
#atendimento div.bloco_info p {margin:0 0 10px 0; padding:0;}
#atendimento div.bloco_info ul li {margin:0; padding:5px 0; list-style-type:none; border-bottom:1px solid #460000;}