/*
 Title:     SOTOMALDONADO 
 Author:    Aarón Maldonado | http://www.sotomaldonado.com/
 Created:   23. Enero 2009
 */

/** LAYOUT **/
body{
  background:#f9f9f9;
  margin:0;
  padding:0;
}

#page{
  margin-left:auto;
  margin-right:auto;
  
  width:940px;
  height:auto;
}


/** FONTS **/

body{
  font-size: 100%;
}


  body, caption, legend, fieldset, input, textarea, select, option
  {
  	color:#333;
	font-family:"Helvetica","Arial",sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;
  }
  
  td, th{
  	color:#333;
  }
  
  textarea, input, select{
background-color:#FFF;
border:1px solid #666;
margin:6px 0;
padding:2px 5px;
  }

  textarea{
	overflow:hidden;
  }

  body.page-admin select{
  	background-color:#555;
	border:none;
  }

  pre, code
  {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }

/** HEADINGS **/
h1{
  color:#333333;
  font-size:2em;
  font-weight:bold;
  line-height:1.3em;
  margin-bottom:0.5em;
  margin-top:0;
}

  h2
  {
    font-size: 1.25em;
    line-height: 1.3em;
    margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.667em;
    font-weight:bold;
    color:#444;
  }

  h3
  {
color:#CC5309;
font-size:1em;
font-weight:bold;
line-height:1em;
margin-bottom:0.769em;
margin-top:0.769em;
  }
  
  #content h3{
  	text-transform:uppercase;
	margin-top:0;
  }

  h4, h5, h6
  {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
  }

/** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
display:block;
margin:1em 0;
  }

/** lists **/
  /* standardize list item indentation */
  ul
  {
    margin-left: 0;
    padding-left: 1.5em;
  }
  
  ol
  {
    margin-left: 0;
    padding-left: 2em;
  }

  .block ul, /* Drupal overrides */
  .item-list ul
  {
    margin: 1em 0;
    padding: 0 0 0 1em;
  }
  
  .item-list .pager li {
	padding:0.25em;
  }

  ul ul, ul ol,
  ol ol, ol ul,
  .block ul ul, .block ul ol,
  .block ol ol, .block ol ul,
  .item-list ul ul, .item-list ul ol,
  .item-list ol ol, .item-list ol ul
  {
    margin: 0;
  }

  li
  {
    margin: 0 0 0.5em 0;
    padding: 0;
  }
  
  ul.strong-ul li{
  	margin: 0 0 1em 0;
    padding: 0;
  }

  .item-list ul li /* Drupal override */
  {
    margin: 0;
    padding: 0;
    list-style: inherit;
  }

  ul.menu li, /* Drupal override */
  li.expanded,
  li.collapsed,
  li.leaf
  {
    margin:0 0 0.3em;
    padding: 0;
  }

  ul          { list-style-type: disc; }
  ul ul       { list-style-type: circle; }
  ul ul ul    { list-style-type: square; }
  ul ul ul ul { list-style-type: circle; }
  ol          { list-style-type: decimal; }
  ol ol       { list-style-type: lower-alpha; }
  ol ol ol    { list-style-type: decimal; }

  dt
  {
    margin: 0;
    padding: 0;
  }

  dd
  {
    margin: 0 0 0 2em;
    padding: 0;
  }
  
  ul li{
	background:transparent url(images/li.png) no-repeat scroll left center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 1.75em;
  }
  
  em, strong{
    font-weight:bold;
  }

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link
  {
  	color:#2388a9;
	text-decoration:none;
  }

  a:visited
  {
  	color:#2388a9;
	text-decoration:none;
  }

  a:hover,
  a:focus
  {
  	text-decoration: underline;
  }

  a:active
  {
  	color:#ff0000;
  }

/** tables **/
  /* Override Drupal default CSS */
  table
  {
    border-collapse: collapse;
  }

  th,
  thead th,
  tbody th
  {
    text-align: center;
    padding-right: 0;
    border-bottom: none;
  }

  tbody
  {
    border-top: none;
  }

/** abbreviations **/
  abbr
  {
    border-bottom: 1px dotted #666;
    cursor: help;
    white-space: nowrap;
  }

  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created
  {
    border: none;
    cursor: auto;
    white-space: normal;
  }

/** images **/
  img
  {
    border: 0;
  }
  
  #content img
  {
    border: 0;
	margin:1.5em 0;
  }

/** horizontal rules **/
  hr
  {
    height: 1px;
    border: 1px solid #666;
  }

/** forms **/
  form
  {
    margin: 0;
    padding: 0;
  }

  fieldset
  {
    margin: 1em 0;
    padding: 0.5em;
  }

/* SPID ---------------------------- */

#masthead{
  float:left;
  height:125px;
  margin-bottom:20px;
  width:940px;
}

#masthead #logo{
  float:left;
  height:85px;
  width:940px;  
}

#masthead #menu{
  float:left;
  width:940px;
  height:40px;
  background:transparent url(images/menu_bg.png) no-repeat scroll top left;  
}

#masthead #menu ul{
  margin:0.85em 0 0;
  padding:0;  
}

#masthead #menu ul li{
  display:inline;
  margin:0 1.5em;
  padding:0; 
}

#masthead #menu ul li a{
  color:#FFFFFF;  
}

#content-top{
  float:left;
  width:940px;
  height:360px;
  margin-bottom:30px;  
}

#content-top #left-banners{
  float:left;
  width:300px;
  height:360px;
  margin-right:20px;  
}

#content-top #left-banners #banner-uno{
  float:left;
  height:175px;
  width:300px;
  margin-bottom:10px;  
}

#content-top #left-banners #banner-uno a{
  
}

#content-top #left-banners #banner-dos{
  float:left;
  height:175px;
  width:300px; 
}

#content-top #left-banners #banner-dos a{
  
}

#content-top #right-banner{
  float:left;
  width:620px;
  height:360px;  
}

#content{
  float:left;
  width:940px;
  height:auto;  
}

#content #sidebar-left{
  float:left;
  width:300px;
  height:auto;
  margin-right:20px;
}

#content #sidebar-left h2{
  text-transform:uppercase;
}

#content #sidebar-left .block{
  margin-bottom:25px;
  padding-bottom:15px;
  border-bottom: 1px solid #BBB;
}

#content #sidebar-left #fecha{
  
}

#content #sidebar-left #sede{
  
}

#content #sidebar-left #signup{
  
}

#content #sidebar-left #signup #signup-inner{
  
}

#content #main{
  float:left;
  width:620px;
  height:auto;
  margin:0;
  padding:0;  
}

#content #main div.main-inner-block{
  float:left;
  height:auto;
  width:300px;
  display:block;
}

#content #main div.main-inner-block-margin{
  margin-right:20px;
}

#content #main ul{
  margin-left:0;
  padding-left:1em;
}

#content #main ul li{
  list-style:disc;
  padding:0;
}

#content #main ol{
margin-left:0;
padding-left:1.75em;
}

#content #main ol li{
  list-style: decimal;
  padding:0;
}

#content #main .formato-contenedor{
  
}

#content #main .tematica-contenedor{
  float:left;
  height:250px;
  width:190px;  
}

#content #main .tematica-contenedor-middle{
margin:0 25px;
}

#content #main .tematica-contenedor .foto{
float:left;
height:145px;
width:190px;  
}

#content #main .tematica-contenedor .foto .img{
margin:0;
padding:0; 
}

#content #main #organizador{
  
}

#content #main #organizador #org-uno{
  
}

#content #main #organizador #org-dos{
  
}

#content #main #socios-fundadores{
  
}

#content #main #socios-institucionales{
  
}

#content #main #forma-contacto{
border-top:1px solid #BBBBBB;
float:left;
height:auto;
margin-top:15px;
padding-top:15px;
width:620px;
}

#content #main #forma-contacto .datos{
  
}

#content #main #forma-contacto .contact{
  margin-bottom:10px;
}

#content #main #forma-contacto .contact h3{
  margin:0;
  padding:0;  
}

#content #main #forma-contacto #formulario form{
background-color:#F5F5F5;
padding:30px 45px;  
}

#content #main #forma-contacto #formulario input, #content #main #forma-contacto #formulario textarea{
  
}

#content #main #forma-contacto #formulario input{
  
}

#content #main #forma-contacto #formulario textarea{
width:421px;  
}

#content #main #forma-contacto #formulario label{
   display:block;
  
}

#content #main #forma-contacto #formulario #button_send{
background-color:#333333;
color:#FFFFFF;
display:block;
font-size:16px;
height:31px;
padding-top:1px;
text-align:center;
width:100px;  
}

#content #main #forma-contacto #formulario span{
  color:red;  
}

input.text {
font-family:arial,helvetica,sans-serif;
font-size:1.2em;
margin:0 0 20px;
padding:3px 2px;
width:425px;
}

#footer{
  float:left;
  width:940px;
  height:55px;
  margin:50px 0 50px 0; 
  background: transparent url(images/footer.png) 
}

#footer-inner{
  text-align:center;
  width:940px;
  margin-top:17px;
  color:#666;
}

.boton-forma, #boton-lista{
  background:#555;
  color:#fff;
}

.enviado{
  float:left;
  width:608px;
  padding:5px;
  background:#b9f0cc;
  border:1px solid #008000;
  margin-bottom:0;
}

.error{
background:#FFC6C6 none repeat scroll 0 0;
border:1px solid #FF0000;
margin-bottom:0;
padding:5px;
width:608px; 
}

#content .descarga{
  margin:0 0 20px;
}