/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/

html, body, div, span,
applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3em;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
  font-weight: normal;
} 

li {line-height: 1.3em;}

a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles
#######################*/

/* body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#282828; background:#ffffff url(../images/body_bg.jpg) left top repeat-x} */
body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#282828; background:#ffffff}
/* h1 {padding:5px 0 5px 30px; margin-bottom:19px; font-size:2em; color:#fff; background:url(../images/example_logo.png) left 50% no-repeat} */
p, ul, ol, dl {margin:15px 0}
h2, h3, h4, h5 {font-weight:bold}
h2 {clear:both; font-size:1.5em; text-align:left; margin-bottom: -10px; color: #1A92E0}
h3 {font-size:1.25em}
h4 {font-size:1.15em}
h5 {font-size:1em; font-style:italic; color:gray}
a {color:#990000; outline:none}
  a:hover {text-decoration:none}
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

/*#######################
  Menu Styles
#######################*/

#wrapper {width:930px; margin:0 auto; margin-top:-5px;}
.wrapper2 {width:930px; }

#topnavigation {margin: 0px; margin-top: -10px; padding: -300px; text-align: center;}

#topnavigation a {color: #333;}
#topnavigation a:link {color: black;}
#topnavigation a:hover {color: black;}
#topnavigation a:visited {color: #333;}
#topnavigation a:active {color: black;}

#topnavigation
  li {
    display:inline; overflow:hidden; text-align:left; 
    line-height: 2.2em; padding: 12px; padding-left: 20px; padding-right: 20px; border-right: 1px solid #1A92E0; font-size: 1.0em;}

#topnavigation
  li.home a { background:url("icons/home-icon.png") no-repeat scroll 0px 0px;
    float:left; text-align:left; text-indent:-9999px; width:30px; height:40px; margin-right: 0px; margin-left: 30px; border: 0px solid;}

#topnavigation
  li.home a:hover { background:url("icons/home-icon.png") no-repeat scroll 0px -80px; }

#header {padding:5px 0; margin-bottom:0px; margin-top:40px: font-weight: bold; font-size: 16px; background: url("images/headerbg.png") repeat-x scroll 0 0 #FFFFFF;}


/*#######################
  Layout Styles
#######################*/

.highlight { background: url("images/highlightbg.png") repeat-x scroll 0 0 #FFFFFF; height: 130px; padding: 20px; font: 400 1.1em Palatino,Georgia,Times,"Times New Roman",serif;}
.highlight h2 { margin-bottom: 10px; color:#990000}
.highlight-text { width: 930px; border: 0px solid;}

#content {clear:both; float:left}
  #content p {line-height:1.25em}
  #content ul {margin-left:25px; list-style-type:disc}
    #content li {margin:10px 0}

  #content #sub_navigation {float:left; width:100%; margin:0 0 15px 0}
    #content #sub_navigation li {float:left; display:inline; width:295px; margin:0 15px 15px 0; font-size:1.4em}
      #content #sub_navigation li a {display:block; padding:30px 0 30px 105px; color:#828181; text-decoration:none}
      #content #sub_navigation #find {background:url(../images/magnifying_glass.png) left 50% no-repeat}
      #content #sub_navigation #seo_reports {background:url(../images/chart_icon.png) left 50% no-repeat}
      #content #sub_navigation #security {background:url(../images/lock_icon.png) left 50% no-repeat}

  #content .two_columns {float:left; display:inline; width:450px; margin-right:15px}
  #content .two_columns2 {float:left; display:inline; width:400px; margin-right:15px padding: 15px;}



/*#######################*/

/* Form Styles */
input, textarea {padding:5px; font-size:1.1em; font-family:Helvetica, Arial, Verdana, sans-serif; ; font-weight:medium; border: 1px solid grey;}
input :active {}
input {width:250px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:#000; font-style:normal}

#footer {clear:both; width: 98%; padding:20px 10px 20px 10px; font-size:.9em; background: #990000; color: white; line-height: 20px;}

.increasetext  { font-size: 1.2em; }
.increasetext  a:link a:visited a:active { font-size: 1.2em; }

.decreasetext  { font-size: 0.9em; }
.decreasetext  a:link a:visited a:active { font-size: 0.9em; }
.decreasetext2 { font-size: 0.8em; }
.decreasetext2 a:link a:visited a:active { font-size: 0.8em; }

.unbold { font-weight: normal; }
.bold { font-weight: bold; }

.myBox {
  margin: 0.3in auto;
  color: #000;
  width: 410px;
  height: 205px;
  padding: 20px;
  text-align: left;
  background: #fff;
  border:1px solid #000;
}

.myBox2 {
  margin: 0.3in auto;
  color: #000;
  width: 810px;
  height: auto;
  padding: 20px;
  text-align: left;
  background: #fff;
  border:1px solid #000;
}

#contacto active {
  border: 1px solid blue;
}

.title {
  font-weight:bold;
  font-size: 1.2em;
}

.action {
  background: #990000;
  padding: 15px;
  cursor: pointer;
  color: white;
  width: 40%;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}

.action :hover {
  color: #ffcc00;
}