﻿body 
{
    border:0;
    margin:0 0 20px 0;   
    background-image:url('imagenes/fondo.jpg');
    background-position: left top ;
    background-repeat:repeat-x;
    background-color:#015A84;
     font-size:14px;
     font-family:Arial;
     color:#87888A;
}

img
{
    border:0;
}

#contenedor
{    
    padding: 0 0 0 0;
    position: absolute; /*Posicionamiento absoluto*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	width: 1000px; /*Le ponemos el valor del ancho*/
    margin-left : -500px;
    border: solid 1px white;
    min-height: 500px;
    height: auto;
    background-color:White;
}

#cabecera
{
     background-image:url('imagenes/cabecera.jpg');
     background-position:left top ;
     background-repeat:no-repeat;
     width:100%;
     height:270px;
     float:left;
}

#contenido
{
    width:100%;
    float:left;
    height:auto;
}

#pie
{
     background-image:url('imagenes/pie.jpg');
     background-position:left top ;
     background-repeat:no-repeat;
     height:135px;
     width:100%;
     float:left;
}

#logo
{
    margin: 30px 0 0 40px; 
    float:left;
}

#menuGeneral
{
    float:left; 
    margin: 110px 0 0  170px;
}

#menuGeneral ul
{   
    text-decoration:none;
    float:left;   
}

#menuGeneral li
{
    width:125px;
    height:130px;
    margin: 0 10px 0 0;
    float:left;
    text-decoration:none;
    display:block;
}

#menuGeneral li a
{
    width:125px;
    height:130px;
    display:block;
    background-repeat:no-repeat;
  
}

#menuInicio a:hover 
{   
    background-image:url('imagenes/menu_inicio_sobre.png');
}

 #menuEmpresa a:hover 
{
    background-image:url('imagenes/menu_empresa_sobre.png');
}

#menuProductos a:hover 
{
    background-image:url('imagenes/menu_productos_sobre.png');
}

#menuClientes a:hover 
{
    background-image:url('imagenes/menu_clientes_sobre.png');
}

#menuContacto a:hover 
{
    background-image:url('imagenes/menu_contacto_sobre.png');
}


#contenidoIzquierda
{
    float:left;
    width:350px; 
    min-height:500px;
    background-image: url('imagenes/barra_separadora.jpg'); 
    background-position:top right; 
    background-repeat: repeat-y; 
}


#contenidoDerecha
{
    float:left;
    width: 650px;
    min-height:600px;
}

#bloque
{
    overflow-x:hidden;
    overflow-y:hidden; 
    height:100%;
    width:100%;
    
}

.menuLateralProductos
{
    
    
   float:left;
   height:70px;
   width:250px;
   display:block;
   font-size:20px;
   margin: 10px 0 0  40px;
    font-family:Verdana;

   
}

.menuLateralProductos a
{    
     display:block;
}

.menuLateralProductos a:hover
{    
      font-weight:bold;
}

.menuLateralProductos img
{    
      float:right;
}

.menuLateralProductos a.seleccionado
{      
    font-weight:bold;
}

.menuLateralProductos  span
{ 
  height: 70px;  
  display:block;
  float:left;
  line-height:70px;
}



.menuPadreProductos ul
{
    height: 30px;
    width:100%;
    float:left;   
    display:block;
    text-decoration:none;      
}

.menuPadreProductos li
{
     height: 30px;
     width:100%;
    text-decoration:none;
    display:block;
    float:left;   
    text-indent:10px;
  
}

.menuPadreProductos li a
{
  height: 25px;
    display:block;
    font-family:Arial;
    font-size:14px;      
    color:#87888A;
    text-decoration:none; 
    padding: 5px 0 0 0 ;
   
}

.menuPadreProductos li a:hover
{
   background : #066 url(sdmenu/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

.producto
{   
    float:left;
    height: 90px;
    width: 300px;
    margin: 20px 0 0 15px;    
}

.productoVertical
{
    float:left;
    height: 200px;
    width: 200px;
    margin:20px 0 0 15px;
    
}

.titulo
{
    font-weight:bold;
    font-size:25px;
    text-align:center;
}



#container {
	background: transparent;
	height: 550px;
	width: 350px;
	margin-top:30px;	
}

#btmenu {	
	background: transparent ;
	height: 200px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	position: absolute;
	
	background-repeat:no-repeat;
}

#container #menu {
	height: auto;
	width: 350px;
	float: left;	
}

/*
body {
	overflow: auto;
	background: #333;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}*/

#container h1 {
	font-size: 16px;
}

#container #menu li {
	display: block;
	list-style-type: none;
}

#container #menu a {
	font-size: 11px;
	
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	text-decoration: none;

	height: 30px;
	width: 300px;
	display: block;
	outline:0;
	padding-bottom: 5px;
	font-family:Arial;
    font-size:14px; 
     
    color:#87888A;
    text-decoration:none; 
}

#container #menu a.toggler2 {

	background: transparent  url(imagenes/bg_3.jpg) no-repeat left;
	
}
/*
#container #menu a:hover {
	color: #CCFF00;
}*/

#popup {
	float: right;
	width: 320px;
	border: thin solid #666666;
	height: auto;
	background: transparent;
	visibility:hidden;
	font: 11.333px Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-right: 20px;
}
/*
#container #menu .accordion a {
	color: #FFCC00;
}
#container #menu .accordion a:hover {
	color: #FFFF00;
}
*/



 a:hover img
{
     opacity: 0.8;
     -moz-opacity: 0.8;
     filter: alpha(opacity=80);
     border:0;
 
}

img

{
     opacity: 1.0;
     -moz-opacity: 1.0;
     filter: alpha(opacity=100);

}

a, a:hover,a:visited
{
    text-decoration:none;
    color:#87888A;
}


.imagenpeque
{
    padding: 0 10px 10px 0; 
}

#galeriaimagenes
{
    float:left;
    margin: 50px 0  0 20px ;
}

#galeriaimagenes p
{
    text-align:center;
    padding: 0 0 10px 0;
    font-size:15px;
    font-weight:bold;
    
}

#caracteristicas li
{
    line-height:20px;
    margin: 15px 0 0 15px;
   text-indent:0;
}

#tituloPrograma
{
   text-align:center; 
   font-size:24px; 
   font-weight:bold; 
   letter-spacing: 5px;
   padding: 20px 0 10px  0 ;
   
}