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

body{
	font-family:Calibri;
	font-size:12px;
	color:#000;
	text-align:center;
	line-height:12pt;
	margin:0;
	padding:0;
}

a{
	font-size:14px;
	text-decoration:none;
	color:#ff8000;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0;
}
h1{
	font-size:15px;
	margin: 0 0 20px 0;
	letter-spacing:3px;
	line-height:normal;
	/*border-bottom:thin solid #F60;*/
}
h2{
	color:#09F;
	text-align:center;
}
h2:hover{
	text-decoration:underline;
}

h3{
	font-size:30px;
	color:#900;
	}
	
h5{
	font-size:18px;
	color:#900;
	margin:10px 20px 10px 0px;
}

#telefono{
	float:right;
}
#subtitulo{
	float:left;
}
#subtitulo2{
	width:349px;
	height:11px;
	background: url(./img/subtitulo2.jpg);
	margin:-3px 0 0 0px;
}

#container_h{
	text-align:left;
	margin: 0 auto;
	width:990px;
	height:109px;
}
#container{
	text-align:left;
	margin: 0 auto 0px auto;
	width:990px;
	border-left:2px #CCC solid;
	border-right:2px #CCC solid;
}

#header{
	height:109px;
	width:100%;
	border-top:#ff8000 solid 5px;
	background:url(img/header_bg.jpg) repeat-x;
	text-align:left;
}

#logo{
	float:left;
}

#menu_sup{
	font-size:14px;
	height:20px;
	width:900px;
	padding:10px 0 5px 0;
	margin: 0 auto 10px auto;
	border-bottom:#ff8000 2px solid;
}
#menu_sup ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu_sup li{
	float:right;
	margin:0;
	padding:0;
}
#menu_sup a{
	color:#000;
}
#menu_sup a:hover{
	text-decoration:none;
	background-color:#ff8000;
	color:#FFF;
}

.activo{
	
}

#home{
	display:inline-block;
	width:160px;
	height:47px;
	background-image:url(img/home_bt.png);
	background-position: 0px 47px;
}
#empresa{
	display:inline-block;
	width:160px;
	height:47px;
	background:url(img/empresa_bt.png) 0px 47px;
}
#servicios{
	display:inline-block;
	width:160px;
	height:47px;
	background:url(img/servicios_bt.png) 0 47px;
}
#contacto{
	display:inline-block;
	width:160px;
	height:47px;
	background:url(img/contacto_bt.png) 0 47px;
}
#soporte{
	display:inline-block;
	width:160px;
	height:47px;
	background:url(img/soporte_bt.png) 0 47px;
}

#contenido{
	height:740px;
	
}

.indexfoto{
	width:208px;
	margin:10px auto;
}

#submenu{
	width:900px;
	height:180px;
	text-align:center;
	clear:both;
	margin:0 auto;
}

#homebanner{
	clear:both;
	width:900px;
	margin:0 auto;
}

.bhome{
	float:left;
	height:167px;
	width:182px;
	cursor:pointer;
	margin-left:34px;
}
#consultoria:hover{
	
	background-position: 0px 0px;
}
#consultoria{
	float:left;
	background: url(./img/bhome1.jpg) 0px 167px;
}

#informatica:hover{

	background-position: 0px 0px;
}
#informatica{

	background: url(./img/bhome2.jpg) 0px 167px;
}

#web:hover{

	background-position: 0px 0px;
}
#web{

	background: url(./img/bhome3.jpg) 0px 167px;
	
}

#formacion:hover{

	background-position: 0px 0px;
}
#formacion{

	background: url(./img/bhome4.jpg) 0px 167px;
}

#call{
	height:175px;
	width:380px;
	clear:both;
	font-size:14px;
	line-height:3px;
	margin-left:50px;
	padding-top:20px;
	}
	

#textarea{
	height:700px;
	/*width:900px;*/
	background-color:#91bed4;
	/*margin-left:180px;*/
	display:none;
	}

#textareainf{
	height:700px;
	width:900px;
	background-color:#5c5c5c;
	margin-left:180px;
	display:none;
}

#textareaweb{
	/*height:500px;*/
	width:1006px;
	background-color:#d9e8f5;
	/*margin-left:180px;*/
	display:none;
	padding:10px 20px 10px 20px;
}

#textareafor{
	height:700px;
	width:900px;
	background-color:#304269;
	margin-left:180px;
	display:none;
}

#textareaemp{
	height:700px;
	width:900px;
	background-color:#5E83D9;
	margin-left:180px;
	display:none;
}

#text{
	text-align:left;
	color:#000;
	/*margin-left:100px;
	margin-right:100px;*/
	display:none;
	margin: 0 auto;
	width:900px;
}

#degradado{
	background-image:url(img/degradado.png);
	margin-top:-100px;
}

.transparencia {
  /* opacity: .80;
   -moz-opacity: .25;
   filter:alpha(opacity=25);*/
   float: left;
} 	

#footer{
color:#ff8000;
	height:40px;
	background-color:#ffffff;
	clear:both;
	/*position:fixed;
	bottom:0;
	right:0;*/
	width:100%;
}

#footer a{
	color:#ff8000;
	font-size:12px;
	font-weight:normal;
}
#footer a:hover{
	color:#000000;
	font-size:12px;
	font-weight:normal;
}

.leer1{
	position:absolute;
	display:block;
	top:540px;
	margin-left:150px;
	width:75px;
	height:19px;
	background-image:url(img/leermas1.png);
	background-repeat:no-repeat;
	
}
.leer1:hover{
	background-position: 0px -19px;
}
.leer2{
	position:absolute;
	display:block;
	top:540px;
	margin-left:150px;
	width:75px;
	height:19px;
	background-image:url(img/leermas2.png);
	background-repeat:no-repeat;
	
}
.leer2:hover{
	background-position: 0px -19px;
}

#formulario{
	width:450px;
	text-align:justify;
	margin-left:480px;
	padding-top:33px;
}
#infoleft{
	width:350px;
	text-align:justify;
	float:left;
	margin-left:120px;

}
#inforight{
	width:400px;
	text-align:justify;
	float:right;
	margin-right:120px;
}
#inforight ul{
	list-style-image: url(./img/punto.png);
}
#menuleft{
	text-align:center;
	border-top:#CCC 2px solid;
	border-bottom:#CCC 2px solid;
	width:110px;
	margin:20px auto;
	font-size:14px;
	font-weight:bold;
}
#menuleft ul{
	list-style:none;
	margin:3px;
	padding:3px;
}
#menuleft li{
	list-style:none;
	margin:3px;
	padding:3px;
}
#menuleft a{
	color:#000;
}
#menuleft a:hover{
	color:#ff8000;
	text-decoration:none;
	font-weight:bold;
}
.forminput{
	width:352px;
	border:solid 1px #ACACAC;
	background-color:#E2E2E2;
}
#formulario textarea{
	height:143px;
}
	
	
.scroll{    
    scrollbar-face-color: #336699;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #99CCFF;
	scrollbar-3dlight-color: #99CCFF;
	scrollbar-shadow-color: #99CCFF;
	scrollbar-darkshadow-color: #99CCFF;
	scrollbar-track-color: #336699;
	height:700px;
	width:800px;
	overflow:auto;
}

.marco{
	background-color:#ff8000;
	padding:1px;
}
#container_f{
		border-top:#ccc 2px solid;
	text-align:center;
	margin: 0 auto;
	width:990px;
	height:40px;
}
#footer_txt{
	float:left;
	margin:12px 0 0 190px;
}
#footer_icons{
	float:right;
	margin:10px 200px 0 0 ;
}

.form_contact div{
	margin-top:4px;
}