@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0;} /*ñapa para las separaciones de divs*/
html,body{}
body { background-color:#000 }

#contenedor { border: 1px solid #fff; width:790px; margin:30px auto}
#cabecera { background:#1f2b33 url(img/logo_zubisoft.gif) center center no-repeat;height:100px }
.hiddenImg {display:none;}
#cabecera ul {background-color:#1f2b33;list-style:none;display:block;padding:10px 0 0 10px;}
#cabecera li {width:150px;height:25px;background-color:#1f2b33;margin:0px 0 0 4px;display:block;float:left;clear:both}
#inicio a{display:block;width:150px;height:25px;background: url(img/btn_inicio.gif) left center no-repeat}
#inicio a:hover{ background:#1f2b33 url(img/btn_inicio_on.gif) left center no-repeat;cursor:pointer}
#contacto a{display:block;width:150px;height:25px;background: url(img/btn_contacto.gif) left center no-repeat}
#contacto a:hover{ background:#1f2b33 url(img/btn_contacto_on.gif) left center no-repeat;cursor:pointer}
#botonera { background-color:#27343c; height:50px;width:790px}
#botonera ul {background-color:#27343c;list-style:none;display:block;}
#botonera li {background-color:#27343c;margin:0px 0 0 4px;display:block;float:left;}
#botonera li a{display:block;}
#cuerpo {background-color:#496578;width:790px;margin:0;padding:0;position:relative;clear:both;float:left }
#izda {position:relative;display:block;float:left;width:400px;\width: 370px;w\idth: 370px;text-align:justify;padding:15px 15px;font-family: verdana;font-size: 11px;color: #FFFFFF;}
#dcha {display:block;float:right;width:390px;\width: 360px;w\idth: 360px;text-align:justify;padding:20px 15px;font-family: verdana;font-size: 11px;color: #FFFFFF;}
#centro {display:block;width:790px;\width: 760px;w\idth: 760px;text-align:justify;padding:15px 15px;font-family: verdana;font-size: 11px;color: #FFFFFF;}
#clear {clear: both; margin: 0px}
#base {clear:both;text-align:center;padding:15px;height:15px;background-color:#1f2b33;font-family: verdana;font-size: 11px;color: #FFFFFF;}
#imgcontainer {position:relative;display:block;clear:both;display:table;width:400px;text-align:cebter}
#imgcontainer img {display:block;float:left;width:auto;padding:0 20px 0;margin:0 0 0 0}
#zubisoft a{position:relative;width:140px;height:50px;background: url(img/lnk_zubisoft.gif) center center no-repeat}
#zubisoft a:hover{ background:#27343c url(img/lnk_zubisoft_on.gif) center center no-repeat;cursor:pointer;}
#servicios a{ width:140px;height:50px;background: url(img/lnk_servicios.gif) center center no-repeat}
#servicios a:hover{ background:#27343c url(img/lnk_servicios_on.gif) center center no-repeat;cursor:pointer}
#soluciones a{ width:160px;height:50px;background: url(img/lnk_soluciones.gif) center center no-repeat}
#soluciones a:hover{ background:#27343c url(img/lnk_soluciones_on.gif) center center no-repeat;cursor:pointer}
#proyectos a{ width:160px;height:50px;background: url(img/lnk_proyectos.gif) center center no-repeat}
#proyectos a:hover{ background:#27343c url(img/lnk_proyectos_on.gif) center center no-repeat;cursor:pointer}
#portafolio a{ width:150px;height:50px;background: url(img/lnk_portafolio.gif) center center no-repeat}
#portafolio a:hover{ background:#27343c url(img/lnk_portafolio_on.gif) center center no-repeat;cursor:pointer}

#cuerpo a{
	width:790px;
	margin:0;
	padding:0;
	color: #FFFF99;
	text-decoration: none;
}
#ajaxdiv li,#ajaxdiv strong { font-weight:bold;color:#FFFF99}
#margenajax { margin:44px 0}
.dchacontent {display:block; background:#1f2b33; border:0 solid #000; border-width:0 1px;padding:0 10px}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#1f2b33; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
#dcha li {margin:0px 50px}
blockquote {padding:0 0 0 20px;text-align:left }
.tithide {cursor:pointer;overflow:hidden;}
.texthideslide{	/* Content that is slided down */
	padding:1px;
	position:absolute;
	
}
.texthide{	/* Parent box of slide down content */
	/* Start layout CSS */

	
	/* End layout CSS */
	
	visibility:hidden;
	
	overflow:hidden;
	position:relative;
	

}
.texthide img {border:none;}
.texthide ul {list-style:none;}
.texthide li {padding:0 0 0 28px;display:block; float:left;}

.amarillo {color:#FFFF99}
form legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFF99;
} 
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 70px; 
	padding: 0px; 
	margin: 10px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 335px;
  max-width: 335px;

  width: 335px; 
}
form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form br {
	clear:left;
}
.holder {clear:both;display:block;}
form input, form textarea {
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:right;
	
	
}
.btn {width:auto;}
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would lessen cognitive load */
}
form input#submit, form input#reset { 
	float: none; 
	display: inline; 
	margin:0;
	padding:0;
}