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

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


body	{ background:transparent url(images/fondoweb.png) repeat; font-family: 'OrbitronLight';}
.boton		{background-color:#333333;  height:auto; width:auto; color:#FFFFFF; border:1px solid #CCCCCC; cursor:pointer; padding:3px; font-family: 'OrbitronLight';}

/* ESTRUCTURA */

#header 			{ height: 150px; position: relative; z-index: 200; width:978px; background:#007daa; margin:0 auto;
					  background: transparent url(images/fondo_header.jpg) no-repeat top left;  }
					  
#pagewrap {	 /*border-left:1px solid #ececec; border-right:1px solid #ececec;*/ background-color:#007daa;
	width: 978px;
	padding: 0 0px;
	position: relative;
	margin: 0 auto;}
	
	
#footer {
	background: transparent url(images/fondo_menu.png) repeat;
	clear: both;
	overflow: hidden;
	width: 978px;
	margin: 0 auto;
	padding: 0px 0px;
	min-height: 50px;
		 /* IE min-height workaround */
  			height:auto !important;
  			height:95px;
}
	
	
	
#main					{  /* IE min-height workaround */
						  min-height: 300px !important; height:auto; overflow: hidden; width:978px; margin:0 auto; }
						  
/* HEADER */

#header h1 { background: transparent url(images/visoft_header.png) no-repeat top left;
	 						  width: 267px; height:58px; text-indent:-9999px; margin-top:20px; margin-left:20px;
	 						  position: absolute;}

#header h2 { margin-top:80px; position: absolute; color:#f1bf20; margin-left:20px; letter-spacing:2px;}

#header h3 { margin-top:10px; width:auto; position: absolute; /*color:#f1bf20;*/ margin-left:710px; letter-spacing:2px; color:#000000; font-size:12px;}
	



#nav			{ position: absolute; height:25px; width:550px; padding-top:5px; top: 148px; left:400px; }


#nav li			{ display: inline; height:40px;  vertical-align:middle; width:auto; padding-left:11px; font-size:12px; letter-spacing:1px; }

#nav li a		{ color:#A0A0A4; cursor:pointer;}

#nav li a:hover		{ color:#FFFFFF;}







/*#nav			{ position: absolute; height:25px; width:auto; padding-top:5px; top: 148px; left:100px;  background:transparent url(img/f_menu.png) no-repeat; }


#nav li			{ display: inline; height:40px; padding:0px; vertical-align:middle; width:800px; right:0px; padding-left:11px; font-size:12px; letter-spacing:1px; }

#nav li a		{ color:#A0A0A4; cursor:pointer;}

#nav li a:hover		{ color:#FFFFFF;}


#nav li img		{ vertical-align:middle;}*/	

#ftemp			{float:left; background:url(images/ft_empresa.jpg) no-repeat; width:300px; height:450px;}

#txtemp			{width:550px; height:auto; float:right; margin-top:100px; margin-right:40px; font-size:12px; line-height:20px;}

#txtemp p		{color:#FFF; letter-spacing:1px;}

#fb				{ position:absolute; left:800px; top:116px; width:auto; }
#fb p			{ color:#F4F4F4; font-size:12px;}




/* FOOTER */

#footer h1 { background: transparent url(images/logo_pie.png) no-repeat top left; float:left;
	 		width: 115px; height:25px; text-indent:-9999px; margin-left:20px; margin-top:10px; }

#footer h2	{ float:right; width:auto; height:30px; margin-right:20px; margin-top:17px; color:#A0A0A4; font-size:11px; letter-spacing:1px;}	


#tituloe	{ width:678px; height:50px; background:transparent url(images/f_titulos.png) repeat-x ; position:absolute; top:180px; left:301px;}
#titulos	{ width:978px; height:50px; background:transparent url(images/f_titulos.png) repeat-x; position:absolute; top:180px; left:0px;}
#tituloc	{ width:978px; height:50px; background:transparent url(images/f_titulos.png) repeat-x; position:absolute; top:180px; left:0px;}
#titulocontacto	{ width:978px; height:50px; background:transparent url(images/f_titulos.png) repeat-x; position:absolute; top:180px; left:0px; clear:both;}

.bloque_clientes { width:750px;; margin-top:80px; height:auto; margin:0 auto; clear:both; padding:10px; }
.clientes		{ border-bottom:1px dotted #C4C4C4;  margin-bottom:20px; color:#FFFBF0; letter-spacing:2px;}
.clientes p 	{font-family: 'OrbitronLight'; font-size:11px; color:#FFF; letter-spacing:1px; text-align:left;  }
.clientes span		{ color:#f1bf20; font-weight:bold;}







#fttec			{ background:url(images/logostec.png) no-repeat; width:724px; height:70px; margin:0 auto; margin-top:10px; clear:both; margin-bottom:20px;}

#txttecno1		{ float:left; width:470px; height:auto;  margin-top:10px; font-size:12px; line-height:20px;  padding-top:90px; margin-left:40px;}
#txttecno1 p	{color:#FFF; letter-spacing:1px; padding:20px;}
#fttec2			{ float:right; background:url(images/ft_tec2.png) no-repeat; width:454px; height:290px; margin-top:100px; margin-right:0px; }
#txttecno2		{width:90%; height:auto;  margin-top:10px; font-size:12px; line-height:20px; clear:both; margin:0 auto;}
#txttecno2 p	{color:#FFF; letter-spacing:1px; padding:20px;}

#txtprog1		{width:150px; float:left; height:auto; margin-top:15px; font-size:12px; line-height:20px; margin-bottom:20px;}
#txtprog1 p		{color:#FFF; letter-spacing:1px;}
#txtprog2		{width:150px; float:right; height:auto; margin-top:15px; font-size:12px; line-height:20px; margin-bottom:20px;}
#txtprog2 p		{color:#FFF; letter-spacing:1px;}


#txtclientes	{ float:left; width:750px; height:auto;  margin-top:10px; font-size:12px; line-height:20px;  padding-top:90px; margin-left:93px;}
#txtclientes p	{color:#FFF; letter-spacing:1px; padding:20px;}


#formcontacto	{ float:left; width:350px; height:auto; font-size:11px; line-height:20px; margin-left:130px; background:#808080; padding:20px; border:1px solid #A0A0A4; }
#formcontacto p	{ color:#D8D8D8; letter-spacing:1px;}

#ft_contacto	{ float:right; background:url(images/ft_contacto.png) no-repeat; width:266px; height:625px; margin-top:0px; margin-right:0px; }

.titcampo		{ color:#FFFFFF; letter-spacing:1px;}

#error			{ background-color:#F2F2F2; width:auto; height:25px; margin-bottom:20px;}


.fontitulo			{ color:#FFFFFF; font-family: 'OrbitronBlack'; letter-spacing:1px; padding-top:15px; padding-left:50px; font-size:14px; }		


/* FONTS */
							  

@font-face {
    font-family: 'BauerRegular';
    src: url('fonts/bauer-webfont.eot');
    src: url('fonts/bauer-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bauer-webfont.woff') format('woff'),
         url('fonts/bauer-webfont.ttf') format('truetype'),
         url('fonts/bauer-webfont.svg#BauerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronBlack';
    src: url('fonts/orbitron-black-webfont.eot');
    src: url('fonts/orbitron-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orbitron-black-webfont.woff') format('woff'),
         url('fonts/orbitron-black-webfont.ttf') format('truetype'),
         url('fonts/orbitron-black-webfont.svg#OrbitronBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronBold';
    src: url('fonts/orbitron-bold-webfont.eot');
    src: url('fonts/orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orbitron-bold-webfont.woff') format('woff'),
         url('fonts/orbitron-bold-webfont.ttf') format('truetype'),
         url('fonts/orbitron-bold-webfont.svg#OrbitronBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronLight';
    src: url('fonts/orbitron-light-webfont.eot');
    src: url('fonts/orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orbitron-light-webfont.woff') format('woff'),
         url('fonts/orbitron-light-webfont.ttf') format('truetype'),
         url('fonts/orbitron-light-webfont.svg#OrbitronLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronMedium';
    src: url('fonts/orbitron-medium-webfont.eot');
    src: url('fonts/orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orbitron-medium-webfont.woff') format('woff'),
         url('fonts/orbitron-medium-webfont.ttf') format('truetype'),
         url('fonts/orbitron-medium-webfont.svg#OrbitronMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


.font_orbi		{font-family: 'OrbitronMedium';}
.font_orbilight		{font-family: 'OrbitronLight';}