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

body{
	padding: 0px;
	margin: 0px;
	background-image: url('bg_body.gif');
	background-repeat:repeat;
	background-attachment: fixed;	
	height: 100%;
	font-family:Arial,Verdana,sans-serif;
}

#maincontainer{
	position: relative;
	min-height: 100%;
	width: 900px;
	/*background-color: white;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-top: 5px solid #ffffff;*/
	top:10px;
	margin: 0px auto;
	overflow:hidden;
}

.img_top{
width:0px;
height:0px;
}

/*header*/
#header{
height:80px;
/*background-color:white;*/
}

.logo img{
width:227px;
height:35px;
position:absolute;
left:10px;
top:24px;
border:0px;
}

#info_top{
background-image:url(bg_contact.png);
color:#FFFFFF;
text-decoration:none;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
text-align:right;
}

#info_top a{
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#info_top a:hover{
color: #FF8B15;
}

/*log in*/
#head_img{
background-image:url("bg_log.png");
text-align:right;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:gray;
height:42px;
}

#head_img #demo{
background-image:url(demo.png);
float:right;
display:block;
width:80px;
height:42px;
}

/*contenido*/
#container{
	display: block;
	position: relative;	
	width: 900px;
	overflow: visible;	
}

#content_ini, #content_contact, #content{
	display: block;
	position: relative;
	width: 630px;
	height:585px;
	float: right;
	padding:10px;
	padding-top:0px;
	text-align: justify;
	margin-bottom: 50px;
	background-image:url(FondoText.png);
}

#content{
background-image:url(FondoText_gen.png) ! important;
}

#content_ini div img{
display:none;
}

#content_ini h2, #content h2, #content_contact h2{
font-weight:bold;
font-size:18px;
color:#888888;
margin-bottom:0px;
}

#content_ini h3, #content h3, #content_contact h3{
padding-top:-10px;
font-weight:normal;
font-size:16px;
color:#333333;
margin-top:0px;
}

#content_ini p{
padding-top:300px;
color:##333333;
font-size:16px;
}

#content table{
color:#333333;
font-size:12px;
font-weight:normal ! important;
border:#CCCCCC solid 1px;
}

#content table th{
color:#FFFFFF;
background-color:#999999;
font-size:14px;
}

#content table td{
padding:2px;
text-align:left;
border-left:#CCCCCC solid 1px;
}

#content table .par{
background-color:#eeeeee;
}

#content ul{
color:##333333;
}

#email{
margin-top:30px;
width:60%;
padding:3px;
padding-right:5px;
float:left;
}

#email table, #email table td{
border:0px;
text-align:right;
font-weight:normal;
font-size:10px;
}

input{
width:94%;
}

textarea{
width:97.5%;
height:80px;
}

#telefono{
margin-top:30px;
width:34%;
padding:5px;
float:right;
text-align:center;
font-weight:bold;
font-size:18px;
}

#telefono p{
text-align:center;
font-size:16px;
padding-top:10px;
}

#oficinas{
float:left;
width:98%;
padding:5px;
margin-top:30px;
font-size:18px;
}

#oficinas img{
margin-top:10px;
}

#oficinas p{
font-size:14px;
font-weight:normal;
width:43%;
}

#oficinas p a{
text-decoration:;
color:#FFFFFF;
}

#oficinas div{
position:absolute;
width:300px;
height:272px;
top:300px;
left:330px;
}
#oficinas div img{
width:100%;
height:100%;
}

#content_contact{
font-weight:bold;
color:#FFFFFF;
background-image:url(FondoContacto.png) ! important;
}

#caja{
padding-top:20px;
}

/*menu_horizontal*/
#menu_bar a{
background-repeat:no-repeat;
color:white;
display:block;
float:left;
font-weight:bold;
height:38px;
overflow-x:hidden;
overflow-y:hidden;
padding-top:9px;
text-decoration:none;
text-indent:40px;
width:150px;
font-size:13px;
}

#menu_funcionalidad{
background-image:url(menu_funcionalidad_a.png);
}
#menu_funcionalidad:hover{
background-image:url(menu_funcionalidad_b.png);
}

#menu_servicios{
background-image:url(menu_servicios_a.png);
}
#menu_servicios:hover{
background-image:url(menu_servicios_b.png);
}

#menu_caracteristicas{
background-image:url(menu_caracteristicas_a.png);
}
#menu_caracteristicas:hover{
background-image:url(menu_caracteristicas_b.png);
}

#menu_contacto{
background-image:url(menu_contacto_a.png);
}
#menu_contacto:hover{
background-image:url(menu_contacto_b.png);
}

#menu_presentacion{
background-image:url(menu_presentacion_a.png);
}
#menu_presentacion:hover{
background-image:url(menu_presentacion_b.png);
}

#menu_demo{
text-indent:18px ! important;
background-image:url(menu_demo_a.png);
}
#menu_demo:hover{
background-image:url(menu_demo_b.png);
}

/*Panel Izquierdo*/
#left{
	display: block;
	position: relative;
	width: 238px;
	height:595px;
	float: left;
	/*background-color:#E5F2FF;*/
}

#compra{
display:block;
width:238px;
height:234px;
background-image:url(Compra.png);
text-indent:7px;
padding-top:4px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
font-size:14px;
}

#compra:hover{
background-image:url(Compra_b.png);
}

#compra_en{
background-image:url(Compra_en.png);
display:block;
width:238px;
height:234px;
text-indent:7px;
padding-top:4px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
font-size:14px;
}

#compra_en:hover{
background-image:url(Compra_b_en.png);
}

#funciones{
display:block;
width:238px;
height:357px;
background-image:url(Funciones.png);
margin:0px;
}

#funciones h1{
font-weight:bold;
font-size:18px;
color:#777777;
padding-top:5px;
margin:0px;
text-indent:10px;
}

#funciones ul{
	padding-top:140px;
	color:#888888;
	font-weight:bold;
}