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

*{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

h2{
	color:red;
	border-bottom:1px red dashed;
	font-size:18px;
	margin-bottom:6px;
}	

h3{ 
     font-family:helvetica;
	font-size:20px;
	color:white;
	font-style:normal;
	padding-bottom:6px;
	border-bottom:1px solid white;
	margin-bottom:3px;
	margin-top:16px;
	}

.menuppal ul li a img{

	padding-top:15px;

}
#contacto a:hover{
 	color:#0C7D8D!important;
 	background-color:white!important;
	height:50px!important;
} 	
.masInfo{
	top:-5px;
	position:relative;
	width:100px;
	height:56px;
	margin-left:300px;
	
}

.boton1 a:link{
	background: url(images/demos.png) top;
	height:221px;
    width:175px;
	margin-right:145px;
	margin-left:80px;
	float:LEFT;
	text-indent: -4000px; 
   }
 .boton1 a:hover{
   height:221px;
   width:175px;
   background-position: bottom;/*0 100%;*/
 }
 
.boton2 a:link{
	background:url(images/versiones.png) top;
	height:221px;
    width:175px;
	margin-right:145px;
	float:LEFT;
	text-indent: -4000px; 
   }
   
.boton2 a:hover{
   height:221px;
   width:175px;
   background-position: bottom;/*0 100%;*/
 }
 
.boton3 a:link{
	background:url(images/modulos.png) top;
	height:221px;
    width:175px;
	float:LEFT;
	text-indent: -4000px; 
   }
   
.boton3 a:hover{
   height:221px;
   width:175px;
   background-position: bottom;/*0 100%;*/
 }
 
#cabecera{
	background-color:RGB(12,125,141);
	height:9px;
}	

.menuppal ul a{
	 background-repeat: no-repeat;
	 background-position: right;
	 padding-right: 15px;
	 padding-left: 15px;
	 display: block;
	 line-height:84px;
	 text-decoration: none;
	 font-family:Helvetica;
	 font-size: 13px;
	 color:#0C7D8D;
	 border-bottom-right-radius:10px;
	 border-bottom-left-radius:10px;
}

.menuppal a:link{
	color:RGB(12,125,141);
	text-decoration:none;
	height:70px;
}

.menuppal ul li a:hover{
 	color:white;
 	background-color:RGB(12,125,141);
}

.logo{
	display:block;
	width:340px;
	height:70px;
	margin-left:0px;
	margin-right:10px;
	margin-top:30px;
	float:left;
	background-image: url(images/logo_png.png);
	background-repeat:no-repeat;
}

.menuppal{
	width:590px;
	display:block;
	float:right;
	height:70px;
	/*display:inline;*/
}
.menuppal ul {
	height: 70px;
	list-style-type:none;
	}

.menuppal ul li{
	float:right;
}
 
.contenedor{
    margin: 0 auto;
    text-align:left;
    width:950px;
	color: #5B5B5C;
    font-size: 14px;
	font-family: Helvetica;
	line-height: 18px;
   /* background-color:#CBCBCB;*/
}

.caracteristicas .contenedor{
	color:#5b5b5c;
}

.banner .texto{
	margin-top: 130px;
	width: 350px;
	float: left;
	margin-left:20px;
	text-align: justify;
	font-size: 14px;
	font-family:Franklin Gothic Medium,sans-serif;
	color:#4e4e51;
}

/******************************************************/

.izquierda{
	float:left;	
	width:440px;
}

.derecha{
	min-height:200px;
	width:500px;
	margin-left:442px;
	padding-top:30px;


}
.botonesfooter{
	width:500px;
	display:block;
	height:54px;

}

#footer {
	 clear:both;
     background: url(../images/bg-footer.png) repeat-x scroll 0 0 white;
     height: 210px;
     text-align: left;
     padding:10px;
     margin-top:40px;
	 display:block;
}

#footer .izquierda .marca a:link{
	background:url(images/marca.png) top;
	height:40px;
    width:343px;
	margin-left:30px;
	float:LEFT;
	text-indent: -4000px; 
	margin-bottom:10px;
	} 

#footer .izquierda .marca a:hover{
	height:40px;
	width:343px;
	background-position:bottom;
}
#footer .contenedor .izquierda .logof1 a{
	background: url(images/foob4.png) top;
	height:72px;
	width:74px;
	margin-top:15px;
	margin-right:10px;
	float:LEFT;
	text-indent: -4000px;
}

#footer .contenedor .izquierda .logof1 a:hover{
	height:72px;
	width:74px;
	background-position:bottom;
}

#footer .contenedor .izquierda .logof2 a{
	background: url(images/foob2.png) top;
	height:72px;
	width:74px;
	margin-top:15px;
	margin-right:10px;
	float:LEFT;
	text-indent: -4000px;
}

#footer .contenedor .izquierda .logof2 a:hover{
	height:72px;
	width:74px;
	background-position:bottom;
}

#footer .contenedor .izquierda .logof3 a{
	background: url(images/foob3.png) top;
	height:72px;
	width:74px;
	margin-top:15px;
	margin-right:10px;
	float:LEFT;
	text-indent: -4000px;
}

#footer .contenedor .izquierda .logos{
	height:72px;
	margin-bottom:40px;
	margin-top:15px;
}

#footer .contenedor .izquierda .logof3 a:hover{
	height:72px;
	width:74px;
	background-position:bottom;
}

#footer .contenedor .izquierda .logof4 a{
	background: url(images/foob6.png) top;
	height:72px;
	width:74px;
	margin-right:10px;
	float:LEFT;
	margin-top:15px;
	text-indent: -4000px;
	margin-bottom:20px;
}

#footer .contenedor .izquierda .logof4 a:hover{
	height:72px;
	width:74px;
	background-position:bottom;
}
#footer .contenedor .izquierda .logof5 a{
	background: url(images/foob5.png) top;
	height:72px;
	width:74px;
	margin-right:10px;
	float:LEFT;
	margin-top:15px;
	text-indent: -4000px;
	margin-bottom:20px;
}

#footer .contenedor .izquierda .logof5 a:hover{
	height:72px;
	width:74px;
	background-position:bottom;
}
#footer .contenedor .izquierda .texto{
	  clear:both;
	margin-top:20px;
	color:white;
	font-size:14px;
	margin-left:30px;
	font-family:helvetica;}
	
.derecha .botonesfooter .bdescargas a:link{
	background:url(images/foodescargas.png) top;
	height:54px;
    width:165px;
	margin-left:40px;
	float:LEFT;
	text-indent: -4000px; 
   }
   
.derecha .botonesfooter .bdescargas a:hover{
   height:54px;
   width:165px;
   background-position: bottom;/*0 100%;*/
 }

.derecha .botonesfooter .bcontacto a:link{
	background:url(images/foocontacto.png) top;
	height:54px;
    width:165px;
	margin-right:60px;
	float:right;
	text-indent: -4000px; 
   }
   
.derecha .botonesfooter .bcontacto a:hover{
   height:54px;
   width:165px;
   background-position: bottom;/*0 100%;*/
 }
 
.derecha .texto {
    width: 500px;
    padding-top: 20px;
    height: 95px;
    margin-left: 15px;
}
.derecha .texto {
    color: white;
    font-family: Helvetica;
    font-size: 13px;
}
	/***********************************************/
	
.banner{
	height:306px;
	background:url(images/banner.png);
	background-repeat:no repeat;
	clear:both;
	margin-left:15px;
	padding-bottom:10px;
	border-bottom:1px dashed red;	
	}

.submenu{
	clear:both;
	height:221px;
	DISPLAY:block;
	padding-top:0PX;
	margin-left:15px;
	/*background-color:#993300;*/
	border-bottom:1px dashed red;
	}

.logos li a{
	background-image:url(images/foob1.png) no-repeat;
}	

.versiones .contenedor h4{
	border-bottom: 1px dashed #F00;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top:10px;
	color: #F00;
	font-family: Helvetica;
	font-size: 18px; }	
	

.versiones{
	margin-top:150px;
	margin-left:80px;
}
.versiones .contenedor h1{
	color: #F00;
	font-family: Helvetica;
	font-size: 18px;
}
.versiones .contenedor ul{
	list-style-type:square;
	color:red;
}

.versiones .contenedor p{
	color: #5B5B5C;
font-size: 14px;
font-family: Franklin Gothic Medium,sans-serif;
line-height: 18px;
margin-bottom:10px;
margin-top:10px;
	

}

.versiones .contenedor ul li{
	color: red;
font-size: 14px;
font-family: Franklin Gothic Medium,sans-serif;
line-height: 18px;

}


	
/**************************** caracteristicas ****************************************/	
	
.caracteristicas .contenedor h1{
	color:red;
	font-family:Helvetica;
    font-size: 18px;
	border-bottom:1px red dashed;
	
}	
.contenedor .imagenes{
	/*border-top:1px red dashed;*/
	height:240px;
	margin-top:10px;
	padding-top:10px;
	text-align:center;
}

.caracteristicas .contenedor ul{
	list-style-type: square;
    color: #F00;
}

.caracteristicas .contenedor ul li{
	margin-top:10px;

}

.caracteristicas .contenedor ul li p{
	color:#5b5b5c;
	font-size:14px;
	font-family:Helvetica;
	line-height:18px;
	}
	
.caracteristicas{
	margin-top:150px;
	margin-left:80px;
}