@charset "utf-8";
/* CSS Document */

/* www.farmaciaderonfe.com | 2009 */
/* all rights reserved yunit.pt */

html { color: #777 ; font-family: 'Tahoma',helvetica,arial,sans-serif ;	background: #A3D166 url("../imagens/layout/html.png") repeat-x; }
body { background: url("../imagens/layout/body.png") 0 0 no-repeat; height: 320px; }
/* TYPOGRAPHY */

/* ---------- embeded fonts » css3 only ----------*/
@font-face {
  font-family: "MyriadPro-Regular";
  src: url(../fonts/MyriadPro-Regular.otf) format("truetype");
}
@font-face {
  font-family: "MyriadPro-Italic";
  src: url(../fonts/MyriadPro-It.otf) format("truetype");
}
@font-face {
  font-family: "MyriadPro-Semibold";
  src: url(../fonts/MyriadPro-Semibold.otf) format("truetype");
}
@font-face {
  font-family: "MyriadPro-Semibold-Italic";
  src: url(../fonts/MyriadPro-SemiboldIt.otf) format("truetype");
}

/* ---------- main ----------*/
h1, h2, h3, h4, h5, h6 { margin: 4px 20px; }

/* ---------- headings ----------*/
h1, h2, h3, h4, h5, h6 { color: #8cc63f ; font-family: 'MyriadPro-Semibold', Helvetica, Arial, sans-serif ; font-weight: bold ; letter-spacing: -0.02em; }
h1 { font-size: 30px ; }
h2 { font-size: 26px ; }
h3 { font-size: 22px ; }
h4 { font-size: 18px ; }
h5 { font-size: 16px ; }
h6 { font-size: 14px ; }

/* ---------- text ----------*/
p { font-size: 12px ; line-height: 18px ; margin: 4px 40px ; text-align: left ; }
label { font-weight: bold ; }

/* ---------- lists ----------*/
ul, ol, dl { margin: 4px 0 4px 60px ; line-height : 18px ; }
ul { list-style-image: url("../imagens/layout/li.png"); }
ol { list-style-type: decimal; }
li, dd, dt { margin: 6px 0 12px ; font-size: 12px ; }

/* ---------- links ----------*/
a, a:link { color: #666 ; text-decoration: underline; }
a:visited { color: #999 ; }
a:hover { color: #8cc63f ; }
a:active, a:focus { color: #8cc63f ; text-decoration: none ; }

/* ---------- tables ----------*/
table { font-size: 11px; margin: 5px 5px 20px 5px; width: 590px; }
tr { border-bottom: 1px dotted #CCC ; }
th, td { height: 30px; line-height: 14px ; padding: 4px 8px ; }
th { background: #eee ; color: #666 ; }

/* ---------- forms ----------*/
form label { cursor: pointer ; display: block; font-size: 11px ; float:left; margin:15px 10px 0 20px; text-align: right ; width: 80px; }
input, textarea { border: none; color: #333 ; display: block; font: 12px 'HelveticaNeue-Roman', Helvetica, Arial, sans-serif ; margin: 10px 0 0; padding: 2px 4px ; width: 232px ; }
input { background: transparent url("../imagens/layout/input.png") 0 0 no-repeat ; height: 16px; }
textarea { background: transparent url("../imagens/layout/textarea.png") 0 0 no-repeat ; overflow: auto ; height: 76px ; }
input:hover, textarea:hover { border: none; }
input:hover, input:focus, input:active { background: transparent url("../imagens/layout/input.png") 0 -20px no-repeat ; }
textarea:hover, textarea:focus, textarea:active { background: transparent url("../imagens/layout/textarea.png") 0 -80px no-repeat ; }

/* ---------- rulers ----------*/
hr { border: none ; /*background: url("../imagens/layout/hr.png") center top no-repeat;*/ border-bottom: 1px dotted #CCC ; width: 95% ; margin: 10px auto; clear: both; }

/* ---------- images ----------*/
img { display: block ; margin: 5px ; }
iframe { border: 1px solid #8cc63f ; margin: 10px 20px; }