/*[fmt]A010-100B-3*/
/*||||||||||||||||||||||||||||||||||
Estilos Basicos Diseñorama
Kemie Guaida - Nov 05
http://www.monolinea.com
||||||||||||||||||||||||||||||||||
General styles, body, links
====================================================================================*/
body
{ background-color: #DEE6B1; background-image: url(../images/bg_pg.jpg); background-repeat: repeat-x; color: #514226; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%;/*this body font-size fixes an IE bug and maintains x-browser uniformity*/
 margin: 0; padding: 5px 0 12px;}

td, select, input, select, textarea
{ font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}

a
{ color: #2F6670; outline: none; text-decoration: none;}

a:visited
{ color: #487A84;}

a:hover, a:visited:hover
{ border-bottom: 1px solid #BCC173; color: #1C424A;}

a:active
{ border-bottom: 1px solid #DE614B;}

a img
{ border: 0;}

td, th
{ margin: 0; padding: 0; vertical-align: top;}

ul
{ margin: 5px 10px 5px 25px; padding: 0 5px;}

ul li
{ background-image: url(../images/bullet4.gif); background-repeat: no-repeat; margin: 0 6px; padding: 0 0 0 14px;}

.center ul li
{ background-image: url(../images/bullet2.gif); margin: 0 12px 0 24px;}

.left ul li
{ margin: 0 4px;}

p
{ margin: 0; padding: 6px 12px;}

form
{ margin: 0; padding: 0;}

h1
{ color: #DE614B; font-size: 28px; font-weight: bold; line-height: 1.4em; margin: 0 22px 8px !important; padding: 0; text-align: left;}

h2
{ color: #2F6670; font-size: 1.6em; font-weight: bold; line-height: 1em; margin: 12px 18px 5px 16px; padding: 0; text-transform: uppercase; clear: both;}

.right h2
{ color: #DE614B; font-size: 1.8em; line-height: 1.6em; margin-bottom: -10px; margin-left: 0 !important; text-transform: capitalize;}

h3
{ color: #487A84; font-size: 15px; margin: 12px 22px 0; padding: 0; text-transform: uppercase;}

.right h3, .left h3
{ background-color: #FEF7DD; margin: 16px 0 0; padding: 2px 4px;}

h4
{ color: #82815F; font-size: 0.9em; margin: 8px 22px 0; padding: 0; text-transform: uppercase;}

h5
{ font-size: 1em; margin: 0 18px; padding: 0;}

/*-------------------- REDUNDANT---------------------*/
#wrapper1
{ background-color: #FFFAE7;}

/*Header
====================================================================================*/
.header
{ background: url(../images/bg_nav.gif) no-repeat left bottom; margin-top: 10px; width: 100%;}

.header h2
{ font-size: 20px; height: 75px; margin: 0 0 2px 144px !important;}

.header h2 a
{ background-image: url(../images/disenorama.gif); background-repeat: no-repeat; border: none; display: block; height: 50px; text-decoration: none; text-indent: -99999px; width: 230px;}

.header h2 a:hover
{ border: none;}

.header img
{ left: 0; margin: -11px -16px; position: absolute; top: 3px; z-index: 10000;}

.header form
{ float: right; padding: 20px 6px;}

/*Footer
====================================================================================*/
.footer
{ background-image: url(../images/bg_footer.gif); background-position: top left; background-repeat: no-repeat; clear: both; font-size: 1.2em; margin: 0; margin-bottom: 12px; padding: 0; width: 100%;}

.footer p
{ background-image: url(../images/bg_footer.gif); background-position: top right !important; background-repeat: no-repeat; color: #E4EBC0; line-height: 1.8em; margin: 0; margin-left: 150px; padding: 6px 12px; position: relative; right: -12px;}

.footer p
{ float: right;/*line-height:2em;*/
}

.footer a
{ color: #FFFFFF;}

/*Nav
====================================================================================*/
#nav
{ background-image: url(../images/bg_nav2.gif); background-position: top right !important; background-repeat: no-repeat; bottom: 0; line-height: 3.3em; margin: 0; padding: 0 10px; position: relative; right: -12px; text-align: right; text-transform: uppercase;}

#nav li
{ background-image: none; display: inline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; list-style: none; margin: 0; padding: 0;}

#nav li a
{ color: #FFFFFF; font-size: 1.1em; letter-spacing: 1px; padding: 9px 10px; text-decoration: none;/*float:left;*/
}

#nav li a:hover, #nav li a:visited:hover
{ border-bottom: 0; color: #EEF1D6;}

.skip
{ font-size: 3em; height: 0; overflow: hidden; position: absolute; width: 0;}

.skip:active, .skip:focus
{ color: #FFFFFF; height: auto; overflow: visible; position: absolute; width: auto;}

#nav .active a, #nav .active:visited
{ color: #363F1E;}

/*-------------------- center---------------------*/
.center
{ line-height: 1.5em; text-align: justify;}

.center p
{ padding: 6px 22px;}

.center dl, .center ol
{ padding: 6px 22px;}

.center ol
{ margin: 0 12px;}

p
{ color: #1C424A;}

.center h2
{ margin: 16px 22px 5px 10px;}

.center h2.indexh2
{ margin: 22px 22px 5px 36px;}

p.metapost
{ background-color: #FEF7DD; border-top: 1px solid #FAF0CC; color: #7B6F51; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 8px 0 18px; padding: 4px 16px !important; text-align: right; text-transform: uppercase;}

.metapost a, .metapost2 a
{ color: #BD9D51; font-weight: bold;}

.metapost2
{ border-bottom: 1px solid #FAF0CC; color: #514226; font-size: 0.9em;/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
 margin: -12px 4px 18px; text-align: left;}

/*-------------------- right n left ---------------------*/
.imgleft
{ float: left; margin: 6px 6px 6px 0; clear: both; vertical-align: middle;}

.imgright
{ float: right; margin: 6px 0 6px 6px;}

.pright
{ text-align: right;}

.imgcenter
{ text-align: center;}

hr
{ background-color: #BD9D51;/*border-top: 1px solid #F5E6BF;*/
 border: none; clear: left; clear: both; color: #BD9D51; height: 1px; line-height: 0; margin: 6px 12px; padding: 0;}

.right, .left
{ color: #7B6F51;}

.right ul li
{ border-bottom: 1px solid #F7EFCF; padding-bottom: 2px;}

.right a, .left a
{ color: #576228;}

.right a:hover, .left a:hover
{ color: #7C8941;}

.feeds
{ font-size: 0.8em; font-weight: bold; text-transform: uppercase;}

.feeds img
{ margin-left: -14px !important;}

p.feeds a, p.feeds a:visited
{ position: relative;}

.nota
{ color: #7B6F51; font-size: 0.9em;}

/*-------------------- forms---------------------*/
#txpCommentInputForm label, #zemContactForm label
{ background-color: #FEF7DD; float: left; font-size: 1em; font-weight: bold; width: 10em;}

#zemContactForm
{ margin: 0; padding: 0;}

#txpCommentInputForm label.longlabel
{ width: 100% !important;}

#txpCommentInputForm p, #zemContactForm p
{ margin: 0 auto; width: 70%;}

#sugerencias #zemContactForm p
{ width: auto !important;}

#preview, #zemSubmit
{ margin-left: 5.6em; text-transform: capitalize;}

#txpCommentInputForm, #zemContactForm
{ margin: 2em 0;}

input, textarea
{ background-color: #FFFDF6; border: 1px solid #9E9D7A; color: #65532F; padding: 0 3px;}

input:focus, textarea:focus
{ background-color: #FFFFFD; border: 1px solid #82815F; color: #3B301C;}

.button, .pright input
{ background-color: #DE614B; border: 1px outset #DE614B; color: #FFFFFF; font-size: 10px; font-weight: bold; margin-left: 4px; padding: 2px 8px; text-transform: uppercase !important;}

.button:focus
{ background-color: #D9482F;}

form, form div
{ margin: 0; padding: 0;}

#zemContactForm textarea
{ width: 200px;}

#sugerencias #zemContactForm textarea
{ height: 60px; width: 100px;}

#sugerencias input
{ width: 100px;}

#sugerencias #zemContactForm #zemSubmit
{ width: auto;}

#sugerencias p
{ margin: 0; padding: 2px;}

#txpCommentInputForm textarea
{ font-size: 0.9em; margin-left: 16em; width: 250px;}

p#txpCommentInputForm
{ color: #6B7645; font-weight: bold;}

#message
{ width: 80%;}

textarea
{ font-size: 1em;}

.zemError
{ background-color: #F8EDE8; border: 1px solid #EECFCA;}

#edtoolbar
{ clear: left; margin-left: 16em; margin-top: 0.5em;}

.ed_button
{ background-color: #DEE6B1; border: 1px outset #BCC173; font-size: 0.9em;}

.ed_button_pressed
{ background-color: #D8DB99; border: 1px inset #BCC173; font-size: 0.9em;}

.ed_strong
{ font-weight: bold;}

.ed_emphasis
{ font-style: italic;}

/*-------------------- comments---------------------*/
.center ol.comments
{ margin: 0; padding: 0;}

.comments li, .commentpreview
{ background-color: #FFFCF0; border: 1px solid #F3E3B8; list-style: none; margin: 10px 18px; padding: 18px; text-align: left;}

.comments h5, .commentpreview h5
{ background-color: #FAF5E0; color: #7B6F51; font-size: 1.2em; margin: -18px -18px 12px; padding: 0 8px 0 0;}

.commentdate
{ float: right; margin: 12px;}

.comments h5.me
{ background-color: #DEE6B1 !important; border-bottom: 1px solid #DEE6B1;}

.comments h5.odd
{ background-color: #F7EFCF;}

.gravatar
{ margin-right: 12px; vertical-align: middle;}

/*-------------------- misc---------------------*/
.icono
{ clear: left; display: inline; float: left; margin: 2px 4px 4px 16px;}

.currentcat, .currentcat:visited
{ color: #DE614B;}

p.mas
{ margin: 0; padding: 0 22px !important; text-align: right;}

.mas a, .prevnext a
{ font-size: 0.8em;/*background-color:#EEF1D6;
border:1px solid #DEE6B1;
padding:2px 6px;*/
 font-weight: bold; text-transform: uppercase;}

.prevnext
{ border-top: 1px solid #FAF0CC; text-align: center;}

.excerpt
{ color: #7B6F51; font-size: 1.1em; font-style: italic;}

pre
{ background: #FAF5E0; border: 1px solid #E3D9B5; color: #8C7235; display: block; font: 11px "Lucida Console", "Andale Mono", Monaco, "Courier New", Courier, monospace; margin: 6px 12px; padding: 5px; overflow: auto;}

code
{ color: #8C7235; font: 11px "Lucida Console", "Andale Mono", Monaco, "Courier New", Courier, monospace;}

/*-------------------- twitter---------------------*/
#twitter_div
{ border: 1px solid #F3E3B8; margin: 5px 4px 5px -4px; background-color: #FFFAE7;}

#twitter_div h3
{ margin-top: 0;}

#twitter_div li
{ border-bottom: 1px solid #F3E3B8; list-style: none; background-image: none; padding: 5px; line-height: 120%;}

.r
{ text-align: right; font-weight: bold; text-transform: uppercase; font-size: 11px;}

.r a
{ color: #487A84; font-weight: bold;}

a.tweetpost
{ font-size: 10px; color: #BD9D51;}