body {
font-family: Arial, Helvetica, Verdana sans-serif;
font-size:12px;
color:#333333;
margin-right:0px;
line-height:14px;
}

#content {
	position:absolute;
	height:auto;
	z-index:1;
	top:0px;
	left:0px;
	right:0px;
}

/*pruebas*/

.downloadlink{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
padding-left:20px;
background:url(../imgs/downloadlink.jpg) no-repeat;
width:332px;
}
.downloadlink:hover{
color:#990000
}

#overlay{
z-index:999;
}

#error_form{
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 44px;
	top: 700px;
}

.divider{
border-top:#999999 dotted 1px;
height:20px;
}

.form{
outline:dotted #009966 solid;}

#menuglobal{
position:absolute;
left:392px;
text-align:right;
height:140px;
}

.menu_item{
	cursor:pointer;
	padding:5px;
	color:#666666;
	border-bottom:1px solid #999999;
	cursor:pointer;
}

#logo {
	position:absolute;
	width:372px;
	height:140;
	z-index:99;
	top:0px;
	left:0px;
}

.menu2 {
	position:absolute;
	width:100%;
	height:20px;
	z-index:98;
	top:120px;

}

.indentmenu{
width:100%;
height:20px;
left:372px;
}

.menu2 ul{
margin: 0;
padding: 0;
height:20px;
float: left;
width: 100%; /*width of menu*/
background: url(imgs/indent_gris_off.gif) center center repeat-x;
}

.menu2 ul li{
display: inline;
}

.menu2 ul li a{
float: left;
color: white; /*text color*/
padding: 0px 11px;
text-decoration: none;

}

.menu2 ul li a:visited{
color: white;
}

.menu2 ul li a:hover, .menu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 0px; /*shift text down 1px for selected and active item*/
padding-bottom: 0px; /*shift text down 1px for selected and active item*/
background: black url(imgs/indent_gris_on.gif) center center repeat-x;
}




div.media{
background:url(imgs/media.gif) no-repeat;
text-indent:40px;
height:32px;
line-height:3em;
}

.indent_purple{
background:#c10660;
height:20px;
}


/*LISTADO*/

div.encabezado{
background-color:#99CC00;
float:left;
width:70%;
padding-top:5px;
padding-bottom:5px;
}
div.encabezado2{
background-color:#99CC00;
float:left;
width:30%;
padding-top:5px;
padding-bottom:5px;
}

div.theader{
float:left;
width:70%;
padding-top:5px;
padding-bottom:5px;
}

.proyectos.a:link {
	color: #000;
	text-decoration: none;

}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:link {

color:#000000;

text-decoration:none}

a:hover {

	color:#c10660;
	text-decoration: none;
}
a:active {
	color: #800040;
	text-decoration: none;
}


.5pxpad {
padding-left:10px;
font-size:12px;
}

.pad {
padding:5px;
padding-left:15px;
padding-top:5px;
font-size:12px;
background:url(imgs/flecha.png) no-repeat;
}

.pad2 {
padding-left:15px;
}


div.theader2{
float:left;
width:30%;
padding-top:5px;
padding-bottom:5px;
}

/* descripcion de clientes*/
.cliente{
font-size:12px;
color:#999;
font-family: Arial, Helvetica, sans-serif;
line-height:15px;
}

.resaltado{
color:#800040;
}

#recuadrolinks{
border:#CCCCCC thin solid;
padding:10px;
}

.piedefoto{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-left:12px;
padding-top:5px;
line-height:17px;
}

div.piedefoto2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#888;
line-height:17px;
border:#CCCCCC solid thin;
width:250px;
padding:5px;
margin-left:33px;
letter-spacing:2px;
}

div.infocontacto{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#888;
line-height:13px;
margin-left:2px;
}

.lineabottom{
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}
.lineabottom2{
	border-bottom:1px solid #CCCCCC;
}

div.infocontactospacer{
padding-top:5px;

}

.descripcion{
font-size:26px;
font-weight:bold;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
/*color:#800040;*/
color:#B7B7B7;
line-height:32px;
}

.descripcion_italica{
font-size:26px;
font-weight:bold;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
/*color:#800040;*/
font-style:italic;
color:#666666;
line-height:32px;
}

.descripcion2{
font-size:18px;
line-height:18px;
font-weight:bold;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

/* END descripcion de clientes*/



/*css para thumb y listado clientes*/

#container_list {

  	width: 292px;
}

#container_descripcion{
  	width: 332px;
}

div.container {
	border: 1px thin #666666;
  	width: 292px;
}
div.float {
	float: left;
 	padding:2px;
	border:thin #666666;

}

div.spacer {
	clear: both;
  	width: 100%;
}

div.float:hover {
  background-color:#EAE9E8;
}

div.container {  
	border: 1px thin #666666;
  	width: 292px;
}

div.floatsub {
	float: left;
	padding:13px;
	background-color:#f2f1f0;
	border: 3px solid #FFFFFF;
	width: 87%;
}

div.floatsub_th {
	float: left;
	padding:13px;
	background-color:#f2f1f0;
	width: 91%;
}


/*END css para thumb y listado clientes*/


#flash{
right:0px;
height:120px;
text-indent:372px;
}

#footer{
border:thin #000000;
border-top:thin #000000;
border-top-color:#CCCCCC;
position: absolute; 
bottom: -1px; 

width: 100%; 
height: 15px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: transparent;
}

.contacto a{
margin:20px;
color:#CCCCCC;
text-decoration:none;
}
.contacto a:hover{
color:#666666;
text-decoration:none;
}



#panelizq {
	position:absolute;
	width:332px;
	height:500px;
	z-index:1;
	top:140px;
	left:0px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#panelcopyright {
	position:relative;
	width:332px;
	height:40px;
	z-index:-1;

	left:0px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#panelder {
	position:absolute;
	width:332px;
	height:500px;
	z-index:5;
	top:140px;
	left:372px;
	padding-left:0px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#panelcontacto {
	position:absolute;
	width:166px;
	height:500px;
	z-index:5;
	top:140px;
	left:724px;
	padding-left:0px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}

#panelportadahead {
	position:absolute;
	width:684px;
	z-index:1;
	top:140px;
	left:0px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#panelportadaheadsombra {
	position:absolute;
	width:684px;
	z-index:-10;
	top:150px;
	left:10px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#panelportadasubhead {
	position:relative;
	width:684px;

	z-index:2;
	top:390px;
	left:0px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.cuerpo{
font-family: Arial, Helvetica, Verdana sans-serif;
font-size:12px;
color:#666666;
}
.accordion_child {	padding:15px;
	background:#ccc;
	border-top:thin #CCCCCC;
	border-bottom:thin #CCCCCC;
}
.accordion_headings {	
	padding:5px;
	background:#fff;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	border-bottom:thin #CCCCCC;
}
.header_highlight {	background:#fff;

}
#basic-accordian {

	padding:0px;
	width:332px;
	position:absolute;
	left:0px;
	top:0px;
	margin-left:0px;
	z-index:2;
	margin-top:0px;
	border-top:thin #CCCCCC;
	border-bottom:thin #CCCCCC;
}

* {
	margin:0;
	padding:0;
	list-style:none;
}



#basic-accordian{
	
	padding:0px;
	width:332px;
	position:absolute;
	left:0px;
	top:20px;
	margin-left:0px;
	z-index:2;
	margin-top:0px;
}

.accordion_headings{
	padding:5px;
	background:#fff;

	color:#666666;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

.accordion_headings:hover{
background:#EBEBEB;
}

.accordion_child{
	padding:15px;
	background:transparent;
	
	border-bottom:thin #CCCCCC;
}

.header_highlight{
	background:#FFf;
}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
}

a#replaced {
                display:block;
                width:156px;
                height:28px; /* aqui esta el truco */
                text-indent:-9999px;
                background:url(file://///ROBERTO1/Desktop/WEB NOMONO - copia/metodo.gif) top left no-repeat;
    }
    a#replaced:hover {
                background-position:0 -28px;/* con esto cambiamos la porcion de imagen que se muestra */
				height:28px;
}
.proyectos {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding-left: 15px;
}

div.proyectos:hover{
background: #EDEDED;
text-decoration:underline;
}

.heads {

	padding:0px; /* 5px */
	background:#fff;
	color:#666666;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
.gray {
	background-color: #E4E4E4;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}

.proyectoslinkeado {
	background-color: #61122b;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding-left: 15px;
}
.proyectos-sub {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding-left: 35px;
}

div.proyectos-sub:hover{
	text-decoration:underline;
	background-color: #999999;
}

.proyectos-sublinkeado {

	background-color: #E4E4E4;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding-left: 35px;
}
.headssubout {
	padding:0px; /*originalmente eran 5px*/
	background:#fff;
	color:#666666;
	font-weight:bold;
	border-bottom-style: none;
	border-bottom-color: #ccc;
}
.descripcionorange {
	font-size:24px;
	font-weight:bold;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: ff9900;
}.alpha {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	line-height:normal;
	padding: 0px;
}