/*** CSS document by EzyPixel.com 01-2009 ***/
/**
 *
 * FULL RESET OF CERTAIN BROWSER 'defaults'
 *   Take back control from the browsers.
 * 
 * Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui
 */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table {border-collapse: separate !important;border-spacing:0;}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong,  b {font-weight:bold;}
em, i {font-style:italic;}
ol, ul, li {list-style:none;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */

/* General Global Stuff */

/* Textual elements */
body {font-size:62.5%; background: #fff url(images/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333;}
body.internal  {background: #fff url(images/bg2.gif) repeat-x;}
h1, h2, h3, h4, h5, h6{ color:#333; margin:0 0 .9em 0; padding:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight:bold;}
  h1 {font-size:2em; font-weight:normal;}  /* displayed at 24px */
  h2 {font-size:1.5em}  /* displayed at 18px */
  h3 {font-size:1.25em}  /* displayed at 15px */
  h4 {font-size:1em}  /* displayed at 12px */
  h5 {font-size:1em}  /* displayed at 12px */
  h6 {font-size:1em}  /* displayed at 12px */
p {padding:5px 0px;line-height:1.4;}
a {color:#336699;text-decoration:none;font-weight:bold;}
a:hover {color:#3685c4;text-decoration:underline;}
ol, dl, pre, .meta {}


/* Layout styles */

/**** MAIN LAYOUT ****/
#container {width:960px; margin:0 auto;}

/**** HEADER LAYOUT ****/
#header {width:960px; height:113px;}
.logo {width:310px; height:98px; margin:15px 0 0 0; float:left;}
h1.logo {text-indent: -9999px; background: url(images/logo.gif) no-repeat;}
h1 a {display: block; width: 100%; height: 100%; outline: none;}
.paisaje {background: url(images/paisaje.gif) no-repeat; width:230px; height:98px; float:right; margin:15px 0 0 0;}

/**** MAIN NAVIGATION ****/
.menu-box {width:100%; height:49px; background: url(images/menu-bg.gif) repeat-x; color:#ddd; font-size:1.4em;}
.menu-box-left {background: url(images/menu-bg-left.gif) no-repeat; width:10px; height:49px; float:left;}
.menu-box-right {background: url(images/menu-bg-right.gif) no-repeat; width:11px; height:49px; float:right; margin:-18px 0 0 0;}
.menu-box ul {padding:0; margin:0; list-style:none; padding:18px 0 0 0;}
.menu-box li {margin:0; list-style:none; float:left; padding:0 10px;}
.menu-box a {padding:0 7px; color:#ddd; font-weight:bold;}
.menu-box a:hover {color:#fff;}

/**** SUB HEADER LAYOUT ****/
#subheader {width:968px; height:218px; background: url(images/subheader-bg.jpg) no-repeat;}
.subheader-mid {width:484px; float:left;}
#subheader h2 {background:url(images/bienvenidos.gif) no-repeat; width:464px; height:28px; text-indent: -9999px; margin:35px 0 0 14px;}
#subheader p {color:#fff; font-style:italic; font-size:1.7em; margin:5px 0 0 74px; width:330px;}
.contactenos {margin:10px 0 0 244px;}

/**** CONTENT ****/
#content {width:968px; overflow:hidden; background-color:#FFFFFF;}
.tresareas {margin:20px 0 10px 4px; overflow:hidden;}
.tresareas-box {width:300px; float:left; margin:0 10px;}
.tresareas-box h3 {font-size:2.7em; font-weight:normal; margin:10px 0;}
.tresareas-box p {font-size:1.2em;}
.web a {color:#e4820c; font-weight:normal;}
.grafico a {color:#729b0f; font-weight:normal;}
.seo a {color:#e64022; font-weight:normal;}
.linea-div {height:1px; background-color: #e3e2e2; clear:both; margin:10px auto; width:940px;}
.content-area {width:940px; margin:0 auto; padding-bottom: 30px; overflow:hidden;}
.column1 {width:615px; float:left; font-size:1.4em; padding:0 25px 0 0;}
.column1 h4 {color:#336699; font-size:1.7em; font-weight:normal; margin:30px 0 15px 0;}
.column1 ul {padding:10px 15px; margin:0 0 0 25px;}
.column1 ul li {padding:5px 0; list-style:disc;}
.column2 {width:300px; float:left;}
.comillas-box {background: url(images/comillas.gif) no-repeat; padding:25px; font-size:1.9em; font-style:italic; margin:15px 0 0 0;}
.oferta-box {border:4px solid #e64022; padding:15px 15px 0 15px; margin: 10px 20px 0 20px; font-size:1.5em;}
.oferta-box h4 {font-size:1.3em; color:#e64022;}
.oferta-box li {background: url(images/bullet.gif) no-repeat; padding: 0 0 20px 35px;}
.oferta-box2 {border:4px solid #3b5998; padding:15px 15px 0 15px; margin: 20px 20px 0 20px; font-size:1.5em;}
.oferta-box2 h4 {font-size:1.3em; color:#3b5998;}
.oferta-box2 p { margin:0 0 15px 0;}
.oferta-box2 li {background: url(images/bullet.gif) no-repeat; padding: 0 0 20px 35px;}
.contact-box {width:190px; margin:30px auto; padding:10px; background-color:#F8F8F8; border:1px solid #CCCCCC;}
.portafolio-box {width:284px; float:left; margin:20px 10px 20px 0; font-size:1.4em; padding:10px; border:1px solid #ccc;}
.portafolio .last {margin:20px 0 20px 0;}
.portafolio {font-size:1.4em;}
.portafolio h4 {color:#336699; font-size:1.7em; font-weight:normal; margin:30px 0 15px 0;}
.order-form {padding:10px 15px 5px 15px;}
.order-form label {display:block; float:left; width:170px; text-align:right; padding:0 10px 0 0;}
.order-form .required {border:1px solid #AEAEAE; margin-bottom:7px; padding:3px; width:220px;}
.order-form h3 {padding:80px 25px; font-weight:normal; text-align:center;}
.submit {text-align:center;}
.note {font-size:0.8em; margin:5px 0 5px 0; text-align:center;}

/**** FOOTER LAYOUT ****/
#footer {width:100%; margin:0 auto; padding-bottom:20px; font-size:1.3em; list-style:none; text-align:center; background:#5ea5e3 url(images/footer-bg.gif) repeat-x;}
.bottomlinks, .bottomtext {width:550px; margin:0 auto;}
#footer ul {padding:0; margin:0 auto; list-style:none;}
#footer li {margin:20px 0 10px 0; list-style:none; float:left;}
#footer li.last a {border:none;}
#footer a {font-size:0.9em; padding:0 7px; border-right:1px solid #2945b5; color:#2945b5;}
#footer span {color:#2945b5; line-height:20px;}
#footer span a {border:none; padding:0;}


/**** MISC CLASSES AND STYLES ****/
.clear {clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.dontWrap {white-space:nowrap;} 
li.last {border:none;}
.boldtxt {font-weight:bold;}
.txtright { text-align:right;}