/******** BASE CSS ************/
body{
	padding: 0px;
	margin: 0px;
	font: 69% Tahoma, Verdana, Arial, Sans-Serif;
}
table {
}
a {
	color: #00304c;
	background-color: transparent;
	text-decoration:none;
}
img {
	border: none;
	vertical-align: middle;
}
p {
	text-align:justify;
	margin: 0 0 0.75em 0;
	line-height: 1.5em;
	font-size: 1.1em;
	
}
p img {
	border: none;
	margin: 0;
	
}
p.quot{
	padding-left:15px;
	font-style:italic;
	font-size:larger;
}

h1, h2, h3, h4, h5, h6 {
	color: #006600;
	background-color: transparent;
	font-family: "Lucida Grande", Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	border-bottom: 0px solid #333;
}
h1 a,
h2 a {
	color: #555 ! important;
	text-decoration: none;
}
h1 {
	padding: 0.5em 0 0.5em 0;
	font-size: 160%;
	line-height:1.5em;
}
h2 {
	font-size: 150%;
}
ul {
	line-height: 1.5em;
	margin: 0.5em 0 0 1.5em;
	padding: 0;
	list-style-image: url(imgs/generic-bullet.gif);
	list-style-type: square;
}
ol {
	line-height: 1.5em;
	margin: 0.5em 0 0 2.5em;
	padding: 0;
	list-style-image: none;
}
input{
	width: 320px;
}
.inputBut{
	width: 150px;
}
div#contet{
	width:100%;
	height:100px;	
}

/* DIV HEADER --> */

div#content #header{
	padding-top:0;
	margin-top:0;
	background: url(imgs/banner.jpg) no-repeat;
	background-position: left;
	width: expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1026? "1024px" : "auto");
	max-width:1024px;
	min-width:800px;
	height:199px;	
}
div#content #header #logo{
	text-indent:-99999px;
	width:315px;
	height:200px;
	position:absolute;
	
}
div#content #header #menuBack{
	position:absolute;
	
	max-width:1024px;
	min-width:800px;
	height:30px;

}
div#content #header #menu{	
	padding: 0 0 0 250px;
	text-align:left;
	max-width:774px;
	min-width:550px;	
	
}
div#content #header #menu ul{
	position:absolute;
}
div#content #header #menu li{
	list-style-type:none; 
	font-weight:bolder;
	font-size:1.1em;
	display:inline;
	line-height:28px;
}
div#content #header #menu a{
	text-align:center;
	color:#ffffff;
	padding: 1.1em 12px 4px 12px;	
}	
div#content #header #menu a:hover{	
	background:#ffffff;	
	color:#000000;	
}

div#content #header #menu a#homeImg{
	background: url(imgs/homeImg.gif) no-repeat;
	background-position:bottom;
	
}
div#content #header #menu a#homeImg:hover{
	background: url(imgs/homeImg2.gif) no-repeat;
	background-position:bottom;
	
}
/* <-- DIV HEADER */
/* CONTENT --> */
div#content #bod{
	width: expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1026? "1024px" : "auto");
	max-width:1024px;
	min-width:800px;	
	height:50px;
	background: url(imgs/banner_r2_c1.jpg) no-repeat;
}
div#content #bod #bod1{
	margin-left:1.5em;
	float:left;
	padding-left:3em;
	width:50%;	
}
div#content #bod #bod2{
	float:right;
	width:37%;
	padding: 25px 10px 254px 10px;
	background: url(imgs/img1.jpg) no-repeat;
	background-position: left bottom;
}
div#content #bod #bod2 p{
	padding: 5px 15px 10px;
}
div#content #bod #bod3{
	margin-left:3em;
	float:left;
	padding-left:3em;
	width:50%;	
	text-align:justify;
}

div#content #bod #distri{
	width:50%;	
	text-align:justify;
}

div#content #bod #distri p{
	font-size:11px;
	text-align:justify;
}

div#content #bod #bod3 li{
	margin-left:10px;
}

div#content #bod #bod4{
	float:right;
	width:34%;
	height:100%;
	background: url(imgs/img2.jpg) no-repeat;
	padding: 25px 10px 200px 10px;	
	background-position: left bottom;
}

div#content #bod #demo{
	float:left;
	width:35%;
	padding:5px 5px 5px 5px;
}
div#content #bod #but{
	background-color:#002222;
	color:#FFFFFF;
	width:60%;
	font-weight:500;
	font-size:11px;
	padding:5px;
	border:solid 1px #EFFFFF;
}
#demo #but{
	font-size:15px !important;
}
div#content #bod #but:hover{
	background-color:#FEFFFF;
	color:#001111;
	width:60%;
	font-weight:500;
	font-size:11px;
	padding:4px;
	border:solid #001111 1px;
}

div#content #bod #fondesa{
	float:right;
	width:30%;
	margin-top:60px;	
	padding: 0px 10px 254px 0px;
	background: url(imgs/fondesa.jpg) no-repeat;
	background-position:left ;
}
div#content #bod #compania{
	float:left;
	width:34%;
	margin:60px 0 0 60px;	
	padding: 0px 10px 254px 10px;
	background: url(imgs/company.jpg) no-repeat;
	background-position:left ;
}
div#content #bod #soporte{
	text-align:justify;
	width:50%;
}
div#content #bod #contacto{
	float:left;
	width:50%;
	margin-top:50px;
	margin-left:100px;
}

.descargas{
	background-color:#002222;
	color:#FFFFFF;
	width:250px;
	text-align:center;
	font-weight:500;
	font-size:14px;
	padding:5px;
	border:solid 1px #EFFFFF;
}
/* <-- CONTENT */
/* FOOTER --> */
div#content #footer{	
	color: #ffffff;
	float:left;
	width:100%;
}
div#content #footer #credits{	
	background:#1D343D;	
	color: #ffffff;
}
div#content #footer #credits p{
	padding: 10px;
	text-align:center;
}

/* <-- FOOTER */