body {
font-family: 'Trebuchet MS', Verdana, sans-serif;
color: #fff;
font-size: 14px;
margin:0;
text-align: center; /* for IE */
background: #fff url(back_diko.gif) repeat;
}

#texto h2 {
color: #FFA500;
font-size: 10pt;
margin:0;
padding:0;
}

h2 {
margin: 5px 0 0 10px;
padding: 0;
font-size: 19px;
}

img {float: right;
margin: 50px;}

ol {
list-style:none;
}

a:link {
color: #FFA500;
text-decoration: none
}


a:visited {
color: #FFA500;
text-decoration: none
}

a:hover {
text-decoration: underline;
color: #fff;
}


dt {
font-weight: bold;
margin-top: 1.3em
}

dd {
margin-left: 1.5em;
}


#contenedor {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 700px;

}

#contenido {
 width: 100%;
 height: 400px;
 background: #fff;
 margin-top: 50px;
 background: /*#09428C*/ url(diko-limpieza-bg-azul-trans.png) no-repeat;
 overflow: hidden;
}

#logo3d{
float: left;
margin: 3px;
}
#diko {
margin-left: 10px;
padding-top: 6px;
font-family: Arial, sans-serif; 
font-weight: bold;
float: left;
}

#diko h1, #diko p, #diko h1 a{
color: #FFA500;
margin: 0;
padding: 0;
float: left;
font-size: 33px;
}

#diko p, #diko p a{
color: #09428C;
}

#diko a{
text-decoration: none;
}

#main {
float: left;
width: 100%;
}

#texto {
float: left;
font-size: 9pt;
width: 350px;
height: 340px;
color: #fff;
overflow: auto;
line-height: 1.2em;
padding: 20px 0 0 20px;
}

#flash {
float: left;
border: 2px solid #FFA500;
margin: 40px 0 0 10px;
height: 167px;
width: 302;
}

#flash-servicios {
position: relative;
top: 40px;
left: 20px;
border: 2px solid #FFA500;
height: 167px;
width: 302px;

}

#flash-servicios2 {
position: relative;
top: 40px;
left: 50px;

border: 2px solid #FFA500;

height: 167px;
width: 245px;

}

#productos-izq {
width: 50%;
float: left;
}

#productos-der{
margin:0 0 0 0; 
padding: 0;
font-size: 80%;
position: relative; 
top: -30px;
float: left;
width: 50%;
height: 343px;
overflow: auto;
}


#pie {
position: absolute;
text-align: center;
margin-top: 5px;
margin-left: 150px;
font-size: 12px;
color: #fff;
}

#pie td{
width: 130px;
padding: 0;
margin:0;
}

.etn {
text-align: center;
display: none;
}

a:link img {
border: 2px solid #FFEFFF;
}


a:visited img {
border: 2px solid #fff;
}

a:hover img {
border: 2px solid #FFAFFF;
}



/*------contacto-----------*/
form {
margin-left: 50px
}

label {
text-align: right;
}  

input, textarea{
background-color: #fff;
border: 1px solid #FFAFFF;
color: #95C0E3;
font-family: verdana, sans-serif;
font-size:100%;
font-weight: bold;
padding:0.3em;
}

textarea{overflow:auto;
font-size:100%
}

.error {
color: red;
}

.contacto {
margin: 10px 0;
padding: 0;
}ing:0.3em;
}

textarea{overflow:auto;
font-size:100%
}

.error {
color: red;
}

.contacto {
margin: 10px 0;
padding: 0;
}


/*----------------contacto------------------------------*/
label { 
display:block; 
font-weight:bold; 
margin-bottom:1px;
color:#fff;
text-align: left;
}  

input, textarea{
background-color: #FAFAFA;
border: 1px solid #E2E2E2;
color: #0A428C;
font-family: verdana, sans-serif;
font-size:90%;
font-weight: bold;
padding:0.2em;
}

textarea{
overflow:auto;
}

form p{
margin: 0;
}


/*------------<NAVEGACION>---------*/
#nav{
float: right;
}

#navbar{
margin: 0;
padding: 0;
text-align:center;
font-weight:bold;
}

#navbar a { margin:0;
   font-size:12pt;
   color: #0A428C;
   text-decoration:none;
   display: block;
   width: 95px;
   height:23px;
    }

#navbar a:hover {
   color: #FFA500;
   margin:0;
}

#navbar li {float:left;
margin:0;
list-style-type: none;
}

/*---------*/

#navbar li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : -2px;
		margin-top : -2px;
		background: #fff;
		padding:0;
		z-index: 100;
	}

#navbar li ul li{ /* second-level lists */
		clear: both;
	}
	
#navbar li ul a, #navbar li ul a:hover, #navbar li ul a:visited {
		margin-top: -1px;
		border: 1px solid #069;
		height:25px;
		line-height: 25px;
		font-size: 90%;
		width:100px;
	}
	
#navbar li ul a:hover {
		background: #fff;
	}

#navbar li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
#navbar li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	
/*------------</NAVEGACION>---------*/