/* CSS Document */
/* ----------------------------------------------*/
/* ---- ESTILOS GLOBALES <<<------------*/
/* ----------------------------------------------*/
*{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

#wrapper{
	width:746px;
	margin-right: auto;
	margin-left: auto;
}


.spacer {
	clear: both;
	
  }

.spacer_2 {
	clear: both;

  }
    
.space {
	height: 0px;
}


#wrap {
	width: 700px;
}
.fondo #centro .caja_fondo_izq .caja_contenido_centro #context #col_left p {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 150%;
	text-align: justify;
	padding-bottom: 10px;
	padding-top: 10px;
}


.lateral_content p {
	font-size: 0.7em;
	color: #666666;
	line-height: 150%;
	margin-right: auto;
	margin-left: auto;
}


.lateral_content p a:link{
	text-decoration: none;	
}

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



.lateral_content p a:hover{
	text-decoration: underline;	
}
.lateral_content p a:active{
	text-decoration: none;	
}


.h1_space {
	padding-top: 15px;
}
h4 {
	font-size: .9em;
	color: #006699;
	padding-bottom: 10px;
}
h5 {
	font-size: .8em;
	color: #007EBB;
	padding-bottom: 5px;
}
.txt_first {
	text-align: left;
}


.txt_cont {
	color: #1A7BFF;
	font-weight: bold;
}

#txt_cont a {
	color: #1A7BFF;
	font-weight: bold;
}
#txt_cont a:link {
	color: #1A7BFF;
	font-weight: bold;
}

#txt_cont a:visited {
	color: #1A7BFF;
	font-weight: bold;
}

#txt_cont a:hover {
	color: #1A7BFF;
	font-weight: bold;
	text-decoration: underline;
}

#txt_cont a:active {
	color: #1A7BFF;
	font-weight: bold;
}


#col_left li {
	font-size: 0.75em;
	color: #666666;
	line-height: 150%;
	margin-left: 15px;
}
#col_left ul {
	padding-bottom: 15px;
}


.caja_cont {
	padding-top: 10px;
	text-align: left;
}

.caja_cont .txt_cont a {
	color: #1A7BFF;
}

.caja_cont .txt_cont a:link {
	
}

.caja_cont .txt_cont a:visited {
	
}

.caja_cont .txt_cont a:hover {
	
}

.caja_cont .txt_cont a:active {
	
}
div.cajaTop {
	height:24px; 
	background-image:url(../images/back_top.jpg); 
	background-repeat: repeat-x; 
}
body {
	
	background-color: #f3f3f3;
}


img.esqtl { float:left; }
img.esqtr { float:right; }

div.fondo { 
	background-image:url(../images/back.jpg); 
	background-repeat:repeat-y; }
	
img.esqbl { float:left; }
img.esqbr { float:right; }	

/* ----------------------------------------------*/
/* ------- ENCABEZADO <<<---------------*/
/* ----------------------------------------------*/	
div.cajaheader{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
}

#logo {
	float: left;
	width: 140px;
	height: 32px;
	padding-top: 30px;
	padding-left: 20px;
}

/* ----------------------------------------------*/
/* ------- NAVEGACION <<<---------------*/
/* ----------------------------------------------*/

#botonera {
	margin-top: 65px;
	float: right;
	color: #4FA3FF;
	text-align: center;
	margin-right: 2px;
}


#botoneralist li
{
	display: inline;
	
}

#botoneralist a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #4FA3FF;
	padding-bottom: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 0px;
}


#botoneralist a:link, #navlist a:visited
{
	margin-top: 30px;
}


#botoneralist a:hover
{
	color: #FF6600;
}

#botoneralist #active a
{
	color: #FF6600;
}

/* ----------------------------------------------*/
/* ----- LAYOUT CENTRAL <<<-------------*/
/* ----------------------------------------------*/

div.cajacentro {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	
}

#centro {
	width:700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
}


div.caja_contenido_top {
	height:15px; 
	background-image:url(../images/bkt.gif); 
	background-repeat: repeat-x; 
}


div.caja_fondo_home{
	background-image:url(../images/bkl.gif);
	background-repeat:repeat-y;
	background-color: #FFFFFF;
	height: 273px;
}

div.caja_fondo_izq{
	background-image:url(../images/bkl.gif);
	background-repeat:repeat-y;
	background-color: #FFFFFF;
}
	
div.caja_contenido_centro{
	padding:0 5 0 0;
	background-image:url(../images/bkr.gif);
	background-position:right;
	background-repeat:repeat-y;
	margin-right: auto;
	margin-left: auto;
}


/* ----------------------------------------------*/
/* ------- CONTENIDOS <<<---------------*/
/* ----------------------------------------------*/

#foto_1 {
	height: 158px;
	width: 200px;
	padding-left: 15px;
	padding-top: 5px;
}


h1 {
	font-size:0.75em;
	color: #0C63C2;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 14px;
}
h2 {
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #54A5FE;
	padding-bottom: 15px;
	padding-top: 15px;
	
}

h3 {
	color: #FF6600;
	font-size: 1em;
	padding-bottom: 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/*p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
}*/
#text {
	padding-right: 10px;
	padding-left: 10px;
}

#col_left {
	float: left;
	width: 460px;
	padding-left: 15px;
}


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


/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
/** html img.esqtl, * html img.esqbl  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esqbr, * html img.esqtr { \margin-left:.2em; } 
*/
#bgtop {
	background-image: url(../images/middle_back_top.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 700px;
}


#content, #contentmain{
	width: 700px;
}

#content {
	width: 700px;
	background-image: url(../images/middle_back.gif);
	background-repeat: repeat-y;
}
#topspace{height: 18px; line-height:18px;} /*height para FF, line-height para IE si el valor del alto es menor a 20px*/


.clearfix { clear:both; height:0; margin:0; line-height: 0px; }

#fotocont{
	background: url(../images/foto_1.jpg) no-repeat center top;
	width: 200px;
	height: 158px;
	float:left;
	margin-top:3px;
	margin-left: 5px;
}

#flash{
	width: 200px;
	height: 158px;
	float:left;
	margin-top:1px;
	margin-left: 5px;
}

#textcont{
	float:right;
	width: 203px;
	margin-right: 5px;	
}
.txt_descargar {
	color: #2E576B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0px;	
	
}
.txt_descargar a, txt_descargar a:visited {
	color: #2E576B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-decoration: none;
}

.txt_descargar a:hover {
	color: #4D92B3;
	
}


.txt_home {
	color: #0C8ECE;
	font-size: 0.75em;
	font-weight: bold;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;	
}

#textcont_2 {
	float:left;
	width: 255px;
	text-align: left;
	margin-left: 10px;
	
}
.orange {
	color: #FF6600;
	
}




#flamenco ul li
{
	list-style-type: none;
	text-align: left;
	font-size: 0.7em;
	color: #006699;
	font-weight: bold;
	margin-bottom: 6px;
}

#flamenco ul li a

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

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

#flamenco ul li a:hover
{
	color: #666666;
	text-decoration: underline;
}

#flamenco ul li a:active
{
	color: #666666;
	text-decoration: none;
}

#mapa_sitio ul li
{
	list-style-type: none;
	text-align: left;
	color: #006699;
	padding-bottom: 10px;
	
}


.f_clientes {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
  }
  
#h_softron {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_softron.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
	padding-bottom: 0px;
  }
  
.txt_colors {
	font-size: .7em;
	font-weight: bold;
	color: #666666;
	padding-top: 70px;
	padding-left: 20px;
}  
  
#h_tracetek {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_tracetek.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  } 
  
#h_clientes {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_clientes.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  }     
  
#h_socios {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_socios.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  } 
 
 #h_softron1 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_softron1.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
	padding-bottom: 0px;
	cursor: auto;
  }

  
 
  
#h_tracetek1 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_tracetek1.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  } 
  
#h_clientes1 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_clientes1.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  }     
  
#h_socios1 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_socios1.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 165px;
  }  
  
  
  
  /*///prueba//*/
#h_softron2 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_softron2.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 165px;
	padding-bottom: 0px;
	cursor: hand;
  }

  
 
  
#h_tracetek2 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_tracetek2.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 165px;
	cursor: hand;
  } 
  
#h_clientes2 {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/h_clientes2.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 165px;
	cursor: hand;
  }     
 #h_socios2 {
 	float:left;
	background-image: url(../images/h_socios2.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 165px;
	cursor:hand;
  }   
#h_controltek {
	float: left;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(../images/home-controltek.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 165px;
	cursor:hand;
  }  
 /*prueba fin*/  
.float {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 15px;
	margin-right: 0px;
  }  
  
  
.l_top {
	height:10px;
	background-repeat: no-repeat;
	background-image: url(../images/l_top.gif);
	background-color: #F3F3F3;
	width: 460px;
	float: left;
}

.l_bottom {
	height:10px;
	background-repeat: no-repeat;
	background-image: url(../images/l_bottom.gif);
	width: 460px;
	float: left;
	margin: 0px;
	padding: 0px;
}  
  
/* ----------------------------------------------*/
/* ----- COLUMNA DERECHA<<<--------------*/
/* ----------------------------------------------*/  
#lateral{
	width:180px;
	float: right;
	padding-right: 15px;
	margin-top: 15px;
}
div.lateral_top {
	height:14px;
	background-repeat: no-repeat;
	background-image: url(../images/lateral_top.gif);
	background-color: #E8F2FF;
}

#l_caja{
	width:480px;
	float: left;
	
}
	
img.esqtl { float:left; }
img.esqtr { float:right; }



	
div.lateral_content {
	background-color: #E8F2FF;
	padding-left: 15px;
	padding-right: 15px;
}
	
div.lateral_caja_bottom {
	height:14px;
	background-repeat:no-repeat;
	border:0;
	background-image: url(../images/lateral_bottom.gif);
}
  
/* ----------------------------------------------*/
/* ----- PIE DE PAGINA <<<--------------*/
/* ----------------------------------------------*/
div.cajaBottom { height:24px; 
	background-image:url(../images/back_footer.jpg); 
	background-repeat:repeat-x; 
	border:0;
	clear:both;
}

div.caja_contenido_bottom { height:15px; 
	background-image:url(../images/bkf.gif); 
	background-repeat:repeat-x; 
	border:0;clear:both;
}

#caja_footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	padding-top: 8px;clear:both;
}

#img_footer {
	float: right;
	padding-right: 5px;
}
.img_footer_space{
	float: left;
	text-align: center;
	padding-right: 5px;
}

#txt_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: left;
	float: left;
	padding-left: 10px;
}#context {
	width: 100%;
}
.txt_lateral {
	font-weight: bold;
	padding-bottom: 5px;
	
	
}
.lateral_caja p {
	font-size: .7em;
	padding-bottom: 5px;
}
.flamenco_top {
	background-image: url(../images/top_flamenco.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.flamenco_bottom {
	background-image: url(../images/flamenco_bottom.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.flamenco_content {
	background-image: url(../images/flamenco_back.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 138px;
	font-family: Arial, Helvetica, sans-serif;
}

.flamenco_top1 {
	background-image: url(../images/top_flamenco1.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.flamenco_bottom1 {
	background-image: url(../images/flamenco_bottom1.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.flamenco_content1 {
	background-image: url(../images/flamenco_back1.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 138px;
	font-family: Arial, Helvetica, sans-serif;
}

#flamenco {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.mobile_top {
	background-image: url(../images/mobile_top.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.mobile_bottom {
	background-image: url(../images/mobille_bottom.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.mobile_content {
	background-image: url(../images/mobile_back.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 127px;
	background-color: #FFFFFF;
}


.mobile_top1 {
	background-image: url(../images/mobile_top1.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.mobile_bottom1 {
	background-image: url(../images/mobille_bottom1.gif);
	background-repeat: no-repeat;
	height: 13px;
	background-color: #ffffff;
}

.mobile_content1 {
	background-image: url(../images/mobile_back1.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 127px;
	background-color: #FFFFFF;
}

#wrapper .fondo #centro .caja_fondo_izq .caja_contenido_centro #text p {
	font-size: 0.75em;
	line-height: 150%;
	color: #666666;
}
#col_left a {
	text-decoration: none;
}
#col_left a:link {
	text-decoration: none;
}
#col_left a:visited {
	text-decoration: none;
	color: #666666;
}
#col_left a:hover {
	color: #666666;
	text-decoration: underline;
}

#col_left a:active {
	text-decoration: none;
}
.line {
	margin-top: 20px;
	margin-bottom: 20px;
}
.subir {
	float: right;
	font-size: .75em;
	color: #666666;
	background-image: url(../images/up.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 19px;
	height: 15px;
}

.logos {
	float: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}

.img_logos {
	width: 460px;
	margin-right: 0;
	margin-left: 0;
	background-color: #F3F3F3;
	float: left;
  }
  
.img_logos_float {
	float: left;
	width: 130px;
	text-align: center;
	padding: 10px;
  }  
  
.img_logos_alianzas {
	width: 460px;
	background-color: #F3F3F3;
	float: left;
  }

.img_logos_float_alianzas{
	float: left;
	width: 130px;
	text-align: center;
	padding: 10px 40px 10px 45px;
  } 
    

  



/* ----------------------------------------------*/
/* ----- FORMU CONTACTO<<<--------------*/
/* ----------------------------------------------*/  



#form {
	margin-right: auto;
	margin-left: auto;
	width: 430px;
	padding-top: 20px;
	margin-bottom: 20px;
}
.form_top {
	background-image: url(../images/form_top.gif);
	background-repeat: no-repeat;
	height: 17px;
}
.form_content {
	background-image: url(../images/form_back.gif);
	background-repeat: repeat-y;
}
.form_bottom {
	background-image: url(../images/form_bottom.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 430px;
	clear:both;
}


#registro {
	width:400px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 15px;
	margin-left: 15px;
}
#registro fieldset {border:0; background-color: #FFFFFF; padding:10px 20px;}
#registro legend{font: bold 16px Arial, sans-serif;color:#333333; padding:0 5px;}
#registro p label {
	float: left;
	width: 25%;
	text-align:right;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#registro p br {clear: left;}
.enviar{
	border: 1px solid #CCCCCC;
	text-transform: lowercase;
	color: #666666;
	font-size: 0.75em;
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 60px;
}
input {
	
	color: #666666;
	
}

textarea {
	color: #666666;
	font-size: 1em;	
}


.txt_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666666;
	float: left;
	width: 35%;
}
.txt_bold {
	font-weight: bold;
}
#fondo_mobile {
	float: left;
	width: 255px;
	padding-left: 10px;
	background-image: url(../images/fondo_mobile.jpg);
	background-repeat: no-repeat;
	height: 158px;
	margin-left: 10px;
	padding-top: 10px;
}
/*prueba*/
#fondo_mobile2 {
	float: left;
	width: 255px;
	padding-left: 10px;
	background-image: url(../images/fondo_mobile2.jpg);
	background-repeat: no-repeat;
	height: 158px;
	margin-left: 10px;
	padding-top: 10px;
}

#fondo_soluciones2 {
	float: left;
	height: 158px;
	width: 203px;
	background-image: url(../images/fondo_soluciones2.jpg);
	background-repeat: no-repeat;
	
}

#fondo_soluciones2 h1 {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
}
/*/**/


#wrapper .fondo #centro .caja_fondo_izq .caja_contenido_centro #fondo_mobile h3 {
	color: #1C6DC6;
}
#wrapper .fondo #centro .caja_fondo_izq .caja_contenido_centro #fondo_mobile .txt_descargar {
	color: #666666;
}
#wrapper .fondo #centro .caja_fondo_izq .caja_contenido_centro #fondo_mobile .txt_descargar a {
	color: #666666;
}
#fondo_soluciones {
	float: left;
	height: 158px;
	width: 203px;
	background-image: url(../images/fondo_soluciones.jpg);
	background-repeat: no-repeat;
	
}
#fondo_soluciones h1 {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
}
.txt_center {
	text-align: center;
	padding-right: 35px;
	padding-left: 20px;
}
.space_list {
	padding-left: 15px;
}
.txt_lateral a {
	font-size: .9em;
	
}
#centro #context #col_left a.direccion, #centro #context #col_left a.direccion:visited {
	color: #54A5FE;
}
#centro #context #col_left a.direccion:hover {
	color: #FF6600;
}