@charset "utf-8";
/* CSS Document */

body{ background-color:#FFF; padding:0; margin:0;
	}
	
img{border:0;}

.color-gris{color:#666;}

.color-azul{color:#425E94;}

a{border:0;}


#header{
	background-color:#5E79A4; height:124px;
}

#linea{background-color:#000; height:20px; width:100%;
}

#titular{background-color:#5E789F; height:35px;
}

#contenedor{ width:1100px; margin:0 auto;
}

#contenedor p{ color:#283D5F; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; padding:0; margin:15px 0 0 20px;
}

#contenedor.index{ width:1100px; height:1100px; background-image:url(../img/bg_contenedor.jpg); background-repeat:no-repeat;
}

#header #cabecera{ width:1100px; height:124px; margin:0 auto; padding:0;
}

#cabecera #idn{ width:480px; height:124px; padding:0; margin:0; background-image:url(../img/logo_idn.jpg); background-repeat:no-repeat; float:left;
}

#cabecera #stybo{ width:620px; height:124px; padding:0; margin:0; background-image:url(../img/logo_stybo.jpg); background-repeat:no-repeat; float:left;
}

#titular #titulos{ margin:0 auto; padding:0; background-image:url(../img/titulos.jpg); background-repeat:no-repeat; width:1100px; height:35px; }
#titular #titulos p {color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:35px; padding:0; margin:0; text-align:center; width:334px; }

/*----------------------------------------------------------------------------------------------------------------------------*/


#contenedor #uno{ width:334px; height:20px; float:left;
}

#contenedor #dos{ width:441px; float:left;
}

#contenedor #dos div{ width:441px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; color:#666; margin:0; clear:both;
}

#contenedor #dos div h2{font-size:16px; font-weight:600; margin:0 0 10px 0; padding: 0; line-height: 100%;
}

#contenedor #dos div h3{font-size:13px; font-weight:600; line-height:120%; margin:0 0 10px 0; padding: 0;
}

#contenedor #dos p{margin: 0; padding: 0; line-height: 150%; font-size:12px;
}

#contenedor #dos div ul {margin: 0; padding: 0; font-size: 12px;
}
#contenedor #dos div ul li {margin: 0; padding: 0; font-size: 12px; list-style-type:square; list-style-position:inside;
}

#contenedor #dos div a{text-decoration:none; color:#666;}

#contenedor #dos div:hover{}



#contenedor #tres{ position: relative; width:325px; float:left; height:1100px;
}
#contenedor #tres a {position:absolute; display:block; overflow: hidden; padding: 0 0 80px 120px; width: 0; height: 0;}
#contenedor #tres a:hover {background-image:url(../img/hoverdiv_tres_.jpg);}


/*----------------------------------------------------------------------------------------------------------------------------*/

#contenedor #pie{ clear:both; width:100%; height: 40px; background-color:#EFEFEF; margin:20px 0 0 0; position: relative;
}

#pie ul, #pie li{ list-style:none; display:inline; height:40px; padding:0; margin:0;
}

#pie ul li a{ display:block; margin:0; padding:0; float:right; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:center; line-height:40px; font-weight:600; cursor:pointer; text-decoration:none; width:325px;

}

a.exito{ width:334px; height:40px; background-image:url(../img/pie_exito.jpg); background-repeat:no-repeat; color:#666;
}

a.exito:hover{color:#FFF; background-image:url(../img/pie_exito_hover.jpg);
}


a.articulos{width:441px; height:40px; background-image:url(../img/pie_articulos.jpg); background-repeat:no-repeat; color:#666;
}

a.articulos:hover{color:#FFF; background-image:url(../img/pie_articulos_hover.jpg);
}

a.contacto{width:325px; height:40px; background-image:url(../img/pie_contacto.jpg); background-repeat:no-repeat; color:#FFF; 
}
a.contacto:hover{color:#fff; background-image:url(../img/pie_contacto_hover.jpg);
}

/*--------------------------------------------------FORMULARIO--------------------------------------------------------*/
#contenedor form table p {font-size:10px; padding:0 0 0 20px; margin:0;}
#contenedor form table {margin: 20px 0 0 0; padding:0;}
input { margin:0 0 10px 20px; padding:0;}
textarea { margin:0 0 10px 20px; padding:0;}
.boton { border: 1px solid #919191; background-color:#919191; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:20px; cursor:pointer; color:#FFFFFF;}