/*

Sitio Oficial Adela Micha styles - v1.0
by momentum media design s.a. de c.v.
http://www.momentum.com.mx/

*/

/* ******* reset ******* */
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,
center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline }
:focus { outline: 0 }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "\00AB" "\00BB" }
input, textarea { margin: 0; padding: 0 }



/* ******* general ******* */
body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3E3E3E; font-size: 62.5%; background: url(common/fnd.gif) top repeat-x #7C0049 }

#container { width: 760px; margin: 0 auto 0 auto; background: url(common/fnd_container.jpg) top no-repeat #fff }
#container.noShadow { margin-top: 20px; margin-bottom: 20px }
#topShadow, #bottomShadow { width: 774px; height: 20px; margin: 0 auto 0 auto }
#topShadow { background: url(common/shadow_top.png) bottom no-repeat }
#bottomShadow { background: url(common/shadow_bottom.png) top no-repeat }
#leftShadow, #rightShadow { width: 774px; margin: 0 auto 0 auto }
#leftShadow { background: url(common/shadow_left.png) left repeat-y }
#rightShadow { background: url(common/shadow_right.png) right repeat-y }

#mainMnu span, #header h1 span, h2 span, #mmd span, .credits { display: none }

/* links */
a { color: #C0311A; text-decoration: none }
a:hover, a:focus { text-decoration: underline }
a.goUp { display: block; width: 80px; margin: 20px 0 0 auto; padding-left: 15px; font-size: 1.1em; background: url(common/arrow_up.gif) left center no-repeat }

/* formas */
form h4, form label { clear: both }

input[type="submit"] { display: block; margin: 5px 0 10px 160px; padding: 1px; font-size: 1.1em; font-weight: bold; background: #7C0049; color: #fff; border: 1px solid #000 }
input[type="text"], textarea, select { width: 150px; color: #3E3E3E; padding: 1px; background: #F6F2EE; border: 1px solid #D5CEBF }
input[type="text"], select { font-size: 1.1em }
input[disabled="disabled"] { background: #E0D9CA }
textarea { height: 10em; font-family: inherit; font-size: 1em }
optgroup { font-style: normal; color: #7C0049 }
option { padding-right: 30px; color: #3E3E3E }

label { display: block; width: 330px; font-size: 1.1em; padding: 2px 0 5px 0; color: #8F8571 }
label span { display: block; width: 150px; padding: 5px 10px 0 0; float: left; text-align: right }
label input[type="checkbox"] { float: left; margin: 0 5px 15px 160px; }

label.req, p.req { color: #7C0049 }
label.req input[type="text"], label.req textarea, label.req select { background: #fff }
p.req { padding: 10px 0 20px 160px; font-style: italic; }



/* ******* header ******* */
#header h1 { position: absolute; margin: 61px 0 0 45px; display: block; float: left; }
#header h1 a { display: block; width: 231px; height: 141px; background: url(common/logo.gif) no-repeat }

/* menu */
#mainMnu { display: block; width: 500px; height: 18px; padding: 2px; border-bottom: 1px solid #D5CEBF }
#mainMnu li { float: left; }
#mainMnu li a { display: block; height: 18px; padding: 0 5px 0 5px; border-right: 1px solid #D5CEBF; background: no-repeat center; }
#mainMnu li.last a { border: 0 none }

li#mnuCur a { width: 80px; background-image: url(common/menu_quien-es.gif) }
li#mnuCon a { width: 72px; background-image: url(common/menu_contrataciones.gif) }
li#mnuGal a { width: 32px; background-image: url(common/menu_galeria.gif) }
li#mnuGue a { width: 69px; background-image: url(common/menu_guestbook.gif) }
li#mnuCnt a { width: 61px; background-image: url(common/menu_contacto.gif) }

li#mnuCur a:hover, li#mnuCur a:focus, li#mnuCur a.active { background-image: url(common/menu_quien-es_active.gif) }
li#mnuCon a:hover, li#mnuCon a:focus, li#mnuCon a.active { background-image: url(common/menu_contrataciones_active.gif) }
li#mnuGal a:hover, li#mnuGal a:focus, li#mnuGal a.active { background-image: url(common/menu_galeria_active.gif) }
li#mnuGue a:hover, li#mnuGue a:focus, li#mnuGue a.active { background-image: url(common/menu_guestbook_active.gif) }
li#mnuCnt a:hover, li#mnuCnt a:focus, li#mnuCnt a.active { background-image: url(common/menu_contacto_active.gif) }



/* ******* contents ******* */
#contents { min-height: 350px; margin: 20px 40px 20px 315px; padding: 0 0 30px 21px; border-left: 1px solid #D5CEBF; position: relative }

#contents p, #contents ul { padding-bottom: 1em; font-size: 1.1em; line-height: 1.2em }
#contents ul ul { padding-bottom: 0; font-size: inherit }
#contents ul li { margin-left: 2em; padding: 0.2em 0 0.2em 0; list-style: disc outside }
#contents em { font-style: italic; font-weight: inherit }
#contents strong { font-weight: bold }

/* titulos */
h2 { display: block; height: 35px; padding: 0 0 30px 0; background: left no-repeat }

body#pageCur h2 { background-image: url(common/titulo_quien-es.gif) }
body#pageCon h2 { background-image: url(common/titulo_contrataciones.gif) }
body#pageGal h2 { background-image: url(common/titulo_galeria.gif) }
body#pageGue h2 { background-image: url(common/titulo_guestbook.gif) }
body#pageCnt h2 { background-image: url(common/titulo_contactenos.gif) }

h3, h4, h5, h6 { color: #7C0049; padding: 2em 0 1em 0 }
h3 { font-size: 1.6em }
h4 { font-size: 1.2em }
h5, h6 { font-size: 1.1em }

h3 em {  display: block; font-size: 68.75% }

/* home */
body#home #container { height: 520px; background-image: url(common/home.jpg) }
body#home #topShadow { background-image: url(common/shadow_top_home.png) }
body#home #contents { border: 0 none }
body#home h2 { position: absolute; display: block; width: 173px; height: 40px; margin: 320px 0 0 -280px; background: url(common/subtitle_home.gif) no-repeat }
body#home #contents p { position: absolute; display: block; width: 150px; height: 25px; margin: 410px 0 0 -280px; color: #8F8571; }
body#home #footer { margin-top: -8px; background: none }

/* galería */
ul#gal li { width: 350px; height: 350px; list-style: none; margin: 0; text-align: center }
ul#gal img { border: 1px solid #D5CEBF }
.slideshowBox { width: 350px; height: 350px }

/* libro de visitas */
#entryList { border-top: 1px dotted #D5CEBF }
div.entry { padding: 10px; border-bottom: 1px dotted #D5CEBF }
#entryList div.odd { background: #F6F2EE }

#contents .entry p { margin: 0; padding: 0; color: #8F8571 }
#contents .entry strong { color: #3E3E3E }
#contents .entry p.com { display: block; padding: 3px 0 3px 0; font-weight: normal; color: #3E3E3E }
#contents .entry p.timeStamp { font-size: 0.81em; text-align: right; }

div.navigation { font-size: 1.1em; padding: 10px 0 30px 0; text-align: center }
div.credit { padding-top: 30px; font-size: 0.81em; color: #A79A88 }
div.credit a { color: #8F8571 }

#guestAdvice { color: #8F8571; position: absolute; margin-left: -290px; top: 220px; width: 230px }



/* ******* footer ******* */
#footer { clear: both; height: 85px; background: url(common/footer.jpg) no-repeat }
#mmd { display: block; width: 50px; height: 45px; float: right; padding-top: 40px; background: url(common/mmd.gif) bottom no-repeat }

#mmdAdContainer { width: 600px; margin: 0 auto 0 auto; padding: 30px 0 20px 0 }



/* ******* para navegador específico ******* */

/* ie6 :( */
#topShadow.ie6, #bottomShadow.ie6, #leftShadow.ie6, #rightShadow.ie6 { background: none !important }
#contents.ie6 { height: 350px }