html,body{
margin: 0px;
padding: 0px;
background-color: #000000;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#contenedor{
margin: auto;
width: 800px;
}


#inicial{
width: 800px;
height: 400px;
background-color: #0e1114;
background-image: url('../img/fondosi/fondo1.jpg');
background-position: right bottom;
background-repeat: no-repeat;
}

#idiomas{
text-align:center;
color:#ffffff;
font-size:16px;
}


#banner{
position: relative;
width: 800px;
height: 200px;
background-image: url('../img/banner1.png');
}


#fla{
position: absolute;
width: 800px;
height: 200px;
top: 0px;
left: 0px;
}

#menu{
position: absolute;
width: 800px;
height: 40px;
font-family: arial,serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: center;
top:160px;
left: 0px;
}

#contenido{
position: absolute;
width: 800px;
min-height: 300px;
padding-bottom: 50px;
background-color: #0e1114;
background-image: url('../img/timon-fondo2.png');
background-position: right bottom;
background-repeat: no-repeat;
}

#media{
position: relative;
top: 25px;
left: 25px;
width: 750px;
}

#mMenu{
width: 250px;
min-height: 400px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
float: left;
}

#mContenido{
width: 500px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
float: right;
}

div.ordermenu{
position: relative;
padding-top: 12px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 14px;
height: 40px;
width: 100px;
text-align:center;
background-image: url('../img/menu-off.png');
background-repeat: no-repeat; 
background-attachment: scroll;
float: left;
cursor: pointer;
}

div.ordermenu:hover{
color: #00ff00;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
background-image: url('../img/menu-on.png');
background-repeat: no-repeat; 
background-attachment: scroll;
font-size: 14px;
}

div.sMedia{
height: 25px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 12px;
cursor: pointer;
}

div.sMedia:hover{
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica,sans-serif;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
cursor: pointer;
}

/*formulario*/
#formulario{
position: relative;
margin-left: 100px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
background-image: url("../img/form.png");
background-position: left top;
background-repeat: no-repeat;
width: 600px;
}

input.rellenar{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
background-color: transparent;
border: 1px solid #ffffff;
color: White;
width: 450px;
}

input.check{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
background-color: transparent;color: White;
}


input.noinput{
font-family: 'Trebuchet MS', Helvetica, sans serif;
background-color: transparent;
border: 1px solid #ffffff;
color: White;
width: 100px;
}

textarea{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
background-color: transparent;
border: 1px solid #ffffff;
color: White;
width: 450px;
}


.formTextos{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 25px;
width: 500px
}


.texto1{
margin: 25px 25px 25px 25px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
text-align: justify;
}

.texto2{
margin: 25px 25px 25px 25px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
}


.productos{
margin: auto;
padding: 10px 10px 10px 10px;
width: 650px;
color: #ffffff;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
}

.imgProceso{
float: left;
}

.textoProceso{
float: right;
width: 390px;
}

.textoIntro{
margin-top: 0px;
float: right;
width: 450px;
}

.portadas{
margin-right: 10px;
}