/*Reseteo general*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
strong { font-weight:bold; }
em { font-style: italic; }

/* Estilos globales */
html{ background-color:#0A131C; }
body{ background:url(../img/fondo.jpg) #0A131C no-repeat scroll center top ; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; min-height:800px; height:100%; }
a{ text-decoration:none; }
.clear{ display:block; clear:both; float:none; line-height:2px; height:2px; }

#container{ width:890px; display:block; padding-top:10px; margin:0 auto;  }
#header{ background:url(../img/header.png) no-repeat; height:117px; width:890px; display:block; margin-bottom:26px; }
#header h1{ width:150px; height:117px; }
#header h1 a{ width:150px; height:117px; display:block; text-indent:-9999px; }

#ultimosTrabajos{ background:url(../img/ultimos-trabajos-fondo.png) no-repeat; margin:0 0 0 71px; display:block; width:809px; height:300px; position:relative;  }
#ultimosTrabajos h2{ background:url(../img/h2-ultimos-trabajos.png) no-repeat 13px center; height:38px; display:block; text-indent:-9999px; }
#myController{ margin-top:-18px; text-indent:-9999px;}
#jFlowSlide { margin:19px 15px 0 15px; width:779px; height:228px; display:block; overflow:hidden; }
#proyectos{   }
#proyectos .imgProyecto{ background:url(../img/img-proyecto-fondo.png); width:452px; height:228px; float:right;}
#proyectos .descripcion{ display:block; float:left; width:286px; line-height:12px;}
#proyectos .descripcion h3{ font-size:18px; font-weight:bold;  }
#proyectos .descripcion a.url{ color:#FFFFCC; display:block; padding:3px 0 ;}
#proyectos .descripcion a.url:hover{ color:#FFF; }
#proyectos .descripcion .separa{ background:url(../img/descripcion-separa.png) no-repeat; width:286px; height:8px; display:block; text-indent:-9999px; margin:4px 0 9px;}
#proyectos .descripcion ul{ display:block; margin:12px 0 0; }
#proyectos .descripcion ul li{ background:url(../img/punto-li.gif) no-repeat left 4px; padding:0 0 6px 8px;  }

#ultimosTrabajos .crtlRight{ background:url(../img/ctrl-right.png) no-repeat top; width:20px; height:28px; display:block; text-indent:-9999px; position:absolute; top:260px; left:295px; }

#ultimosTrabajos .crtlLeft{ background:url(../img/ctrl-left.png) no-repeat top; width:20px; height:28px; display:block; text-indent:-9999px; position:absolute; top:260px; left:255px;}

#ultimosTrabajos .crtlLeft:hover{ background-position:bottom; left:252px; }
#ultimosTrabajos .crtlRight:hover{ background-position:bottom; left:298px;}

ul.loQueHago{ display:block; padding:50px 0 0 71px; }
ul.loQueHago li{ width:248px; display:block; float:left; }
ul.loQueHago li.MaquetacionWeb{ margin:0 33px 0 32px;  }
ul.loQueHago li h2{ height:22px; display:block; text-indent:-9999px; }
ul.loQueHago li.disenoWeb h2{ background:url(../img/h2-disenio-web.png) no-repeat 4px top; }
ul.loQueHago li.MaquetacionWeb h2{ background:url(../img/h2-maquetador-web.png) no-repeat 4px top; }
ul.loQueHago li.ProgramacionPhp h2{ background:url(../img/h2-programador-php.png) no-repeat 4px top; }
ul.loQueHago li p{ background:url(../img/lo-que-hago-p-fondo.png); padding:22px 14px; text-align:center; color:#38777E; }

.consultas{ display:block; padding:50px 0 0 71px; clear:both; }
.consultas h2{ background:url(../img/h2-consultas.png) no-repeat 4px top; height:31px; display:block; text-indent:-9999px; }
.consultas form{ position:relative; }
.consultas form legend{ display:none; }
.consultas form .campo{ padding:0 10px 11px 0; width:378px; height:33px; }
.consultas form .campo input{ background:url(../img/campo-input.gif) no-repeat center ; width:269px; height:26px; border:none; color:#336C72; font-size:12px; padding:7px 4px 0px 8px; }
.consultas form .campo input.error{ background:url(../img/campo-input-error.gif) no-repeat center ; color:#fff; }
.consultas form .campo label{ width:95px; height:33px; display:block; float:left; text-indent:-9999px; }
.consultas form .nombre label{ background:url(../img/label-nombre.gif) no-repeat center; }
.consultas form .email label{ background:url(../img/label-email.gif) no-repeat center; }
.consultas form .pais label{ background:url(../img/label-pais.gif) no-repeat center; }
.consultas form textarea{ background:url(../img/textarea.gif) no-repeat center; width:409px; height:109px; margin-right:10px; float:right; border:none; margin-top:-132px; color:#336C72; font-size:12px; padding:6px; }
.consultas form textarea.error{ background:url(../img/textarea-error.gif) no-repeat center; color:#fff; }
.consultas form .btnEnviar{ background:url(../img/btnEnviar.png) no-repeat center; width:73px; height:31px; display:block; text-indent:-9999px; border:none; float:right; clear:both; margin:-25px 18px 0 0; position:relative; cursor:pointer; }

#footer{ background:url(../img/footer.gif) no-repeat bottom right; height:40px; width:809px; display:block; padding:50px 0 0 71px; clear:both; position:relative;  }
#footer a.irArriba{ position:absolute; bottom:10px; right:10px; display:block; width:70px; color:#244D51; }
#footer p{ color:#244D51; padding:13px 0 0 15px; }
#footer p a{ margin-left:15px; color:#244D51; }
#footer a:hover{ text-decoration:underline; }

/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*sexy alert*/
#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../img/alert/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../img/alert/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../img/alert/bg-box-top.png') top left no-repeat !important;	
  background: url('../img/alert/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../img/alert/bg-box-body.png') top left repeat-y !important;
  background: url('../img/alert/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 80px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../img/alert/good.gif') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../img/alert/bad.gif') top left no-repeat;
}