/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus {outline: 0;}

.ico{display:inline-block;padding:0;overflow:hidden;font-size:0;text-indent:-90000px;}
.clear{height:1px;margin-bottom:-1px;display:block;overflow:hidden;padding:0;width:100%;clear:both;float:none;font-size:0;}

/* hide any HRs used in the layout, but show them in main content */
hr,
.ahem,
#skip-link {
  display: none;
}
#content hr {
  display: block;
}

a{-webkit-transition: color 0.4s ease-in-out;color:#333;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  text-decoration:none;}
  
a:hover{text-decoration:underline;}

/* Evita que se pueda redimensionar el textarea */
textarea {resize:none;overflow:auto;}

/*Remove button padding in FF*/
input::-moz-focus-inner {border:0;padding: 0;}

input, textarea, select{-webkit-appearance:none;border-radius:0;box-shadow:0 0 0 #fff;}
/* uncomment these color rules to make the layout easier to see */
/*
#main           { background: #ccc; }
#content        { background: #eee; }
#sidebar-first  { background: #ccf; }
#sidebar-second { background: #fcc; }
#navigation     { background: #ffc; }
#header         { background: #cff; }
#footer         { background: #cfc; }
*/

/* Holy Grail Layout ---------------------------------------------------------
   ref: http://www.alistapart.com/articles/holygrail
   This layout takes advantage of negative margins to float the sidebars to
   either side of the main content. It also floats the navigation above the
   content, but you could just as easily absolutely position it.
   
   LC stands for Left Column, RC for Right Column
   
   Obvously, this layout is for left-to-right languages. For a
   right-to-left layout, just swap all the left and rights below.
   */
#page {
  width:910px;
  margin: 0 auto;
}

#content,
#sidebar-first,
#sidebar-second {
  float: left;
}

#nav {
  clear:both;
}
#nav li {
  margin: 0;
  float:left;
  list-style:none;
}
#content {
  width: 100%;
  height:auto!important;
  margin-right: -100%;
}
.sidebar-first #content .section {
  padding-left: 330px;   /* LC width */
}
.sidebar-second #content .section {
  padding-right: 265px;  /* RC width */
}
.two-sidebars #content .section {
  padding-left: 330px;   /* LC width */
  padding-right: 330px;  /* RC width */
}
#sidebar-first {
  width: 310px;          /* LC width */
  margin-right: -310px;
}
#sidebar-second {
  float: right;
  width: 230px;          /* RC width */
  margin-left: -230px;   /* RC width */
}
#footer {
  clear: both;
}