body {
   font-family: sans-serif;
   font-size: 15px;
	 overflow-x: hidden;
}

#ie6 {
	display: none;
}

a { color: #1e76b7; text-decoration: none; }
   
a img { border: none;}

h1 { margin: 8px 0px; font-size: 17px; }
h3 { font-size: 15px; margin: 10px 0 4px;}
h4 { font-size: 15px; font-weight: normal; line-height: 0.7em; text-transform: uppercase; margin: 5px 0;}

p {
  margin: 5px 0px;
}

#main-container {
  width: 922px;
  margin: -12px auto;
}

.banner {
  margin-top: 15px;
}

.msg {
	border-left: 6px solid #A0C2DC;
	padding-left: 10px;
}

/* header -----------------*/
/* -----------------------------------------------------*/

#header {
  height: 143px;
}

#header-left-corner, #header-right-corner {
  width: 11px;
  height: 143px;
}

#header-left-corner, #header-right-corner, #header-content {
  float: left;
  margin-top: 0px;
}

#header #header-content {
  width: 900px;
  height: 143px;
  background: url('../images/layout/header-repeatx.png') repeat-x;
}

/* logo -----------------*/
/* -------------------------------*/

#logo img {
  margin-top: 40px;
  padding-left: 59px;
}

/* menu -----------------*/
/* -------------------------------*/

ul#menu {
	margin-top: 16px;
	margin-left: 14px;
}

ul#menu li {
  list-style: none;
  top: 49px;
}

ul#menu li#servicios, ul#menu li#trabajos, ul#menu li#contacto {
  height: 80px;
  width: 150px;
  float: left;
  padding-left: 12px;
}

ul#menu li a {
  color: black;
}

#servicios-hover, #trabajos-hover, #contacto-hover {
  position: absolute;
  display: none;
}

#servicios-hover, #trabajos-hover, #contacto-hover  {
  top: -72px;
  right: 0px;
}

ul#menu li#servicios {
background: url('../images/layout/servicios.png') no-repeat;
}
ul#menu li#servicios:hover {
background: url('../images/layout/servicios-over.png') no-repeat;
}

ul#menu li#trabajos {
background: url('../images/layout/trabajos.png') no-repeat;
}
ul#menu li#trabajos:hover {
background: url('../images/layout/trabajos-over.png') no-repeat;
}
ul#menu li#contacto {
background: url('../images/layout/contacto.png') no-repeat;
}
ul#menu li#contacto:hover {
background: url('../images/layout/contacto-over.png') no-repeat;
}

ul#menu li ul.submenu { width: 131px;  position: relative; left: -40px; top: 45px;}
ul#menu li ul.submenu li { display: inline; font-size: 11px; margin-right: 10px;}

/* contenido -----------------*/
/* -----------------------------------------------------*/

#content-container {
margin: 10px auto 0px;
font-size: 12px;
}

#content-left-corner,
#content,
#content-right-corner {
  float: left;
}

#content-container #content-left-corner,
#content-container #content-right-corner {
  width: 11px;
}

#content-container #content {
  min-height: 400px;
  padding: 0px -5px 0px;
  padding-top: 20px;
  background: url('../images/layout/content-repeatx.png') repeat-x top;
}

img.titulo {
	padding-top: 10px;
  padding-bottom: 10px;

}

.info-servicios {
  margin-top: 25px;
}

.info-servicios div {
	margin-bottom: 15px;
}

.info-servicios h4 {
  padding-left: 33px;
	padding-top: 3px;
	padding-bottom: 2px;
  font-size: 16px;
	font-weight: bold;
	text-transform: none;
  margin: 0px;
  background: url('../images/layout/bg-titulo.png') no-repeat scroll 0 0;
  color: #42464A;
}

#precios-competitivos {
	width: 398px;
	height: 150px;
	margin-top: 15px;
	background: #e4edf3;
	border: 1px solid #bbbbbb;
	padding: 5px;	
}

.presentacion-empresa {
	margin: 15px 0 0 10px;
}

/* general contenido -------*/
/* -----------------------------------------------------*/
#short-blue div {
  min-height: 250px;
  color: white;
  padding-left: 7px;
  padding-right: 7px;
  background: url('../images/web/repeatxy-blue.png');
}

#short-blue div p {
  font-size: 1.1em;
  margin: 0px;
  padding-bottom: 10px;
}

#carta-servicios {
	margin: 10px 0 0 9px;
}

/* noticias ----------------*/
/* -----------------------------------------------------*/

#noticias {
  margin-top: 5px;
  margin-left: 6px;
  width: 442px;
}

#noticia {
  margin-bottom: 15px;
  margin-top: 10px;
}

#noticia a.mas-info {
  padding-left: 22px;
  padding-top: 3px;
  height: 16px;
  background: url('../images/layout/mas.png') no-repeat 0 0;
  color: #468ec4;
}

#noticia p { font-size: 15px; line-height: 21px; margin-bottom: 19px; text-align: justify; }
#noticia h2 { margin: 0px;}
#noticia h4 { margin-top: 5px; margin-bottom: 10px;}

#buscador {
	height: 46px;
	background: url('../images/noticias/background-buscador.png') no-repeat;
	margin-bottom: 14px;
	margin-top: -8px;
}

#buscador #titulo-noticias {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

#noticias_nav h2 {
	height: 30px;
	padding-left: 10px;
	background: #C6DAEA;
	border-left: 10px solid #A0C2DC;

}

#noticias_nav h3 {
	border-bottom: 1px solid #bababa;
}

#noticias_nav h3 a {
	line-height: 20px;
}

/* Servicio web ---------------*/
/* -----------------------------------------------------*/

#oferta {
	position: absolute;
	top: 247px;
	margin-left: -459px;
	z-index:999;
	display:none;
}

#header-video {
	padding: 20px;
	height: 217px;
}

#header-video p {
}

#banner-web {
  margin-left: 27px;
  margin-bottom: 25px;
}

.garantia h2 {
  font-size: 15px;
  top: -10px;
  height: 31px;
  margin-bottom: -8px;
  padding-top: 9px;
  padding-left: 42px;
}

.garantia #accesibilidad {
  background: url('../images/servicios/icono-accesibilidad.png') no-repeat;
}

.garantia #escalabilidad {
  background: url('../images/servicios/icono-escalabilidad.png') no-repeat;
}

.garantia #seguridad {
  background: url('../images/servicios/icono-seguridad.png') no-repeat;
}

.garantia #posicionamiento {
  background: url('../images/servicios/icono-posicionamiento.png') no-repeat;
}

#gray-container-top {
  background: url('../images/servicios/gray-container-top.png') no-repeat;
}

#gray-container-body {
  background: url('../images/servicios/gray-container-repeatx.png') repeat-y;
}

#gray-container-bottom {
  background: url('../images/servicios/gray-container-bottom.png') repeat-x;
}

#gray-container-top, #gray-container-bottom {
  height: 15px;
}

#work img {
	width: 900px;
	height: 277px
}

#work {
	width: 900px;
	height: 277px
}

#edicion img {
	margin-top: 25px;
	margin-left: 30px;
}

/* Servicio video ---------------*/
/* -----------------------------------------------------*/
#head-video h2 {
	margin: 10px 0;
}

#head-video h4 {
	color: gray;
	margin-bottom: 15px;
}

#enfoque-video .contenido {
	margin: 10px auto;
	padding: 3px 15px;
}

#enfoque-video .contenido h4 {
	background: url('../images/layout/list.png') no-repeat top left;
	padding-left: 18px;
	padding-top: 3px;
	line-height: 13px;
}

#servicio-vip {
	margin-top: 30px;
}

#servicio-video-digital .slide {
	margin-top: 10px;
	margin-left: 15px;
}


/* Portafolio web ---------------*/
/* -----------------------------------------------------*/

#trabajos-web {
	margin: 11px 18px;
}

#trabajos-web .trabajo-web {
	float: left;
	height: 260px;
	width: 414px;
	margin: auto 11px 14px;
}

.trabajo-web .preview {
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}

.trabajo-web .preview img {
	padding: 2px;
  border: 1px solid #cccccc;
}

.trabajo-web .info {
	position: relative;
	top:-261px;
	left: 0;
	z-index: 200;
	width: 392px;
	height: 240px;
	opacity: 0;
	color: red;
	background: black;
	padding: 10px;
}

.trabajo-web .info .enlace-web {
	width: 126px;
	height: 22px;
	float: right;
	margin-top: -49px;
	margin-right: 3px;
}

.trabajos-web .info .enlace-web img {
	border: none;
}

.trabajo-web {
	width: 409px;
}

.trabajo-web h3 {
	color: #468ec4;
}

.trabajo-web h3, .trabajo-web p {
	margin-left: 10px;
}

#overlay-web {
	margin-top: 45px;
}

#overlay-web img {
	padding-bottom: 15px;
}


.overlay {
	display: none;
	z-index: 1000;
	padding: 10px;
	background: white;
}

.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:19px;
	width:19px;
}

#overlay-web:hover {
	cursor: pointer;
}

/* Portafolio video ---------------*/
/* -----------------------------------------------------*/
#slidevideo {
	width: 581px;
	height: 183px;
}

/* contacto ---------------*/
/* -----------------------------------------------------*/

#contacto h2 img {
	margin-left: 10px;
}

#form-mensaje {
	border-left: 6px solid #FBE29F;
	padding-left: 10px;
}

#form-contacto label {
	width: 100%;
	margin-right: 0.5em;
	display: block;
}

#form-contacto #form-mensaje input, #form-contacto #form-mensaje textarea {
  width: 100%;
}

#form-contacto textarea {
  font-family: sans-serif;
  font-size: 12px;
}


#captcha {
	height: 30px;
}

#contacto_captcha {
	height: 21px;
	font-size: 16px;
}

#form-contacto input#enviar {
	background: url('../images/contacto/enviar.png');
	border: none;
	width: 82px;
	margin-top: 6px;
	cursor: pointer;
}

img.captcha, #contacto_captcha, #form-contacto input#enviar {
	float: left;
}

img.captcha, #contacto_captcha {
	margin-left: 9px;
}

ul.error_list {
	list-style: none;
}

ul.error_list li {
	padding:0;
	margin:0;
}

h2.telefono, h2.email {
	font-size: 14px;
	height: 54px;
	padding-left: 67px;
	padding-top: 1px;
}

h2.telefono { background: url('../images/contacto/telefono.png') no-repeat; } 
h2.email { padding-top: 4px; background: url('../images/contacto/email.png') no-repeat; }

#mapa {
	border: 1px solid #333;
}

#mensaje-contacto {
	color: red;
}

#form-contacto .msg {
	margin: 6px 10px;
}

#info-contacto {
	margin-top: 30px;
}


/* footer ----------------*/
/* -----------------------------------------------------*/

#footer {
  margin: 25px auto 0px;
}

#footer #footer-content {
  width: 675px;
  height: 123px;
  padding: 0px -5px 0px;
  background: url('../images/layout/footer-repeatx.png') repeat-x top;
}

#footer-left, #footer-content, #footer-right {
  float: left;
}

#footer-content #logo-footer {
  margin: 40px auto;
}

#footer-content #info {
	font-size: 10px;
	margin: 45px  -24px 10px
}

#footer-content #info h2 {
	font-size: 10px;
	line-height: 7px;
	font-weight: normal;
}

#footer-content #info span {
	color: #1E76B7;
}

#footer-content #navegacion {
	margin-top: 50px;
	float: right;
	font-size: 10px;
}

#footer-content #navegacion a {
	line-height: 15px;
}

#grafico {
  margin-top: 15px;
}