@import "reset.css";

html, body {  }
body { font: 62.5% Arial, Helvetica, sans-serif; background: #fbfbfb url(../imagenes/bg_body.gif) repeat-x; }

/*++++++++++++++++++ General ++++++++++++++++++*/
strong { font-weight: bold; }
h1 { font-family: Helvetica, Arial; padding: 12px 0 2px 0; font-size: 2.4em; font-weight: bold; letter-spacing: -1px; border-bottom: 1px dotted #00aeef; margin-bottom: 10px; }
h2 { font-family: Helvetica, Arial; padding: 12px 0 2px 0; font-size: 2.1em; font-weight: bold; letter-spacing: -1px; border-bottom: 1px dotted #88dfff; }
h3 { font-family: Helvetica, Arial; padding: 12px 0 2px 0; font-size: 1.9em; font-weight: bold; letter-spacing: -0.5px; }


/*++++++++++++++++++ Layout ++++++++++++++++++*/
#contenedor { position: relative; margin: 0 auto; width: 995px; margin-bottom: -155px;z-index:1;  }
#header { width: 100%; height: 53px; background: white; border-bottom: 5px solid #00aeef; overflow: hidden;z-index:1; }
#headerinfo { width: 90%; height: 166px; background: url(../imagenes/bg_headerinfo2.jpg) no-repeat; padding: 0 0 0 50px; z-index:1;}
#contenido { margin: 2px 0 0 0; width: 100%; background: url(../imagenes/nuestros_servicios.gif) no-repeat 15px 0; padding: 75px 0 0 0; overflow: hidden; z-index:1;}
#clearfooter { clear: left; height: 155px; }
#footer { z-index:1;width: 100%; position: relative; height: 155px; 
background: url(../imagenes/bg_footer.jpg) repeat-x center; }

#iniciando{margin:0;position:absolute;top:300px;z-index:0;width:100px;color:#fff;}
#iniciando h1{color:#fff;border-bottom:none!important;}
#iniciando p{color:#fff;border:none;}
/*++++++++++++++++++ Header ++++++++++++++++++*/
#header img { margin-left: 50px; }
#quienessomos { width: 46%; color: white; }
#queofrecemos { width: 30%; color: white; }
#quienessomos { float: left; }
#queofrecemos { margin-left: 66%; }
#quienessomos p, #queofrecemos li { font-size: 1.2em; }
#queofrecemos li { padding: 8px 0 0 20px; }
#quienessomos p { padding: 10px 0 0 0; font-style: italic; line-height: 1.5em;}
li#competencia { background: url(../imagenes/competencia.png) no-repeat 0 8px; }
li#productividad { background: url(../imagenes/productividad.png) no-repeat 0 6px; }
li#mercado { background: url(../imagenes/mercado.png) no-repeat 0 6px; }
li#satisfaccion { background: url(../imagenes/satisfaccion.png) no-repeat -1px 6px; }


/*+++++++++++++++++ Contenido ++++++++++++++++*/
#contenido { color: #444; padding: 40px 0 50px 0; }
#contenido p, #contenido li { font-size: 1.2em; padding: 3px 0; line-height: 1.5em;}
#slider { width: 880px; margin: 0 auto; position: relative;  }
.scroll { position: relative; overflow: auto; overflow-x: hidden; width: 880px; clear: left; height: 330px; }
.scrollContainer div.panel { width: 840px; height: 290px; padding: 20px;}
.navegacion { margin-right: -40px; float: right; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 1em; }
.navegacion li { display: inline; letter-spacing: 0px; background: url(../imagenes/bullet_serv.gif) no-repeat left; font-variant: small-caps;   }
.navegacion li a:link, .navegacion li a:visited { padding-left: 12px; color: #999; text-decoration: none; }
.navegacion li a:hover, .navegacion li a:active { padding-left: 12px; color: #00aeef; text-decoration: none; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.left { left: -60px; }
.right { right: -60px; }

/*+++++++++++++++++ Footer ++++++++++++++++++*/
#footer { text-align: center; color: white; }
#footer a:link, #footer a:visited { color: #caf1ff; font-weight: bold; }
#footer a:hover, #footer a:active { color: white; }
#contactForm { position: relative; top: 50px; }
#contactForm p { font-size: 1.2em; }
#contactForm input { margin-top: 5px; border: 2px solid #00aeef; background: white; font-size: 12px; padding: 5px 15px; }

/*+++++++++++++++++ Misc ++++++++++++++++++++*/
.clear { clear: both; }
.selected { font-weight: bold; border-bottom: 3px solid #00aeef; }

.botonn {
background:white none repeat scroll 0%;
border:2px solid #00AEEF;
font-size:12px;
margin-top:5px;
padding:5px 15px;
}