/* /GLOBAL SETTINGS */
html * {
	padding:			0;
	border:				none;
	outline:			none;
	margin:				0;
}

body {
/*  width:        48.4em;*/
  width:        1200px;
	margin:				auto;
											position:			relative;
}

hr {
	visibility:			hidden;
	clear:				both;
	height:				0;
}

h1, h2, p {
	clear:				left;
}

p {
	margin:				.75em 0 1.5em 0;
}

object {
	width:				22.5em;
	height:				18.15em;
}
video {
  width:        360px;
  height:       270px;
}

object p {
	width:				25em;
	margin:				1em auto 2em auto;
}

object.vimeo, 
object.vimeo object {
  width:        360px;
  height:       270px;
}

#main_content ul {
  background:#111;
}

ul.hd {
/*  width:  640px;*/
/*  margin-right:auto;*/
/*  margin-left:auto;*/
}

ul.hd object, 
ul.hd object object, 
ul.hd video, 
.hd iframe {
/*  width:        746px;*/
/*  width:        640px;*/
/*  height:       420px;*/
/*  height:       360px;*/
  border:       none;
}
/* /GLOBAL SETTINGS */


/* HEADER */
#header {
  padding-bottom:         20px;
}

#logo_print {
	display:			          none;
}

#logo_screen {
  float:                  left;
  margin-right:           30px;
}
#logo_screen a, #logo_screen img {
  display:                block;
}

#header ul, #header ul li {
  display:                inline;
  zoom:                   1;          /* IE6 */
}
#header > ul, #header > ul li {
/*  display:                inline-block;*/
}
*:first-child + html #header ul, *:first-child + html #header ul li {
  display:                inline;     /* IE7 */
}

#slogan, #header li a {
  display:                inline-block;
}

#slogan {
/*  vertical-align:         top;*/
/*  margin:                 31px 15px 10px;*/
  margin:                 31px 9px 45px;
  width:                  70%;
}

#header h3 {
  position:                   absolute;
  top:                        10px;
  right:                      0;
}

#header h3 a {
  display:                    block;
  padding:                    21px 30px 19px;
  border-radius:              4px;
  position:                   relative;

  color:                      #000;
  background:                 #D1A931;
  box-shadow:                 1px 1px 0 #000;
}

/* Animação no cabeçalho para o blog */
#header h3 a {
	-webkit-animation-name:             blog;
  -webkit-animation-duration:         3s;

	-moz-animation-name:            blog;
	-moz-animation-duration:        3s;
/*  -moz-animation-iteration-count: 1;*/
}
#videos_casamento #header h3 a {
/*  -webkit-animation-name:     none;*/
/*  -moz-animation-name:        none;*/
}

@-webkit-keyframes blog {
  0% { top: -70px; }
  80% { top: -70px; }
  83% { top: 10px; }
  85% { top: -9px; }
  87% { top: 8px; }
  89% { top: -7px; }
  91% { top: 6px; }
  93% { top: -5px; }
  95% { top: 4px; }
  97% { top: -3px; }
  99% { top: 2px; }
  100% { top: 0; }
}

@-moz-keyframes blog {
  0% { top: -70px; }
  80% { top: -70px; }
  83% { top: 10px; }
  85% { top: -9px; }
  87% { top: 8px; }
  89% { top: -7px; }
  91% { top: 6px; }
  93% { top: -5px; }
  95% { top: 4px; }
  97% { top: -3px; }
  99% { top: 2px; }
  100% { top: 0; }
}
/* /Animação no cabeçalho para o blog */


#header ul {
/*  width:                  440px;*/
  vertical-align:         top;
}

#header li {
/*  padding:                8px 17px;*/
  padding:                8px 7px;
}

#header li a {
	padding:			          8px 8px;
  margin:                 -8px -8px;
}

#header li.blog a {
  font-weight:            bold;
  text-transform:         uppercase;
  color:                  #D1A931;
}
#header li.blog a:hover {
  text-shadow:            0 0 10px #D1A931;
}
/* /HEADER */


/* MAIN CONTENT */
body#quem_somos #main_content, 
body#contato #main_content, 
body#sucesso #main_content, 
body#page_not_found #main_content, 
body#server_error #main_content {
  width:          746px;
  margin:         0 auto;
}
body#quem_somos #main_content {
  padding:        0 20px 450px;
}

body#quem_somos #main_content h1, 
body#contato #main_content h1, 
body#sucesso #main_content h1, 
body#page_not_found #main_content h1, 
body#server_error #main_content h1 {
  margin-right:   -227px;
  margin-left:    -227px;
}

#main_content h1 {
	padding:			.5em 0 .4em;
	border-width:		1px;
	border-style:		solid;
	border-right:		none;
	border-left:		none;
	margin-bottom:		1em;
	position:			relative;
}

#main_content h2 {
	float:				left;
	clear:				both;
	width:				47%;
/*	padding:			0 3% .4em 0;*/
	padding:			.2em 3% 1em 0; /* temporário, só até liberarmos as datas. */
	border-right-width:	1px;
	border-right-style:	solid;
  margin-top:       1em;
	margin-bottom:		1.5em;
}

#main_content h2 span {
  visibility:     hidden;
  display:      none;
}

#main_content h2 br {
  display:none;
}

#main_content h3 {
	float:				right;
	width:				47%;
  padding-top:    .5em;
}
#main_content > h3 {
	padding-top:		.6em;
  padding-top:    2.15em;
}
*:first-child + html #main_content h3 {
  padding-top:  .5em;
}

#main_content ul {
  width:          780px;
	clear:				  both;
	margin-top:			1.5em;
	margin-right:   auto;
	margin-left:    auto;
}
#main_content ul.hd {
  width:          100%;
  margin-bottom:  60px;
}

#main_content li {
  float:          left;
/*  width:          22.5em;*/
  width:          360px;
	margin:				  0 10px 25px;
} 
#main_content ul > li {
	margin:				  0 15px 25px;
}
#main_content ul.hd li {
  width:          574px;
  margin-right:   13px;
  margin-bottom:  40px;
  margin-left:    13px;
}

#main_content h4 {
	clear:				left;
	padding-bottom:		2px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:		2px;
}

#main_content h4 span {
	display:			block;
	margin-top:			.2em;
}
/* /MAIN CONTENT */


/* PAGING */
.pages {
  width:              70%;
  border-width:       1px;
  border-style:       solid;
  margin:             -2.15em auto 0 auto;
}

.pages a, .pages strong {
  display:            inline-block;
  padding:            .2em 2em;
}
/* /PAGING */


/* WHO */
#quem_somos #main_content h2 {
	float:				right;
	padding-top:		.2em;
	margin-top:     0;
	margin-bottom:  0;
}
/* /WHO */


/* ALL ABOUT ECLETHICA */
#sobre_nos #main_content h2 {
  font-size:          110%;
  text-align:         left;
  float:              none;
  width:              auto;
  padding:            0;
  border:             none;
  margin:             .75em 0 1.5em;
}
/* ALL ABOUT ECLETHICA */


/* CONTACT FORM */
/*fieldset {
  border-width:   1px;
  border-style:   solid;
  position:     relative;
}

label {
  display:      block;
  margin:       1em 0 .5em 0;
}
label span {
  margin-right:   .2em;
}

#spam_trap, #spam_filter {
  display:      none;
}

input, textarea {
  width:        45%;
  height:       2em;
  padding:      .1em .2em;
  border-width:   1px;
  border-style:   solid;
}

#label_mensagem {
  position:     absolute;
  top:        0;
  left:       50%;
}

textarea {
  width:        48.25%;
  height:       26.25em;
  padding:      .5em;
  position:     absolute;
  top:        2.4em;
  right:        0;
}
fieldset > textarea {
  height:       25em;
}
*:first-child + html textarea {
  height:       26.25em;
}

fieldset fieldset {
  padding:      .5em 0 .5em 6em;
  border-width:   1px;
  border-style:   solid;
  margin:       11.5em 0 1.5em 0;
                          display:none;
}

fieldset fieldset legend {
  padding:      0 1em;
  margin:       0 -6em;
}

fieldset fieldset input {
  width:        auto;
  height:       auto;
}

fieldset fieldset label {
  display:      inline;
  margin-right:   2em;
}

button {
  float:        right;
  width:        auto;
  height:       auto;
  padding:      .25em 1em;
  margin:       1em 0 3em 0;
}
fieldset > button {
  margin:       3em 0;
}
*:first-child + html button {
  margin:       1em 0 3em 0;
}

button:active {
  position:     relative;
  top:        1px;
  left:       1px;
}*/
/* /CONTACT FORM */


/* ERRORS */
/*#page_not_found #main_content ul, 
#server_error #main_content ul {
  width:        70%;
  margin:       0 auto 60px;
}

#page_not_found #main_content li, 
#server_error #main_content li {
  float:        none;
  width:        auto;
}*/
/* /ERRORS */


/* CONTACT PAGE */
#contato #summary {
  margin-bottom:              35px;
}

#contato #main_content h2 {
  line-height:                2em;
  text-align:                 left;

  float:                      none;
  width:                      auto;
  padding:                    0;
  border:                     none;
  margin:                     0;
}

#contato #summary h2 {
  font-size:                  125%;
}

#contato #summary h2, #contato #summary div {
  display:                    inline-block;
  vertical-align:             middle;
  width:                      49%;
}

#contato #main_content h2 span {
  font-size:                  60%;

  width:                      32px;
  margin-right:               1em;
  visibility:                 visible;
  overflow:                   hidden;
}

#contato #main_content #summary h2 em {
  font-style:                 italic;
}
#contato #summary h2 em a {
  font-style:                 inherit;

  color:                      #FFF;
}
#contato #summary h2 em a:hover {
  color:                      #D1A931;
}
#contato #main_content h2 em small {
  font-style:                 inherit;
  font-size:                  60%;

  color:                      #777;
}

#contato #main_content h2 br {
  display:                    inline-block;
}

#contato #summary div {
  border-width:               0 0 0 1px;
  border-style:               solid;
  border-color:               #333;
}

#contato #summary p {
  font-size:                  95%;
  line-height:                1.4em;

  clear:                      none;
  margin:                     1em 0 0 1.5em;
}
#contato #summary p:first-child {
  margin-top:                 0;
}

#contato #summary p strong {
  line-height:                inherit;

  display:                    block;
}

#contato #main_content {
  padding-bottom:    3em;
}

#contato #main_content h2 em {
  font-style:                 inherit;
}

#contato #main_content ul {
  display:  none;
}

#contato #main_content h3 {
  font-size:  100%;

  float:  none;
  width:  auto;
  
  color:    #D1A931;
}
/* /CONTACT PAGE */


/* FOOTER */
#footer {
  padding:        1em 0;
  border-top-width: 1px;
  border-top-style: solid;
	position:			relative;
}

#footer h5 {
  position:     absolute;
  top:        1em;
  right:      0;
}
#footer h5 img {
	width:				18.3em;
	position:			relative;
  top:        .2em;
}

#footer h6 {
  margin-top:     3em;
}
/* /FOOTER */
