body {
  font: 14px/1 georgia;
  padding: 0;
  background: #000 url('/images/body.gif') repeat-x center top; }
  
body#blog {
  background: #333;
  padding: 0; }
  
img {
  display: block; }
  
.hide {
  display: none; }

#identity, #page {
  width: 960px;
  margin: auto; }
  
#identity {
  height: 60px;
  padding: 45px 0 30px;
  position: relative; }
  
#identity h1 a {
  display: block;
  width: 202px;
  height: 60px;
  background: url('/images/tfprosa.png');
  text-indent: -9999px;
  float: left; }
  
#identity nav {
  float: right;
  padding-top: 15px; }
  
#identity nav li {
  float: left;
  display: inline; }
  
#identity nav a {
  color: #fff;
  font: bold 13px/1 helvetica;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 0 5px;
  margin-left: 20px;
  line-height: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  
#identity nav a.current, #identity nav a:hover {
  background: #000; }  
  
#identity #bdi a {
  position: absolute;
  top: 0; right: 0;
  font-size: 12px;
  background: #000;
  line-height: 2.5;
  padding: 0 10px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }
  
#identity #fb a,
#identity #t a {
  position: absolute;
  top: 0; right: 165px;
  text-indent: -9999em;
  font-size: 12px;
  line-height: 2.5;
  padding: 0;
  width: 16px;
  background: url('../images/fb.png') no-repeat 0 6px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }
#identity #t a {
  right: 195px;
  background-image: url('../images/t.png');
}
  
/* Section basics */
#page section {
  position: relative; }

#page section.pattern header.section {
  position: absolute;
  background: #000;
  color: #fff;
  font: 16px/1 helvetica;
  text-transform: uppercase;
  top: 29px;left: -13px;
  padding: 7px 10px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  
#contacto {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #ddd; }
  
a.to_top_anchor {
  text-transform: lowercase;
  font: 12px/1 'lucida grande', 'lucida sans', tahoma, sans-serif;
  position: absolute;
  left: 30px; bottom: 30px;
  text-decoration: none;
  color: red; }
  
a.to_top_anchor:hover {
  text-decoration: underline; }
  
/* intro */
#intro {
  position: relative;
  padding: 30px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;  
  background: #872020;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff; }
  
#intro p {
  line-height: 1.5;
  font-size: 24px; }
  
/* Services */
#services, #expositions, 
#contacto, #story, #cursos {
  padding: 30px 0 0 160px;
  background: #fff; }
  
#services .column, #contacto dl {
  float: left;
  margin: 0 30px 30px 0; }
#services .column {
  width: 236px; }
#services dl {
  margin-bottom: 30px; }
#services .last {
  margin-bottom: 0; }
  
#services dd {
  color:  #666;
  line-height: 1.5; }
  
#services dt, #contacto dt {
  font: bold 18px/1.25 helvetica;
  margin-bottom: 5px; }
  
section.pattern:before {
  content: "";
  display: block;
  position:  absolute;
  left: 0;
  top: 0; bottom: 0;
  width: 130px;
  background: #eee; }
  
/* Quienes somos */
#quienes_somos, #cursos {
  background: #333;
  border-bottom: 1px solid #000;
  min-height: 300px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; 
  padding-bottom: 30px; }
  
#cursos {
  background: #fff;
  border-bottom: 0; }
  
#quienes_somos:before, #cursos:before {
  background: #222;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0; }
  
#cursos:before {
  background: #eee;
}
  
#quienes_somos a.to_top_anchor {
  color: #fff; }
  
#quienes_somos h2 {
  color: #fff;
  font: bold 24px/1 'helvetica neue', helvetica, arial, sans-serif;
  text-shadow: 0 1px 0 #000;
  padding: 30px 0 0 200px; }
  
div.slider {
  margin: 30px 0 0 200px; }

div.slider img {
  	height: 400px;
  	margin: 0; }
  
/* contacto */  
#contacto:before {
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  font-size: 13px; }
  
#email {
  font: 300 18px/2 'helvetica neue', helvetica, sans-serif;
  border: 1px solid #ccc;
  text-indent: 20px;
  border-left: none;
  border-right: none; }
  
#contacto dd {
  color: #666;
  line-height: 1.5; }

#address {
  width: 100% !important;
  height: 300px;
  background: url('../images/mapa.gif') -22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden; }
#address dt,
#address dd {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  margin: 0;
  padding: 0 15px; }
#address dt {
  padding-top: 15px; }
#address dd {
  padding-bottom: 15px;
  color: #ddd; }
#address a {
  color: #fff;
  text-decoration: none;
  float: right;
  border-bottom: 2px solid #999; }
  
/*/ Form /*/
form.contact-form {
  background: #eee;
  padding: 15px;
  font-size: 13px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }
.column-two {
  width: 420px;
  float: left; }
.column-two.last {
  width: 320px;
  margin-left: 30px; }
form {
  color: #666666; }
  form.inline button {
    display: inline; }
  form h2 {
    font-family: sans-serif;
    font-size: 18px;
    margin-bottom: .75em;
    color: #000; }
    form h2 span {
      border-bottom: 2px solid #ddd;
    }

fieldset {
  margin-bottom: 1em; }
  fieldset.aside {
    float: left;
    margin-right: 10px; }

label, input.text, textarea {
  display: block; }

input.text, textarea {
  font-size: 12px;
  padding: 3px;
  border: 1px solid #cccccc;
  color: #666666;
  width: 150px; }
  input.text:focus, textarea:focus {
    outline: none;
    border-color: red;
    color: black; }

textarea {
  padding: 5px;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 150px;
  resize: none; }

input.small-input {
  width: 100px; }

form p.note {
  border-top: 1px solid #ddd;
  margin-top: 1em 0;
  padding-top: 5px; }

mark {
  font-style: normal;
  font-weight: normal; }
  
/* Credits */
#credits {
  font: 12px/1 'lucida grande', 'lucida sans', tahoma, sans-serif;
  text-align: center;
  color: #999;
  padding: 30px 0 60px; }
  
#credits a, #email a {
  background: #333;
  color: #fff;
  border-top: 1px solid #444;
  text-decoration: none;
  text-shadow: 0 1px 0 #222; }
  
#credits a:hover, #email a:hover, #blog #credits a {
  background: #444;
  border-top-color: #555;
  text-shadow: 0 1px 0 #333; }
  
/* Stock photos */
#stock_photos {
  background: #ddd;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  padding: 30px;
  overflow: hidden; }
  
#stock_photos h1 {
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font: bold 21px/30px 'helvetica neue', helvetica, arial, sans-serif;
  color: #fff; text-transform: uppercase;
  padding: 0 0.5em; }

#stock_photos img {
  display: block;
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px #999;
  -moz-box-shadow: 0 3px 3px #999;
  box-shadow: 0 3px 3px #999;
  width: 185px !important; }

#photos_lists {
  list-style: none;
  width: 110%; }

#photos_lists li {
  float: left;
  margin: 30px 40px 0 0;
  line-height: 30px;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  text-align: center; }
  
#photos_lists li:nth-child(4n),
#photos_lists li.fourth {
  margin-right: 0; }
  
#photos_lists li a {
  color: #444;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff; }

#photos_pagination {
  border-top: 1px solid #ccc;
  margin-top: 14px;
  padding-top: 15px; }
  
#photos_pagination li {
  float: left;
  line-height: 30px;
  list-style: none;
  font-family: 'helvetica neue', helvetica, arial, sans-serif; }
  
#photos_pagination a {
  display: block;
  color: #666; }
  
#current_page {
  color: #fff;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  
#photos_pagination a,
#current_page {
  padding: 0 10px; }
  
#tumblr_controls {
  display: none; }
  
#categories {
  float: right;
  margin-top: 30px; }
  
#categories dt,
#categories dd {
  float: left;
  margin-left: 20px;
  line-height: 30px;
  font-family: 'helvetica neue', helvetica, arial, sans-serif; }
  
#categories a {
  color: #666; }
  
/* Promo */
div.curso {
  width: 768px;
  margin-bottom: 20px; }
div.curso img {
  float: left;
  border: 1px solid #ddd;
  margin: 10px 20px 0 0; }
  
div.curso h2 {
  font-size: 36px;
  font-family: sans-serif; }
h3.tutor {
  font-size: 16px;
  font-weight: normal !important;
  color: #666;
  text-transform: lowercase;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 20px; }

h3.tutor span {
  text-transform: none;
  font-style: normal;
  color: #000; }
div.curso p {
  margin-bottom: 1.25em; }
  
.curso p {
  line-height: 1.5;
  color: #444; }
.curso p big {
  color: #000;
}
.curso h4 {
  font-family: sans-serif;
  font-size: 18px;
  margin-bottom: 0.33em;
}
.main-info {
  width: 450px;
  float: left;
  margin-right: 30px;
}
p.footnote small {
  font-size: 13px;
}
strong {
  color: #000;
}
p.info {
  padding: 10px 20px;
  background: #eee;
  font: 14px/1.5 'helvetica neue', helvetica, arial, sans-serif;
}
h4.next-courses {
  margin-top: 40px;
  font-size: 21px;
  text-transform: uppercase;
}
p.message {
  font-size: 2em;
  line-height: 1.5;
  color: #fff;
  padding: 3em 0;
  text-align: center;
  border-bottom: 3px double #dd9292;
}
p.message a {
  color: #dd9292;
  text-decoration: none;
  border-bottom: 0.1em solid #dd9292;
}