/* CSS Document */
body { margin-top:0px; background-color: #000000; background-image:url(../imagenes/fondo.jpg); background-repeat:repeat-x}
#cabecera { margin:0 auto; width:920px; height:300px; background-image:url(../imagenes/todo_cabecera1.jpg); background-repeat:no-repeat;}
#logo_cabecera { float:left;margin-left:680px; width:233px; height:220px;  background-image:url(../imagenes/logo_magdiel.jpg); background-repeat:no-repeat}
#link_cabecera { float:left; margin-top:195px; background-color:#000000; padding-left:5px; padding-right:5px;}
#link_cabecera a { text-decoration:none; color:#FFFFFF}
#link_cabecera a:hover { background-color:#FFFFFF; color:#000000}
#menu { margin:0 auto; width:920px; height:40px; background-color:#666666}
#menu ul { list-style:none; margin-left:0px; margin-top:-15px; padding-left:0px;}
#menu ul li { float:left; width:183px; height:40px;text-align:center; border-right:dashed #CCCCCC 1px; }
#menu ul li a { text-decoration:none; color:#000000; display:block; height:30px; padding-top:10px;}
#menu ul li a:hover { background: #006699; color:#FFFFFF}
.activo { background: #006699;}
.activo strong { color:#FFFFFF}
#line1_h { margin:0 auto; width:920px; height:7px; background-image:url(../imagenes/linea1.jpg)}
#contenido { margin:0 auto; width:920px; height:470px; background: #999999;}

#contenido2 { margin:0 auto; padding-left:10px; padding-right:10px; width:900px; height:2150px; background: #999999;}
#contenido2 h1 { margin-top:0px; font-size:20px; color: #003366; padding-top:15px;}
#contener_img { width:900px; height:2100px; background-color: #666666;}
#contener_img ul { list-style:none; margin-left:0px; padding-left:50px;}
#contener_img ul li { float:left; padding-top:5px;}
#contener_img ul li h1 { font-size:16px; color:#FFFFFF}

#servicios { float:left; padding-left:10px; padding-right:10px; width:279px; height:400px; border-right:dashed #000000 1px;}
#servicios h1,#bienvenida h1,#contac1 h1, #misclientes h1 { font-size:20px; color: #003366;}
.primeraletra { background-color:#003366; color:#FFFFFF;}
#servicios ul {  list-style:none; border:dashed  #666666  1px; padding-left:5px; background: #B9B9B9; color: #333333; font-size:17px}
#refe_servi { float:left; width:620px; height:400px;}
#bienvenida,#misclientes { float:left; width:900px; padding-left:10px; padding-right:10px;}
#bienvenida p { color:#333333; text-align:justify;}
#vitrina1 { float:left; width:920px; }
#line2_h { margin:0 auto; width:920px; height:7px; background-image:url(../imagenes/linea2.jpg)}
#pie_resumen { margin:0 auto; width:920px; height:200px; border-top:dashed  #CCCCCC 1px;}
#pie_resumen iframe {height:200px; width:920px; border:none;}
#pie_final { margin:0 auto; width:920px; height:80px; border-top:dashed  #CCCCCC 1px;}
#pie_final iframe {height:80px; width:920px; border:none;}
#ref_1,#ref_2,#ref_3 { float:left; width:550px; padding-left:20px; }
#ref_1 h2,#ref_2 h2,#ref_3 h2 { font-size:18px;}
#ref_1 p { font-size:14px;}
#ref_1 a,#ref_2 a, #ref_3 a { color: #fff;}
#ref_1 .link_dentro,#ref_3 .link_dentro { text-decoration:none; color:#fff}
#servicios a { text-decoration:none; color: #666666;}
#contac1 { float:left; width:399px; padding-left:10px; border-right:dashed #000000 1px;}
#contac1 input { height:25px; padding-left:5px;}
#contac1 textarea { padding-left:5px; padding-top:5px;}
#contac2 { float:left; width:500px; padding-left:10px;}
#contac2 h1 { margin-top:40px; font-size:18px;}
#contac2 h2 { font-size:14px;}
#contac2 a { text-decoration:none; color:#FFFFFF;}
#contac2 a:hover,#ref_1 a:hover,#ref_2 a:hover,#ref_3 a:hover { background-color:#FF9900;}
#loenviado { padding-left:10px; padding-top:10px;}
#misclientes ul { list-style:none; margin-left:0px; padding-left:0px; }
#misclientes ul li { float:left; width:255px; padding-bottom:5px;}