/*

PRINT CSS - dynamix.com.mx
momentum media design s.a. de c.v.
http://www.momentum.com.mx/

*/

/*

Contenido

1.	General
2.	Tags
2.1		Enlaces
2.2		Bloques de texto
2.3		Listas
2.4		Formularios
2.5		Tablas
2.6		Imágenes
3.	Layout básico
3.1		Header
3.2		Content
3.3		Footer
4.	Secciones
4.1		Home
4.2		Encabezados
4.3		Galerías
4.4		Galerías
4.5		Páginas internas
5.	Varios
5.1		Explorer
5.2		Explorer 7
5.3		Safari
5.4		Opera

*/


/*
***** 1. ESTILOS GENERALES *******************************
*/

body { background: #fff; color: #666; font: 62.5%/1.5em Verdana, Helvetica, Arial, sans-serif }

#header, #content, #footer { position: relative }
#container { margin: 0 auto; width: 19cm }
#content { padding: 2mm }
#footer { padding-top: 1cm }




/*
***** 2. TAGS ********************************************
*/

li, dt, dd, p p, p td, p th, input, textarea, button, select, label, font,
ol ol, ol ul, ol dl, ol p, ol td, ol th, ol pre, ol blockquote,
ul ul, ul ol, ul dl, ul p, ul td, ul th, ul pre, ul blockquote,
dl dl, dl ol, dl ul, dl p, dl td, dl th, dl pre, dl blockquote,
td td, td th, td p, td ol, td ul, td dl, td pre, td blockquote,
th th, th td, th p, th ol, th ul, th dl, th pre, th blockquote,
pre pre, pre th, pre td, pre ol, pre ul, pre dl, pre blockquote,
form p, form ol, form ul, form dl, form pre, form blockquote,
blockquote blockquote, blockquote p, blockquote ol, blockquote ul,
blockquote dl, blockquote td, blockquote th, blockquote pre,
.entry-content div, .entry-content div blockquote { font: inherit !important }

a, em, strong, abbr, acronym, sup, sub, del, strike, ins, u, kbd, var, span { font: inherit }
p, .entry-content ul, .entry-content ol, .entry-content dl, blockquote, table, pre, ul.formList { font-size: 9pt; line-height: 1.5em }

h1, h2, h3, h4, h5, h6, caption,
.menu-mainmenu-container, .menu-submenu-container, #breadcrumb, .side-menu a { font-family: "Perspective Sans", Verdana, Helvetica, Arial, sans-seri }
blockquote, q, cite { font-family: Georgia, "Times New Roman", Times, serif }
pre, code, tt, kbd, var { font-family: "Courier New", Courier, monospace }


/* 2.1 Enlaces */

a { color: #000; text-decoration: underline }
a:visited { color: #333 }


/* 2.2 Bloques de texto */

p, address, pre, blockquote { margin-bottom: 1em }
pre { background: #eee; border: 1px dotted #ccc; overflow-x: auto; padding: 3mm }
address, .entry-content div, #sideBar { font-size: 9pt; line-height: 1.5 }
blockquote { border-left: 2px solid #ccc; font-style: italic; padding: 0.5em 0 0.5em 5mm }

em, strong { color: #333 }
strong { font-weight: bold }
em, i, kbd, var { font-style: italic }
abbr, acronym { border-bottom: 1px dotted #595959 }
del, strike { text-decoration: line-through }
del { color: #999 }
ins { text-decoration: underline }
ins, var { color: #333 }

sup, sub { position: relative; font-size: 75% }
sup { top: -0.5em }
sub { bottom: -0.5em }

q { color: #666; font-style: italic }
cite { color: #666; font-style: normal }
q:before { content: "\201C" }
q:after { content: "\201D" }

h1, h2, h3, h4, h5, h6 { color: #000 }
h1 { font-size: 36pt; line-height: 1.2em; padding: 1em 0 0.5em }
h2 { font-size: 20pt; line-height: 1.2em; padding: 1em 0 0.5em }
h3 { font-size: 18pt; line-height: 1.2em; padding: 1em 0 0.5em }
h4 { font-size: 16pt; line-height: 1.2em; padding: 1em 0 0.5em }
h5 { font-size: 14pt; line-height: 1.2em; padding: 2em 0 1em }
h6 { font-size: 12pt; line-height: 1.2em; padding: 2em 0 1em }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none }


/* 2.3 Listas */

.entry-content ul li, .entry-content ol ul li { list-style: disc }
.entry-content ol li, .entry-content ul ol li { list-style: decimal }
.entry-content ul, .entry-content ol, .entry-content dl { list-style-position: inside; margin-left: 2mm; padding: 0 0 1.5em 5mm }
.entry-content li { list-style-position: inside; padding-left: 5mm }

.entry-content ol ol, .entry-content ul ul, .entry-content ol ul, .entry-content ul ol { padding-bottom: 0.5em; padding-top: 0.5em }
.entry-content dt { color: #000; margin-left: -5mm }
.entry-content dd { padding-bottom: 0.5em }

li.colorLi { color: #000 }
span.liContent { color: #666 }


/* 2.4 Formularios */

form { font-size: 10p; line-height: 1.5em }
div.formSection { padding-bottom: 1px }
div.buttonBox { padding-top: 1cm; text-align: center }
span.buttonBox { padding-top: 5mm; display: block; text-align: center; }
label { display: block; float: left; padding: 1mm 3mm 0 0; text-align: right; width: 4cm }

input[type=text], input[type=password], textarea, input.text, input.password { background: #fff; border: 1px solid #e5e5e5; color: #666; margin: 1mm 0; padding: 1mm 2mm }
textarea { height: 6em; width: 95% }
select { padding: 0.5mm }
button, input[type=button], input[type=submit], input[type=reset], a.button { background: #ddd; border: 1px solid #000; color: #000; padding: 1mm 2mm }

label.req { color: #900 }
div.req { color: #900 }

label.invalid { color: #08f; font-size: 91.6% !important; font-style: italic !important; line-height: 1.1em !important; margin-left: 120px; padding-bottom: 20px; text-align: left; width: auto }
input.invalid { border-color: #f99 }


/* 2.5 Tablas */

table { border: 1px solid #e0e0e0; border-bottom: none; border-collapse: separate; margin: 2em auto; width: 100% }

td, th { border-bottom: 1px solid #e0e0e0; padding: 1mm 2mm; text-align: left }
td { background: #fff }
th { background: #e9e9e9 }

tr.odd td { background-color: #f9f9f9 }
tr.odd th { background-color: #e9e9e9 }
tr.even td { background-color: #fff }
tr.even th { background-color: #e9e9e9 }

thead td, thead th, tfoot td, tfoot th { background: #e9e9e9 }
thead th, tfoot th { text-align: center; vertical-align: middle }
thead th { background: #ddd; color: #000; font-weight: bold }
tfoot th { background: #eee }
tfoot td { background: #eee }

caption { color: #000; font-size: 1.8em; line-height: 1.2em; padding: 0.5em 0 }
table:first-child caption { padding-top: 0 }


/* 2.6 Imagenes */

.alignleft { float: left }
.alignright { float: right }
.aligncenter { display: block }
.wp-smiley { display: inline }

.entry-content img { height: auto; max-width: 19cm }
.thumbPict, .round-thumb { display: block; float: left; height: 80px; margin: 0 10px 10px 0; width: 80px }





/*
***** 3. LAYOUT BÁSICO ***********************************
*/


/* 3.1 Header */

h1#blogTitle { margin: 2mm 0 5mm }


/* 3.2 Content */

.page-title span, h2.entry-title span { display: block; }
#breadcrumb { color: #999; height: 25px; font-size: 12px; padding-bottom: 5mm }

.page-navigation { border-top: 1px dotted #ccc; clear: both; font-size: 1.1em; font-style: italic; margin-top: 1cm; padding-top: 2mm }
.nav-totals { padding-left: 10px }

.page .entry-content { padding: 0 5mm }
.page .entry-content img { border: 6px solid #FFF }
.page .entry-content .alignleft { margin: 2mm 4mm 2mm 0 }
.page .entry-content .alignright { margin: 2mm 0 2mm 4mm }
.page .entry-content .aligncenter { margin: 2mm auto 5mm }

#sideBar .formSection { padding: 2px 10px }
#sideBar .formSection label { float: none; text-align: left; width: auto }



/* 3.3 Footer */

#footer { font-size: 1.1em }
#developer a { font-weight: bold }





/*
***** 4. SECCIONES ***************************************
*/


/* 4.1 Home */

#topbanner { height: 6.5cm; overflow: hidden }
#topbanner img { height: auto; max-width: 18.6cm }

div.home_sec { border-bottom: 1px dotted #999; padding: 5mm 0 }

#events_box .evento { padding: 2mm 5mm }
#events_box .wp-post-image { float: left }
#events_box .round-thumb { border: 1px solid #ccc !important }
#events_box .entry-meta { font-size: 1.1em; margin-left: 25mm }
.event_name { display: block; margin-left: 25mm }

.gallery_name, .event_name { display: block; font-size: 1.2em; padding-bottom: 1em }


/* 4.2 Encabezados */



/* 4.3 Galerías */

.gallery-index .post { background: #f8f8f8; border: 1px dotted #e6e7e8; float: left; height: 140px; margin: 0 10px 10px 0; padding: 9px; width: 325px }
.gallery-index .wp-post-image { float: left }
.gallery-index h3.entry-title { font-size: 1.6em; margin-left: 150px; padding: 0 }
.gallery-index .entry-content { margin-left: 150px }

.single .entry-content { padding: 3mm }
.pic-box { margin-left: 365px; padding: 20px }

#colorbox { background: url(../images/color-box-fnd.png) no-repeat bottom right #000; left: 0 !important; overflow: hidden; padding: 10px 0 80px 0 !important; position: absolute; top: 100px !important; width: 100% !important; z-index: 9999 }
#cboxOverlay { height: 100%; position: fixed; width: 100% }
#cboxWrapper { position: relative; width: 100% !important }
#cboxContent { float: none !important; margin: 0 auto !important }
#cboxTitle { color: #aaa; font-size: 1.1em; padding-top: 10px }
#cboxCurrent { color: #666 }
#cboxNext, #cboxPrevious, #cboxClose { cursor: pointer }
#cboxNext, #cboxPrevious { height: 40px; position: absolute; top: 100px; width: 40px }
#cboxPrevious { background: url(../images/pic-btn-prev.png); left: 20px }
#cboxNext { background: url(../images/pic-btn-next.png); right: 20px }
#cboxClose { background: url(../images/btn-close.png); height: 20px; position: absolute; right: 10px; top: 0; width: 20px }
#cboxLoadingOverlay { background: url(../images/loading.gif) center no-repeat }


/* 4.4 Eventos */

.page-eventos .evento, .tax-event_cat .evento, .page-confirmar-asistencia .evento { padding: 5mm; position: relative }
.page-eventos .wp-post-image, .tax-event_cat .wp-post-image, .entry-info .wp-post-image { float: left }
.page-eventos h3.entry-title, .tax-event_cat h3.entry-title, .entry-info h3.entry-title { margin-left: 4cm; padding-top: 0 }
.page-eventos .entry-content, .tax-event_cat .entry-content { margin-left: 3.7cm; width: 6cm }
.page-eventos .entry-meta, .tax-event_cat .entry-meta { margin-left: 7cm; position: absolute }
.page-eventos .entry-meta span, .tax-event_cat .entry-meta span { font-style: italic; line-height: 1.5em }
.page-eventos .ev-dates, .page-eventos .ev-place, .tax-event_cat .ev-dates, .tax-event_cat .ev-place, .entry-info .ev-dates, .entry-info .ev-place { font-size: 1.2em !important }
.ev-dates, .ev-place { padding: 0 0 1mm 6mm }
.ev-dates { background: url(../images/date.png) no-repeat }
.ev-place { background: url(../images/world.png) no-repeat }

.ptype-evento .entry-content { width: 100% }
.ptype-evento .entry-meta { padding: 0 1cm }
.ptype-evento .entry-meta span { font-style: italic }
.ptype-evento .entry-content img { height:auto; max-width: 18cm }
.ptype-evento #sideBar { border-top: 1px dotted #ccc; display: block; padding-top: 5mm }

#pack-form { font: inherit }
#pack-list h5 { padding: 20px 10px 5px 10px }
.pack-list { border-top: 1px dotted #E6E7E8 }
.pack-detail { padding: 5px }
.pack-list label { float: none; text-align: left; padding: 0; width: auto }
.pack-list span { font: inherit }
.pack-list input { float: left; margin-top: 2mm; margin-left: 2mm }
.pack-list strong, .pack-list span { display: block; margin-left: 25px }
.pack-price { color: #8c0000; font-weight: bold !important }
#pack-list div.buttonBox { max-height: 40px; padding: 10px }

#pack-form label.invalid { display: block; float: none; margin-left: 0; padding: 10px 0 10px 0; text-align: center; width: auto }

.entry-info { padding: 5mm 0 }
.entry-info .entry-content { margin-left: 4cm; width: auto }
.entry-info h3.entry-title { margin-left: 44mm }

.entry-pack { margin-left: 45mm; padding: 5mm 0 }
.entry-pack-info { font-size: 1.2em !important; line-height: 1.5em !important }
.entry-pack-info span { display: block }

.pay-pack { margin-left: 45mm; padding: 5mm 0 }
.no-card-text { font-size: 9pt; text-align: center }
#loggedin { border-bottom: 1px dotted #E6E7E8; margin: 5mm 0 }
.username { padding: 0 20px }


/* 4.5 Páginas internas */

/* búsqueda */
.search-term { color: #ff0 }
#post-box.search-box { margin-left: 180px; width: 620px }
.search-box .hentry { border-top: 1px dotted #e6e7e8; padding: 10px 80px 10px 20px }
.search-box .hentry:hover { border-left: 5px solid #f00; padding-left: 15px }
.search-box h5 { padding-bottom: 0 }
.search-box .entry-summary p { margin-bottom: 0 }
#post-box.search-box .searchForm { margin-bottom: 20px }
#post-box.search-box .searchBtn span { display: inline }

/* contacto */
#comments { width: 10cm }

.page-servicios #page-toc { float: left; margin-left: -340px }
#promopics { clear: both; margin: 0 -20px 0 -20px; padding-top: 20px }
#promopics img { display: block; float: left; margin: 0 10px 10px 0 }






/*
***** 5. VARIOS ******************************************
*/

.error { background: #ffc; border: 1px solid #fc0; margin: 20px; padding: 20px }

hr.secDiv, #blogDescription, #header .search_form label, .searchBtn span, #loggedin a, button, a.button,
#cboxNext, #cboxPrevious, #cboxClose, .nav-next, .nav-previous, #login-form-side, .paypal-pay, .pay-pack h4,
.menu-mainmenu-container, #header .search_form, .menu-submenu-container, #events-form, #sideBar, .sideBar { display: none }
.jsblend { display: none !important }

#content:after, #footer:after, #container:after, .group-box:after,
div.formSection:after, .page-eventos .evento:after, #events_box .evento:after,
.tax-event_cat .evento:after, .paypal-pay:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }


/* 5.1 Explorer */

body.msie .gallery-index .wp-post-image, body.msie .page-nosotros .group-box, body.msie #valores-box { border: 1px solid #ccc; border-bottom-color: #999; border-top: none }

body.msie .entry-meta { width:225px;}

/* 5.2 Explorer 7 */

body.ie7 { overflow-x:hidden; position:relative; width: auto; }
body.ie7 #content, body.ie7 #footer, body.ie7 #container, body.ie7 .group-box, body.ie7 div.formSection, body.ie7 .page-eventos .evento, body.ie7 .tax-event_cat .evento, body.ie7 .paypal-pay, body.ie7 .events-index .hentry, body.ie7 #events_box .evento, body.ie7 .buttonBox { overflow-y: auto }
body.ie7 #content { margin-top: 40px; padding-top: 0 }
body.ie7 .thumbItem { float: left; margin-bottom: 10px }
body.ie7 #cboxOverlay { left: 0; top: 0 }
body.ie7 #cboxWrapper { left: 0 }
body.ie7 #cboxContent { left: 0; position: absolute; text-align: center; top: 0; width: 100% !important}
body.ie7 .group-box p { font-size: 12px !important }
body.ie7 #valores-box { float: none; font-size: 10px; margin-right: auto }
body.ie7 label { font-size: 12px !important }
body.ie7 .home_sec .entry-meta { width:auto}
body.ie7 .events-index .entry-content .entry-meta .ev-dates { font-size:1em !important; }
body.ie7 #content_head { left:0px;}
body.ie7 #sideBar #login-form-side { font-size:.9em !important;}
body.ie7 #sideBar .form-container .buttonBox { overflow-y:hidden;}

/* 5.3 Safari */


/* 5.4 Opera */

body.opera .searchBtn { left: 160px; top: 2px !important }
body.opera .gallery-index .wp-post-image, body.opera .page-nosotros .group-box, body.opera #valores-box { border: 1px solid #ccc; border-bottom-color: #999; border-top: none }