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

body {
background-color:#d1d1d1;
margin:0 0 0 0px;
font-family:Tahoma, Geneva, sans-serif; 
}

#capaFondoRep {
background-image:url("../images/filete.jpg");
background-repeat:repeat-x;
height:620px;
width:100%;
}

img{
border:none;
}

#contenedor {
width:1020px;
margin:auto;
text-align:center;
}

.textonormal{

	font-size:12px;
	color:#000;
	text-align:left;
}

.mas{	
	  font-size:12px;
	  float:left;
	  width:92%;
	  height:10px;
	  text-align:right;
}
.mas  a:link{  
      color: #a80210;  
	  font-weight:normal;
	  text-decoration:none;
  } 
  
.mas  a:visited{  
      color: #a80210;  
	  font-weight:normal;
	  text-decoration:none;
  } 
  
.mas  a:hover {  
      color: #999;  
	  font-weight:normal;
	  text-decoration:none;
  } 
  
  
/*////////////////////////////CABECERA////////////////////////////*/

#contenedorheader {
width:939px;
float:left;
}
#tabMenu {  
      margin:0 0 0 0px;  
      padding:0 0 0 0px;
	  float: left;
	  width:939px;
	  height:43px;
  } 
  
#fondocabecera1 {
width:299px;
height:56px;
background-image:url("../images/topCabecera1.jpg");
float:left;
}

#fondocabecera2 {
width:502px;
height:56px;
background-image:url("../images/topCabecera2.jpg");
float:left;
}

#fondocabecera3 {
width:183px;
height:56px;
background-image:url("../images/topCabecera3.jpg");
float:left;
}

#logo{}

#menu{
	margin-top:33px;
	height:20px;
	padding:0 0 0 12px;
	font-size:12px;
	text-align:center;
	
}

#menu a {
		color:#FFFFFF;
		font-weight:normal;
		margin-right:18px;
		padding:1px;
		text-decoration:none;
		}

#menu  a:hover {  
      color: #999;  
      text-decoration:none; 
	  font-weight:normal;
  } 
  
#cabecera {
	width:1020px;
	height:210px;
	margin:auto;
	text-align:center;
}

#lateralizq {
width:40px;
height:186px;
float:left;
}

.botones{float:left;}

.lineatop{
	height:56px; 
	width:984px; 
	float:left;
}

.cabizq{
	width:359px;
	height:210px;
	text-align:left; 
	float:left;
	background-image:url(../images/cabeceraizq.jpg);
}

#cabder{
    width:580px;
    height:210px;
    background-image:url(../images/cabecerader.jpg);
	float:left;
}
.textotitulo{
	padding-top:10px;
	margin-left:92px;
}

#tit{
	float:left;
	padding:37px 0 0;
	width:100%;
}

#subtit{
	float:left;
	padding:4px 0 0;
	width:100%;
}

h1{
	 font-size:50px; 
	 color:#FFF; 
	 font-weight:bold;
	 text-align:center;
	 margin:0;
	 padding:0;

}

h1 a{  
      color: #FFF;  
	  font-weight:bold;
	  text-decoration:none;
  } 
  
.rojoencab{
	 color:#a80210;
}

h2{
	font-size:21px; 
	color:#FFF;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:center;
}

h2 a{  
      color: #FFF;  
	  font-weight:normal;
	  text-decoration:none;
  } 
  
#botonera {  
	  background-image:url(../images/menufondo.jpg);
	  background-repeat:no-repeat;
	  cursor:pointer; 
	  width:939px;
	  height:43px;
	  text-align:left;
	  float:left;
	  padding:0px 0px 0px 0px;
    }   
  
#botonera ul {
	  height:43px;
	  width:939px;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 0px 8px;
	  font-size:15px;
    } 
 
#botonera li {
		float:left;
		padding:0px 5px 0px 0px;
		list-style:none;
		margin:0px;
		width:150px;
    }
   
#botonera a{
	   display:block;
	   text-align:center;
	   text-decoration:none; 
	   padding:12px 0px 10px 0px;
	   color: #FFF;
	   width:150px;
	   
	}
	
#botonera a:hover{
		color:#000;  
		background-image:url(../images/botonup.gif);
		background-repeat:no-repeat;
		text-decoration:none; 
		font-weight:normal;
		width:150px;
}

#current a{
	   	color: #000;  
		background-image:url(../images/botonup.gif);
		text-decoration:none; 
		font-weight:normal;
}
 
/*////////////////////////////CENTRO////////////////////////////*/

#centro {
width:935px;
margin:auto;
display:block;
}

#servicios {

width:219px;
background-color: #FFF;
height:609px;
float:left;

}

#software {

width:219px;
background-color: #FFF;
height:609px;
float:left;
}

#tecnologia {

width:219px;
background-color: #FFF;
height:609px;
float:left;
}

#proyectos {

width:218px;
background-color: #FFF;
height:609px;
float:left;
}

.topmenu{
text-align:left;
float:left;
width:100%;
}


.centermenu{
text-align:center;
float:left;
width:100%;
}

#linea1{
	width:20px;
	height:609px;
	background-color: #FFF;
	float:left;
}

#linea2{
	width:20px;
	height:609px;
	background-color: #FFF;
	float:left;
}

#linea3{
	width:20px;
	height:609px;
	background-color: #FFF;
	float:left;
}


.topbeigeindex{
	background-color:#e9e6dc;
	height:126px;
	width:219px;
	text-align:left;

}

.colblanca{
	width:100%;
	float:left;
	text-align:center;

}

.colblanca img{
	border:none;
}

.tituloblanco{
	padding:0px 0px 0px 8px;
	padding-top:38px;
	padding-bottom:7px;
	font-size:12px; 
	font-style:italic; 
	color: #333;
	float:left;
	font-weight:bold;
}


.fotoblanco{
	padding:0px 0px 0px 10px;
	float:left;
}

.coltexto{
	padding:0px 0px 0px 14px;
	text-indent:4%;
	float:left;
	font-size:12px;
	color:#000;
	text-align:left;
}

.lineahoriz{
	border-width: 0px 0px 1px; 
	border-style: solid; 
	border-color:#CCC;
	width:92%;
}

.fechapeq{

		font-size:12px; 
		font-style: italic;
		color:#a80210;
		
}

.tituloicono{
	float:left;
	padding:13px 0px 0px 20px;
}

.textonormaltit{
	font-size:12px;
	color:#000;
	text-align:left;
	float:left;
	padding:0px 0px 4px 25px;
}

.textonormalproy{
	font-size:12px;
	color:#000;
	text-align:left;
	float:left;
	width:180px;
	padding:0px 0px 4px 25px;
}

.titulocol{

	 font-size:21px;
	 padding-top:18px;
	 color:#a80210; 
	 font-weight:bold;
	 float:left;
	 text-align:left;
}
.subtitcol{
     font-size:17px; 
	 color:#a80210;
	 font-weight:normal;
	 float:left;
	 text-align:left;
}

.titulocolproy{
	 font-size:21px;
	 padding-top:18px;
	 color:#666; 
	 font-weight:bold;
	 float:left;
	 text-align:left;
}
.subtitcolproy{
     font-size:17px; 
	 color:#666;
	 font-weight:normal;
	 float:left;
	 text-align:left;
}

.tituloblancotec{
	padding:0px 0px 0px 0px;
	padding-top:38px;
	padding-bottom:7px;
	font-size:12px; 
	font-style:italic; 
	color: #333;
	float:left;
	font-weight:bold;
}

.fotoblancotec{
	padding:0px 0px 0px 5px;
	float:left;
}

.subtitcoltec{
	 font-size:15px;
	 color:#a80210;
	 float:left;
	 font-weight:normal;

}

.textonormaltittec{
	font-size:12px;
	color:#000;
	width:190px;
	text-align:left;
	float:left;
	padding:0px 0px 4px 25px;
}

.puntero{
	
	cursor:pointer;
}

.celdaproy{
    height:100%;
	width:200px; 
	float:left; 
	padding:11px 10px 34px 8px;
	text-align:left;
}

.celdaproy img{
	border:none;	
}

.fechapeq{
	    height:26px;
		font-size:12px; 
		font-style: italic;
		color:#a80210;
}


/*//////////////////////////// PIE ////////////////////////////*/
#contenedorfooter {

width:935px;
height:100%;
margin:auto;
text-align:center;


}

#pieimagen{
width:935px;
height:224px;
margin:auto;
text-align:center;
float:left;
}

#pietexto{
	
width:725px;
margin-top:13px;
font-size:12px;
text-align:left;
color:#000;
float:left;
	
}

#datos{
	padding: 30px 0px 0px 70px;
	font-size:14px;
	text-align:left;
	color:#FFF;
	float:left;
}

.izq{
width:475px;
height:224px;
float:left;
text-align:left;
background-image:url("../images/mapa.gif");

}
.der {

	width:440px;
	height:209px;
	background-color:#1a1a1a;
	background-image:url("../images/toppie2.jpg");
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	text-align:left;
	color:#999;
	font-size:12px;
	padding:15px 10px 0px 10px;
	
}

.der  a{  
      color: #999;  
      text-decoration:none; 
	  font-weight:normal;
  } 

  
.der a:hover{  
      color: #FFF;  
      text-decoration:none; 
	  font-weight:normal;

  } 

#pierojo {

	width:935px;
	height:33px;
	background-color:#a80210;
	font-size:14px;
	color:#FFF;
	text-align:center;
	float:left;
	padding:0px 0px 0px 0px;
}

#pierojo ul {
	height:33px;
	  margin:7px 0px 0px 180px;
	  padding:0px 0px 0px 0px;

}
#pierojo li {

		float:left;
		padding:0px 0px 0px 0px;
		list-style:none;
		margin:0px;

    }

#pierojo  a{  
      color: #FFF;  
      text-decoration:none; 
	  font-weight:normal;
	  margin:0px 15px 0px 15px;
  } 

  
#pierojo a:hover{  
      color: #999;  
      text-decoration:none; 
	  font-weight:normal;

  } 

.datosEmpresa {
		font-size:22px;
}

.datosTlf {
		color: #999;
}

.mail  a {  
      color: #a80210;
	  font-weight:bold;
      text-decoration:none; 
  } 
  
.mail  a:hover {  
      color: #666;  
      text-decoration:none; 
  } 


#minimenu
{
	width:100%;
	margin-top:9px;
}

.minisoftpoint
{
	color:#a80210; 
	font-weight:bold;
}

#w3c{
	float:left;
	text-align:right;
	width:210px;
	padding:8px 0px 40px 0px; 
}

#w3c img{
	border:none;
}


/*////////////// SUBMENUS  //////////////////////*/

.siguiente{
/*	  background-image:url(../images/botoncontacto.jpg);
	  background-repeat:no-repeat;
*/	  height:40px; 
	  width:44%; 
	  float:left; 
	  padding-left:40px;
	  margin-top:28px;
	  text-align:right;

}

.anterior{
/*	  background-image:url(../images/botoncontacto.jpg);
	  background-repeat:no-repeat;
*/	  height:40px; 
	  width:44%; 
	  float:left; 
	  padding-left:40px;
	  margin-top:28px;
	  text-align:left;

}

.siguiente  a{  
      color: #a80210;  
      text-decoration:none;
	  font-weight:bold;
} 
  
.siguiente  a:hover {  
      color: #999;  
      text-decoration:none; 
	  font-weight:bold;
  } 
  
.anterior  a{  
      color: #a80210;  
      text-decoration:none;
	  font-weight:bold;
} 
  
.anterior  a:hover {  
      color: #999;  
      text-decoration:none; 
	  font-weight:bold;
  } 
  
  
.debsig{
      height:40px; 
	  width:44%;
	  float:left;
	  padding-left:40px;
	  margin-top:28px;	
}

.debant{
      height:40px; 
	  width:45%;
	  float:left;
	  padding-left:40px;
	  margin-top:28px;	
}
.titfech{ 
   height:40px;
   width:46%; 
   float:left; 
   padding-left:40px; 
   margin-top:15px;
   text-align:left;
}

.fechaproy{
	font-size:15px; 
	color:#a80210;
}


.sigtitproy{
     height:40px; 
	 width:45%; 
	 float:left; 
	 padding-right:40px; 
	 margin-top:15px;
}

.fotoproy{
	 height:360px; 
	 width:400px; 
	 float:left; 
	 padding-left:40px;
	 margin-top:10px;
	 text-align:left;
}

.fotoproy img{
	border:none;	
}

#descproy{
	 height:360px; 
	 width:430px; 
	 float:left;
	 padding-right:40px;
	 margin-top:10px;
}

.lineahoriz{
	border-width: 0px 0px 1px; 
	border-style: solid; 
	border-color:#CCC;
}

.celdaproysub{
    height:200px;
	width:240px; 
	float:left; 
	padding:20px 20px 40px 45px;
	text-align:left;
}

.celdaproysub img{
	border:none;	
}

.fechapeq{
	    height:26px;
		font-size:12px; 
		font-style: italic;
		color:#a80210;
}

/*////////////////////////////CENTRO////////////////////////////*/


#contenidoCentral{

width:935px;
background-color:#FFF;
height:100%;
margin:auto;
text-align:center;
}

#contenidoContacto {

width:935px;
background-color:#FFF;
height:600px;
margin:auto;
text-align:center;
}

/*#centro {

width:1020px;
margin:auto;
text-align:center;
float:left;
}
*/
.topbeige{
	background-color:#e9e6dc;
	height:126px;
	width:100%; 
	float:left;
	text-align:left;
}
.textobeige{
   width:469px; 
   height:126px;
   float:left; 
   vertical-align:middle; 
}

.fondobeigeservicios{
  background-image:url(../images/topder1.jpg);
}

.fondobeigesoftware{
  background-image:url(../images/topder2.gif);
}

.fondobeigetecnologia{
  background-image:url(../images/topder3.gif);
}

.fondobeigeproyectos{
  background-image:url(../images/topder4.gif);
}

.fondobeigecontacto{
  background-image:url(../images/topder5.gif);
}


#fondobeige{
  width:465px; 
  height:126px; 
  text-align:left; 
  float:left; 	
}

.icono{
	padding:30px 0px 0px 34px;
	float:left;
}

.titulo{
	float:left;
	padding:4px 0px 0px 0px;

}

.subtit{
	float:left;
	padding:28px 0px 0px 8px;
}

.subtittec{
	float:left;
	padding:30px 0px 0px 11px;
}



.bottongris{
	background-color:#a1a0a0;
	padding-top:38px;
	height:149px; 
	width:935px; 
	float:left;
}

.bottongris1{
    height:149px; 
	width:311px; 
	float:left;
	text-align:left;

}

.iconogris{
   padding:0px 0px 0px 15px;
   width:72px;
   float:left; 
}
.textogris{
   padding:10px 0px 0px 0px;
   font-size:14px;
   color:#666;
   float:left;
   width:215px;
}

.cuadroBlanco{
  width:100%;
  float:left; 
  padding:0 0 38px 0;
  background:#FFF;
}

.gris{
   height:149px; 
   width:100%; 
   float:left;
}

.cita{
  padding:42px 0px 0px 60px;
  font-size:14px; 
  color:#544c25; 
  font-style:italic;
  float:left;
  width:82%;
}

.autor{
  text-align:right;
  padding:6px 0px 0px 0px;
  font-size:14px; 
  color:#a80210; 
  font-style:italic;
  float:left;
  width:90%;
}

h3{
	font-size:36px; 
	color:#a80210; 
	font-weight:bold;
	margin:0;
	padding:37px 0 0;
}


h4{
  font-size:20px; 
  color:#a80210;
  font-weight: normal;
  margin:0;
  padding:29px 0 0;
} 

h5{

	font-size:17px; 
	color:#a80210; 
	margin:0;
	padding:29px 0 0;
	font-weight:normal;
}

.tituloinfo{
   text-align:left;
   font-size:16px; 
   padding:38px 0px 0px 42px;
   color: #666;	
   float:left;
   font-weight:bold;

}

#textoinfo{
   padding:60px 0px 0px 35px;
   width:410px;
   float:left;
}

#textoinfo img{
	float:right;
	margin:10px;
}

#textoinfo2{
   padding:60px 0px 0px 35px;
   width:444px;
   float:left;
}

#textoinfo2 img{
	float:right;
	margin:11px 0 27px;
}

#textoinfo2 a{
	color:#a80210; 
	text-decoration:none;
}

#textoinfo2 a:hover{
	color: #999; 
	text-decoration:none;
}


#restotextoinfo{
   padding:0 0 9px 42px;
   float:left;
   width:840px;
}

#restotextoinfo2{
   padding:0 0 0px 42px;
   float:left;
   width:840px;
}

#restotextoinfo2 img{
	float:left;
	margin:10px 33px 0 20px;
}

#expertos{
	padding:0 0 20px 33px;
	text-align:left;
	width:800px;
	float:left;
}
.expimg{
	float:left;
	padding:0 0 20px 33px;
	text-align:center;
	width:167px;
}

/*////////// CSS JQUERY ///////////////*/

.modul{
	border: #CCC 1px solid;
	font-size:13px;
	text-align:left;
	padding:0;
	margin:4px 0 0 2.7em;
	width:820px;
	float:left;
	text-indent:0%;
}

.textceleste{
	text-indent:3%;
	float:left;
	width:635px;
}
.fotceleste{
	color:#1C4597;
	float:left;
	font-weight:bold;
	padding:5px 22px 0 24px;
	
}

.modceleste{
	background-color:#E9E6DC;
	color:#af000e;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:26px;
	margin:22px 10px 5px 13px;
	padding:6px 0 0 20px;
	width:620px;
}

.mod { 
	display:none;
	padding:0 0 10px 125px;
	text-indent:0;
	width:650px;
}

#mod1 { float:left; }
#mod2 { float:left; }
#mod3 { float:left; }
#mod4 { float:left; }
#mod5 { float:left; }
#mod6 { float:left; }
#mod7 { float:left; }
#mod8 { float:left; }
#mod9 { float:left; }
#mod10 { float:left; }
#mod11 { float:left; }


.abrir{
	color:#a80210;
	font-size:14px;
	padding:0 20px 0 0;
	font-style:normal;
	font-weight:normal;
	float:right;
	text-decoration:none;
}

.modceleste a:hover{
	color: #999;
	padding:0 20px 0 0;
	text-decoration:none;
}

/*//////////////////////////// PIE ////////////////////////////*/
.titproy{
	font-size:17px; 
	color: #666;
	font-weight:normal;
	display: inline;
}

.titproy a{
	text-decoration:none;
	font-size:17px; 
	color: #666;
	font-weight:normal;
	display: inline;
}

#verproy{
	float:left;
	padding:20px 0px 0px 0px 
}

#verproy a{
	font-size:14px; 
	color:#a80210;
	text-decoration:none;
}

#verproy a:hover{
	color: #666;
	text-decoration:none;
}