body {
    margin:  auto;
    font: 13px/22px  Arial, Helvetica, sans-serif;
    background: black url("../img/fondo.jpg") no-repeat scroll left top;
	min-width: 950px;
}
h2{
	color:#09F;
	text-shadow:#666;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	}
h3{
	color: #009;
	margin-left: 15px;
	}
h4{
	font-size:11px;
	color: #999;
	}
p{
	margin: 15px;
	}

header {
	height: 25px;
}

/* Menu */
nav {    
    left: 0;
    width: 100%; /* cubrir el 100% de la pantalla*/
	height: 35px;
    background: url("../img/fondomenu.png");
}

nav ul {
    margin-left: 300px; /*espacio para poner el menu despues del logo*/
}

nav ul li {
     float: left;
	 list-style-type: none; /*quita el dibujo de lista inicial*/
}

nav ul li a {
	margin-top:5px; /* margen para colocar el texto en el centro del menu*/
    display: block;
	margin-left: 2em;
    margin-right: 2em;
    font-size: 14px;
	text-align:center;
    text-decoration: none;
    color: #ffffff;
}
nav ul:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
nav li:hover ul { 
    display:block; 
}
nav ul li:hover {
	height: 35px;
	 background: url("../img/fondomenu2.png");
}
nav ul li.selected a {
     color: #000;
}

#idiomas{
	float: right;
	margin-right: 4em;
	margin-top:6px;
	}

/* Submenu*/

nav ul ul { 
    display: none; 
    width: 100%; 
    position: absolute; 
    left: 0; 
}
nav ul ul li { 
    float: left; 
}
nav ul ul a { 
    padding: 5px 5px; 
	margin-left: 0em;
    margin-right: 0em;
    font-size: 13px; 
}
nav ul ul li:hover {
	 background: none; 
}
nav ul ul li a:hover {
	 color: #000000; 
}

/*Noticias*/

div.principal{
        width: 90%;
        margin: 50px auto;
}
div.slider-wrapper{
	border-radius: 5px;
	}


#contenedor{
text-align: left;
width: 100%;
margin-top: 20px;}

#textoprincipal{
width:65%;  /*Este será el ancho que tendrá tu columna*/
background-color: #ffffff;  /*Aquí pon el color del fondo que quieras para este lateral*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
border-radius: 5px;
}

#direccion{
margin-left:67%; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
background-color: #bdd9fb;
height:100%;
border-radius: 5px;
}

div.empresa{
        width: 90%;
        margin: 50px auto;
		background-color: #ffffff;
}

/* CONTACTO */

#direccion2{
background-color: #bdd9fb;
border-radius: 5px;
}

#formulario{
	font-family: sans-serif;
    font-size: 12px;
    color: #798e94;
    width: 400px;
    margin: auto;
  
	}
	
.contacto{
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 45px 45px 20px;
    background-color: white;
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
    display: block; /* esto es para que el label se sobreponga a la caja de texto */
    font-weight: bold;
}
.contacto div{
    margin-bottom: 15px; /* esto los separara un poco */
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 294px; /* una longitud definida */
    border: 1px solid #CED5D7;
    resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none; /* reset especifico para Chrome/Safari */
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
 
    background: #e4f1f6; /* fallback para navegadores que no soporten degradados */
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}

/*Mapa Mundi*/
#mundo{
	margin-top:35px;
	margin-left: 15px;
	whith:1200px;
	height:550px;
background: url("../img/mundo.png") no-repeat scroll left top;
}
#argentina{
	position: absolute;
	left:330px;
	top: 530px;	
}
#chile{
	position: absolute;
	left:260px;
	top:580px;
	}
#china{
	position: absolute;
	left:760px;
	top:360px;
	}
#ecuador{
	position: absolute;
	left:220px;
	top:460px;
	}
#india{
	position: absolute;
	left:680px;
	top:410px;
	}
#islandia{
	position: absolute;
	left:440px;
	top:240px;
	}
#noruega{
	position: absolute;
	left:500px;
	top:200px;
	}
#zelanda{
	position: absolute;
	left:880px;
	top:580px;
	}
#tanzania{
	position: absolute;
	left:590px;
	top:450px;
	}
#vietnam{
	position: absolute;
	left:780px;
	top:410px;
	}
	
/* Productos*/
#contenedorproductos{
	whith:100%;
	margin-left:15px;	
	border-radius: 5px;
	}
#contenedorproductos h3{
	color:#fff;
	}
table.semitransparente{
	background:rgba(255, 255, 255, 0.8);
	}
div.productos{
	position:static;
	float: left;
	whith: 320px;
	height: 250px;
	background:#fff;
	padding:15px;
	border:solid;
	border-radius: 5px;
	border-width:medium;
	border-color:#999;
	}
div.productos img{
	whith: 290px;
	height: 200px;
	border:solid;
	border-width:thin;
	border-color:#999;
	}
div.productos:hover{
	background: url(../img/masinfo2.html) center no-repeat;    
	cursor: pointer;	
	}
/* tabla de datos */
td.enunciado{
	font:bold;
	}
td.campo{
	font:italic;
	}