@charset "ISO-8859-1";

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../res/rayas.jpg);
	background-repeat:repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999999;
}
#contenedor {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px; 
	width: 800px;
	height:590px; 
	/*margin: auto; /* the auto margins (in conjunction with a width) center the page 
	/*border: 1px solid #333;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #999999;
}

#contenedorNoticias {
  width:600px;
  margin: auto;
	padding-top: 5px;
	border: 1px solid #333333;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #222222;
}

p.fechaNoticias {
  margin-top: 5px;
	text-align:right;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#888888 !important;
}

#cabeceraNoticias {
  color:#B5DF61 !important;
	margin:5px 2px 10px !important;

	text-align:left;
	font-size: 12px;
	font-family: Georgia,Verdana, sans-serif;
	border-bottom:1px;
	border-bottom-color:#B5DF61;
	border-bottom-style:solid;
}

div.contenedorAdmin {
	padding: 0px;
	margin: 0px;
	width: 950px;
	margin: auto; /* the auto margins (in conjunction with a width) center the page 
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
	border: 1px solid #aaa;
}

.ttheader{
	width:150px;
	font-Family:Georgia,Verdana,sans-serif;
	border:1px solid #222;
	padding:3px 3px 0px 3px;
	text-align:left;
	font-Size:12px;
	color:#B5DF61;
	background-color:#222;
	border-bottom:1px #B5DF61 solid;
  /* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
}

.ttcontent{
  border-Bottom:1px solid #222;
	border-Left:1px solid #222;
	border-Right:1px solid #222;
	width:150px;
	font-Family:"Trebuchet MS";
	padding:3px;
	text-align:left;
	font-Size:0.7em;
	color:#999;
	background-color:#222;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
}

#labeladmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	float:left;
	text-align:right;
	width:150px;
	margin:5px 0px 0px;
	padding:0px;
		}
#cabecera-admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color: #ccc;
	text-align:right;
	margin:5px 0px 25px;
	padding:0px;
}

.mini {
	width:420px;
	height:460px;
	margin:10px 4px 10px;
	
}

p.miniA {
	font-size: 12px;
	font-family: "Trebuchet MS", Georgia,Verdana, sans-serif;
	color:#B5DF61 !important;
	
}

p.miniA:visited {
  color:#B5DF61 !important;
}
p.miniB {
	font-size: 11px;
	font-family: "Trebuchet MS", Georgia,Verdana, sans-serif;
	color:#ccc !important;
	text-align:left;
	line-height:11px !important;
}
.logo {
	padding: 0 2px;
	float:left;
	position: relative;
	top:14px;
	width: 180px;
	background-color:transparent;
	
}

div.imgfondo {
	position: relative;
	top:20px;
	float:left;
	background-repeat:no-repeat;
	background-position:center; 
	padding:0px;
	margin: 0px;
	width: 800px;
	height: 500px;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	
}

div.fondocolimo {
	position: relative;
	top:20px;
	float:left;
	background-repeat:no-repeat;
	background-position:center; 
	padding:0px;
	margin: 0px;
	width: 800px;

	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	
}

div.img-contacto {
	float:left; 
	position:relative; 
	left:0px; 
	top: 0px; 
	width:182px; 
	height: 500px;
	background-image: url(../imagenes/fondo_contacto.jpg);
	display:inline;
 }
#imagen-inicio { background-image: url(../imagenes/index.jpg);}

#imagen-inicioen { background-image: url(../imagenes/index_en.jpg);}

#imagen-galarq { background-image: url(../imagenes/fondo_arq.jpg);}
#imagen-galarqen { background-image: url(../imagenes/fondo_arq_en.jpg);}
/* IE6 Only */
* html #imagen-galarq { background-image: url(../imagenes/fondo_arq.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
/* IE6 Only */
* html #imagen-galarqen { background-image: url(../imagenes/fondo_arq_en.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}

#imagen-galcivil { background-image: url(../imagenes/fondo_civ.jpg);}
#imagen-galcivilen { background-image: url(../imagenes/fondo_civ_en.jpg);}
/* IE6 Only */
* html #imagen-galcivil { background-image: url(../imagenes/fondo_civ.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
/* IE6 Only */
* html #imagen-galcivilen { background-image: url(../imagenes/fondo_civ_en.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
#imagen-galpubli { background-image: url(../imagenes/fondo_publi.jpg);}
#imagen-galpublien { background-image: url(../imagenes/fondo_publi_en.jpg);}
/* IE6 Only */
* html #imagen-gapubli { background-image: url(../imagenes/fondo_publi.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
/* IE6 Only */
* html #imagen-gapublien { background-image: url(../imagenes/fondo_publi_en.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
#imagen-galsimul { background-image: url(../imagenes/fondo_simulacion.jpg);}
#imagen-galsimulen { background-image: url(../imagenes/fondo_simulacion_en.jpg);}
/* IE6 Only */
* html #imagen-galsimul { background-image: url(../imagenes/fondo_simulacion.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
/* IE6 Only */
* html #imagen-galsimulen { background-image: url(../imagenes/fondo_simulacion_en.jpg);
				position:relative;
				top:-100px;
				display:inline;
				padding-top:100px;
				}
#imagen-qsomos { background-image: url(../imagenes/fondo_qsomos.jpg);}
#imagen-contacto { background-image: url(../res/rayas.jpg);
					background-repeat:repeat;
					border-color:#aaa;
					border-style: solid;
					border-width: 1px;
					}
#imagen-itech { background-image: url(../res/rayas.jpg);
					background-repeat:repeat;
					border-color:#aaa;
					border-style: solid;
					border-width: 1px;
					}
					
#zona1 {    
		display:block;
		width:100%;
		height:100%;
		
}


div.cuadro-galeria {
	padding: 5px 5px;
	width: 502px;
	height: 382px;
	float:left;
	background-color: #222;
	border: 0.5em;
	border-color:#111;
	border-style: solid;
	/* for IE 
  	filter:alpha(opacity=95);
   CSS3 standard 
  	opacity:0.95;*/
	}
	
.reel{
position:relative;
left:25px; 
#left:-170px;
top: 280px; 
width:165px; 
height:170px; 
cursor:pointer;
}

.anuncio{

position:relative;
left:0px; 
#left:0px;
top: 0px; 
width:165px; 
height:100px; 
cursor:pointer;
}

.anuncio_bajo{

position:relative;
left:0px; 
#left:0px;
top: 280px; 
width:160px; 
height:95px; 
cursor:pointer;
}

/* IE6 Only */
* html .reel{
	position:relative;
	top:300px;
	left:-170px;
	width:165px; 
	height:170px; 
	cursor:pointer;
}

* html .anuncio{
	position:relative;
	top:20px;
	left:0px;
	width:165px; 
	height:100px; 
	cursor:pointer;
}

div.cuadro-texto  {
	padding: 3px 4px 3px;
	background-color: #222;
	border: 0.5em;
	border-color:#111;
	border-style:solid;
	/* for IE */
  	filter:alpha(opacity=95);
  	/* CSS3 standard */
  	opacity:0.95;
	
	}

div.texto-copyright {
	position:relative;
	left: -5px;
	top: 15px;
	float:left;
	text-align:left;
	padding: 10px;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#888;
}
div.texto-aviso {
	position:relative;
	top: 24px;
	float:right;
	text-align:right;
	margin-right:5px;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#888;
	z-index:3;
}

#admin_input
{
	border:0px !important;
	border-color:#000;
	background:transparent;
}

#textoA{
	margin:4px;
	
	font-size: 0.7em;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#aaa;

	}

#cabeceraDescarga{
  margin:5px 2px 5px;
	text-align:left;
	font-size: 12px;
	font-family: Georgia,Verdana, sans-serif;
	color:#B5DF61;
	
}

#textoDescarga{
	margin:4px;
	font-size: 0.7em;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#aaa;
  width:290px;
	}
	
#textocabecera{
	margin:5px 2px 5px;
	text-align:left;
	font-size: 12px;
	font-family: Georgia,Verdana, sans-serif;
	color:#B5DF61;
	border-bottom:1px;
	border-bottom-color:#B5DF61;
	border-bottom-style:solid;
	}
	
div.cita {
	width:800px;
	position:relative;
	float:right;
	left:0px;
	top: -115px;
	background-color: #222;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
}

#firma-cita {
	margin:-1px 20px 2px 0px;
	text-align:right;
	font-size: 0.6em;
	font-family: "Trebuchet MS",Georgia,Verdana, sans-serif;
	color:#B5DF61;
}

#texto-cita{
	margin:4px 70px 4px 0px;
	text-align:right;
	
	font-size: 0.7em;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#aaa;
}

.cuadro-texto #fecha{
	margin:2px;
	padding: 0px 2px;
	text-align:right;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#888;
	}
	
/*Aquí lo del mail*/

div.email{
	position:relative;
	top:2px;
	width:500px;
}
#formulario{
	position:relative;
	left:-30px;
	width:500px;
	height:380px;
}

#formulario label{
	display:block;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	width:200px;
	float:left;
	margin-top:18px;
	line-height: 14px;
}

#formulario .peque{
	margin-top:0px;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;
}

.peque2{
	margin-top:0px;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;
  color: #FF9900;
}

.peque2:hover{

	color: #FF9900;
}

input {
	
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:200px;
	margin:20px 0 20px 10px;
	border:1px solid #B5DF61;
	color: #888;
	background-color: transparent;
	} 

select {
float:left;
	font-size:12px;
	padding:4px 2px;
	width:200px;
	margin:20px 0 20px 10px;
	border:1px solid #B5DF61;
	color: #888;
	background-color: #C3DF8B;
	background-color: transparent;
  }
  
textarea {
	
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:250px;
	margin:20px 0 20px 10px;
	border:1px solid #B5DF61;
	color: #888;
	background-color: transparent;
	}
	
input:focus, textarea:focus, select:focus {
	background-color: #C3DF8B;
	border:1px solid #333;
	color:#333;
	}
input:hover, textarea:hover, select:hover {
	background-color: #C3DF8B;
	border:1px solid #333;
	color:#333;
	}


	
.spacer{clear:both; height:1px;}

/*Fin mail*/
	
.thumbnailQS{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 10px;
	}

.rolloveroscar {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../imagenes/moskis.jpg) no-repeat;
  text-indent: -9999px;
  cursor: default;
}

a.rolloveroscar:link, a.rolloveroscar:visited, a.rolloveroscar:active {
  background: url(../imagenes/moskis.jpg) no-repeat;
  cursor: default;
}

a.rolloveroscar:hover {
  background-position: -60px;
  cursor: default;
}

.rolloverjan {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../imagenes/jan.jpg) no-repeat;
  text-indent: -9999px;
  cursor: default;
}

a.rolloverjan:link, a.rolloverjan:visited, a.rolloverjan:active {
  background: url(../imagenes/jan.jpg) no-repeat;
  cursor: default;
}

a.rolloverjan:hover {
  background-position: -60px;
  cursor: default;
}

.rolloverjapi {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../imagenes/japi.jpg) no-repeat;
  text-indent: -9999px;
  cursor: default;
}

a.rolloverjapi:link, a.rolloverjapi:visited, a.rolloverjapi:active {
  background: url(../imagenes/japi.jpg) no-repeat;
  cursor: default;
}

a.rolloverjapi:hover {
  background-position: -60px;
  cursor: default;
}

.rolloverjosmar {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../imagenes/josmar.jpg) no-repeat;
  text-indent: -9999px;
  cursor: default;
}

a.rolloverjosmar:link, a.rolloverjosmar:visited, a.rolloverjosmar:active {
  background: url(../imagenes/josmar.jpg) no-repeat;
  cursor: default;
}

a.rolloverjosmar:hover {
  background-position: -60px;
  cursor: default;
}

/* aqui lo del menu --------------------------------------------------------------------------------------------------------------------------


/* StyleSheet for the Jump Menu example.
 * Seamus P. H. Leahy
 * Freely use and improve upon.
 **/

/* Base code for the menu*/
/* esto ya se parece más bien poco al original*/
.jumpMenu{
	position: relative; /* needed */
	padding: 0px;
	top: 54px;
	left: 15px;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	float: left;
	width: 100px;
	height: 22px;
}

.jumpMenu:hover{
	z-index: 10; /* place it over top of the surronding text */
	color: #B9EF7C;
	background-color:transparent;
}

/* The label of the jump menu */
.jumpMenu #label{
	text-decoration: none;
	width: 80px;
	height: 16px;	
	padding: 7px 12px;	
	display: block;	
	text-align: center;
	position: relative;
	z-index: 2; /* key so that the links can hide underneath it */
	cursor: default; /* The pointer cursor gives a better ui feel, I think */
	color: #B9EF7C;
	background-color:transparent;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;

}

.jumpMenu:hover #label{
	text-decoration:underline;
	width: 80px;
	height: 15px;		
	padding: 7px 12px;
	text-align: center;
	cursor: default; /* The pointer cursor gives a better ui feel, I think */
	background-color: transparent;
	color: #B9EF7C;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
}


.jumpMenu ul{
	margin: 0;
	padding: 0px 0px;
	height: 0;
	position: absolute;
	font-size: 12px;
	font-weight:bold;
}
.jumpMenu ul li{	
	list-style: none;	
	display: inline;
	font-size: 12px;
	font-weight:bold;
}
.jumpMenu ul a{
	outline: none;
	display: block;	
	text-decoration: none;
	background-image: none;
	height: 14px;
	font-size: 12px;
	/* Make it small and place underneath the label which
	 * hides the links but allows them to gotten to by tabbing */
	margin-top: -10px;
	position: absolute;
	height: 0;	
	overflow: hidden;
	width: 117px;	
	color:  #B9EF7C;
	background-color: Black;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
	
}

.jumpMenu ul a:hover{
	outline: none;
	background-color: #B9EF7C;
	color: Black;
	cursor: default;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
}
.jumpMenu:hover ul a,
.jumpMenu ul a:focus
{
    margin-top: 0;
	visibility: visible;
	position: static;
	cursor: default;
	overflow: visible;
	z-index: 3;
	margin-left: 5px;
	height: 14px;
	padding: 4px 5px 4px 10px;
	border-style: solid;
	border-color: #B9EF7C;
	border-width: 0 1px 1px 1px;
	visibility: visible;
	
}
a {outline: none;
	background-color:transparent;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1;}
a:link, a:visited {
	text-decoration: none;
	color: #B5DF61;
}

a:hover {
	color: #B9EF7C;
	z-index:3;}
	
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin: 2px 8px 10px;
	}

a img{ 	border: none;}


	/* COLIMO */
#fadeshow1{
  /* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1;
}
.colimo_thumb{
  padding: 3px 3px 4px 3px;
  background-color: #1f1d1d;
  border: 1px solid #2a2a2a;
  
  margin: 2px 8px 2px;
  width:274px;
  height:62px;
}

.colimo_thumb:hover{

  background-color: #2a2a2a;
  cursor:pointer;
}

.colimo_cabecera{
  margin:3px 2px 10px;
  font-size: 0.9em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #B9EF7C;
}
.colimo_text{
  font-size: 0.7em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#e6e6e6;
  line-height: 1.2em;
  margin:4px 2px 4px;
  }

.colimo_barra_demo{
  
  background: url(../imagenes/col_barra_demo.jpg) no-repeat;
  border: 1px solid #2a2a2a;
  
  width:158px;
  height:55px;
  float:left;
  /* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.colimo_barra_demo:hover{
 background: url(../imagenes/col_barra_demo_hover.jpg) no-repeat;
  cursor:pointer;
}

.colimo_barra_features{
  
  background: url(../imagenes/col_barra_features.jpg) no-repeat;
  border: 1px solid #2a2a2a;
  
  width:158px;
  height:55px;
  float:left;
  /* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.colimo_barra_features:hover{
 background: url(../imagenes/col_barra_features_hover.jpg) no-repeat;
  cursor:pointer;
}

.colimo_barra_faq{
  
  background: url(../imagenes/col_barra_faq.jpg) no-repeat;
  border: 1px solid #2a2a2a;
  
  width:158px;
  height:55px;
  float:left;
  /* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.colimo_barra_faq:hover{
 background: url(../imagenes/col_barra_faq_hover.jpg) no-repeat;
  cursor:pointer;
}

.colimo_barra_forum{
  
  background: url(../imagenes/col_barra_forum.jpg) no-repeat;
  border: 1px solid #2a2a2a;
  
  width:158px;
  height:55px;
  float:left;
  /* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.colimo_barra_forum:hover{
 background: url(../imagenes/col_barra_forum_hover.jpg) no-repeat;
  cursor:pointer;
}

.colimo_barra_buy{
  
  background: url(../imagenes/col_barra_buy.jpg) no-repeat;
  border: 1px solid #2a2a2a;
  
  width:158px;
  height:55px;
  float:left;
  /* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.colimo_barra_buy:hover{
 background: url(../imagenes/col_barra_buy_hover.jpg) no-repeat;
  cursor:pointer;
}

.colimo_videodemo{
background: url(../imagenes/col_demo.jpg) no-repeat;
}

.colimo_faq{
background: url(../imagenes/col_faq.jpg) no-repeat;
}

.colimo_features{
background: url(../imagenes/col_features.jpg) no-repeat;
}

.colimo_buy{
background: url(../imagenes/col_buy.jpg) no-repeat;
}

.colimo_buy1{
background: url(../imagenes/col_1lic.jpg) no-repeat;
width:79px;
height: 61px;
cursor:pointer;
position:relative;
top:11px;
left:180px;
}
.colimo_buy4{
background: url(../imagenes/col_4lic.jpg) no-repeat;
width:79px;
height: 61px;
cursor:pointer;
position:relative;
top:-50px;
left:280px;
}
.colimo_buy1en{
background: url(../imagenes/col_1lic_en.jpg) no-repeat;
width:79px;
height: 61px;
cursor:pointer;
position:relative;
top:11px;
left:180px;
}
.colimo_buy4en{
background: url(../imagenes/col_4lic_en.jpg) no-repeat;
width:79px;
height: 61px;
cursor:pointer;
position:relative;
top:-50px;
left:280px;
}

#colimo_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	background-image: url(../res/rayas.jpg);
	background-repeat:repeat;
	margin: 10px;
	margin-bottom:0px;
	width: 1000px;
	border-collapse: collapse;
	text-align: left;
	float:left;
}

#colimo_table th 
{
	font-size: 13px;
	font-weight: normal;
	color: #B9EF7C;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}

#colimo_table td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#colimo_table tbody tr:hover td
{
	color: #d7f5b4;
}
div.FB_icon
{
  background: url(../res/facebook_plano.png) no-repeat;
  width:16px;
  height: 16px;
  float:right;
  cursor:pointer;
  position:relative;
  top:24px;
  right:215px;
  z-index:3;
}
div.gplus_icon
{
  width:16px;
  height: 16px;
  float:right;
  cursor:pointer;
  position:relative;
  top:24px;
  right:180px;
  z-index:3;
}