/* -------------------------------------------------------------- 
    
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
   The default font size is 12px. The baseline is set to 
   18px. When you're setting heights of elements, always 
   remember to use a multiple of the baseline (18,36,54..).
   
   The height of images shoud also be a multiple of 18.
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px; /* Baseline here at 150%. This is set multiple places. */
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0; 
  /*margin: 9px 0;*/
  clear:both; 
}
h1, h2{
	font-size:20px;
}
h2{
	border-left:#900506 6px solid;
	padding:3px 6px;
    margin-bottom:15px;
	/*margin-top:7px;*/
    font-weight:bold;
}
h3{
	font-size:15px;
	background-color:#626273;
	color:#FFF;
    padding: 5px;
    font-weight:bold;
}
h4{
	color:#6D181C;
	border-bottom:1px solid #D8D8DA;
	margin-bottom:5px;
	padding-top:13px;
	text-transform:uppercase;
    font-weight:bold;
}

.ServiceLeft h4{
	border-bottom:0px solid #D8D8DA;
	margin-bottom:25px;
}
.ServiceRight h4{
	border-bottom:0px solid #D8D8DA;
	margin-bottom:25px;
}

/* Total height for each heading has to be a multiple of the baseline (18). */
/*h1 { font-size: 36px; line-height: 36px; padding: 18px 0; }
h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 10px; font-weight:bold; }*/


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 13px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { /*margin: 18px 0 18px 18px; list-style-type:disc;*/margin: 0; padding:5px 0 0; width:100%;}
li          { line-height:18px; }
ol          { list-style-type: decimal; margin-left: 36px;}
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #fff; text-decoration: underline; outline: none; }
a:hover     { color: #fff; }

blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }


/* Tables
-------------------------------------------------------------- */

table   { margin:0px;}
th,td   { padding:0px;}
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
   <span class="amp">&amp;</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

#thumbs span{
  color: #666;
  font-size: 0.8em;
  line-height:10%; /* Fix to maintain correct baseline */
}

#projectInfo p{
  font-size: 1.5em;
}

#descEnCurso{ margin: 20px 0 13px 0; padding:0 20px 0 0; text-align:justify; }
#descEnCurso img{ margin:0 5px;}



/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */


.titulotexto {
	font-weight:bold;
}

#container a{
font-size:12px;
color:#666666;
text-decoration:none;
}